/* CSS Document */

@media (min-width:1950px) {}
@media (max-width:1850px) {}
@media (max-width:1750px) {}
@media (max-width:1650px) {
.tab-content-button a.btnNext {right: -150px;}
.tab-content-button a.btnPrevious {left: -150px;}
}
@media (max-width:1550px) {
.tab-content-button a.btnNext,.tab-content-button a.btnPrevious {width: 115px;height: 115px;}
.tab-content-button a.btnNext {right: -130px;}
.tab-content-button a.btnPrevious {left: -130px;}
section.tab-with-slider-section .tab-pane-slider-content {padding-left: 100px;}
section.image-with-content-section button.slick-next.pull-right.slick-arrow {right: -100px;}
.image-with-content-right button.slick-prev.slick-arrow{left: -100px}
}
@media (max-width:1500px) {
.tab-content-button a.btnNext, .tab-content-button a.btnPrevious {width: 75px;height: 75px;}
.tab-content-button a.btnNext {right: -80px;}
.tab-content-button a.btnPrevious {left: -80px;}
header .language-button {top: 15px;}
header .language-button {padding-right: 30px;}
}

@media (max-width:1450px) {
section.tab-with-slider-section .tab-pane-slider-content,.slider-content {padding-left: 70px;padding-top:0px;}
header.header .header-logo {max-width: 30.52%;}
.image-with-content-right button.slick-prev.slick-arrow {left: -88px;}
section.image-with-content-section button.slick-next.pull-right.slick-arrow {right: -88px;}
section.image-with-content-section button.slick-next.pull-right.slick-arrow,.image-with-content-right button.slick-prev.slick-arrow {
    width: 70px;
    height: 70px;
}
}
@media (max-width:1400px) {
.tab-pane-slider {padding: 0 80px;}
.tab-content-button a.btnNext {right: 0px;}
.tab-content-button a.btnPrevious {left: 0px;}
section.tab-with-slider-section .tab-pane-slider-content{padding-left: 50px;}
.slider-content {padding-left: 10px;}
.image-with-content-right {padding: 0 80px;}
.image-with-content-right button.slick-prev.slick-arrow {left: -8px;}
section.image-with-content-section button.slick-next.pull-right.slick-arrow {right: -8px;}
}
@media (max-width:1300px) {
footer .footer-mid-section {max-width: 100%;}
.h1, h1 {font-size:47px;}
.h2, h2 {font-size:43px;}
.h3, h3 {font-size:35px;}
.h4, h4 {font-size:31px;}
.h5, h5 {font-size:21px;}
.h6, h6 {font-size:20px;}
.tab-content-button {
    left: 0;
    right: 0;
}
}
@media (max-width:1250px) {
.container{padding:0 30px;}
.tab-pane-slider .d-flex.justify-content-between {align-items: center;}
header .switcher {width: 165px;}
.tab-content-button a.btnNext {
    right: 15px;
}
.tab-content-button a.btnPrevious {
    left: 15px;
}
}
@media (max-width:1199px) {
section.tab-with-slider-section .tab-with-slider-section-inner ul li > a {font-size: 22px;}
section button.slick-next.pull-right.slick-arrow {width: 70px;height: 70px;}

}
@media (max-width:1023px) {
.h1, h1 {font-size:42px;}
.h2, h2 {font-size:36px;}
.h3, h3 {font-size:29px;}
.h4, h4 {font-size:28px;}
.h5, h5 {font-size:20px;}
.h6, h6 {font-size:20px;}
section.tab-with-slider-section .tab-pane-slider-content, .slider-content {padding-left: 20px;}
ul li {line-height: normal;}
.content-section-with-icon-inner br{display: none;}
section.tab-with-slider-section .tab-with-slider-section-inner > ul > li{margin: 0 27px;}
header {height: 65px;}
header .switcher .selected a {padding: 0.9px 5px;}
.tab-content-button a.btnNext, .tab-content-button a.btnPrevious {
width: 58px;
height: 59px;
z-index: 99;
}
section.tab-with-slider-section i.fa {font-size: 16px;text-align: center;}
.tab-pane-slider {
    padding: 0 63px;
}
section.image-with-content-section .first-title {
    padding-top: 50px;
}
.content-section-with-icon-inner .second-title {
    padding-bottom: 15px;
}
.about-txt {
    padding-top: 20px;
}
footer .footer-address p,footer .footer-email a {
    font-size: 21px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}
footer .footer-address, footer .footer-email {
    position: relative;
    width: 100%;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}
footer .footer-address br {
display: none;
}
footer .footer-address:before, footer .footer-email:before {
    top: auto;
    left: -37px;
}
footer li.social-icon {
    margin-left: 15px;
    margin-right: 15px;
}
.footer-social {
    display: none;
}
.footer-social.top-social-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
    border-bottom: 1px solid #f9f9f9;
    padding-bottom: 10px;
}
footer .footer-mid-section {
    margin-bottom: 50px;
    border-bottom: 1px solid #f9f9f9;
}
section.tab-with-slider-section.Second-slider-section {
    padding-bottom: 100px !important;
}
.error-page {
    padding-top: 200px;
}
@media (max-width:991px) {
.tab-content-button {
    position: absolute;
    top: 50%;
    width: 100%;
}
}
}
@media (max-width:767px) {
div#left-logo{display: none !important;}
header.header.fixed .header-logo {
    opacity: 1;
    width: auto;
    height: auto;
    transition: visibility 0s, opacity 1s linear;
}
header {height: 84px;background-color: #ffffff;}
header.header .header-logo,header.header.fixed .header-logo {max-width: 35.52%;margin: unset;}
.switcher .selected {
    border: 1px solid #eaeaea;
    background: #ffffff !important;
}
header .language-button {
    top: 28px;
}

section.banner-section .slick-list.draggable{border-bottom:0; }
section.image-with-content-section .first-title {
    padding-top: 50px;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    color: #000;
}	
p{
	color: #000000;
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: normal;
	line-height: 24px;
}
.h2, h2 {
    font-size: 38px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}
section.tab-with-slider-section .tab-pane-slider-image,section.tab-with-slider-section .tab-pane-slider-content {
    width: 100%;
}
.tab-pane-slider-image img {
    max-width: 45.7%;
    display: flex;
    text-align: center;
    margin: 0 auto;
}	
.h4, h4 {
    font-size: 38px;
    font-weight: 400;
}
section.tab-with-slider-section .tab-with-slider-section-inner ul li > a {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}
.tab-with-slider-section-title {
    font-size: 30px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    color: #bc86d4;
    position: relative;
    z-index: 99;
}
section.content-section-with-icon {
    background-image: url(../image/BG.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

section.content-section-with-icon ul.content-ul li {
    width: 100%;
}
.tab-pane-slider {
    padding: 0;
}
section.tab-with-slider-section button.slick-next.pull-right.slick-arrow {
    right: 61px;
    top: 14%;
}
section.tab-with-slider-section button.slick-prev.pull-left.slick-arrow {top: 14%;left: 61px;}
section.tab-with-slider-section ul.slick-dots {
    top: 330px;
}
section.tab-with-slider-section .tab-with-slider-section-inner ul {
    padding-bottom: 53px;
}
section.tab-with-slider-section .tab-pane-slider-content .second-title {
    padding-top: 75px;
    text-align: center;
}
section.tab-with-slider-section .tab-pane-slider-content {
    padding-left: 0;
}
.slider-content {
    padding-left: 40px;
}
.about-inner {
    text-align: center;
}
/*section.image-with-content-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 47px;
    background-image: url(../image/nshb.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 97px;
}*/
section.image-with-content-section{position: relative;overflow:hidden; }

/*section.content-section-with-icon:after {
    content: "";
    position: absolute;
    background-image: url(../image/Oils.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 113px;
    width: 228px;
    height: 93px;
}*/
.content-section-with-icon-inner > img {
position: relative;
z-index: 99;
}
section.content-section-with-icon{position: relative;z-index: 9;}
section.content-section-with-icon {
    padding: 50px 0 0 0;
}
section.tab-with-slider-section.First-slider-section {
    padding-top: 95px !important;
    position: relative;
    overflow: hidden;
}
/*section.tab-with-slider-section.First-slider-section:after {
    content: "";
    position: absolute;
    background-image: url(../image/soap_bars.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 37px;
    width: 695px;
    height: 138px;
    z-index: 0;
}*/
section.tab-with-slider-section.Second-slider-section {
    padding-top: 45px !important;
    position: relative;
    overflow: hidden;
    padding-bottom: 45px !important;
}
/*section.tab-with-slider-section.Second-slider-section:after {
    content: "";
    position: absolute;
    background-image: url(../image/shampoo_bars.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 58px;
    z-index: 0;
    width: 777px;
    height: 106px;
}*/
section.tab-with-slider-section.Second-slider-section ul.slick-dots {
    top: 330px;
}
/*.second-title.s-color {
    width: 50%;
    margin: 0 auto;
    position: relative;
    z-index: 999;
}*/
span {
    color: #bc86d4;
}
section.contact-us-section {
    position: relative;
    background: linear-gradient(360deg, #f9f9f9 74%, #fff 60%);
    overflow: hidden;
}
/*section.contact-us-section:before {
    content: "";
    position: absolute;
    background-image: url(../image/nshebp.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 15px;
    width: 1117px;
    height: 59px;
}*/
.contact-first-title {
    font-size: 30px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    color: #bc86d4;
}
section.contact-us-section .contact-first-title {
    padding-bottom: 69px;
    position: relative;
    z-index: 998;
}
section.contact-us-section {
    margin-top: 50px;
}
header {
    position: relative;
}
.content-section-with-icon-inner .about-txt p {
    font-weight: 500;
}
ul li {
    line-height: normal;
    font-weight: normal;
}
.gform_wrapper.gravity-theme .gfield.gfield--width-third {
    grid-column: span 12 !important;
}
section.banner-section.banner-top-border {
    border-top: 0;
}
section.contact-us-section > .container {
    padding: 0 90px;
}
section.tab-with-slider-section .tab-with-slider-section-inner ul {
    flex-wrap: wrap;
}
section.tab-with-slider-section .tab-with-slider-section-inner > ul > li {
    padding-bottom: 10px;
}
.extra-text-for-mobile {
    display: block;
}
.slider-content .about-txt {
    display: none;
}
section.image-with-content-section .second-title {
    margin-bottom: 22px;
    font-size: 38px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 40px;
    text-transform: capitalize;
    padding-top: 87px;
}
.extra-text-for-mobile {
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    line-height: 34px;
    text-align: center;
    padding-top: 20px;
}
section.image-with-content-section button.slick-next.pull-right.slick-arrow, .image-with-content-right button.slick-prev.slick-arrow {
    width: 55px;
    height: 55px;
}
.image-with-content-left {
    max-width: 47.3%;
}
.img-inner-main.slick-active {
    align-items: flex-start;
}
/*section.banner-section .image-caption {
    display: block;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    border-radius: 14px;
    border: 1px solid #b167ba;
    background-color: rgb(255 255 255 / 40%);
    position: absolute;
    margin: 0 auto;
    bottom: 23px;
    padding: 9px 11px 9px 38px;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    max-width: 290px;
    width: 100%;
}*/
section.banner-section .image-caption{display: none;}
.image-caption:before {
    content: "\2605";
    position: absolute;
    left: 17px;
    top: 8px;
    color: #b167ba;
}
.banner-slider {
    position: relative;
}
section.tab-with-slider-section.First-slider-section:before {
    content: "";
    position: absolute;
    background-image: url(../image/bg-image.png);
    left: 10px;
    top: 200px;
    width: 42px;
    height: 39px;
    background-size: cover;
}
section.tab-with-slider-section.Second-slider-section:before {
    content: "";
    position: absolute;
    background-image: url(../image/bg-image.png);
    right: 32px;
    top: 5px;
    transform: rotate(271deg);
    width: 131px;
    height: 144px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}
header .switcher {
    width: 155px;
}
header .switcher .selected a , header .switcher .option a{
    font-size: 14px;
    font-weight: 400;
}
section.tab-with-slider-section i.fa {
    font-size: 14px;
}
section.tab-with-slider-section i.fa {
    width: 12px;
}
.section.contact-us-section .about-txt {
    padding-top: 20px;
    padding-bottom: 20px;
}
.contact-data input {
    padding: 36px 29px !important;
}
.contact-data input#gform_submit_button_1 {
    width: 61px;
    height: 61px;
    padding: 22px !important;
}
footer .footer-logo img {
    max-width: 228px;
}
section.contact-us-section .about-txt {
    padding: 20px 0;
}
footer {
    padding-bottom: 50px;
}
.error-page h1 {
    font-size: 7em;
}
.error-page {
    padding-top: 125px;
}
.error-page h2 {
    font-size: 3em;
    padding-bottom: 30px;
}
.tab-content-button {
    position: absolute;
   top: 325px;
    width: 100%;
}
.tab-content-button a.btnNext {
    right: 50px;
}
.tab-content-button a.btnPrevious {
    left: 50px;
}
.img-inner-main {
     margin-top: 0; 
}
}
@media (max-width:700px) {
section.tab-with-slider-section ul.slick-dots,section.tab-with-slider-section.Second-slider-section ul.slick-dots {
    top: 280px;
}
section.image-with-content-section .second-title {
    font-size: 34px;
}
}
@media (max-width:640px) {
section.tab-with-slider-section .tab-with-slider-section-inner > ul > li {
    margin: 0 23px;
}
section.tab-with-slider-section button.slick-next.pull-right.slick-arrow {
    padding: 0;
    margin: 0;
}

.slider-content {
    padding-left: 10px;
}
section.image-with-content-section .second-title {
    font-size: 33px;
}
header .language-button {
    top: 20px;
}
header {
    height: 70px;
}
footer li.social-icon {
    font-size: 20px;
}
footer .footer-copyright p {
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    line-height: 28px;
}
section.content-section-with-icon.content-section-with-slider:after {
    content: "";
    position: absolute;
    background-image: url(../image/bg-image.png);
    right: 15px;
    top: 95%;
    transform: rotate(273deg);
    width: 131px;
    height: 144px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    z-index: 99;
}
section.content-section-with-icon.content-section-with-slider{position: relative;}
.error-page h1 {
    font-size: 6em;
}
.error-page {
    padding-top: 70px;
}
}
@media (max-width:580px) {
/*.second-title.s-color {
    width: 68%;
}*/
section.tab-with-slider-section button.slick-next.pull-right.slick-arrow {
    right: 0;
}
section.tab-with-slider-section button.slick-prev.pull-left.slick-arrow{left: 0}
.content-li-slider ul.slick-dots, section.tab-with-slider-section ul.slick-dots {
    display: none !important;
}
section.contact-us-section > .container {
    padding: 0 30px;
}
.tab-pane-slider-image img {
    max-width: 58%;
}
 .image-with-content-left {
    max-width: 100%;
}
.slider-content {
    width: 100%;
    text-align: center;
}
section.image-with-content-section .second-title {
    padding-top: 0;
}
.extra-text-for-mobile {
    padding-top: 15px;
}

section.tab-with-slider-section.Second-slider-section:before {
    width: 50px;
    height: 50px;
}
section.tab-with-slider-section .tab-with-slider-section-inner > ul > li {
    margin: 0 25px;
    text-align: center;
}
section.tab-with-slider-section .tab-with-slider-section-inner ul li.active > a {
    padding-bottom: 3px;
}
.tab-content-button a.btnNext {
    right: 30px;
}
.tab-content-button a.btnPrevious {
    left: 30px;
}
}
@media (max-width:480px) {
.second-title.s-color {
    width: 100%;
}
section.banner-section .image-caption {
    bottom: 5px;
    padding: 6px 6px 6px 28px;
}
.image-caption:before {
    top: 3px;
}
.container {
    padding: 0 15px;
}
header .language-button {
    top: 10px;
}
header {
    height: 57px;
}
header.header .header-logo, header.header.fixed .header-logo {
    max-width: 47%;
}
header .language-button {
    padding-right: 15px;
}
section.tab-with-slider-section button.slick-next.pull-right.slick-arrow, section.tab-with-slider-section button.slick-prev.pull-left.slick-arrow {
    top: 10%;
}

footer .footer-address p, footer .footer-email a {
    font-size: 16px;
}
footer {
    padding-top: 50px;
    padding-bottom: 30px;
}
.error-page h1 {
    font-size: 5em;
}
.error-page {
    padding-top: 60px;
}
.error-page h2 {
    font-size: 2em;
}
.tab-content-button a.btnNext, .tab-content-button a.btnPrevious {
    width: 45px;
    height: 45px;
}

.image-with-content-right {
    padding: 0px 25px;
}
section.image-with-content-section button.slick-next.pull-right.slick-arrow, .image-with-content-right button.slick-prev.slick-arrow {
    width: 30px;
    height: 30px;
}
}
@media (max-width:360px) {
.tab-content-button a.btnNext {
    right: 20px;
}
.tab-content-button a.btnPrevious {
    left: 20px;
}

header .switcher {
    width: 140px;
}
section.tab-with-slider-section button.slick-next.pull-right.slick-arrow, section.tab-with-slider-section button.slick-prev.pull-left.slick-arrow {
    top: 7%;
    width: 50px;
    height: 50px;
}
header .switcher .selected a, header .switcher .option a {
    font-size: 13px;
    font-weight: normal;
}
}