@media (min-width: 320px) and (max-width: 359.98px) { 
    
}
@media (min-width: 360px) and (max-width: 374.98px) {

}
@media (min-width: 375px) and (max-width: 413.98px) { 

    
}
@media (min-width: 414px) and (max-width: 479.98px) {  
 
}
@media (min-width: 480px) and (max-width: 575.98px) {  

}


@media (min-width: 320px) and (max-width: 575.98px) {
    body{font-size: 14px;}
    .navbar-brand img{width:80%;}
    .dropdown .dropdown-item{text-align: center;}
    .navbar-light .navbar-nav .nav-link{padding: 5px 5px;}
    .contact-header{display: none;}
    .mobile-display{display: block;}
    .desktop-display{display: none;}
    .banner, inner-banner{background: rgba(69,235,235,1);
background: -moz-linear-gradient(left, rgba(69,235,235,1) 0%, rgba(12,144,141,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(69,235,235,1)), color-stop(100%, rgba(12,144,141,1)));
background: -webkit-linear-gradient(left, rgba(69,235,235,1) 0%, rgba(12,144,141,1) 100%);
background: -o-linear-gradient(left, rgba(69,235,235,1) 0%, rgba(12,144,141,1) 100%);
background: -ms-linear-gradient(left, rgba(69,235,235,1) 0%, rgba(12,144,141,1) 100%);
background: linear-gradient(to right, rgba(69,235,235,1) 0%, rgba(12,144,141,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45ebeb', endColorstr='#0c908d', GradientType=1 );  padding: 2rem 0;}
    .inner-banner{background: rgba(69,235,235,1);
background: -moz-linear-gradient(left, rgba(69,235,235,1) 0%, rgba(12,144,141,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(69,235,235,1)), color-stop(100%, rgba(12,144,141,1)));
background: -webkit-linear-gradient(left, rgba(69,235,235,1) 0%, rgba(12,144,141,1) 100%);
background: -o-linear-gradient(left, rgba(69,235,235,1) 0%, rgba(12,144,141,1) 100%);
background: -ms-linear-gradient(left, rgba(69,235,235,1) 0%, rgba(12,144,141,1) 100%);
background: linear-gradient(to right, rgba(69,235,235,1) 0%, rgba(12,144,141,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45ebeb', endColorstr='#0c908d', GradientType=1 ); color:#fff; padding:15px 0px;
        padding: 3rem 0; }
/*    .stick-banner{    height: 28vh;bottom: 43.5%;}*/
    .stick-banner{ display: none !important;}
    .banner .carousel-caption h4{font-size: 18px;margin-bottom: 10px;}
    .banner .carousel-caption h3{font-size: 24px; margin-bottom: 10px;}
    .banner .carousel-caption p{font-size: 12px;}
/*    .carousel-img{width:73% !important; margin-top: 40px;margin-bottom: 2rem;}*/
/*    .carousel-caption{width:75%; bottom:0;  position: relative; top:1rem;} */
/*    top:4rem;*/
    .btn-yellow-banner, .btn-yellow{padding: 5px 16px;font-size: 14px;}
    .banner .carousel-caption p{margin-bottom: 15px;}
    .title{font-size:24px; line-height: 30px; margin-bottom: 20px;}
    .title::after{border-bottom: 0px;}
    .space-50, .space-4{padding: 2rem 0;}
    .inner-banner{padding: 2rem 0 1rem;}
    .sub-title{font-size: 20px; margin-bottom: 20px;}
    .content{font-size: 14px; line-height: 26px;}
    .service .card .sub-title{margin-bottom: 20px}
    .service p{margin-bottom: 15px;}
    .service .card{margin-bottom: 15px;}
/*
    .icon-bar-desktop{display: none;}
    .icon-bar-mobile{display: block;}
*/
    .contact-mobile{display: block;}
    .owl-theme .owl-dots .owl-dot span{margin:5px 3px;}
    .owl-theme .owl-dots .owl-dot span{width:17px; height:5px;}
    .calculator .card{margin-top: 15px;}
    .our-goal p{margin-bottom: 15px;}
    .enquiry::after{display: none;}
    .enquiry{padding-bottom: 2rem;}
    .enquiry p{margin-bottom: 15px;}
    .space-30{padding: 2rem 0;} 
    .calculator-content p.content{margin-bottom: 15px;}
    .calculator .card-first{margin-top: 0px;}
    .testimonials{margin-top: 2rem;}
    .service .card, .process .card, .calculator .card, .testimonials .card{padding: 20px;}
    .user-name{font-size: 18px; margin-bottom: 0px;}
    .testimonials .item{margin-bottom: 15px;}
    .testimonials, .client {padding-bottom: 3rem;}
    footer{font-size: 14px;}
    .footer-content, .footer-link{text-align: center;}
    .footer-link ul li{padding: 7px 5px 0px;}
    .space-30{padding-bottom: 1rem;}
    .middle{position: relative; margin-top: 15px;}
    .carousel-caption{padding: o.5rem 0 1rem; top:0rem;    }
    .carousel-control-next, .carousel-control-prev{width: 5%;}
    .login-details{margin: 10px 0px;}
    .service .title{color:#000;}
    .inner-banner{top:0rem;}
}
@media (min-width: 576px) and (max-width: 734.98px) { 
    .login-details{margin: 10px 0px;}
    body{font-size: 14px;}
    .navbar-light .navbar-nav .nav-link{margin: 0px;padding: 2px 5px;}
    .navbar-brand{width:20%;}
    .navbar-brand img{width:75px;}
    .mobile-display{display: block;}
    .desktop-display{display: none;}
/*    .carousel-caption{width:95%; bottom:0;  position: relative; top:1rem; left:15%; right:15%;}*/
    .banner .carousel-caption h4{font-size: 16px;margin-bottom: 10px;}
    .banner .carousel-caption h3{font-size: 19px; margin-bottom: 10px;}
    .banner .carousel-caption p{font-size: 12px;}
    .carousel-img{margin-top: 10px;margin-bottom: 2rem;}
/*
    .carousel-indicators [data-bs-target]{    background-color: #00529c;}
    .carousel-indicators button[data-bs-target].active {background-color: #FFCB08;}
*/
/*    .carousel-indicators{margin-left: 4%;bottom: -1rem; margin-bottom: 0px;}*/
/*    .carousel-indicators{display: none;}*/
/*    .stick-banner{height: 38vh;}*/
    .carousel-control-next, .carousel-control-prev{width: 5%;}
    .service .card, .process .card, .calculator .card, .testimonials .card{padding: 20px;}
    .service .card{margin-bottom: 15px;}
    .title{font-size:24px; line-height: 30px; margin-bottom: 20px;}
    .title::after{border-bottom: 0px;}
    .sub-title{font-size: 20px; margin-bottom: 20px;}
    .content{font-size: 14px; line-height: 26px;}
    .space-50, .space-30, .space-4{padding: 2rem 0;}
    .enquiry::after{display: none;}
    .enquiry{padding-bottom: 2rem;}
    .calculator .card{margin-top: 15px;}
    .calculator .card-first{margin-top: 0px;}
     .testimonials{padding-top: 2rem;}
     .testimonials, .client {padding-bottom: 4rem;}
    footer{font-size: 13px;}
    .btn-yellow-banner, .btn-yellow{padding: 5px 16px;font-size: 14px;}
    .banner .carousel-caption p{margin-bottom: 15px; }
    .space-30{padding-bottom: 1rem;}
    .middle{position: relative; margin-top: 15px;}
    .carousel-caption{padding: 1.5rem 0 1rem; top:0rem;    }
    .carousel-indicators{margin-top: 10px;}
    .service .title{color:#000;}
    .inner-banner{ padding: 3rem 0; }
    .inner-banner .stick-banner{height: 29vh;}
/***************** nav ******************/
    .login-details{margin: 10px 0px;}
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-expand-sm .navbar-toggler {
        display: block;
    }
    .navbar-collapse.collapse.show, .navbar-expand-sm .navbar-collapse, .navbar-expand-sm .navbar-collapse {
        display: flex!important;
        flex-basis: 100%!important;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .justify-content-end {
        justify-content: flex-end!important;
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: column; width: 100%;
    }
    .navbar {
        position: relative;
        display: flex;
        flex-wrap: wrap;}

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu{position: relative; text-align: center;}
/***************** nav ******************/
}
@media (min-width: 735px) and (max-width: 767.98px) { 
    .login-details{margin: 10px 0px;}
    body{font-size: 14px;}
    .navbar-light .navbar-nav .nav-link{margin: 0px;padding: 2px 5px;}
    .navbar-brand{width:20%;}
    .navbar-brand img{width:100%;}
    .mobile-display{display: block;}
    .desktop-display{display: none;}
/*    .carousel-caption{ top:1rem; }*/
    .banner .carousel-caption h4{font-size: 16px;margin-bottom: 10px;}
    .banner .carousel-caption h3{font-size: 19px; margin-bottom: 10px;}
    .banner .carousel-caption p{font-size: 12px;}
    .carousel-img{margin-top: 10px;margin-bottom: 2rem;}
/*
    .carousel-indicators [data-bs-target]{    background-color: #00529c;}
    .carousel-indicators button[data-bs-target].active {background-color: #FFCB08;}
*/
/*    .carousel-indicators{margin-left: 4%;bottom: -1rem; margin-bottom: 0px;}*/
/*    .carousel-indicators{display: none;}*/
/*    .stick-banner{height: 38vh;}*/
    .carousel-control-next, .carousel-control-prev{width: 10%;}
    .service .card, .process .card, .calculator .card, .testimonials .card{padding: 20px;}
    .service .card{margin-bottom: 15px;}
    .title{font-size:24px; line-height: 30px; margin-bottom: 20px;}
    .title::after{border-bottom: 0px;}
    .sub-title{font-size: 20px; margin-bottom: 20px;}
    .content{font-size: 14px; line-height: 26px;}
    .space-50, .space-30, .space-4{padding: 2rem 0;}
    .enquiry::after{display: none;}
    .enquiry{padding-bottom: 2rem;}
    .calculator .card{margin-top: 15px;}
    .calculator .card-first{margin-top: 0px;}
     .testimonials{padding-top: 2rem;}
     .testimonials, .client {padding-bottom: 4rem;}
    footer{font-size: 13px;}
    .btn-yellow-banner, .btn-yellow{padding: 5px 16px;font-size: 14px;}
    .banner .carousel-caption p{margin-bottom: 15px; }
    .our-goal p{margin-bottom: 15px;}
    .middle{position: relative;margin-top: 15px;}
    .carousel-caption{padding: 1.5rem 0 1rem; top:0rem;    }
    .carousel-indicators{margin-top: 10px;}
    .inner-banner{ padding: 3rem 0; }
    .inner-banner .stick-banner{height: 29vh;}
    .service .title{color:#000;}
/*    .client::after{height: 75vh;}*/
    
/***************** nav ******************/
    .login-details{margin: 10px 0px;}
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-expand-sm .navbar-toggler {
        display: block;
    }
    .navbar-collapse.collapse.show, .navbar-expand-sm .navbar-collapse, .navbar-expand-sm .navbar-collapse {
        display: flex!important;
        flex-basis: 100%!important;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .justify-content-end {
        justify-content: flex-end!important;
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: column; width: 100%;
    }
    .navbar {
        position: relative;
        display: flex;
        flex-wrap: wrap;}

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu{position: relative; text-align: center;}
/***************** nav ******************/
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .login-details{margin: 10px 0px;}
    .navbar-light .navbar-nav .nav-link{margin: 0px 0px;  padding: 5px 5px;}
/*    .carousel-caption{bottom: 0rem; left:11%;}*/
/*    .stick-banner{height: 41vh;}*/
    .navbar-brand img{width:75px;}
    .banner .carousel-caption h4{font-size: 18px;margin-bottom: 10px;}
    .banner .carousel-caption h3{font-size: 20px; margin-bottom: 10px;}
    .banner .carousel-caption p{font-size: 12px;}
    .banner .carousel-caption p{margin-bottom: 15px;}
    .title{font-size:24px; line-height: 30px; margin-bottom: 20px;}
    .title::after{border-bottom: 0px;}
    .sub-title{font-size: 20px; margin-bottom: 20px;}
    .carousel-indicators{margin-top: 5px; margin-bottom: 0px;}
    .btn-yellow-banner, .btn-yellow{padding: 5px 16px;font-size: 14px;}
    .mobile-display{display: block;}
    .desktop-display{display: none;}
    .service .card{margin-bottom: 15px;}
/*
    .calculator .card{margin-top: 15px;}
    .calculator .card-first{margin-top: 0px;}
*/
    .space-50, .space-30, .space-4{padding: 2rem 0;}
/*    .enquiry::after{display: none;}*/
/*    .calculator .title{margin-top: 2rem;}*/
    .testimonials  .title{margin-top:2rem;}
    .testimonials, .client {padding-bottom: 3rem;}
    .enquiry::after{display: none;}
    .space-30{padding-bottom: 1rem;}
    .middle{position: relative; margin-top: 15px;}
    .carousel-caption{padding: 1.5rem 0 1rem; top:0rem;    }
    .carousel-indicators{margin-top: 10px; margin-bottom: 10px;}
    .carousel-control-next, .carousel-control-prev{width: 5%;}
/*    .inner-banner{top:5rem;}*/
    .inner-banner{ padding: 3rem 0 6rem; }
    .inner-banner .stick-banner{height: 32vh;}
    .navbar-light .navbar-nav .nav-link{margin: 0px 1px;}
    .service .title{color:#000;}
/*    .login-details li{padding-left: 5px;}
    .login-details li a{padding: 7px 14px;font-size: 14px;}
    .navbar-light .navbar-nav .nav-link{font-size: 14px;padding: 10px 4px;}*/
/*    .client::after{height: 75vh;}*/
/***************** nav ******************/
    .login-details{margin: 10px 0px;}
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-expand-sm .navbar-toggler {
        display: block;
    }
    .navbar-collapse.collapse.show, .navbar-expand-sm .navbar-collapse, .navbar-expand-sm .navbar-collapse {
        display: flex!important;
        flex-basis: 100%!important;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .justify-content-end {
        justify-content: flex-end!important;
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: column; width: 100%;
    }
    .navbar {
        position: relative;
        display: flex;
        flex-wrap: wrap;}

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu{position: relative; text-align: center;}
/***************** nav ******************/
}
@media (min-width: 992px) and (max-width: 1023.98px) { 
/*    .stick-banner{height: 44vh;}*/
/*    .carousel-caption{bottom:0rem;width: 40%;}*/
    .carousel-img{width:80% !important;}
    .banner .carousel-caption h4{font-size: 20px;margin-bottom: 10px;}
    .banner .carousel-caption h3{font-size: 30px; margin-bottom: 10px;}
    .banner .carousel-caption p{font-size: 14px; margin-bottom: 10px;}
    .carousel-indicators{margin-top: 5px; margin-bottom: 0px;}
    .btn-yellow-banner, .btn-yellow{padding: 5px 16px;font-size: 14px;}
    .title{font-size: 30px; margin-bottom: 20px;}
    .title::after{bottom: 0px;}
    .sub-title{font-size: 21px; margin-bottom: 20px;}
    .space-50, .space-30, .space-4{padding: 3rem 0;}
    .enquiry::after{display: none;}
    .space-30{padding-bottom: 1rem;}
    .carousel-caption{padding: 1.5rem 0 1rem; top:0rem;    }
    .carousel-indicators{margin-top: 10px;}
    .carousel-control-next, .carousel-control-prev{width: 5%;}
    .inner-banner{ padding: 2rem 0 6rem;; }
/*    .inner-banner .stick-banner{height: 32vh;}*/
    .navbar-light .navbar-nav .nav-link{margin: 0px 1px;}
    .service .title{color:#000;}
    .login-details li{padding-left: 5px;}
    .login-details li a{padding: 7px 14px;font-size: 14px;}
    .navbar-light .navbar-nav .nav-link{font-size: 14px;padding: 10px 4px;}
/*    .client::after{height: 75vh;}*/
}
@media (min-width: 1024px) and (max-width: 1199.98px) {
/*    .stick-banner{height: 44vh;}*/
/*    .carousel-caption{bottom:0rem;width: 40%;}*/
    .carousel-img{width:80% !important;}
    .banner .carousel-caption h4{font-size: 20px;margin-bottom: 10px;}
    .banner .carousel-caption h3{font-size: 30px; margin-bottom: 10px;}
    .banner .carousel-caption p{font-size: 14px; margin-bottom: 10px;}
    .carousel-indicators{margin-top: 5px; margin-bottom: 0px;}
    .btn-yellow-banner, .btn-yellow{padding: 5px 16px;font-size: 14px;}
    .title{font-size: 30px; margin-bottom: 20px;}
    .title::after{bottom: 0px;}
    .sub-title{font-size: 21px; margin-bottom: 20px;}
    .space-50, .space-30, .space-4{padding: 3rem 0;}
    .enquiry::after{display: none;}
    .space-30{padding-bottom: 1rem;}
    .carousel-caption{padding: 1.5rem 0 1rem; top:0rem;    }
    .carousel-indicators{margin-top: 10px;}
    .carousel-control-next, .carousel-control-prev{width: 5%;}
    .navbar-light .navbar-nav .nav-link{margin: 0px 1px;}
    .service .title{color:#000;}
    .login-details li{padding-left: 5px;}
    .login-details li a{padding: 7px 14px;font-size: 14px;}
    .navbar-light .navbar-nav .nav-link{font-size: 14px;padding: 10px 4px;}
/*    .client::after{height: 80vh;}*/
    .inner-banner{padding:3rem 0rem 6rem;}

}
@media (min-width: 1200px) and (max-width: 1279.98px) { 
	.banner .carousel-caption h4{font-size: 22px;}
    .banner .carousel-caption h3{font-size: 32px;}
    .carousel-caption{bottom:1rem;}
    .process-content{margin-left: 15px;}
    .space-50, .space-30, .space-4{padding: 4rem 0;}
    .carousel-control-next, .carousel-control-prev{width: 5%;}
    .carousel-caption{top:2rem;}
    .navbar-light .navbar-nav .nav-link{margin: 0px 1px;}
    .service .title{color:#000;}
    .inner-banner{padding:3rem 0rem 6rem;}

}
@media (min-width: 1280px) and (max-width: 1365.98px) { 
    .banner .carousel-caption h3{font-size: 35px;}
    .title{font-size: 35px; }
    .carousel-caption{bottom:1rem;}
    .space-50, .space-30, .space-4{padding: 4rem 0;}
    .calculator{padding-top: 6rem;}
    .space-30{padding-bottom: 1rem;}
    .carousel-control-next, .carousel-control-prev{width: 5%;}
    .carousel-caption{top:1rem;}
    .navbar-light .navbar-nav .nav-link{margin: 0px 1px;}
    .service .title{color:#000;}
    .inner-banner{padding:3rem 0rem 6rem;}

}
@media (min-width: 1366px) and (max-width: 1399.98px) { 
	.banner .carousel-caption h3{font-size: 37px;}
    .title{font-size: 37px; }
    .space-50, .space-30, .space-4{padding: 4rem 0;}
    .carousel-caption{top:1rem;}
    .carousel-control-next, .carousel-control-prev{width: 5%;}
    .service .title{color:#000;}
    .navbar-light .navbar-nav .nav-link{margin: 0px 1px;}
        .inner-banner{padding:3rem 0rem 6rem;}

}
@media (min-width: 1400px) and (max-width: 1439.98px) { 
	.banner .carousel-caption h3{font-size: 38px;}
    .title{font-size: 38px; }
    .space-50, .space-30, .space-4{padding: 4rem 0;}
    .space-30{padding-bottom: 1rem;}
    .carousel-control-next, .carousel-control-prev{width: 10%;}
    .service .title{color:#000;}
    .inner-banner{padding:3rem 0rem 6rem;}

}
@media (min-width: 1440px) and (max-width: 1599.98px) { 
    .banner .carousel-caption h3{font-size: 39px;}
    .title{font-size: 39px; }
    .space-50, .space-30{padding: 6rem 0;}
    .space-30{padding-bottom: 1rem;}
    .carousel-control-next, .carousel-control-prev{width: 7%;}
    .service .title{color:#000;}
    .inner-banner{padding:3rem 0rem 6rem;}
}
@media (min-width: 1600px) and (max-width: 1919.98px) { 
    .service .title{color:#000;}
    .client-inner::after{height: 57vh;}
}
@media (min-width: 1920px){
    .client-inner::after{height: 57vh;}
}
@media (max-width: 735px){
    
    }