/**Emtrix***/

body, html { /*height: 100%;*/ font-size: 19px; font-family: Tipograf-Regular, Arial; }
#header2 .menu-sub li, #header2 .menu-sub li a, .categories-strip ul li { transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }

/***Home Page***/
.home-page .grid-text-section.hideBanner { background: transparent; height: 0; padding: 0; margin: 0; overflow: hidden; }

/*Header*/
/*.home-page*/ #header2 { background: -webkit-linear-gradient(top,rgba(0,0,0,0.52),rgba(0,0,0,0.3),rgba(0,0,0,0.2),transparent); height: 120px; position: fixed; }
.home-page #home-gallery::after { position: absolute; content: ""; display: block; top: 0; right: 0; left: 0; bottom: 0; background: -webkit-linear-gradient(top,rgba(0,0,0,0.52),rgba(0,0,0,0.3),rgba(0,0,0,0.2),transparent); }
#header2 .header-top { display: none; }
#header2 #header-container { padding-top: 1%; }
#header2 ul.menu li { padding: 5px 12px; }
#header2 ul.menu li.active { border: 2px solid #fff; color: #fff; }
#header2 ul.menu > li:before { content: none; }
#header2 ul.menu li a { font-size: 110%; text-decoration: none; }
#header2 ul.menu li a:hover { color: #fff; }
#header2 ul.menu li a:visited, #header2 ul.menu li a:hover, #header2 ul.menu li a:link, #header2 ul.menu li a:active { text-decoration: none; }
#header2 ul.menu li { margin-left: 10px; border: 2px solid transparent; }
/*#header2 ul.menu li:hover { border: 2px solid #fff; transition: 0.5s;}*/
#header2 ul.menu { margin-right: 40px; }
#header2 .max-width { max-width: 100%; }
#header2 #header-left { padding-left: 55px; }
#header2 ul.menu li a:focus { border-bottom: none; }
#header2 ul.menu li:hover { color: #fff; }
#header2 ul.menu li a:focus { opacity: 1; }
#header2 .menu-nav { margin-top: 19px; }
#header2 .menu-sub { background: #7D2C83; padding: 5px 0 0; }
#header2 ul.menu .menu-sub li a { width: auto; display: inline-block; color: #fff !important; }
#header2 ul.menu .menu-sub li.active a, #header2 ul.menu .menu-sub li a:hover, #header2 ul.menu .menu-sub li a:focus { text-decoration: underline; }
.categories-strip { background: #f2f2f2; color: #000; }

#header2.bg { height: 85px; background: #fff; padding: 0 10px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
/*#header2.bg ul.menu li.active { border: 2px solid #7C2B83; transition: all 200ms ease-out;-webkit-transition: all 200ms ease-out;}*/
#header2.bg ul.menu li.active > a { color: #7C2B83; }
#header2.bg #header-container { padding-top: 0; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
#header2.bg ul.menu li > a { color: #000; }
#header2.bg #header-left img { content: url('../../../warehouse/temp/emtrix/logo-purple.png'); }
#header2.bg #header-left { padding-top: 17px; }

/*Banner*/

.top-caption { position: static; font-size: 340%; max-width: 800px; margin: 0 auto; padding-top: 230px; color: #000; text-align: right; line-height: 1; transform: none; -webkit-transform: none; -ms-transform: none; }
.contact .top-caption { max-width: 850px; }
.home-page #home-gallery .gallery-caption { width: auto; left: 72%; border-radius: 5px; padding: 5px; }
.home-page .gallery-text:first-child { text-align: right; line-height: 1; }
.home-page .gallery-text div span { font-size: 125%; color: #7D2784; font-weight: bold; line-height: 0.64; margin-bottom: 15px; }
.home-page .gallery-text div { font-size: 74%; color: #121212; direction: rtl; }
.home-page .gallery-text div a { display: inline-block; font-size: 42%; background: #7c2b83; border-radius: 30px; padding: 4px 20px; line-height: 1.5; text-align: center; color: #fff; width: 200px; }
.home-page #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 10%; }
.home-page #home-gallery .flex-control-paging li a { background: #fff; }
.home-page #home-gallery .flex-control-paging li a.flex-active { background: #9B4D9F; }
.home-page .gallery-text:first-child a:hover { color: #fff; background: #9a599e; transition: 0.3s; }
#headline h1 { font-size: 125%; color: #7D2C83; }
#headline { position: relative; }
/*div#headline::after { background: url(../../../warehouse/temp/emtrix/line-black-svg.svg); content: " "; width: 100%; background-repeat: no-repeat; height: 19px; display: block;
    position: absolute; left: 39%; bottom: -40%;}*/
div#headline::after { content: " "; background: #000; width: 157px; height: 3px; position: absolute; left: 39%; bottom: -30%; }
/*section#GridTop::after {position: absolute; content: ""; display: block; top: 0; right: 0; left: 0; bottom: 0;
    background: rgba(0,0,0,0.5);*/ } /*-webkit-linear-gradient(top,rgba(0,0,0,0.52),rgba(0,0,0,0.3),rgba(0,0,0,0.2),transparent);*/
#headline { margin-bottom: 40px; }
#home-gallery > div.iconsBoxRight > div > a { pointer-events: none; }

#stickyButton-2876 img { max-width: 120px; }
#stickyButton-2876 a { pointer-events: none; }
#home-gallery .iconBox img { max-width: 120px; }

/*Icons*/
.grid-boxes .box-image-animation:hover img { transform: none; }
.home-page .sections .grid-content-section { padding: 0 15px; max-width: 1000px; }
.home-page .section-title h1 { font-size: 265%; color: #7c2b83; }
.home-page .section-animation-item.up { position: relative; }
/*.home-page .grid-content-section .section-animation-item h1:after { background: url('../../../warehouse/temp/emtrix/line-black-svg.svg'); content: " "; width: 250px; height:19px; display: block; position: absolute;
    left: 41%; bottom: -20%; background-repeat: no-repeat;}*/
.home-page .grid-content-section .section-animation-item h1:after { content: " "; background: #000; width: 157px; height: 3px; position: absolute; left: 42%; bottom: -50%; }
.home-page #allSectionsWrapper .grid-boxes { margin-top: 7%; }
.home-page .grid-boxes .box-image-animation img { width: 201px; height: 198px; margin: auto; }
.home-page .grid-boxes .grid-box-image { padding-bottom: 68%; }
.home-page .grid-boxes .grid-box-title h3 a { color: #7A1876; font-size: 115%; }
.home-page .grid-boxes .grid-box-subtitle span { font-size: 92%; }

/*Before and After Page*/
.before-after #LobbyModule .grid-boxes .grid-box-subtitle a { display: inline-block; width: 105px; background: #7D2784; border-radius: 22px; color: #fff; padding: 3px 0px; margin: auto; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
/*.before-after #LobbyModule .grid-boxes .grid-box-subtitle a:hover, .before-after #LobbyModule .grid-boxes .grid-box-subtitle a:focus { background: #9a599e; }*/
.before-after #LobbyModule .grid-box { opacity: 1; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
.before-after #LobbyModule .grid-box:hover .grid-box-subtitle a, .before-after #LobbyModule .grid-box:focus .grid-box-subtitle a { background: #9a599e; }
.before-after div#headline::after { left: 50%; transform: translateX(-50%); }
.before-after #lobbyText p { font-size: 110%; }
.before-after #lobbyview .grid-boxes, .before-after #LobbyModule .grid-boxes { max-width: 800px; }
.before-after .grid-box-title { display: block; padding: 20px 0 10px; }
.before-after #LobbyModule .grid-boxes .grid-box-image { margin-bottom: 0; }
.before-after #LobbyModule .grid-boxes .grid-box-title h3 { margin-bottom: 0; }
.before-after .grid-boxes .grid-box-title h3 a { color: inherit; }
#LobbyModule .sections .grid-content-section { padding: 0; }
.before-after .grid-content-section { margin-bottom: 0; }
.before-after .grid-text p { margin-top: 0; }
.before-after .grid-text-section { padding: 20px 0 0; }

div#text1 p { font-size: 21px; }

/*FAQ Page*/
/*.faq div#headline::after { background: url(../../../warehouse/temp/emtrix/line-black-svg.svg); content: " "; width: 100%; background-repeat: no-repeat; height: 19px; display: block;
    position: absolute; left: 34%; bottom: -40%;}*/
.faq div#headline::after { content: " "; background: #000; width: 157px; height: 3px; position: absolute; left: 40%; bottom: -30%; }
.faq .faq-item span { color: #7D2C83; font-size: 24px; }
.faq #ContentFaqModule { width: 800px; margin: auto; }
.faq .faq-item p { font-size: 21px; }
.faq .top-caption { line-height: 1; }

/*Nail Fungus & About page*/
/*Content section*/
.nailfungus #text1, .about #text1 { text-align: right; }
.nailfungus #text1 ul { padding-right: 20px; margin-bottom: 15px; }
.nailfungus #text1 h1, .nailfungus #text1 h2, .about #text1 h1, .about #text1 h2 { color: #7D2C83; }
.nailfungus #text1 h2 { padding-top: 3%; }
.nailfungus #text1 p, .nailfungus #text1 ul li { font-size: 110%; }
.about #pageview, .nailfungus #pageview { max-width: 800px; margin: auto; }
.about #pageview #headline h1, .nailfungus #pageview #headline h1 { text-align: right; }
.about #pageview #text1, .nailfungus #pageview #text1 { max-width: 100%; }
.about div#headline::after, .nailfungus div#headline::after { left: 80%; }

/*Lower Banner*/
.home-page .grid-text-section { background: url('../../../warehouse/temp/emtrix/banner.jpg'); height: 620px; background-position: center; background-size: cover; margin-bottom: 0; }
.home-page .grid-text-section .section-animation-item.up h2 { color: #fff; font-size: 265%; font-weight: bold; }
.home-page .section-title { padding-top: 8%; }
.home-page .grid-text p { width: 50%; margin: auto; font-size: 121%; color: #fff; padding-top: 1%; padding-bottom: 2%; }
.home-page .grid-text .sec-button { background: #7D2784; padding: 4px 20px; border-radius: 30px; font-size: 127%; width: 200px; }
.home-page .owl-carousel .owl-prev:after { background-image: url('../../../warehouse/temp/emtrix/arrow-right.png'); margin-right: 20px; }
.home-page .owl-carousel .owl-next:after { background-image: url('../../../warehouse/temp/emtrix/arrow-left.png'); margin-left: 20px; }
/*Gallery*/
.home-page .grid-gallery-section .section-title h2 { color: #7D2784; font-size: 290%; }
.home-page .grid-gallery-section .section-title::before { content: ""; display: block; background: url('../../../warehouse/temp/emtrix/finger.png'); position: absolute; width: 120px; height: 120px; bottom: 50%; right: 0; transform: translateY(50%); }
/*.home-page .grid-gallery-section .section-title::after { content: ""; display: block; background: url('../../../warehouse/temp/emtrix/line-purple.svg'); position: absolute;
    width: 250px; height: 19px; bottom: -30%; right: 50%; transform: translateX(50%);}*/
.home-page .grid-gallery-section .section-title::after { content: ""; display: block; position: absolute; width: 157px; height: 3px; bottom: -25%; right: 50%; background: #7D2784; transform: translateX(50%); }
.home-page .grid-gallery-section .section-animation-item.up { padding-top: 2%; margin-bottom: 1%; }
.home-page .owl-carousel .owl-item .item { padding: 0px 10px; }


/*Footer*/
footer { padding-top: 0px; }
#SiteFooter { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; }
#SiteFooter .footer-right-logo img { width: 350px; height: 70px; }
#SiteFooter #partners-section { width: 50%; float: right; padding-bottom: 4%; height: 250px; padding-top: 3%; }
#SiteFooter div#partners-section::before { content: " "; display: inline-block; width: 2px; height: 192px; background: #fff; position: absolute; top: 17%; left: 0; opacity: 0.2; }
#SiteFooter div#partners-section { background: #7B2B82; order: 1 }
#SiteFooter .footer-text-divided { order: 3 }
.footer-text-divided > div.footer-text-right { text-align: center; }
.site-credit.alternative { padding: 5px 0; order: 4; width: 100%; }
.footer-text { width: 50%; padding-top: 60px; padding-right: 30px; background: url(../../../warehouse/temp/emtrix/bg2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; height: 250px; order: 2 }

.footer-menu-outer { text-align: center; }
.footer-menu-outer .footer-menu-right, .footer-menu-outer .footer-menu-left { width: auto; display: inline-block; text-align: right; vertical-align: top; }
.footer-menu-outer .footer-menu-left { margin-right: 15px; }
.footer-menu-outer a { color: #fff; display: block; position: relative; font-size: 103%; padding-top: 3px; }
.footer-menu-outer a::after { content: ""; display: block; width: 100%; height: 2px; background: #93539A; position: absolute; right: 0; bottom: -4px; }
.footer-menu-outer .footer-menu-right .last-child::after, .footer-menu-outer .footer-menu-left .last-child::after { content: none; }
.footer-right-logo p { color: #fff; line-height: 2.53; }

/*About page*/
.about #text1 p a { display: inline-block; font-size: 32%; background: #7d2c83; border-radius: 30px; padding: 4px 20px; font-size: 24px; color: #fff; }
.about #text1 p a:hover { color: #fff; background: #9a599e; transition: 0.3s; }
/*Footer*/

.faq #SiteFooter .section-animation-list img, .about #SiteFooter .section-animation-list img, .nailfungus #SiteFooter .section-animation-list img,
.before-after #SiteFooter .section-animation-list img { width: 201px; height: 198px; margin: auto; }
.faq .grid-boxes .grid-box-image, .about .grid-boxes .grid-box-image, .nailfungus .grid-boxes .grid-box-image, .before-after #SiteFooter .grid-boxes .grid-box-image { padding-bottom: 64%; }
.faq .grid-boxes .grid-box-title h3 a, .about .grid-boxes .grid-box-title h3 a, .nailfungus .grid-boxes .grid-box-title h3 a,
.before-after #SiteFooter .grid-boxes .grid-box-title h3 a { color: #79297F; }
.faq div#SiteFooter::before, .about div#SiteFooter::before, .nailfungus div#SiteFooter::before, .before-after div#SiteFooter::before { top: 55%; }


.about #SiteFooter .section.section-animation-list, .faq #SiteFooter .section.section-animation-list, .nailfungus #SiteFooter .section.section-animation-list,
.before-after #SiteFooter .section.section-animation-list { max-width: 1000px; padding: 40px 0 50px; }

/*Contact Page*/
.contact #contact-boxes { margin-bottom: 0px; }
.contact #contactform { background: #eae3eb; border: none; border-radius: 20px; max-width: 850px; margin: 4% auto; }
#contactform .contact-container { width: 90%; }
.contact .normal-form input, #contactform textarea { border: none; background: #fff; border-radius: 25px; }
.contact .normal-form input[type=submit] { background: #7D2784; line-height: 1.8; }
.contact .normal-form input[type=submit]:hover { color: #fff; background: #9a599e; transition: 0.3s; border: none; }
/*.contact div#headline::after { background: url(../../../warehouse/temp/emtrix/line-black-svg.svg); content: " ";  background-repeat: no-repeat; height: 19px; display: block;
    position: absolute; left: 44%; bottom: -40%; background-size: 12%;}*/
.contact div#headline::after { content: " "; height: 3px; position: absolute; left: 50%; bottom: -30%; transform: translateX(-50%); }
.contact .normal-form:after { border: 1px solid #fff; border-radius: 12px; }
.contact #contactform textarea { padding-right: 15px; }
.contact #contactform h3 { font-size: 165%; color: #79297F; }
.contact #contactDetails .contactDetailsText1 { margin-top: 0; }
.contact .normal-form:after { margin: 5px; }
/*.contact .normal-form input[type=submit] { width: 80%;}*/

/*Studies Page*/
.studies #GridPage { padding: 40px 0; }
.studies #gridshort-view-media.pull-right { padding: 15px 15px 0px; }
.studies #GridContent { margin-bottom: 60px; }
.studies .grid-short-box { margin-bottom: 13%; }
.studies .grid-short-box.box:hover { background: #7D2C83; }
.studies div#headline::after { content: " "; background: #000; width: 157px; height: 3px; position: absolute; left: 43%; bottom: -30%; }

/*before and After page*/
.before-after .grid-boxes .grid-box-image { padding-bottom: 100%; }

/*Articles Page*/

.articles div#headline::after { content: " "; background: #000; width: 157px; height: 3px; position: absolute; left: 43%; bottom: -30%; }

@media(max-width: 1600px) {
    .top-caption { padding-top: 180px; }
}

@media(min-width: 1025px) and (max-width: 1600px) {
    #header2 ul.menu { margin-right: 25px; margin-left: 0px; }
    #header2 ul.menu li { margin: 0px; padding: 5px 7px; }
    #header2 ul.menu li a { font-size: 100%; }
    /*Icons Section*/
    .home-page .grid-boxes .grid-box-image { padding-bottom: 64%; }
    /*Footer*/
    /*About page, Nail Fungus page, FAQ page, Before and After pages*/
    .faq .footer-menu-outer a::after, .about .footer-menu-outer a::after, .nailfungus .footer-menu-outer a::after, .before-after .footer-menu-outer a::after { width: 100%; }
    .faq #SiteFooter .section.section-animation-list, .about #SiteFooter .section.section-animation-list, .nailfungus #SiteFooter .section.section-animation-list,
    .before-after #SiteFooter .section.section-animation-list { max-width: 1000px; }
    /*Contact page*/
    div#SiteFooter::before { height: 160px; }
}

@media(min-width: 1025px) {
    .faq #SiteFooter #partners-section, .about #SiteFooter #partners-section, .nailfungus #SiteFooter #partners-section,
    .before-after #SiteFooter #partners-section { padding-right: 15%; }
    /*#header2.bg ul.menu li:hover { border: 2px solid #7C2B83;transition: 0.5s; -webkit-transition: 0.5s;}*/
    #header2.bg ul.menu li:hover > a, #header2 ul.menu .menu-sub li:hover > a { color: #7C2B83; transition: 0.5s; -webkit-transition: 0.5s; }
    #header2 .menu-sub li.active, #header2 .menu-sub li:hover, #header2 .menu-sub li:focus { background: #7C2B83; border-color: transparent !important; }
    #header2 .menu-sub li.active a, #header2 .menu-sub li:hover a, #header2 .menu-sub li:focus a { color: #fff !important; }
}

@media(min-width: 768px) {
    .categories-strip ul li.strip-item.active, .categories-strip ul li.strip-item:hover, .categories-strip ul li.strip-item:focus { background: #7D2C83; color: #fff; }
}

@media(min-width: 1171px) and (max-width: 1440px) {
    /*.before-after div#headline::after { left: 44%; background-size: 12%;}*/
    .before-after div#headline::after { left: 50%; }
}

@media(min-width: 1025px) and (max-width: 1170px) {
    #header2 .max-width { width: 100%; }
    #header2 ul.menu { margin-right: 0px; }
    #header2 #header-left { padding-left: 0px; width: 11.666667%; }
    /*.contact div#headline::after { left: 44%;}*/
    .contact div#headline::after { left: 50%; }
    /*.before-after div#headline::after { left: 41%; background-size: 18%;}*/
    .before-after div#headline::after { left: 50%; }
}

@media (max-width:1024px) {
    #headline h1 { font-size: 105%; }
    .top-caption { font-size: 300%; line-height: 1; }
    #text1 h1 { font-size: 180%; }
    #header2 ul.menu li:hover { border: none; }
    #header2 ul.menu li a:hover { color: #7D2C83; }
    .menu-nav .nav-menu-anim span, .menu-nav .nav-menu-anim span:after, .menu-nav .nav-menu-anim span:before,
    .menu-nav .nav-menu-anim span, .menu-nav .nav-menu-anim span:after, .menu-nav .nav-menu-anim span:before { background: #fff; }
    .menu-nav .nav-menu-anim .active span, .menu-nav .nav-menu-anim .active span:after, .menu-nav .nav-menu-anim .active span:before,
    .menu-nav .nav-menu-anim .active span, .menu-nav .nav-menu-anim .active span:after,
    .menu-nav .nav-menu-anim .active span:before { background: #7D2C83; }
    #header2 .menu-nav .closed { color: #fff; font-size: 160%; }
    #header2.bg .menu-nav .closed { color: #7D2C83; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
    #header2.bg #nav-toggle span, #header2.bg #nav-toggle span:after, #header2.bg #nav-toggle span:before, #header2.bg #nav-toggle-mobile span,
    #header2.bg #nav-toggle-mobile span:after, #header2.bg #nav-toggle-mobile span:before { background: #7C2B83; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
    #header2.bg ul.menu li.active { border: none; }
    #header2.bg ul.menu li:hover { border: none; }
    #header2.bg #nav-toggle.active span { background: #fff; }
    .home-page .gallery-text div a { font-size: 50%; width: 160px; }
    .has-sub i.opensub { color: #000; }
    #header2 .menu-sub { background: none; }
    #header2 ul.menu .menu-sub li a { color: #000 !important; float: none; padding: 0; }
    #stickyButton-2876 img { max-width: 80px; }

    /*.menu-nav .nav-menu-anim div#nav-toggle.active span,*/ .menu-nav .nav-menu-anim div#nav-toggle.active span:after,
    .menu-nav .nav-menu-anim div#nav-toggle.active span:before { background: #7C2B83; }
    .about #pageview, .nailfungus #pageview { max-width: 600px; }
    .faq #GridContent #ContentFaqModule { width: 600px; margin: auto; }
    .top-caption { max-width: 600px; min-width: unset; }
    .footer-menu-outer a { font-size: 90%; }
}

@media(min-width: 768px) and (max-width: 1024px) {
    /*Menu*/
    #header2.bg { height: 100px; }
    #header2 ul.menu { margin: 0px; background-image: linear-gradient(to top, #DBDBDB, #ffffff); width: 50%; }
    #header2 ul.menu li a { color: #000; }
    #header2 .menu-nav .closed { color: #fff; font-size: 160%; }
    #header2 .menu-nav .opened { color: #7C2B83; font-size: 160%; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { /*background: #7C2B83;*/ height: 4px; }
    .header-right-section { background: transparent; }
    #header2 .max-width { width: 100%; }
    #header2 #header-left { width: 30%; padding-left: 15px; }
    #header2 .pull-right { width: auto; }
    #header2 ul.menu li.active { background: none; border: none; }
    #header2 ul.menu li.active a { color: #7C2B83; }
    /*#header2 ul.menu li.active a::after { content: ""; display: block; background: url(../../../warehouse/temp/emtrix/line-purple.svg); background-size: 37%; background-repeat: no-repeat;
    position: absolute; width: 100%; height: 19px; bottom: -25%; right: 18%; transform: translateX(50%);}*/
    #header2 ul.menu > li.active > a:after { content: ""; background: #7D2784; position: absolute; width: 120px; height: 3px; bottom: -5%; right: 50%; transform: translateX(50%); }

    /*About page, Nail Fungus page, FAQ page, Before and After pages*/
    /*Icons Section*/
    .home-page #allSectionsWrapper .grid-boxes { margin-top: 4%; }
    .home-page .section-title h1 { width: auto; margin: auto; font-size: 240%; }
    .home-page .grid-content-section .section-animation-item h1:after { left: 50%; bottom: -23%; transform: translateX(-50%); }
    .home-page .grid-boxes .grid-box-image { padding-bottom: 79%; }
    .home-page .grid-boxes .grid-box-image-container { height: 235px; }
    .home-page .grid-boxes .box-image-animation { padding-top: 10px; }
    .home-page .sections .grid-content-section { padding-top: 40px; margin-bottom: 30px; }
    .home-page .grid-boxes .box-image-animation img { width: 170px; height: 170px; }
    /*Lower Banner*/
    .home-page .grid-text p { width: 100%; font-size: 120%; padding: 3% 0 6%; }
    .home-page .grid-gallery-section .section-title:before { content: none; }
    /*Finger thumbnail*/
    .home-page .grid-text-section { height: 450px; }
    .home-page .grid-text-section .section-animation-item.up h2 { font-size: 200%; }
    /*Lower Gallery*/
    .home-page .grid-text-section .section-title { padding-top: 8%; }
    .home-page .grid-gallery-section .section-title h2 { font-size: 240%; }
    /*.home-page .grid-gallery-section .section-title::after { bottom: -10%;}*/
    .home-page .grid-gallery-section .section-title::after { bottom: 10%; }
    .home-page .grid-gallery-section { margin-bottom: 0px; }
    .home-page .grid-gallery-section .section-animation-item.up { padding: 3% 0; }

    /*Footer*/
    .footer-text { width: 50%; padding-right: 15px; padding-top: 35px; }
    .footer-menu-outer .footer-menu-right, .footer-menu-outer .footer-menu-left { /*width: 44%;*/ width: 33.33%; }
    .footer-menu-outer .footer-menu-left { margin-right: -20px; }
    div#SiteFooter::before { height: 70%; top: 10%; }
    #SiteFooter .footer-right-logo img { width: 320px; height: 60px; }
    #SiteFooter div#partners-section, .footer-text { height: 200px; }
    #SiteFooter div#partners-section { padding-top: 7%; }
    #SiteFooter div#partners-section::before { height: 150px; }
    .footer-menu-outer { text-align: right; margin-right: 5px; }
    .footer-menu-outer > div { margin-left: 10px; }

    /*About page, Nail Fungus page, FAQ page, Before and After pages*/
    .faq #SiteFooter .grid-boxes .grid-box-image, .about #SiteFooter .grid-boxes .grid-box-image, .nailfungus #SiteFooter .grid-boxes .grid-box-image,
    .before-after #SiteFooter .grid-boxes .grid-box-image { padding-bottom: 73%; }
    .faq div#SiteFooter::before, .about div#SiteFooter::before, .nailfungus div#SiteFooter::before, .before-after div#SiteFooter::before { content: none; }
    .faq div#partners-section::before, .about div#partners-section::before, .nailfungus div#partners-section::before, .before-after div#partners-section::before { content: " "; display: inline-block; width: 2px; height: 75%; background: #fff; position: absolute; top: 16%; opacity: 0.2; left: 0; }
    .nailfungus #text1 p, .nailfungus #text1 ul li { font-size: 19px; }
    .faq #SiteFooter .section-animation-list img, .about #SiteFooter .section-animation-list img, .nailfungus #SiteFooter .section-animation-list img,
    .before-after #SiteFooter .section-animation-list img { width: 170px; height: 170px; margin: auto; }
    .before-after .col-sm-6 { width: 25%; }

    .about #SiteFooter .section.section-animation-list, .faq #SiteFooter .section.section-animation-list, .nailfungus #SiteFooter .section.section-animation-list,
    .before-after #SiteFooter .section.section-animation-list { max-width: 600px; }

    .faq #SiteFooter .grid-boxes .grid-box-image, .about #SiteFooter .grid-boxes .grid-box-image, .nailfungus #SiteFooter .grid-boxes .grid-box-image,
    .before-after #SiteFooter .grid-boxes .grid-box-image { padding-bottom: 95%; }

    /*Contact Page*/
    .contact div#headline::after { left: 40%; background-size: 20%; }
    .contact .col-sm-6 { width: 33%; }

    /*About Page*/
    /*.about div#headline::after { left: 83%; background-size: 18%; bottom: -60%;}*/
    .about div#headline::after { left: 73.5%; bottom: -30%; }
}

@media(min-width: 960px) and (max-width: 1024px) {
    .footer-menu-outer a::after { width: 85%; left: 30px; }

    /*.contact div#headline::after {left: 44%; background-size: 12%;}*/
    .contact div#headline::after { left: 50%; }
    .articles div#headline::after { /*left: 37%;*/ bottom: -55%; }
    .articles div#headline::after { left: 41%; }
    /*.faq div#headline::after {left: 40%; bottom: -50%; background-size: 20%;}*/
    .faq div#headline::after { left: 37%; bottom: -30%; }
    .nailfungus div#headline::after { /*left:77%; background-size: 22%;*/ bottom: -55%; }
    .nailfungus div#headline::after { left: 73%; }
    /*.about div#headline::after { left: 85%; background-size: 15%;}*/
    .about div#headline::after { left: 74%; }
    /*.before-after div#headline::after { left: 43%; background-size: 15%;}*/
    .before-after div#headline::after { left: 50%; }
    /*.studies div#headline::after { left: 39%; background-size: 22%;}*/
    .studies div#headline::after { left: 42%; }
}

@media(min-width: 768px) and (max-width:959px ) {
    .footer-menu-outer a::after { width: 75%; left: 30px; }

    div#headline::after { left: 33%; }
    /*.contact div#headline::after {left: 42%; background-size: 17%;}*/
    .contact div#headline::after { left: 50%; }
    /*.articles div#headline::after {bottom: -50%;}*/
    .articles div#headline::after { left: 39%; bottom: -25%; }
    .faq div#headline::after { left: 38%; /*bottom: -50%;*/ background-size: 25%; }
    .faq div#headline::after { bottom: -30%; }
    .nailfungus div#headline::after { left: 73%; background-size: 27%; bottom: -55%; }
    /*.before-after div#headline::after { left: 40%; background-size: 20%;}*/
    .before-after div#headline::after { left: 50%; }
    /*.studies div#headline::after { left: 36%; background-size: 28%;}*/
    .studies div#headline::after { left: 39%; }
    .home-page #home-gallery .gallery-caption { width: auto; left: 65%; }

    .top-caption { max-width: 360px; font-size: 240%; }
}

@media(max-width: 990px) {
    .contact .top-caption { max-width: 90%; }
}

@media(max-width: 767px) {

    /*Menu*/
    #header2 { height: 85px; background: #fff; padding: 0; }
    #header2 #header-container { padding-top: 0; }
    #header2 #header-left img { content: url('../../../warehouse/temp/emtrix/logo-purple.png'); margin-top: 10px; }
    #header2 .max-width { width: 100%; }
    #header2 #header-container { padding: 0px; }
    #header2 ul.menu li.active { color: #7C2B83; background: none; border: none; }
    #header2 ul.menu li.active a { color: #7C2B83; }
    #header2 ul.menu li a { color: #000; font-size: 140%; }
    #header2 ul.menu { margin: 0px; background-image: linear-gradient(to top, #DBDBDB, #ffffff); width: 100vw; height: 100vh; padding-top: 75px; }
    #header2 ul.menu li { padding: 8px 12px; }
    #header2 { height: auto; padding: 0; }
    #header2 #nav-toggle span, #header2 #nav-toggle span:after, #header2 #nav-toggle span:before, #header2 #nav-toggle-mobile span,
    #header2 #nav-toggle-mobile span:after, #header2 #nav-toggle-mobile span:before { background: #7C2B83; }
    #header2 #nav-toggle.active span { background: #fff; }
    /*#header2 ul.menu li.active a::after { content: ""; display:block; background: url(../../../warehouse/temp/emtrix/line-purple.svg); background-size: 35%; background-repeat: no-repeat;
    position: absolute; width: 100%; height: 19px; bottom: -23%; right: 18%; transform: translateX(50%);}*/
    #header2 ul.menu > li.active > a:after { content: ""; background: #7D2784; position: absolute; width: 120px; height: 3px; bottom: 10px; right: 50%; transform: translateX(50%); }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #fff; height: 3px; width: 35px; }
    #header2 #header-left { padding: 0; }
    #header2 #header-left { padding-left: 10px; }
    #header2.bg #header-left { padding: 0 0 0 10px; }
    #header2 .menu-nav { margin-top: 10px; }
    #header2.bg #header-left img { margin-top: 10px; }
    #header2 .mobile-middle-kdm { width: 9%; }
    /*Header/Top Banner */
    #header2 { background: #fff; height: 65px; }
    #header2.bg { height: 65px; padding: 0; }
    .header-right-section { background: none; }
    .home-page #home-gallery .gallery-caption { top: 40%; }
    .home-page #home-gallery .gallery-caption .gallery-text { white-space: normal; text-align: right; }
    .home-page .gallery-text:first-child p:nth-child(2) { font-size: 50%; }
    .home-page .gallery-text:first-child p:nth-child(3) { font-size: 48%; margin: 0px auto; }
    .home-page #home-gallery .slider-bg.stellar-bg { min-height: 100vh; }
    .home-page #home-gallery .gallery-caption { left: 58%; }
    .home-page #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 15%; }
    .top-caption { width: 85%; font-size: 225%; line-height: 1; padding-top: 140px; }
    .contact .top-caption { width: 100%; }
    .nailfungus div#headline::after { left: 47%; bottom: -35%; }
    .home-page #home-gallery .scroll-down { bottom: 8%; }

    .home-page #home-gallery .gallery-caption:not(.caption-text) { left: calc(50% - 80px); padding: 0; top: 39%; width: max-content; }
    .cookies-disclaimer h6 { margin: 0; }
    .home-page #home-gallery .gallery-caption:not(.caption-text) .gallery-logo { width: 15px; }
    .home-page #home-gallery .gallery-caption.caption-text { padding: 0; left: 50%; top: 40%; }
    .home-page #home-gallery .gallery-caption .gallery-text { text-align: center; }

    /*Banner*/
    .home-page #home-gallery .gallery-caption { width: 250px; }


    /*Icons Section*/
    .home-page .sections .grid-content-section { padding-top: 30px; margin-bottom: 20px; }
    .home-page .grid-text-section .section-title h2 { color: #fff; padding-top: 15px; }
    .home-page .section-title h1 { font-size: 200%; }
    .home-page .grid-boxes .box-image-animation { padding-top: 7px; }
    .home-page .grid-boxes .box-image-animation img { width: 130px; height: 130px; }
    .home-page .grid-content-section .section-animation-item.up::after { left: 30%; bottom: -40%; width: 220px; background-size: 70%; background-repeat: no-repeat; }
    .home-page .grid-boxes .grid-box-image { padding-bottom: 42%; }
    /*.home-page .grid-content-section .section-title ::after {background: url(../../../warehouse/temp/emtrix/line-black-svg.svg); content: " "; width: 220px; height: 19px; display: block;
    position: absolute; left: 27%; bottom: -35%;background-repeat: no-repeat; background-size: 70%;}*/
    .home-page .grid-content-section .section-animation-item h1:after { left: 25%; bottom: -25%; width: 170px; }


    /*Lower Banner*/
    .home-page .grid-gallery-section .section-title h2 { padding-top: 10px; font-size: 200%; }
    .home-page .grid-text-content p { width: 100%; padding-bottom: 18%; }
    .home-page .grid-text-section .section-animation-item { width: 100%; }
    .home-page .grid-text .sec-button { font-size: 115%; }
    .home-page .grid-text-section .section-title { padding-top: 22%; }
    /*Lower Gallery*/
    .home-page .grid-gallery-section .section-title::before { content: none; }
    /*Finger thumbnail*/
    .home-page .grid-gallery-section .section-title::after { /*background-size: 70%; background-repeat: no-repeat; bottom: 15.5%;*/ width: 220px; right: 41%; }
    .home-page .grid-gallery-section .section-title::after { bottom: 16.1%; width: 170px; right: 49%; }
    .home-page .grid-gallery-section .section-title { margin-bottom: 20%; }
    .home-page .owl-carousel .owl-item .item { padding: 0px; }
    .home-page .grid-gallery-section { margin-bottom: 0px; }
    .home-page .owl-carousel .owl-prev:after { background-image: url('../../../warehouse/temp/emtrix/arrow-right.png'); margin-right: 10px; }
    .home-page .owl-carousel .owl-next:after { background-image: url('../../../warehouse/temp/emtrix/arrow-left.png'); margin-left: 10px; }

    /*Footer*/
    /*div#SiteFooter::after { content: " "; display: inline-block; width: 200px; height: 3px; background: #fff; position: absolute; bottom: 28%; left: 23%; opacity: 0.2;}*/
    #SiteFooter div#partners-section::before { content: none; }
    #SiteFooter #partners-section { width: 100%; float: none; height: auto; }
    .footer-text { width: 100%; padding: 0px 0px 20px 0px; height: auto; }
    .footer-menu-outer { position: static; width: 100%; }
    .footer-menu-outer .footer-menu-right, .footer-menu-outer .footer-menu-left { width: 100%; text-align: center; }
    .footer-menu-outer a { display: inline-block; margin-right: 13px; font-size: 90%; }
    .footer-menu-outer a::after { width: 100%; left: 0; }
    .footer-menu-outer .footer-menu-right .last-child::after, .footer-menu-outer .footer-menu-left .last-child::after { content: ""; }
    .footer-menu-outer .footer-menu-left { margin: 0px; }
    .footer-menu-outer { text-align: center; }
    .footer-menu-outer .footer-menu-right a:first-child, .footer-menu-outer .footer-menu-left a:first-child { margin-right: 0px; }
    div#SiteFooter::before { content: none; }
    #SiteFooter { padding-bottom: 0px; }
    #SiteFooter #partners-section img { width: 120px; height: auto; }

    #subheadline h2 { margin: 0; }

    /*About page, Nail Fungus page, FAQ page, Before and After pages*/
    .faq #SiteFooter .box-image-animation img, .about #SiteFooter .box-image-animation img, .nailfungus #SiteFooter .box-image-animation img,
    .before-after #SiteFooter .box-image-animation img { width: 130px; height: 130px; }
    .faq #SiteFooter .grid-boxes .grid-box-image, .about #SiteFooter .grid-boxes .grid-box-image, .nailfungus #SiteFooter .grid-boxes .grid-box-image,
    .before-after #SiteFooter .grid-boxes .grid-box-image { padding-bottom: 37%; }
    .faq .faq-headline .button-open { left: 10px; }
    .faq .faq-headline { padding: 10px 25px; }
    /*.faq div#headline::after {left: 25%; bottom: -50%; background-size: 50%;}*/
    .faq div#headline::after { left: 27%; bottom: -25%; }
    .before-after div#headline::after { left: 40%; background-size: 20%; }

    /*Contact Page*/
    /*.contact div#headline::after { left: 33%; background-size: 35%;}*/
    .contact div#headline::after { left: 50%; width: 120px; bottom: -20%; }
    .contact .must:before { right: 15px; }
    .contact .contact .normal-form:after { margin: 0; }
    .contact #contactform { margin-bottom: 50px; }
    .contact .col-xs-12.col-md-4.col-sm-6.pull-right { width: 100%; }
    #contactform .contact-container { width: 80%; }
    #contactform h3 { max-width: 70%; }
    #contactform textarea { border-radius: 15px; }

    /*Articles Page*/
    .articles div#headline::after { left: 27%; bottom: -30%; }
    .mobile-strip span, .mobile-strip .select-wrapper { padding: 15px 20px; }
    .mobile-strip { padding: 0; }
    .mobile-strip span { width: 100%; background: #7D2C83; color: #fff; margin-right: 0; }
    .mobile-strip .select-wrapper li.strip-item { color: #000; }

    /*Studies Page*/
    .studies #GridPage { padding-top: 40px; }
    .studies #ContentGridReadMoreModule #pageview { margin-bottom: 12%; }
    .studies .grid-short-box.box { padding-bottom: 115%; }
    .studies #gridshort-view-media .grid-short-box-label, .studies .grid-short-box.box .grid-short-box-text { font-size: 85%; }
    /*.studies div#headline::after { left: 22%; background-size: 56%;}*/
    .studies div#headline::after { left: 28%; }
    .studies .grid-short-box { margin-bottom: 20%; }
    .studies #GridContent { margin-bottom: 20px; }

    /*Before and After Page*/
    /*.before-after div#headline::after { left:29%; background-size: 41%;}*/
    .before-after div#headline::after { left: 50%; }
    .before-after #lobbyview .grid-boxes .grid-box-title h3, .before-after #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 135%; padding: 4px 0px; line-height: 1; }
    .before-after #lobbyview .grid-boxes, .before-after #LobbyModule .grid-boxes { padding-bottom: 30px; }
    /*.before-after #GridContent #lobbyview .grid-boxes .pull-right:nth-child(3)::after,.before-after #GridContent #LobbyModule .grid-boxes .pull-right:nth-child(3)::after {content: ""; display: block; background: #7D2C83; width: 125%; height: 3px; position: absolute;
    bottom: -20%;right: 36%;}*/
    .before-after #GridContent #lobbyview .grid-boxes .pull-right:nth-child(3), .before-after #GridContent #LobbyModule .grid-boxes .pull-right:nth-child(3) { margin-bottom: 40px; }
    .before-after .grid-text-section .grid-text-content { width: 100%; padding: 0; }

    /*About Page*/
    #headline h1 { font-size: 90%; }
    #headline { margin-bottom: 30px; }
    /*.about div#headline::after { background-size: 35%; left: 65%; bottom: -20%;}*/
    .about div#headline::after { left: 48%; bottom: -10%; }
    #home-gallery .iconBox img { max-width: 80px; }
    :is(.before-after,.about) div#stickyButton-2876 { position: absolute; bottom: unset; top: 190px; }

    /*About, Nail Fungus pages*/
    .about #pageview, .nailfungus #pageview { padding: 0 20px 25px; }
    .about #text1 p a { font-size: 21px; }

    /*Faq page*/
    .panel-group { padding-top: 15px; }
    .faq #GridContent #ContentFaqModule { width: 345px; }
}

@media(min-width: 321px) and (max-width: 374px) {
    .home-page .grid-gallery-section .section-title::after { bottom: 15%; }
}

@media(max-width: 320px) {
    /*Menu*/
    #header2 ul.menu li.active a:after { bottom: 5px; }

    /*Header/Top Banner*/
    .home-page .gallery-text:first-child p:nth-child(2) { font-size: 65%; }
    .home-page .gallery-text:first-child p:nth-child(3) { font-size: 55%; width: 80%; margin: auto; }
    .home-page .gallery-text:first-child a { font-size: 65%; margin-top: 7px; }
    .home-page #home-gallery .gallery-caption { top: 35%; }
    .home-page .gallery-text div span { font-size: 140%; }
    .home-page #home-gallery .gallery-caption { width: 240px; }

    /*FAQ Page*/
    /*.faq div#headline::after { left: 20%; background-size: 60%;}*/
    .faq div#headline::after { left: 23%; }

    /*Nail Fungus Page*/
    /*.nailfungus div#headline::after {left: 36%; background-size: 65%;}*/
    .nailfungus div#headline::after { left: 40%; }

    /*Icons Section*/
    .home-page .grid-content-section .section-title { margin: 0px; }
    .home-page .grid-content-section #allSectionsWrapper .grid-boxes { margin-top: 15%; }
    .home-page .grid-boxes .grid-box-image { padding-bottom: 52%; }
    .home-page #allSectionsWrapper .grid-boxes { margin-top: 10%; }
    /*.home-page .grid-content-section .section-animation-item.up::after { background-size: 85%; background-repeat: no-repeat; width: 270px; }*/
    .home-page .grid-content-section .section-animation-item h1:after { left: 20%; }
    /*.home-page .grid-gallery-section .section-title::after { bottom: 13%;}*/
    .home-page .grid-gallery-section .section-title::after { bottom: 13.6%; }

    /*Lower Banner Section*/
    .home-page .grid-text-section .section-title { padding-top: 24%; }

    /*Footer*/
    .home-page div#SiteFooter::before { height: 50%; }

    /*About page, Nail Fungus page, FAQ page, Before and After page*/
    .faq #SiteFooter .grid-boxes .grid-box-image, .about #SiteFooter .grid-boxes .grid-box-image, .nailfungus #SiteFooter .grid-boxes .grid-box-image,
    .before-after #SiteFooter .grid-boxes .grid-box-image { padding-bottom: 42%; }
    div#headline::after { bottom: -27%; }
    .articles #GridPage { padding-top: 10px; }
    /*.articles div#headline::after { bottom: -30%; left: 11%;}*/
    .articles div#headline::after { bottom: -15%; left: 25%; }
    /*.before-after div#headline::after {left: 24%; bottom: -50%; background-size: 49%;}*/
    .before-after div#headline::after { left: 50%; bottom: -25%; }
    #SiteFooter .section { padding: 20px 5px; }
    .about div#headline::after { left: 8%; }
    div#SiteFooter::after { left: 20%; }

    /*About page*/
    /*.about div#headline::after { left: 60%; background-size: 40%; bottom: -20%;}*/
    .about div#headline::after { left: 40%; bottom: -10%; }

    /*Contact Page*/
    /*.contact div#headline::after { left: 30%; background-size: 40%;}*/
    .contact div#headline::after { left: 50%; }
    #contactform h3 { max-width: 80%; }

    /*Studies Page*/
    /*.studies div#headline::after {bottom: -45%; left: 17%; background-size: 65%;}*/
    .studies div#headline::after { bottom: -40%; left: 24%; }
    .studies .pull-right { padding: 15px; }
    .studies .grid-short-box { margin-bottom: 0px; }
}