@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: 1800px){  

.banner .head {
    position: absolute;
    bottom: 200px;
    left: 300px;
}

.banner .bg-img {
    height: 1000px;
}


}

@media screen  and (max-width: 1700px){  

.banner .head {
    position: absolute;
    bottom: 200px;
    left: 250px;
}
.banner .bg-img {
    height: 950px;
}

}

@media screen  and (max-width: 1600px){  

.banner .bg-img {
    height: 900px;
}

.banner .head {
    position: absolute;
    bottom: 200px;
    left: 200px;
}



}

@media screen  and (max-width: 1500px){  
.banner .bg-img {
    height: 850px;
}

.banner .head {
    position: absolute;
    bottom: 140px;
    left: 180px;
}

.banner .head h2 {
    font-size: 60px;
}


}

@media screen  and (max-width: 1400px){  

.banner .head {
    position: absolute;
    bottom: 100px;
    left: 170px;
}
.banner .bg-img {
    height: 780px;
}
.banner .slick-arrow {
    right: 50px;
}

.banner .slick-next.slick-arrow {
    left: 50px;
}

.banner .head h2 {
    font-size: 55px;
}

.sec-resources .head h2, .sec-service .head h2, .sec-partners .head h2, .sec-about .head h2, .sec-test .head h2 {
    margin: 0 0 10px;
    font-size: 36px;
}

.sec-resources .head h5, .sec-service .head h5, .sec-partners .head h5, .sec-about .head h5 {
    margin: 0 0 10px;
    font-size: 26px;
}

.sec-about .head h2 {
    margin: 0 0 20px;
}

.sec-service .main .disc h5 {
    margin: 0 0 10px;
    font-size: 30px;
}

.sec-service .main .disc {
    min-height: 410px;
}

.sec-service, .sec-partners, .sec-about, .sec-faq, .sec-test {
    padding: 50px 0;
}
.sec-faq {
    height: 730px;
}

.sec-test .head, .sec-faq .head, .sec-service .head {
    text-align: center;
    margin: 0 0 20px;
}

.sec-test .main .content p {
    font-size: 20px;
    line-height: 32px;
}

.footer {
    padding: 40px 0 0;
}

.footer .row.bottom {
    padding: 15px 0;
    margin: 30px 0 0;
    border-top: solid 1px #454443;
}

.sec-resources .pic img {
    width: 100%;
    height: 650px;
    object-fit: unset;
}

.sec-resources .head p {
    font-size: 16px;
    line-height: 28px;
    padding-right: 100px;
    margin: 0px 0 40px;
}

.sec-service .main .disc .read a {
    font-size: 15px;
}

.sec-service .main .disc ul li {
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 10px;
}


.sec-service .main .disc {
    max-width: 95%;
}

.banner .head h5 {
    margin: 0 0 10px;
    font-size: 26px;
}

.header .title p {
    font-size: 16px;
}

.inner-banner h2 {
    padding: 155px 0 0;
    font-size: 34px;
}
.inner-banner {
    height: 230px;
}

.sec-cta .left h2 {
    margin: 0 0 20px;
    font-size: 36px;
}

.sec-cta .right h2 {
    margin: 0 0 20px;
    font-size: 36px;
}

.sec-cta .right ul li a {
    font-size: 18px;
}

.sec-cta .right ul li i {
    font-size: 20px;
}

.sec-cta .head-top h3 {
    margin: 30px 0 20px;
    font-size: 26px;
}

.sec-cta {
    padding: 50px 0 40px;
}
.entry-content {
    padding: 50px 0;
}

.entry-content h5 {
    margin: 0 0 10px;
    font-size: 32px;
}

.entry-content img {
    width: 100%;
    margin: 0 auto 20px;
}


}

@media screen  and (max-width: 1300px){  
    .banner .bg-img {
        height: 700px;
    }
    .banner .head {
        position: absolute;
        bottom: 100px;
        left: 150px;
    }
    .banner .head h2 {
        font-size: 50px;
    }


.sec-partners .slick-next.slick-arrow {
    left: -40px;
}
.sec-partners .slick-arrow {
    right: -40px;
}

.sec-service .slick-next.slick-arrow {
    left: -40px;
}
.sec-service .slick-arrow {
    right: -40px;
}

.sec-service .main .disc h4 {
    margin: 0 0 20px;
    font-size: 20px;
}

}
 
@media screen  and (max-width: 1200px){  
    .banner .bg-img {
        height: 630px;
    }
    
    .banner .head{
        bottom: 130px;
    }
    
    .sec-service .main .pic img{
        height: 355px;
    }
    
    .sec-test .main .pic h2 {
        font-size: 18px;
    }
}

@media screen  and (max-width: 1100px){ 
    .banner .bg-img {
        height: 580px;
    }
    
    .banner .head{
        left: 120px;
    }
    
    .header .contact-link a {
        padding: 10px 12px;
    }
    
    .sec-resources .head .voice-over {
        padding-right: 50px;
    }
    
    .sec-resources .head p {
        padding-right: 30px;
    }
    
    .sec-resources .head {
        padding-left: 20px;
    }
}

@media screen  and (max-width: 999px){   
    .header .row.main {
        padding: 0px 0 0;
    }
    
    .header .row.main .col-sm-7 {
        display: none;
    }
    
    .header .row.main .col-sm-2 {
        display: none;
    }
    
    .header .row.main .col-sm-3 {
        width: 100%;
        text-align: center;
    }
    
    .banner .bg-img {
        height: 460px;
    }
    
    .banner .head {
        bottom: 60px;
        left: 100px;
    }
    
    .banner .head h2 {
        font-size: 40px;
    }
    
    .sec-resources .head h2, .sec-service .head h2, .sec-partners .head h2, .sec-about .head h2, .sec-test .head h2 {
        font-size: 28px;
    }
    
    .sec-resources .pic img {
        height: auto;
    }
    
    .sec-resources .head p {
        padding-right: 0px;
    }
    
    .sec-resources .head .voice-over {
        padding-right: 10px;
    }
    
    .sec-resources .head .pic-2 img {
        height: auto;
    }
    
    .sec-resources .head .voice-over .voice {
        margin-bottom: 10px;
    }
    
    .sec-resources:before {height: 100%;}
    
    .sec-about .content {
        display: block !important;
    }
    
    .sec-about .content p {
        font-size: 16px;
    }
    
    .sec-faq {
        height: auto;
        padding: 30px 0;
    }
    
    .footer .dos {
        display: none;
    }
    
    .footer .uno, .footer .tres {
        width: 50%;
    }
    
    .sec-test .main .pic h2 {
        font-size: 14px;
    }
    
    .sec-service .slick-next.slick-arrow {
        left: -30px;
    }
    
    .sec-service .slick-arrow {
        right: -30px;
    }
    
    .sec-service .main {
        margin: 0 15px;
    }
    
    .inner-banner {
        height: 300px;
    }
    
    .inner-banner h2 {
        padding: 200px 0 0;
    }
}

@media screen  and (max-width: 768px){
    .sec-service .slick-next.slick-arrow {
        left: -10px;
    }
    
    .sec-service .slick-arrow {
        right: -10px;
    }
}

@media screen  and (max-width: 500px){     
    .header .top .title {
        display: none;
    }
    
    .banner .bg-img {
        height: 500px;
    }
    
    .banner .head {
        left: 0;
        padding: 0 20px;
    }
    
    .banner .head h5 {
        font-size: 18px;
    }
    
    .banner .head h2 {
        font-size: 26px;
    }
    
    .banner .head .book a {
        padding: 12px 18px;
        font-size: 14px;
    }
    
    .banner .head .book {
        margin-top: 20px;
    }
    
    .banner .slick-next.slick-arrow {
        left: 10px;
    }
    
    .banner .slick-arrow {
        right: 0px;
    }
    
    .sec-service .view a {
        font-size: 20px;
        padding: 8px 20px;
    }
    
    .sec-resources .col-sm-6 {
        padding: initial;
    }
    
    .sec-resources .head {
        padding: 20px 20px 0;
    }
    
    .sec-resources .head .pic-2 {
        margin-bottom: 20px;
    }
    
    .sec-resources {
        padding: 0px 0 20px;
    }
    
    .sec-service, .sec-partners, .sec-about, .sec-faq, .sec-test {
        padding: 30px 0;
    }
    
    .sec-about .row.main {
        flex-flow: wrap;
        flex-direction: column-reverse;
    }
    
    .sec-faq h2 {
        font-size: 28px;
    }
    
    .footer .uno, .footer .tres {
        width: 100%;
    }
    
    .footer .uno {
        margin-bottom: 30px;
    }
    
    .footer .top-heading h3 {
        margin: 0 0 15px;
    }
    
    .footer .copy-2 {
        text-align: center;
    }
    
    .sec-test .slick-arrow{
        right: 0px;
    }
    
    .sec-test .slick-next.slick-arrow {
        left: 0;
    }
    
    .sec-test .main .pic h2 {
        font-size: 26px;
    }
    
    .inner-banner h2 {
        padding: 200px 0 0;
    }
}