@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 (max-width: 1680px){
    .explore-sec .explore-content .red-arrow-btn{
        margin-left: -90px;
    }
}
@media (max-width: 1536px){
    .explore-sec .explore-content .red-arrow-btn{
        margin-left: -70px;

    }
}
@media (max-width: 1440px){
    section.hero .bg-img {
        padding: 570px 100px 100px;
    }
    .explore-sec .explore-content .red-arrow-btn {
        margin-left: -60px;
    }
}
@media (max-width: 1366px){
    section.hero .bg-img .inner-wrap .desc h2{
        font-size: 100px;
    }
    section.hero .bg-img .inner-wrap .desc h1{
        font-size: 120px;
    }
    section.hero .bg-img .inner-wrap .cat-btn a{
        padding: 20px 46px;
        font-size: 20px;
    }
    .product-card-content h1{
        font-size: 32px;
    }
    .product-card-content h6{
        font-size: 16px;
    }
    .explore-sec .explore-content h1{
        font-size: 80px;
    }
    .explore-sec .explore-content .red-arrow-btn{
        margin-left: -94px;
        padding: 0 50px;
    }
    .explore-sec .explore-content .red-arrow-btn i{
        height: 38px;
        width: 38px;
    }
}
@media (max-width: 1024px){
    section.hero .bg-img{
        padding: 410px 100px 60px;
    }
    section.hero .bg-img .inner-wrap .desc h2{
        font-size: 75px;
        line-height: 100px;
    }
    section.hero .bg-img .inner-wrap .desc h1 {
        font-size: 85px;
        line-height: 120px;
    }
    section.hero .bg-img .inner-wrap .cat-btn a {
        padding: 18px 36px;
        font-size: 18px;
    }
    section.hero .bg-img .inner-wrap .cat-btn a i {
        width: 38px;
        height: 38px;
    }
    .about-sec-left{
        height: 810px;
    }
    .about-sec-right .title-with-line{
        margin-bottom: 45px;
    }
    .title-with-line h1{
        font-size: 50px;
    }
    .as-right-card img{
        height: 390px;
    }
    .about-sec h2{
        font-size: 40px;
        margin: 25px 0 15px;
    }
    .about-sec p{
        margin-bottom: 20px;
    }
    .explore-sec .explore-content h1{
        font-size: 60px;
        margin: 0 0 120px;
    }
    .explore-sec .explore-content .red-arrow-btn{
        margin-left: -86px;
        padding: 0 30px;
        height: 70px;
        font-size: 18px;
    }
    .tc-main-title{
        font-size: 50px;
        margin: 0 0 35px;
    }
    .testimonial-card-main{
        width: 550px;
    }
    .footer-about .footer-title{
        font-size: 36px;
    }
    .footer-title{
        font-size: 22px;
    }
    .footer-about .social-icon li{
        width: 40px;
        height: 40px;
    }
    .sec-cta .left h2{
        font-size: 28px;
    }
    .sec-cta .right h2{
        font-size: 28px;
    }
    .sec-cta .head-top h3{
        font-size: 28px;
    }
}