@media screen and (min-width: 1400px) and (max-width: 1600px){
    
    section.main-sec .inner-item .content-wrap {
        padding: 0 140px;
    }
    
    section.main-sec .inner-item {
        height: 865px;
        padding: 200px 0;
    }
    
    section.about-sec .container-fluid {
        padding: 0 20px 0 50px;
    }
    
    section.about-sec:before{
        right: 90px;
    }
    
    section.cosmetic-prod-sec {
        background-size: 78%;
    }
    
    section.cosmetic-prod-sec .invert-wrap {
        position: relative;
        left: -140px;
    }
    
    section.cosmetic-prod-sec .invert-wrap h1 {
        font-size: 130px;
        line-height: 115px;
    }
    
    section.cosmetic-prod-sec .invert-wrap h2 {
        font-size: 85px;
        line-height: 95px;
    }
    
    section.beauty-prod-sec {
        background-size: 75%;
    }
    
    section.cosmetic-prod-sec .vert-pad {
        padding: 245px 0;
    }
    
    section.beauty-prod-sec .invert-wrap {
        left: unset;
        right: -110px;
    }
    
    section.newsletter-sec {
        height: 600px;
    }
    
    a#hamburg {
        right: 190px;
    }
    
    html.open-menu a#hamburg {
        transform: translateX(-80px);
    }
    
    header.header ul.cart-menu {
        list-style: none;
        padding: 0;
        text-align: center;
    }
    
    
}


@media screen and (min-width: 1200px) and (max-width: 1399px){
    
    a#hamburg {
        right: 180px;
    }
    
    html.open-menu a#hamburg {
        transform: translateX(-100px);
    }
    
    section.main-sec .inner-item .content-wrap {
        padding: 0 140px;
    }
    
    section.main-sec .inner-item {
        height: 855px;
        padding: 200px 0;
    }
    
    section.about-sec .container-fluid {
        padding: 0 20px 0 50px;
    }
    
    section.about-sec:before{
        right: 90px;
    }
    
    section.cosmetic-prod-sec {
        background-size: 78%;
    }
    
    section.cosmetic-prod-sec .invert-wrap {
        position: relative;
        left: -140px;
    }
    
    section.cosmetic-prod-sec .invert-wrap h1 {
        font-size: 130px;
        line-height: 115px;
    }
    
    section.cosmetic-prod-sec .invert-wrap h2 {
        font-size: 85px;
        line-height: 95px;
    }
    
    section.beauty-prod-sec {
        background-size: 75%;
    }
    
    section.cosmetic-prod-sec .vert-pad {
        padding: 245px 0;
    }
    
    section.beauty-prod-sec .invert-wrap {
        left: unset;
        right: -110px;
    }
    
    section.newsletter-sec {
        height: 600px;
    }
    
    header.header ul.cart-menu {
        list-style: none;
        padding: 0;
        text-align: center;
    }
    
    section.about-sec .desc h2 {
        letter-spacing: 20px;
        font-size: 55px;
        line-height: 50px;
        margin: 0 0 25px;
    }
    
    
}



@media Screen and (max-width:1200px){
    section.main-sec .inner-item {
        height: 690px;
    }
    section.main-sec .inner-item .content-wrap {
        padding: 0 150px;
    }
    section.main-sec .inner-item .content-wrap h2 {
        line-height: 110px;
        font-size: 60px;
    }
    section.main-sec .inner-item .content-wrap .btn-wrap a.darling-prod-link {
        padding: 15px 37px;
        font-size: 17px;
    }
    section.main-sec .inner-item .content-wrap h1 {
        font-size: 115px;
        line-height: 115px;
    }
    a#hamburg {
        right: 140px;
    }
    section.main-sec .inner-item {
        padding: 200px 0;
    }
    section.about-sec .desc h2 {
        letter-spacing: 15px;
        font-size: 55px;
        line-height: 72px;
        margin: 0 0 15px;
    }
    section.our-product-sec .product__wrap {
        height: 250px;
    }
    section.what-we-do-sec .wwd-content-wrap h2 {
        letter-spacing: 15px;
    }
    section.what-we-do-sec .wwd-content-wrap p {
        font-size: 15px;
        line-height: 32px;
    }
    section.cosmetic-prod-sec .invert-wrap h1 {
        font-size: 120px;
        line-height: 120px;
    }
    section.cosmetic-prod-sec .invert-wrap h2 {
        font-size: 89px;
        line-height: 99px;
    }
    section.our-product-sec button.slick-arrow {
        right: 200px;
    }
    section.our-product-sec button.slick-next.slick-arrow {
        right: 130px;
    }
    section.our-product-sec .product-content-wrap h2 {
        letter-spacing: 20px;
    }
    section.newsletter-sec {
        height: 490px;
        margin-top: 50px;
    }
    section.newsletter-sec .nl-wrap .tnp.tnp-subscription .tnp-field-button {
        width: 20%;
        margin: 0 0 0 -195px;
    }
    footer.footer h3 {
        font-size: 22px;
        line-height: 50px;
    }
    footer.footer ul li a {
        font-size: 15px;
        line-height: 35px;
    }
    section.newsletter-sec .nl-wrap .tnp.tnp-subscription .tnp-field-email input.tnp-email {
        padding: 28px 30px;
    }
    .inner-banner h2 {
        font-size: 70px;
    }
    .inner-banner {
        height: 180px;
    }


}



@media Screen and (max-width:1100px) {
    a#hamburg {
        right: 85px;
    }
    section.main-sec .inner-item {
        height: 620px;
    }
    section.main-sec .inner-item .content-wrap h2 {
        line-height: 90px;
        font-size: 55px;
    }
    section.main-sec .inner-item .content-wrap h1 {
        font-size: 100px;
        line-height: 100px;
    }
    section.main-sec .inner-item .content-wrap .btn-wrap {
        margin-top: 40px;
    }
    section.about-sec .desc h2 {
        letter-spacing: 10px;
        font-size: 52px;
        line-height: 62px;
    }
    section.about-sec .desc p {
        font-size: 15px;
        line-height: 30px;
    }
    section.about-sec:before {
        width: 138px;
        height: 138px;
        right: 130px;
        top: 130px;
    }
    section.what-we-do-sec .wwd-content-wrap h2 {
        letter-spacing: 10px;
        font-size: 68px;
        line-height: 68px;
    }
    section.cosmetic-prod-sec .invert-wrap h1 {
        font-size: 110px;
        line-height: 110px;
    }
    section.cosmetic-prod-sec .invert-wrap h2 {
        font-size: 79px;
        line-height: 89px;
    }
    section.newsletter-sec .nl-wrap h2 {
        font-size: 70px;
        line-height: 72px;
        letter-spacing: 15px;
        margin: 0 0 10px;
    }
    section.newsletter-sec .nl-wrap p {
        font-size: 15px;
        line-height: 26px;
        padding: 0 150px;
    }
    .sec-faq .set {
        padding: 10px;
    }
    .sec-faq .set .content p {
        margin: 10px 0 0;
    }
    .sec-faq .set > a {
        font-size: 16px;
    }
    .sec-faq .set p {
        font-size: 14px;
    }
}


@media Screen and (max-width:999px){
    section.main-sec .inner-item {
        height: 510px;
    }
    section.main-sec .inner-item .content-wrap h2 {
        line-height: 50px;
        font-size: 45px;
    }
    section.main-sec .inner-item .content-wrap .btn-wrap a.darling-prod-link {
        padding: 13px 27px;
        font-size: 16px;
    }
    section.main-sec .inner-item .content-wrap h1 {
        font-size: 80px;
        line-height: 80px;
        padding: 0 250px 0 0;
    }
    section.main-sec .inner-item .content-wrap .btn-wrap {
        margin-top: 30px;
    }
    section.about-sec {
        padding: 60px 0 0;
    }
    section.about-sec .desc h2 {
        letter-spacing: 6px;
        font-size: 48px;
        line-height: 22px;
    }
    section.about-sec .desc p {
        font-size: 14px;
        line-height: 30px;
    }
    section.our-product-sec .product-content-wrap p {
        font-size: 14px;
        line-height: 26px;
    }
    section.what-we-do-sec .wwd-content-wrap h2 {
        letter-spacing: 5px;
        font-size: 68px;
        line-height: 68px;
        padding-right: 0;
    }
    section.what-we-do-sec .wwd-content-wrap p {
        font-size: 14px;
        line-height: 27px;
    }
    section.cosmetic-prod-sec .invert-wrap h1 {
        font-size: 90px;
        line-height: 90px;
    }
    section.cosmetic-prod-sec .invert-wrap h2 {
        font-size: 59px;
        line-height: 59px;
    }
    section.cosmetic-prod-sec {
        height: 630px;
    }
    section.best-seller {
        padding: 0 0 80px;
    }
    section.newsletter-sec {
        height: 340px;
        margin-top: 0;
        padding-top: 0;
    }
    section.newsletter-sec .nl-wrap h2 {
        font-size: 60px;
        line-height: 62px;
        letter-spacing: 10px;
        margin: 0 0 10px;
    }
    section.newsletter-sec .nl-wrap p {
        font-size: 14px;
        line-height: 20px;
        padding: 0 60px;
    }
    section.newsletter-sec .nl-wrap .tnp.tnp-subscription {
        margin: 40px 0 0;
    }
    section.newsletter-sec .nl-wrap .tnp.tnp-subscription .tnp-field-button {
        margin: 0 0 0 -149px;
    }
    section.newsletter-sec .nl-wrap .tnp.tnp-subscription .tnp-field-button input.tnp-submit {
        padding: 15px 0px;
        font-size: 16px;
    }
    section.newsletter-sec .nl-wrap .tnp.tnp-subscription .tnp-field-email input.tnp-email {
        padding: 22px 20px;
    }
    footer.footer h3 {
        font-size: 16px;
        line-height: 40px;
    }
    footer.footer ul li a {
        font-size: 14px;
        line-height: 30px;
    }
    .inner-banner h2 {
        font-size: 55px;
    }
    .inner-banner {
        height: 160px;
    }
    section.about-sec .container-fluid {
        padding: 0 20px 0 20px;
    }
    section.about-sec:before {
        width: 118px;
        height: 118px;
        right: 50px;
        top: 30px;
    }
    section.about-sec .desc {
        padding-top: 90px;
    }
    section.our-product-sec .product-content-wrap h2 {
        letter-spacing: 7px;
        font-size: 55px;
        line-height: 55px;
        margin: 0 0 10px;
    }
    section.what-we-do-sec .wwd-content-wrap h2 {
        letter-spacing: 9px;
        font-size: 62px;
        line-height: 62px;
        padding-right: 0;
    }
    section.cop .col-sm-6 {
        width: 100%;
        text-align: center !important;
        padding-bottom: 10px;
    }
    section.cop {
        padding: 15px 0 0 0;
        border-top: 1px solid #1d1d1d;
    }
    
}




@media Screen and (max-width: 499px){
    header.header ul.social-icons li a i {
        font-size: 16px;
    }
    header.header ul.social-icons li {
        margin: 0 10px 0 0;
    }
    .logo img {
        max-height: 100px !important;
    }
    a#hamburg {
        right: 45px;
        top: 25px;
    }
    header.header ul.cart-menu {
        position: relative;
        left: 25px;
    }
    section.main-sec .inner-item .content-wrap .btn-wrap a.darling-prod-link {
        padding: 8px 10px;
        font-size: 14px;
    }
    section.main-sec .inner-item .content-wrap .btn-wrap {
        margin-top: 15px;
    }
    section.main-sec .inner-item {
        height: auto;
        width: auto !important;
        padding: 120px 0 40px 0;
    }
    section.main-sec .inner-item .content-wrap h2 {
        line-height: 30px;
        font-size: 27px;
    }
    section.main-sec .inner-item .content-wrap h1 {
        font-size: 40px;
        line-height: 40px;
        padding: 0 130px 0 0;
    }
    section.main-sec .inner-item .content-wrap {
        padding: 0 70px 0 40px;
    }
    section.about-sec {
        padding: 30px 0 0;
    }
    section.about-sec .desc {
        padding-top: 30px;
    }
    section.about-sec .desc h2 {
        font-size: 40px;
    }
    section.our-product-sec .product-content-wrap h2 {
        font-size: 50px;
        line-height: 50px;
        margin: 0 10px 10px 0;
    }
    section.our-product-sec button.slick-arrow {
        top: -190px;
    }
    section.what-we-do-sec .wwd-content-wrap h2 {
        letter-spacing: 7px;
        font-size: 60px;
        line-height: 60px;
        padding-right: 40px;
    }
    section.what-we-do-sec .wwd-img-wrap {
        margin: 0;
        text-align: center;
    }
    section.what-we-do-sec .wwd-img-wrap img{
        width: 280px;
    }
    section.cosmetic-prod-sec {
        height: auto;
        padding: 0;
        background-size: 100%;
        position: relative;
        background-size: cover;
        margin: 70px 0 50px;
    }
    section.cosmetic-prod-sec::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgb(0 0 0 / 55%);
    }
    section.cosmetic-prod-sec .invert-wrap h1 {
        font-size: 50px;
        line-height: 50px;
    }
    section.cosmetic-prod-sec .invert-wrap h2 {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: 15px;
    }
    section.cosmetic-prod-sec .vert-pad {
        padding: 80px 0 80px 0;
    }
    section.our-product-sec button.slick-next.slick-arrow {
        right: 20px;
    }
    section.our-product-sec button.slick-arrow {
        right: 80px;
    }
    section.newsletter-sec .nl-wrap h2 {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: 4px;
    }
    section.newsletter-sec .nl-wrap p {
        font-size: 14px;
        line-height: 20px;
        padding: 0;
    }
    section.newsletter-sec .nl-wrap .tnp.tnp-subscription {
        margin: 20px 0 0;
    }
    section.newsletter-sec .nl-wrap .tnp.tnp-subscription .tnp-field-button {
        margin: 0 0 0 -112px;
        text-align: right !important;
        width: 30%;
    }
    section.newsletter-sec .nl-wrap .tnp.tnp-subscription .tnp-field-button input.tnp-submit {
        padding: 11px 0;
        font-size: 14px;
        width: 90%;
    }
    section.newsletter-sec .nl-wrap .tnp.tnp-subscription .tnp-field-email input.tnp-email {
        padding: 15px 10px;
    }
    .inner-banner h2 {
        font-size: 42px;
    }
    .inner-banner {
        height: 120px;
    }
    .sec-cta {
    padding: 40px 0;
    }
    .sec-cta .left input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
        padding: 15px 10px;
    }
    .sec-cta .left textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
        padding: 10px;
    }
    section.cosmetic-prod-sec .invert-wrap{
        transform: rotate(0deg);
    }
    
    section.main-sec .inner-item .content-wrap p {
        font-size: 14px;
        width: 70%;
        line-height: 20px;
    }
}



@media screen and (min-width: 100px) and (max-width: 768px) {
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    body{
        overflow-x: hidden !important;
    }
    .menu-header #menu-button{
        display: none;
    }
main{
	padding: 0;
}
}
@media screen and (min-width: 480px) and (max-width: 668px) {
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
        body{
        overflow-x: hidden !important;
    }

.open-menu body {
    position: fixed !important;
}
[data-aos^="zoom"][data-aos^="zoom"]{
    opacity: 1 !important;
}
[data-aos] {
    -webkit-tranform: none !important;
    transform: none !important;
  }
}
@media screen and (max-width: 380px) {
    [data-aos] {
    -webkit-tranform: none !important;
    transform: none !important;
  }
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    [data-aos^="zoom"][data-aos^="zoom"]{
    opacity: 1 !important;
}
    .open-menu body {
    position: fixed !important;
}
    body{
        overflow-x: hidden !important;
    }
.menu-header #menu-button{
	display: none;
}
}