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


}


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

    .product-home-col {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

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

    .main-footer .collapse:not(.show) {display: block !important; }
    .facility-wrapper .facility-item:nth-child(2n) {
        background-color: #1c1c1c !important;
      }

}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-footer .collapse:not(.show) {display: block !important; }
    .facility-item:nth-child(odd){
        background-color: #f8f9fa !important;
    }
    .facility-item:nth-child(even){
        background-color: #1c1c1c!important;
    }
    .facility-item:nth-child(odd){
        filter: none !important;
    }
    .facility-item:nth-child(even) .f-icon > img{
        filter: invert(1) !important;
    }

    .facility-item:nth-child(odd) h4{
        color: #101010 !important;
    }
    .facility-item:nth-child(even) h4{
        color: #fff !important;
    }
    .count-value-wrap{
        font-size: 40px;
    }
}
@media only screen and (max-width:991px){
    header .navbar-collapse{
        position: absolute;
        z-index: 999;
        background: rgb(255, 255, 255);
        width: 100%;
        top: 100%;
    }
   
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

    .section-heading > h2 { font-size: 32px;}
    .main-footer .collapse:not(.show) {display: block !important; }
    .product-home-col {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .carousel-caption {
        max-width: 60%;
    }
    .carousel-caption {
        width: 90%;
        padding: 20px 30px 30px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .job-desc p{
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3; /* number of lines to show */
                line-clamp: 3; 
        -webkit-box-orient: vertical;
    }
    .facility-wrapper{
        grid-template-columns: repeat(3,1fr);
    }
    .facility-item:nth-child(odd){
        background-color: #f8f9fa !important;
    }
    .facility-item:nth-child(even){
        background-color: #1c1c1c!important;
    }
    .facility-item:nth-child(odd){
        filter: none !important;
    }
    .facility-item:nth-child(even) .f-icon > img{
        filter: invert(1) !important;
    }

    .facility-item:nth-child(odd) h4{
        color: #101010 !important;
    }
    .facility-item:nth-child(even) h4{
        color: #fff !important;
    }
    .home-main-slider .carousel-item img{
        height: 350px;
        object-fit: cover;
    }
    .home-main-slider .carousel-item h2{
        font-size: 25px;
    }
    .count-value-wrap{
        font-size: 40px;
    }
}

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

    .footer-accordion {border-bottom: 1px solid #ffffff75;}
	.f-title button, .m-title button { display: block;position: relative;color: #fff;text-shadow: none;background: none;background-image: none;background-image: none;border: 0;box-shadow: none;font-size: 12px;position: absolute;top: 0;right: 0;padding: 0;width: 100%; cursor: pointer; height: 100%; outline: 0!important; }
    .f-title button:focus, .f-title button:hover, .f-title button:active, .m-title button:focus, .m-title button:hover, .m-title button:active, .f-title .accordion-button:not(.collapsed) { box-shadow: none!important; outline: 0!important; background-color: transparent; }
    .product-home-col {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .footer-accordion .f-title { margin: 0; padding: 18px 0; }
    /* .footer-accordion .f-listing > li { padding-left: 20px; } */
    .inner-banner > img{
        height: 250px; object-fit: cover;
    }
    .section-heading > h2 { font-size: 30px;}
    .carousel-caption {
        width: 90%;
        padding: 20px 30px 30px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .carousel-caption::before {
        /* opacity: 0; */
    }
    .contact-box{ 
        /* margin-bottom: 10px;  */
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .facility-wrapper {
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: auto auto;
        grid-gap: 15px 15px;
    }

    .facility-item:nth-child(4n), .facility-item:nth-child(4n-3) {
        background-color: #f8f9fa;
    }
    .facility-item:nth-child(4n+3), .facility-item:nth-child(4n-2) {
        background-color: #1c1c1c!important;
    }
    .facility-item:nth-child(4n) .f-icon > img, .facility-item:nth-child(4n-3) .f-icon > img{
        filter: none !important;
    }
    .facility-item:nth-child(4n+3) .f-icon > img, .facility-item:nth-child(4n-2) .f-icon > img{
        filter: invert(1) !important;
    }

    .facility-item:nth-child(4n) h4, .facility-item:nth-child(4n-3) h4{
        color: #101010 !important;
    }
    .facility-item:nth-child(4n+3) h4, .facility-item:nth-child(4n-2) h4{
        color: #fff !important;
    }
    .contact-details-row{
        justify-content: left !important;
    }
    .home-main-slider .carousel-item img{
        height: 350px;
        object-fit: cover;
   }
   .home-main-slider .carousel-item h2{
       font-size: 22px;
   }
}

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

    .btn-custom,
    .btn-custom-white{
        padding: 12px 30px;
    }

    .blog-home-wrapper {
        background-size: 100%;
        background-position: bottom center; 
        min-height: 50vh;
        padding-bottom: 30vh;
    }
    .section-heading > h2 { font-size: 28px;}
    .sub-footer p { font-size: 14px;}
    .home-main-slider .carousel-item{
        position: relative;
    }
    /* .home-main-slider .carousel-item::before{
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #000;
        opacity: .6;
    } */
    .home-main-slider .carousel-item img{
         height: 400px;
         object-fit: cover;
    }
    .home-main-slider .carousel-item h2{
        font-size: 20px;
    }

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


}

@media screen and (max-device-width: 767px) and (orientation: landscape){
    header .navbar-nav{
        max-height: 242px;
        overflow: scroll;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }
    .home-main-slider .carousel-item img{
        height: 350px;
        object-fit: cover;
    }
}