@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 {
    padding: 20px 100px;
}
.banner .bg-img {
    height: 850px;
}

.banner .bg-img .head {
    padding: 150px 870px 0 110px;
}

.banner .bg-img .head h1 {
    margin: 0 0 20px;
    font-size: 90px;
}
.sec3-about {
    padding: 60px 0;
    height: 640px;
}

.footer {
    padding: 60px 0 0;
}

}

@media screen  and (max-width: 1500px){  
        .header {
        padding: 20px 50px;
    }
    
.header .row.main .col-sm-3 {
    text-align: right;
}

.searchtoggle {
    position: absolute;
    left: 150px;
    top: 9px;
}

.searchpanel {
    left: -30px;
    padding: 10px;
    top: 46px;
}

.menu-header {
    background: transparent;
    text-align: right;
}

.menu-header > ul > li > a {
    padding: 0px 8px;
    font-size: 16px;
    letter-spacing: 1px;
}
    .banner .bg-img {
        height: 750px;
    }
     .banner .bg-img .head {
        padding: 150px 800px 0 140px;
    }
        .banner .bg-img .head h1 {
        margin: 0 0 20px;
        font-size: 80px;
    }

}

@media screen  and (max-width: 1400px){  
        .searchtoggle {
        position: absolute;
        left: 120px;
        top: 9px;
    }
        .searchpanel {
        left: -60px;
        padding: 10px;
        top: 46px;
    }
        .banner .bg-img .head h1 {
        margin: 0 0 20px;
        font-size: 75px;
    }
        .banner .bg-img {
        height: 700px;
    }
        .banner .bg-img .head {
        padding: 130px 730px 0 100px;
    }
    
.banner .bg-img .head .get a {
    font-size: 18px;
    padding: 16px 20px;
}

    .sec2 .head h2, .sec3-about .head h2, .sec4 .head h2, .sec6-contact .head h2 {
        font-size: 40px;
        margin-bottom: 15px;
    }

.sec2 .head, .sec4 .head {
    margin: 0 0 30px;
}
.sec2, .sec4 {
    padding: 60px 0px 60px 150px;
    overflow: hidden;
}
.slick-arrow {
    right: 300px;
    top: -70px;
}

.sec6-contact {
    padding: 60px 0;
}
.sec2 .main {
    padding: 30px 0;
}

.sec2 .main .pic {
    height: 260px;
}

.sec2 .main .disc h3 {
    font-size: 22px;
}

.sec-cta {
    padding: 50px 0 0;
}

.sec-cta .right h2, .sec-cta .left h2 {
    margin: 0 0 30px;
    font-size: 30px;
}

.sec-cta .head-top h3 {
    margin: 30px 0 20px;
    font-size: 26px;
}

.sec-cta .right ul li a {
    font-size: 18px;
}

}

@media screen  and (max-width: 1366){  
           .searchtoggle {
        position: absolute;
        left: 110px;
        top: 9px;
    }
        .searchpanel {
        left: -80px;
        padding: 10px;
        top: 46px;
    }

}

@media screen  and (max-width: 1300px){  

}
 
@media screen  and (max-width: 1200px){  

}

@media screen  and (max-width: 1100px){ 

}

@media screen  and (max-width: 800px){     

}

@media screen  and (max-width: 600px){     

}