/* Tablet Media Query */
@media (min-width: 200px) and (max-width: 370px) {
    .about-bg {
        background: white !important;
    }
    .btn-main2 {
        width: 58% !important;
    }    
    .btn-main3 {
        width: 68% !important;
    }
    .btn-main4 {
        width: 70% !important;
    }
}
@media (min-width: 375px) and (max-width: 400px) {
    .about-bg {
        background: white !important;
    }
    /* button */
    .btn-main2 {
        width: 49% !important;
    }

    .btn-main3 {
        width: 57.2% !important;
    }

    .btn-main4 {
        width: 58.3% !important;
    }

    .btn-main5 {
        width: 59.2% !important;
    }

    .btn-main6 {
        width: 52.9% !important;
    } 
       .whatsapp-chat {
        top: 69%!important;
        left: 80% !important;
    }

    .whatsapp-chat {
        top: 69%!important;
        left: 80% !important;
    }

    .blog-arrow-left{
        border: none !important;
    }

    .blog-arrow-right{
        border: none !important;
    }
}


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

    .about-bg {
        background: white !important;
    }

    .whatsapp-chat {
        top: 69%!important;
        left: 80% !important;
    }
    /* footer CSS */
    .footer-bg {
        clip-path: ellipse(180% 100% at 50% 100%) !important;
    }

    .why-es2-title {
        -webkit-line-clamp: 2 !important;
    }

    .header-bg {
        background: #e7f8ff;
    }

    .header-banner {
        margin-top: 0%;
    }

    ul.nav.toggle-menu {
        position: absolute;
        margin-top: 2%;
        width: 31%;
        background-color: #EBF8FF;
        padding: 10px;
        border: solid 1px #d9d9d9;
        margin-left: -12%;
    }

    .latest-news-title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical;
    }

    .project-single-title {
        font-size: 23px;
    }
    .footer-logo-img {
        width: 38% !important;
        left: -14% !important;
    }

    /* button */
    .btn-main2 {
        width: 44.0%;
    }

    .btn-main3 {
        width: 51.5%;
    }

    .btn-main4 {
        width: 52.3%;
    }

    .btn-main5 {
        width: 52.2%;
    }

    .btn-main6 {
        width: 46.9%;
    }
    

}

@media (min-width: 768px) and (max-width: 1024px) {

    /* buttons */
    .btn-main2 {
        width: 23.0%;
    }

    .btn-main3 {
        width: 26.9%;
    }

    .btn-main4 {
        width: 26.9%;
    }

    .btn-main5 {
        width: 45.7%;
    }

    .btn-main6 {
        width: 41.9%;
    }

    /* footer CSS */
    .footer-bg {
        clip-path: ellipse(180% 100% at 50% 100%) !important;
    }

    .why-es2-title {
        -webkit-line-clamp: 2 !important;
    }

    .header-bg {
        background: #e7f8ff;
    }

    .header-banner {
        margin-top: 0%;
    }

    ul.nav.toggle-menu {
        position: absolute;
        margin-top: 2%;
        width: 31%;
        background-color: #EBF8FF;
        padding: 10px;
        border: solid 1px #d9d9d9;
        margin-left: -12%;
    }
    
    .latest-news-title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical;
    }

    .project-single-title {
        font-size: 23px;
    }
    
    .footer-logo-img {
        width: 27% !important;
        left: -10% !important;
    }

    .es2-slider {
        min-width: 100% !important;
        padding-top: 15%;
    }

    .logo-img {
        width: 36% !important;
    }

}

/* Mobile Media Query */
@media only screen and (max-width: 600px) {
.about-bg {
    background: white !important;
}
    /* button */
    .btn-main2 {
        width: 44.0%;
    }

    .btn-main3 {
        width: 51.5%;
    }

    .btn-main4 {
        width: 52.3%;
    }

    .whatsapp-chat {
        position: fixed;
        z-index: 99;
        top: 75% !important;
        left: 74% !important;
    }
    
    .btn-main5 {
        width: 52.2%;
    }

    .btn-main6 {
        width: 46.9%;
    }
    /* footer CSS */
	.footer-bg {
        clip-path: ellipse(173% 100% at 50% 100%) !important;
    }

    .why-es2-title {
        -webkit-line-clamp: 2 !important;
    }

    .latest-news-title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical;
    }

    .contact-form-bg {
        border-radius: 0px !important;
    }

    ul.nav.toggle-menu {
        margin-top: 2% !important;
        width: 62% !important;
        margin-left: -47% !important;
    }

    .header-bg {
        background: #e7f8ff;
    }

    .project-single-title {
        font-size: 16px;
    }

    .header-banner {
        margin-top: 0%;
    }

    .inner-pages-header-content {
        margin-bottom: 4%;
    }

    .footer-logo-img {
        position: absolute;
        width: 68% !important;
        left: -25% !important;
    }

    .es2-slider {
        min-width: 100% !important;
        padding-top: 20%;
    }

    .logo-img {
        width: 36% !important;
    }


    .container .column-1 .item-1 {
        height: 8rem !important;
    }
    
    .container .column-1 .item-2 {
        height: 8rem !important;
    }
    
    .container .column-1 .item-3 {
        height: 8rem !important;
    }
    
    .container .column-2 .item-1 {
        height: 8rem !important;
    }
    
    .container .column-2 .item-2 {
        height: 8rem !important;
    }
    
    .container .column-2 .item-3 {
        height: 8rem !important;
    }
    
    .container .column-3 .item-1 {
        height: 8rem !important;
    }
    
    .container .column-3 .item-2 {
        height: 8rem !important;
    }
    
    .container .column-3 .item-3 {
        height: 8rem !important;
    }
    
    .container .column-3 .item-4 {
        height: 8rem !important;
    }

    .counter-container {
        display: block !important;
    }

    .services-tab {
        width: 100% !important;
    }

}

@media (min-width: 1024px) and (max-width: 1300px) {
    .slider-main-btn {
        width: 93.5% !important;
    }

    .sldier-content {
        width: 22% !important;
        margin-top: 25% !important;
    }
    
    .sldier-content h1 {
        font-size: 38px !important;
    }

    /* buttons */
    .btn-main2 {
        width: 30.0%;
    }

    .btn-main3 {
        width: 86.9%;
    }

    .btn-main4 {
        width: 75.9%;
    }

    .btn-main5 {
        width: 45.7%;
    }

    .btn-main6 {
        width: 78.9%;
    }

    /* footer CSS */
    .footer-bg {
        clip-path: ellipse(180% 100% at 50% 100%) !important;
    }

    .why-es2-title {
        -webkit-line-clamp: 2 !important;
    }

    .header-bg {
        background: #e7f8ff;
    }

    .header-banner {
        margin-top: 0%;
    }

    ul.nav.toggle-menu {
        position: absolute;
        margin-top: 2%;
        width: 31%;
        background-color: #EBF8FF;
        padding: 10px;
        border: solid 1px #d9d9d9;
        margin-left: -12%;
    }
    
    .latest-news-title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical;
    }

    .project-single-title {
        font-size: 23px;
    }
    
    .footer-logo-img {
        width: 27% !important;
        left: -10% !important;
    }

    .es2-slider {
        min-width: 100% !important;
        padding-top: 15%;
    }

    .logo-img {
        width: 36% !important;
    }

}


/* */
@media (min-width: 1400px) and (max-width: 1600px) {

            /* button */
            .btn-main2 {
                width: 23%;
            }
        
            .btn-main3 {
                width: 65.5%;
            }
        
            .btn-main4 {
                width: 55.3%;
            }
        
            .btn-main5 {
                width: 61.2%;
            }
        
            .btn-main6 {
                width: 58.9%;
            }

    .sldier-content {
        width: 43% !important;
        position: absolute;
        margin-top: 20% !important;
    }

    .es2-slider{
        max-width: 50% !important;
    }

    ul.nav.toggle-menu {
        padding-top: 60px !important;
    }

    ul.nav.toggle-menu {
        width: 18% !important;
    }

    .slider-section {
        margin-top: -8% !important;
    }

    ul.nav.toggle-menu {
        margin-top: -6%;
    }
}



@media (min-width: 1700px) and (max-width: 2600px) {
        /* button */
        .btn-main2 {
            width: 44.0%;
        }
    
        .btn-main3 {
            width: 51.5%;
        }
    
        .btn-main4 {
            width: 52.3%;
        }
    
        .btn-main5 {
            width: 52.2%;
        }
    
        .btn-main6 {
            width: 57.9%;
        }
    .sldier-content {
        width: 32% !important;
        position: absolute;
        margin-top: 21% !important;
    }

    .sldier-content h1 {
        font-size: 45px !important;
    }

    .footer-logo-img {
        position: absolute;
        width: 24% !important;
        left: -1%;
        background: white;
        padding-left: 9%;
        border-radius: 0px 50px 50px 0px;
        padding-right: 0px;
    }

    .btn-main2 {
        color: white;
        font-weight: 600;
        font-size: 17px;
        background: linear-gradient(to left, #46B76D 50%, #205B8B 50%) right;
        background-size: 201%;
        transition: .5s ease-out;
        padding-right: 0px;
        width: 22.9%;
        padding: 7.1px 0px 7.1px 17px !important;
    }

    .btn-main3 {
        color: white;
        font-weight: 600;
        font-size: 17px;
        background: linear-gradient(to left, #46B76D 50%, #205B8B 50%) right;
        background-size: 201%;
        transition: .5s ease-out;
        padding-right: 0px;
        width: 65.9%;
        padding: 7.1px 0px 7.1px 17px !important;
    }

    .btn-main4 {
        color: white;
        font-weight: 600;
        font-size: 17px;
        background: linear-gradient(to left, #46B76D 50%, #205B8B 50%) right;
        background-size: 201%;
        transition: .5s ease-out;
        padding-right: 0px;
        width: 56.9%;
        padding: 7.1px 0px 7.1px 17px !important;
    }

    .container .column-1 .item-1 {
        height: 20rem !important;
    }
    
    .container .column-1 .item-2 {
        height: 20rem !important;
    }
    
    .container .column-1 .item-3 {
        height: 20rem !important;
    }
    
    .container .column-2 .item-1 {
        height: 20rem !important;
    }
    
    .container .column-2 .item-2 {
        height: 20rem !important;
    }
    
    .container .column-2 .item-3 {
        height: 20rem !important;
    }
    
    .container .column-3 .item-1 {
        height: 20rem !important;
    }
    
    .container .column-3 .item-2 {
        height: 20rem !important;
    }
    
    .container .column-3 .item-3 {
        height: 20rem !important;
    }
    
    .container .column-3 .item-4 {
        height: 20rem !important;
    }

    .slider-span-btn{    
        margin-left: 17px !important;
    }
    
    .slider-main-btn {
        padding: 7.3px 0px 8.2px 7px !important;
    }

    .view-news-archive .slider-span-btn {
        padding: 9.5px 0px 11.5px 0px;
    }

    .es2-slider{
        max-width: 50% !important;
    }

    ul.nav.toggle-menu {
        padding-top: 60px !important;
    }

    ul.nav.toggle-menu {
        width: 15% !important;    
        margin-left: 10%;
    }

    .slider-section {
        margin-top: -8% !important;
    }

}

@media (min-width: 1600px) and (max-width: 1700px) {


.footer-logo-img {
    position: absolute;
    width: 18% !important;
    left: 0%;
}
}