/*@media only screen and (max-width: 1280px){*/
/*    .header-contact-left {*/
/*        width: 80%;*/
/*    }*/
    
/*     .home-page-banner{*/
/*        height: 93vh !important;*/
/*    }*/

/*    .home-page-banner-overlay{*/
/*        height: 93vh;*/
        /*padding-left: 35px;*/
/*    }*/
    
/*    .intro-text{*/
/*        font-size: 22px;*/
/*    }*/
    
/*     .home-page-section-2-wrap {*/
/*        width: 98%;*/
/*}*/
/*}*/




/*@media only screen and (max-width: 1080px){*/
/*    .home-page-banner {*/
/*    height: 128vh !important;*/
/*}*/
/*}*/





@media only screen and (max-width: 1024px){
    .header-contact-left {
        width: 80%;
}

    .home-page-banner{
        height: 135vh !important;
    }
    
    .home-page-banner-overlay-content {
        top: 15%;
}

.intro-text{
    font-size: 18px;
}

    .home-page-section-2-wrap{
        /*width: 70%;*/
        grid-template-columns: auto auto auto;
    }
    
    .h-p-s3-box-1 {
        width: 310px;
}
    
    .ctgy-1 {
        grid-column-gap: 25px;
}

    .h-p-s5-left-box-1 {
        height: 285px;
}

    .home-page-section-6-overlay {
        height: 70vh;
        top: 24%;
}
}






@media only screen and (max-width: 912px){
    /*header*/
    
    /*.navbar-nav .nav-item{*/
    /*    padding-right: 0;*/
    /*}*/

    .header-top-wrap{
        display: none;
    }
    
    .home-page-banner{
        height: 60vh !important;
    }

    .home-page-banner-overlay{
        padding-left: 35px;
    }
    
    .home-page-section-1{
        grid-template-columns: auto;
        grid-row-gap: 290px;
    }
    .home-page-section-2-wrap {
        width: 74%;
        grid-template-columns: auto auto;
}

    .home-page-banner-overlay-content{
        top: 10%;
    }
    
    .h-p-s4-right{
        padding: 20px 20px;
    }
    
    .home-page-section-5-wrap{
        width: 81%;
    }
    
    .ctgy-1{
        grid-template-columns: auto;
    }

    .home-page-section-3-boxes{
        grid-template-columns: auto auto;
    }

    .h-p-s5-left-wrap{
        grid-template-columns: auto;
    }
    
    .home-page-section-6-overlay{
        width: 61%;
        left: 33%;
        padding: 100px 56px 10px 35px;
        height: 40vh;
        top: 56%;
    }
    
    .home-page-section-7-bottom{
        grid-template-columns: auto auto;
    }
    
    /*about us*/
    
    .about-us-banner{
        height: 34vh !important;
    }
    
    .about-us-banner-overlay{
        height: 34vh; 
    }
    
    .about-us-section-1-wrap {
    grid-template-columns: auto;
}

    .a-u-s1-box-2{
        margin: auto;
    }
    
    .about-us-section-2-wrap{
        grid-template-columns: auto auto auto;
    }
}






@media only screen and (max-width: 820px){
    /*header*/
    
    .navbar-nav .nav-item{
        padding-right: 0;
    }

    .header-top-wrap{
        display: none;
    }
    
    .home-page-banner{
        height: 83vh !important;
    }

    .home-page-banner-overlay{
        padding-left: 35px;
    }
    
    .home-page-section-1{
        grid-template-columns: auto;
        grid-row-gap: 210px;
    }
    .home-page-section-2-wrap {
        grid-template-columns: auto auto;
}

    .home-page-banner-overlay-content{
        top: 10%;
    }
    
    .intro-text{
        font-size: 22px;
    }
    
    .h-p-s4-right{
        padding: 20px 20px;
    }
    
    .home-page-section-5-wrap{
        width: 81%;
    }
    
    .ctgy-1{
        grid-template-columns: auto;
    }

    .home-page-section-3-boxes{
        grid-template-columns: auto auto;
    }

    .h-p-s5-left-wrap{
        grid-template-columns: auto;
    }
    
    .home-page-section-6-overlay{
        width: 64%;
        left: 31%;
        padding: 100px 56px 10px 35px;
        height: 48vh;
        top: 48%;
    }
    
    .home-page-section-7-bottom{
        grid-template-columns: auto auto;
    }
    
    
    
    /*about us*/
    
    .about-us-section-1-wrap {
    grid-template-columns: auto;
}

    .a-u-s1-box-2{
        margin: auto;
    }
    
    .about-us-section-2-wrap{
        grid-template-columns: auto auto auto;
    }
}




@media only screen and (max-width: 768px){
    .home-page-banner {
    height: 90vh !important;
}
    .h-p-s3-box-1 {
        width: 358px;
}
}




@media only screen and (max-width: 540px){
    /*header*/

    .header-top-wrap{
        display: none;
    }

    .navbar-dark .navbar-toggler{
        background-color: #000;
    }
    
    .home-page-banner{
        height: 82vh !important;
    }

    .home-page-banner-overlay{
        padding-left: 35px;
    }

    .home-page-banner-overlay-content{
        top: 10%;
    }
    .home-page-banner-overlay-content h1{
        font-size: 38px;
    }
    
    .intro-text{
        font-size: 18px;
    }

    .home-page-section-1{
        grid-template-columns: auto;
        grid-row-gap: 300px;
    }
    .section-1-counter{
        grid-template-columns: auto;
    }

    .h-p-box-1{
        margin-top: 0;
    }

    .home-page-section-2-wrap{
        grid-template-columns: auto;
    }
    
    .ctgy-1{
        grid-template-columns: auto;
    }

    .home-page-section-3-boxes{
        grid-template-columns: auto;
    }

    .h-p-s4-right{
        margin-top: 50px;
    }

    .h-p-s5-left-wrap{
        grid-template-columns: auto;
    }
    
    .home-page-section-5-wrap .px-5 {
     padding-left: 0 !important;
}

    .home-page-section-7-top{
        grid-template-columns: auto;
    }

    .h-p-s5-right{
        padding-top: 120px;
    }

    .home-page-section-6-overlay{
        width: 95%;
        margin: auto;        
        left: 0;
        padding: 92px 56px 10px 35px;
    }
    .home-page-section-6-overlay h1{
        font-size: 29px;
    }
    
    .h-p-s7-top-box-1 button{
        float: none;
    }
    .home-page-section-7-bottom{
        grid-template-columns: auto;
    }


    /*about us*/
    
    .a-u-s1-box-2 {
    width: 503px !important;
    height: 333px !important;
}

    .about-us-section-1-wrap{
        grid-template-columns: auto;
    }

    .about-us-section-1-wrap{
        padding-bottom: 185px;
    }
    .a-u-s1-box-2{
        width: 350px;
    }

    .about-us-section-2-wrap{
        grid-template-columns: auto auto;
    }
    



    /*footer*/

    .footer-top{
        padding: 0;
    }
    
    .footer-top-wrap{
        padding-top: 55px;
    }

    .footer-box-2{
        padding-left: 12px !important;
    }

    .footer-box-4{
        padding-bottom: 50px;
    }

    .footer-bottom-wrap{
        grid-template-columns: auto;
        text-align: center;
    }
    .footer-bottom-right p{
        float: none;
    }
    
    .footer-box-2 h5 {
    padding-top: 25px;
}
}





@media only screen and (max-width: 414px){
    /*header*/

    .header-top-wrap{
        display: none;
    }

    .navbar-dark .navbar-toggler{
        background-color: #000;
    }
    
    .home-page-banner{
        height: 82vh !important;
    }

    .home-page-banner-overlay{
        padding-left: 35px;
    }

    .home-page-banner-overlay-content{
        top: 10%;
    }
    .home-page-banner-overlay-content h1{
        font-size: 38px;
    }
    
    .intro-text{
        font-size: 12px; 
    }

    .home-page-section-1{
        grid-template-columns: auto;
    }
    .section-1-counter{
        grid-template-columns: auto;
    }

    .h-p-box-1{
        margin-top: 0;
    }

    .home-page-section-2-wrap{
        grid-template-columns: auto;
    }
    
    .ctgy-1{
        grid-template-columns: auto;
    }

    .home-page-section-3-boxes{
        grid-template-columns: auto;
    }

    .h-p-s4-right{
        margin-top: 50px;
    }

    .h-p-s5-left-wrap{
        grid-template-columns: auto;
    }
    
    .home-page-section-5-wrap .px-5 {
     padding-left: 0 !important;
}

    .home-page-section-7-top{
        grid-template-columns: auto;
    }

    .h-p-s5-right{
        padding-top: 120px;
    }

    .home-page-section-6-overlay{
        height: 55vh;
        top: 40%;
    }
    .home-page-section-6-overlay h1{
        font-size: 29px;
    }
    
    .h-p-s7-top-box-1 button{
        float: none;
    }
    .home-page-section-7-bottom{
        grid-template-columns: auto;
    }


    /*about us*/

    .about-us-section-1-wrap{
        grid-template-columns: auto;
    }

    .about-us-section-1-wrap{
        padding-bottom: 185px;
    }
    .a-u-s1-box-2 {
    width: 387px !important;
    height: 255px !important;
    }

    .about-us-section-2-wrap{
        grid-template-columns: auto;
    }
    



    /*footer*/

    .footer-top{
        padding: 0;
    }
    
    .footer-top-wrap{
        padding-top: 55px;
    }

    .footer-box-2{
        padding-left: 12px !important;
    }

    .footer-box-4{
        padding-bottom: 50px;
    }

    .footer-bottom-wrap{
        grid-template-columns: auto;
        text-align: center;
    }
    .footer-bottom-right p{
        float: none;
    }
    
    .footer-box-2 h5 {
    padding-top: 25px;
}
}




@media only screen and (max-width: 412px){
    .intro-text{
        font-size: 14px;
    }
}






@media only screen and (max-width: 393px){
    
    .home-page-banner {
    height: 90vh !important;
}

    .a-u-s1-box-2 {
    width: 365px !important;
    height: 242px !important;
    }
}






@media only screen and (max-width: 390px){
    
    .home-page-banner {
    height: 90vh !important;
}

    .a-u-s1-box-2 {
    width: 362px !important;
    height: 240px !important;
    }
}






@media only screen and (max-width: 375px){
    /*header*/

    .header-top-wrap{
        display: none;
    }

    .navbar-dark .navbar-toggler{
        background-color: #000;
    }
    
    .home-page-banner{
        height: 110vh !important;
    }

    .home-page-banner-overlay{
        padding-left: 35px;
    }

    .home-page-banner-overlay-content{
        top: 10%;
    }
    .home-page-banner-overlay-content h1{
        font-size: 38px;
    }
    
    .intro-text{
        font-size: 13px; 
    }

    .home-page-section-1{
        grid-template-columns: auto;
    }
    .section-1-counter{
        grid-template-columns: auto;
    }

    .h-p-box-1{
        margin-top: 0;
    }

    .home-page-section-2-wrap{
        grid-template-columns: auto;
    }
    
    .h-p-s3-box-1 {
    width: 350px;
}
    
    .ctgy-1{
        grid-template-columns: auto;
    }

    .home-page-section-3-boxes{
        grid-template-columns: auto;
    }

    .h-p-s4-right{
        margin-top: 50px;
    }

    .h-p-s5-left-wrap{
        grid-template-columns: auto;
    }
    
    .home-page-section-5-wrap .px-5 {
     padding-left: 0 !important;
}

    .home-page-section-7-top{
        grid-template-columns: auto;
    }

    .h-p-s5-right{
        padding-top: 120px;
    }

    .home-page-section-6-overlay{
        width: 95%;
        margin: auto;        
        left: 0;
        padding: 80px 56px 10px 35px;
    }
    .home-page-section-6-overlay h1{
        font-size: 29px;
    }
    
    .h-p-s7-top-box-1 button{
        float: none;
    }
    .home-page-section-7-bottom{
        grid-template-columns: auto;
    }


    /*about us*/
    
    .a-u-s1-box-2 {
    width: 350px !important;
    height: 245px !important;
}

    .about-us-section-1-wrap{
        grid-template-columns: auto;
    }

    .about-us-section-1-wrap{
        padding-bottom: 185px;
    }

    .about-us-section-2-wrap{
        grid-template-columns: auto;
    }
    



    /*footer*/

    .footer-top{
        padding: 0;
    }
    
    .footer-top-wrap{
        padding-top: 55px;
    }

    .footer-box-2{
        padding-left: 12px !important;
    }

    .footer-box-4{
        padding-bottom: 50px;
    }

    .footer-bottom-wrap{
        grid-template-columns: auto;
        text-align: center;
    }
    .footer-bottom-right p{
        float: none;
    }
    
    .footer-box-2 h5 {
    padding-top: 25px;
}
}





@media only screen and (max-width: 360px){
    .a-u-s1-box-2 {
    width: 335px !important;
    height: 222px !important;
    }
    
    .h-p-s3-box-1 {
    width: 334px;
}
}





@media only screen and (max-width: 280px){
    .home-page-banner{
        height: 140vh !important;
    }
    
    .intro-text {
        font-size: 8px;
    }
    
    .home-page-banner-overlay{
        padding-left: 10px;
    }
    
    
    .h-p-s2-box-1 {
    width: 223px;
    height: 425px;
}

 .h-p-s3-box-1 {
        width: 252px;
}



    .h-p-s5-right h1 {
    font-size: 35px;
}


.home-page-section-6-overlay {
    height: 73vh;
    top: 26%;
    padding: 28px 56px 10px 35px;
}

.h-p-s4-left h1{
    font-size: 42px;
}


.ctgy1-left h1 {
    font-size: 38px;
}
    
    
    .a-u-s1-box-2 {
    width: 245px !important;
    height: 161px !important;
    }
    
    .a-u-s1-right-content {
    width: 94%;
}

    .about-us-section-2 h1 {
    font-size: 40px;
}

    .footer-box-2 h5 {
    padding-top: 25px;
}
}