@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;
}
}

@media screen and (max-width: 1700px){
header.header .container-fluid {
    padding: 0 40px;
}
section.banner .head {
    padding-left: 160px;
}
section.banner .head h1 {
    font-size: 100px;
}
section.banner .head h1 span {
    padding-top: 20px;
    padding-left: 300px;    }
    
section.prod-cat-sec .container-fluid, section.sec3-shop .container-fluid, section.sec4-about .container-fluid, .sec5-why .container-fluid{
    padding: 0 200px;
}
section.prod-cat-sec .cat-left .main.mainbox-2 {
    width: 34%;
}
}

@media screen and (max-width: 1500px){
section.banner {
    background-size: 75% 100%;
}
section.banner .head h1 {
    font-size: 85px;
}
section.banner .head {
    padding-left: 140px;
}
section.banner .head h1 span:before {
    bottom: 45px;
}
section.prod-cat-sec .container-fluid, section.sec3-shop .container-fluid, section.sec4-about .container-fluid, .sec5-why .container-fluid {
    padding: 0 150px;
}
section.sec4-about .head h2 {
    margin: 0 0 50px;
}
section.sec4-about .head h2:before{
    bottom: -20px;
}
section.sec4-about .head p {
    line-height: 28px;
}
}

@media screen and (max-width: 1400px){
section.banner .pic img {
    height: 600px;width: 100%;
}
section.banner .pic .play img {
    width: auto;
    height: auto;
}
section.banner .pic .pic2 img {
    width: auto;
    height: auto;
}
section.banner .head {
    padding-top: 115px;
}
section.banner .head h1 span {
    padding-left: 210px;
}
section.banner .head h1 span:before {
    left: 10px;
}
section.banner .head p {
    padding: 0 120px 0 0;
}
section.prod-cat-sec {
    padding: 100px 0;
}
section.sec3-shop {
    padding: 100px 0 150px;
}
section.sec4-about {
    padding: 100px 0;
}
section.sec4-about .head {
    padding-top: 0;
}
section.sec4-about .head p{
    font-size: 16px;
}
section.sec6-testimonial {
    padding: 100px 0 130px;
}
section.sec7-services {
    padding: 100px 0 130px;
}
section.sec8-faq {
    padding: 80px 0 100px;
}
}

@media screen and (max-width: 1300px){
section.banner .head h1 {
    font-size: 70px;
}
section.sec3-shop {
    padding: 80px 0 100px;
}
section.sec4-about {
    padding: 80px 0;
}
section.sec5-why {
    padding: 80px 0;
}
section.sec5-why .main .disc h4 {
    font-size: 18px;
}
section.sec6-testimonial {
    padding: 80px 0;
}
section.sec7-services {
    padding: 80px 0;
}
section.sec7-services .head h2 {
    font-size: 35px !important;
}
section.sec8-faq {
    padding: 80px 0;
}
section.sec9-last .head h2 {
    margin: 0 0 20px;
    font-size: 45px;
}
section.sec9-last .head .tnp.tnp-subscription form .tnp-field input {
    height: 45px;
}
section.sec9-last .head .tnp.tnp-subscription form .tnp-field-button {
    width: 20%;
}
footer.sec-footer.footer .footer_last_sec {
    padding-top: 60px;
    padding-bottom: 60px;
}
footer.sec-footer.footer .last .tnp-subscription .tnp-field-email {
    width: 55% !important;
}
footer.sec-footer.footer .last .tnp-subscription .tnp-field-button {
    width: 40% !important;
}
.page-id-104 .sec-cta .head-top h3 {
    margin: 0 0 15px;
    font-size: 35px;
}
.page-id-104 .sec-cta .head-top .social ul li a i {
    font-size: 20px;
    height: 35px;
    width: 35px;
}
.page-id-104 .sec-cta .right ul li a {
    font-size: 16px;
}
.page-id-104 .sec-cta .left input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    margin: 0 0 15px;
    height: 45px;
    padding: 0 10px;
}
.page-id-104 .sec-cta .left textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    margin: 0 0 15px;
    height: 180px;
    padding: 15px;
    min-height: 180px;
}
.page-id-104 .sec-cta .left input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 30%;
    font-size: 17px;
    padding: 10px 25px;
}
.sec-cta {
    padding: 60px 0;
}
}


@media screen and (max-width: 1200px){
header.header .main .menu-header a {
    padding: 15px 8px;
}
section.banner .head h1 {
    font-size: 60px;
}
section.banner .head h1 span {
    padding-left: 190px;
}
section.sec3-shop .product-wrap img {
    width: 190px;
    height: 190px;
}
section.sec5-why .main .disc h4 {
    font-size: 16px;
}
section.sec7-services .main .pic img {
    height: auto;
}
section.sec7-services .main .pic {
    height: 200px;
}
section.sec7-services .main .disc .read a {
    padding: 10px 30px;
    margin-top: 10px;
}
section.sec9-last .head h2 span {
    font-size: 45px;
}
}

@media screen and (max-width: 1100px){
header.header .main .menu-header a {
    padding: 10px 7px;
    font-size: 14px;
}
section.banner .head h1 {
    font-size: 50px;
}
section.banner .head h1 span {
    padding-left: 180px;
}
section.banner .head h1 span:before {
    bottom: 30px;
    width: 150px;
}
section.banner .head .link a {
    padding: 12px 30px;
    font-size: 15px;
    margin-top: 15px;
}
section.banner {
    background-size: 78% 100%;
}
section.sec3-shop .product-wrap {
    padding: 20px 0 30px;
}
section.sec3-shop .product-wrap a.button-prod {
    padding: 10px 30px;
    margin-top: 10px;
}
section.sec3-shop .product-wrap h4 {
    font-size: 16px;
    margin: 20px 0 0;
}
section.sec3-shop {
    padding: 60px 0;
}
section.prod-cat-sec .head, section.sec3-shop .head, section.sec5-why .head, section.sec6-testimonial .top, section.sec7-services .head, section.sec8-faq .head {
    padding-bottom: 50px;
}
section.prod-cat-sec .head h2:before, section.sec3-shop .head h2:before, section.sec5-why .head h2:before, section.sec6-testimonial .top h2:before, section.sec7-services .head h2:before, section.sec8-faq .head h2:before {
    bottom: -10px;
}
section.sec5-why .main .disc h4 {
    font-size: 14px;
    line-height: 42px;
}
section.sec5-why .main .pic img {
    width: 120px;
    height: 120px;
}
section.sec5-why .main .disc .learn a {
    padding: 10px 26px;
}
section.sec6-testimonial {
    padding: 60px 0;
}
section.sec6-testimonial .disc {
    background-color: #f5f5f5;
    height: 160px;
    padding: 0 20px;
    margin-bottom: 10px;
}
section.sec7-services .head h2 {
    font-size: 30px !important;
}
section.sec7-services .main .disc h3 {
    font-size: 20px;
}
section.sec8-faq {
    padding: 60px 0;
}
section.sec8-faq .faq-box {
    padding: 40px;
}
section.sec9-last {
    padding: 60px 0;
}
section.sec9-last .head h2 {
    margin: 0 0 10px;
    font-size: 40px;
}
section.sec9-last .head h2 span {
    font-size: 40px;
}
ul.products li.product a.woocommerce-LoopProduct-link {
    width: auto;
}
ul.products li.product a.woocommerce-LoopProduct-link img {
    height: 140px !important;
}
.inner-banner {
    height: 140px;
}
.page-id-103 section.sec5-why {
    padding: 40px 0;
}
.page-id-101 section.sec4-about {
    padding: 40px 0;
}
section.prod-cat-sec .head h2, section.sec3-shop .head h2, section.sec5-why .head h2, section.sec6-testimonial .top h2, section.sec7-services .head h2, section.sec8-faq .head h2 {
    font-size: 35px;
}
}

@media screen and (max-width: 999px){
header.header .main .col-sm-7 {
    display: none;
}
header.header .main .col-sm-1 .search-icon {
    display: none;
}
header.header .main .col-sm-3 {
    width: 80%;
    text-align: center;
    left: 110px;
}
html.open-menu nav.nav1 .container {
    width: 100%;
}
html.open-menu nav.nav1 .push-logo {
    padding: 50px 0;
}
a#hamburg {
    background-color: #008533;
}
html.open-menu nav.nav1 {
    background-color: #fff;
}
.nav-cross span {
    background-color: #fff !important;
}
section.banner .head h1 {
    font-size: 40px;
}
section.banner {
    background-size: 75% 100%;
    height: 760px;
}
section.banner .pic .play {
    left: 20px;
}
section.banner .pic .pic2 {
    left: -205px;
}
section.banner .head h1 span:before {
    bottom: 20px;
    width: 130px;
}
section.banner .head h1 span {
    padding-left: 145px;
    padding-top: 10px;
}
section.banner .pic img {
    height: 570px;
}
section.banner .head {
    padding-left: 80px;
}
section.sec3-shop {
    padding: 40px 0 60px 0;
}
section.sec3-shop ul.slick-dots {
    bottom: -30px;
}
section.sec4-about {
    padding: 60px 0;
}
section.sec4-about .head h2 {
    margin: 0 0 30px;
}
section.sec4-about .head h2:before {
    bottom: -10px;
}
section.sec4-about .head h2 {
    font-size: 35px;
}
section.sec4-about .head .read a {
    padding: 10px 25px;
}
section.sec5-why {
    padding: 60px 0;
}
section.prod-cat-sec .head, section.sec3-shop .head, section.sec5-why .head, section.sec6-testimonial .top, section.sec7-services .head, section.sec8-faq .head {
    padding-bottom: 30px;
}
section.sec5-why .col-sm-3 {
    width: 50%;
    padding-top: 40px;
}
section.sec6-testimonial {
    padding: 60px;
}
section.sec7-services {
    padding: 40px 0;
}
section.sec7-services .head h2 {
    font-size: 25px !important;
}
section.sec7-services .main .pic {
    height: auto;
}
section.sec7-services .main .disc h3 {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 5px;
}
section.sec7-services .main .disc .read a {
    padding: 8px 20px;
    margin-top: 5px;
}
section.sec8-faq {
    padding: 40px 0;
}
section.sec8-faq .faq-box {
    padding: 30px;
}
section.sec9-last .head h2 {
    margin: 0 0 5px;
    font-size: 35px;
}
section.sec9-last .head h2 span {
    font-size: 35px;
}
section.sec9-last {
    padding: 40px 0;
}
section.sec9-last .head .tnp.tnp-subscription form .tnp-field input {
    height: 40px;
}
footer.sec-footer .col-hide-mobile {
    display: none;
}
footer.sec-footer.footer .last .col-md-4.col-lg-4.col-sm-12.vrl form {
    text-align: center !important;
    width: 100% !important;
    margin: 20px 0 30px 0;
}
footer.sec-footer.footer .last .tnp-subscription {
    max-width: 720px;
}
footer.sec-footer.footer .last .tnp-subscription .tnp-field-button input {
    width: 100%;
}
footer.sec-footer.footer .last .tnp-subscription .tnp-field-email {
    width: 60% !important;
}
footer.sec-footer.footer .last .tnp-subscription .tnp-field-button {
    width: 30% !important;
}
footer.sec-footer.footer .last .col-md-4.col-lg-4.col-sm-12.vrl {
    text-align: center;
}
footer.sec-footer.footer .last .col-md-4.col-lg-4.col-sm-12.vrl h3 {
    margin: 0 0 10px !important;
}
footer.sec-footer.footer .last {
    padding: 50px 0 30px 0;
}
footer.sec-footer.footer .last .col-md-4.col-lg-4.col-sm-12.vrl:before{
    display: none;
}
footer.sec-footer.footer .last .col-md-4.col-lg-4.col-sm-6 {
    text-align: center;
}
.page-id-104 .sec-cta .right ul li a {
    font-size: 14px;
}
.page-id-104 .sec-cta .right h2, .sec-cta .left h2 {
    font-size: 35px;
}
.page-id-104 .sec-cta .head-top h3 {
    margin: 0 0 15px;
    font-size: 30px;
}
.page-id-104 .sec-cta .left input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    font-size: 14px;
}
.page-id-104 .sec-cta .left textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    margin: 0 0 15px;
    height: 160px;
    padding: 10px;
    min-height: 160px;
    font-size: 14px;
}
.page-id-104 .sec-cta .left input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 35%;
    font-size: 15px;
    padding: 10px 20px;
}
.sec-cta .right ul li i {
    font-size: 20px;
}
.sec-cta {
    padding: 40px 0;
}
}


@media screen and (max-width: 499px){
section.banner .col-sm-7 {
    width: 75%;
}
section.banner .col-sm-5 {
    width: 25%;
}

section.banner .pic .play a {
}

section.banner {
    background-image: linear-gradient(180deg, #30a348, #8bc33d) !important;
    background-size: cover;
    background-position: center !important;
    padding-top: 30px;
    padding-bottom: 0 !important;
    height: auto;
}

.home header.header {
    position: relative;
}

header.header .main .col-sm-3 {
    width: 100%;
    left: 0;
}

header.header .main .col-sm-1 {
    position: absolute;
    right: 0;
}

section.banner .row.slick-slide.slick-active {
    display: block;
}

section.banner .col-sm-7, section.banner .col-sm-5 {
    width: 100%;
}

section.banner  img {
    width: 90% !important;
    margin: 0 auto;
    height: auto !important;
}

section.banner .pic .pic2 {
    left: 0;
}

section.banner .pic .play {
    right: 0;
    margin: 0 auto;
    left: 0;
    top: 130px;
}

section.banner .pic .play img {
    width: auto !important;
}

section.banner .pic {
    padding-top: 30px;
}

section.banner .head {
    text-align: center;
    padding-left: 0;
    padding-top: 0px;
}

section.banner .head h1 {
    font-size: 42px;
}

section.banner .head h1 span:before {
    display: none;
}

section.banner .head h1 span {padding-left: 0;}

section.prod-cat-sec .container-fluid, section.sec3-shop .container-fluid, section.sec4-about .container-fluid, .sec5-why .container-fluid {
    padding: 0 30px;
}

section.sec4-about {
    padding: 40px 0;
}

section.sec4-about .row {
    flex-direction: column-reverse;
    display: flex;
}

section.sec4-about .head {
    padding: 0 0 40px 0;
}

section.sec4-about .head h2 {
    font-size: 30px;
    margin: 0 0 20px;
}

section.prod-cat-sec .head h2, section.sec3-shop .head h2, section.sec5-why .head h2, section.sec6-testimonial .top h2, section.sec7-services .head h2, section.sec8-faq .head h2 {
    font-size: 30px;
}

section.sec5-why .col-sm-3 {
    width: 100%;
    padding-top: 0;
}

section.sec5-why .main .disc .learn a {
    padding: 10px 22px;
    margin-bottom: 30px;
}

section.sec5-why {
    padding: 40px 0 10px 0;
}

section.sec6-testimonial {
    padding: 40px 30px;
}

section.sec6-testimonial .disc {
    height: 150px;
    padding: 0 10px;
    margin-bottom: 10px;
}
    
section.sec7-services {
    padding: 40px 0 10px 0;
}

section.sec7-services .head h2 br {
    display: none;
}

section.sec7-services .head h2 {
    font-size: 20px !important;
}

section.sec7-services .main .disc .read a {
    margin-bottom: 30px;
}

section.sec8-faq .head h2 {
    font-size: 27px;
}

section.sec8-faq .faq-box {
    padding: 20px;
}
    
section.sec9-last .head h2 {
    font-size: 22px;
}

section.sec9-last .head h2 span {
    font-size: 22px;
}

section.sec9-last .head .tnp.tnp-subscription form .tnp-field-button {
    width: 35%;
}

section.sec9-last .head .tnp.tnp-subscription form .tnp-field-email {
    width: 60%;
}

section.sec9-last .head .tnp.tnp-subscription form .tnp-field-button input {
    font-size: 14px;
    height: 40px;
}

section.sec9-last .head .tnp.tnp-subscription form .tnp-field input {
    height: 40px;
    font-size: 14px;
}

footer.sec-footer.footer .footer_last_sec {
    padding: 0 20px 20px 20px;
}

footer.sec-footer.footer .site-links {
    padding-top: 40px;
}

footer.sec-footer.footer .footer_last_sec h2 {
    font-size: 23px;
    margin: 0 0 10px;
}

footer.sec-footer.footer .pad-left p a i {
    font-size: 16px;
}

footer.sec-footer.footer .last {
    padding: 30px 0 30px 0;
}

footer.sec-footer.footer .last .col-md-4.col-lg-4.col-sm-12.vrl form {
    margin: 20px 0 0 0;
}

footer.sec-footer.footer .last .col-md-4.col-lg-4.col-sm-6 h3 {
    padding-top: 30px;
}

ul.products li.product a.button {
    padding: 12px 25px;
    margin: 5px auto 0 !important;
}

ul.products li.product {
    padding: 30px 0 20px !important;
}

.inner-banner {
    height: 100px;
}

.inner-banner h2 {
    font-size: 28px;
}

.page-id-8 ul.products li.product a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title {
    font-size: 16px;
    margin: 10px 0 0;
}

.page-id-8 ul.products li.product a.woocommerce-LoopProduct-link span.price {
    margin: 0;
}

.page-id-103 section.sec5-why {
    padding: 20px 0;
}

.page-id-104 .sec-cta .right h2, .sec-cta .left h2 {
    font-size: 28px;
}

.page-id-104 .sec-cta .left input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 40%;
    padding: 10px 20px;
}

.sec-cta .right h2 {
    margin: 40px 0 10px 0;
    font-size: 28px;
}

.page-id-104 .sec-cta .head-top h3 {
    margin: 40px 0px 10px 0;
    font-size: 25px;
}

.page-id-104 .sec-cta .head-top .social ul li a {
    font-size: 14px;
}

.sec-cta {
    padding: 40px 0 20px 0;
}

section.sec6-testimonial .slick-center{
	flex-direction: column;
}
}