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

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

}

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

.caption h1 {
    font-size: 36px;
}
         .caption p {
            font-size: 18px;
            margin-top: 0px;
        }
        .middle-container.inner-page .banner-section {
            height: 160px;
        }
}

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

}

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

    ul.insfra-blocks li span {
    font-size: 14px;
}
.ourvalues-col {
    min-height: 220px;
}
}

@media only screen and (max-width:1399px) {
    .main-navbar .navbar-dark .navbar-nav .nav-link {
        font-size: 13px;
        padding: 15px 10px;
    }
    .sk-name div span {
        font-size: 18px;
    }
    .sk-name div {
        font-size: 32px;
    }
    .sk-address div {
        font-size: 14px;
        line-height: 22px;
    }
    .sk-name {
        width: 50%;
    }
    .footer-top h3 {
        font-size: 18px;
     
    }
    .footer-top ul li {
             padding: 2px 0;
    }
    .our-presence-section h2 {
        font-size: 60px;
    }
    .btn {
        height: 32px;
        padding: 0 15px;
        line-height: 32px;
        min-width: 110px;
        font-size: 12px;
    }
    .our-fab-col ul li {
             font-size: 14px;
        padding: 3px 0 3px 22px;
         }
         .section-title span {
 
    font-size: 16px;
 
}
.section-title h2 {
    font-size: 32px;
}
ul.insfra-blocks li {
    padding: 25px 15px;
    
}
}

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

    .sustainability-section ul {
        gap: 10px;
    }
    .our-fabrics-section::after {
        top: 200px;
        height: 65%;
    }
    .paddTB70{padding-top: 40px; padding-bottom: 40px;}
    .caption h1 {
    font-size: 32px;
}
}

@media only screen and (max-width:1200px) {
.whatwedo-col h3 {
    font-size: 14px;
}
.whatwedo-col p {
    font-size: 17px;
        line-height: 24px;
}

}

@media only screen and (max-width:1199px) {
    .logo img, .ftr-logo img {
        width: 100px;
    }
    .main-navbar .navbar-dark .navbar-nav .nav-link {
        font-size: 12px;
        padding: 15px 8px;
    }
    .caption h1 {
        font-size: 50px;
    }
    .caption p {
        font-size: 14px;
        margin-top: 0px;
    }
    .product-col h3 {
        padding: 10px 15px;
    }
    .middle-container.inner-page .banner-section {
        height: 120px;
    }
    .caption {
    padding: 15px;
}
.caption h1 {
    font-size: 26px;
}
.square-animate-left::before, .square-animate-left::after{display: none;}
}

@media only screen and (max-width:992px) {
    .our-fabrics-section::after {
        top: 200px;
        height: 62%;
    }
    .sk-name {
        width: 45%;
        padding: 15px 30px;
    }
    .loc-inner::before {
        left: 340px;
    }
    img.addimg {
        width: 50px;
    }
    .page-title h1 {
        font-size: 24px;
    }
    .our-fab-col ul {
    margin-top: 30px;
}
}

@media only screen and (max-width:991px) { 
    .container {
        width: 100%;
    }

    .navouter {
        display: block;
    }

    .main-navbar .navbar-dark .navbar-toggler {
        margin-left: auto;
        background-color: var(--primary);
        border-color: var(--primary);

    }
    .main-navbar .navbar-dark .navbar-toggler:focus {
        box-shadow: none;
    }
    .main-navbar .navbar-dark {
        padding: 5px 15px;
        margin: 0 -15px;
        width: 100%;
    }
    .main-navbar .navbar-dark .navbar-nav {
        height: auto;
    }
    .main-navbar .navbar-collapse {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        z-index: 3;
        background: #fff;
    }
    .main-navbar .navbar-dark .navbar-nav .nav-item {
        display: block;
    }
    .main-navbar .navbar-dark .navbar-nav .nav-link {
        padding: 12px 12px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        color: #222;
        font-size: 12px;
    }
    .main-navbar .navbar-dark .navbar-nav .nav-link.dropdown-toggle::after {
        margin-left: auto;
    }
    .dropdown-menu {
        background-color: #f7f7f7;
    }
    .main-navbar .navbar-dark .navbar-nav .dropdown-menu li a {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        padding-left: 25px;
    }
    .main-navbar .navbar-dark .navbar-nav .dropdown-menu li:last-child a {
        border-bottom: none;
    }
    .main-navbar .navbar-dark .navbar-nav .dropdown-menu li ul li a {
        padding-left: 35px;
    }

    .slider-container {
        aspect-ratio: 5/2;
    }
    .about-section::before {
        width: 10%;
         }

        .our-fabrics-section::after {
            top: 165px;
            height: 62%;
        }
        .sk-name {
            width: 45%;
            padding: 10px 15px;
        }
        .sk-name div span {
            font-size: 16px;
        }
        .sk-name div {
            font-size: 28px;
        }
        .sk-address {
         padding: 10px 15px;
        }
        .loc-inner::before {
            left: 280px;
        }
        .our-values-section ul li img {
                     height: 70px;
        }
        .main-navbar .navbar-dark .navbar-nav .nav-link:focus, .main-navbar .navbar-dark .navbar-nav .nav-link:hover, .main-navbar .navbar-dark .navbar-nav .nav-link.active {
    color: var(--primary);
 }
 .caption h1 {
    font-size: 20px;
}
}



@media only screen and (max-width:767px) {
    .slider-container {
        aspect-ratio: 5/2.3;
    }
    .caption{display: none;}
    .about-section::before {
        width: 100%;
        left: 0;
        height: 10%;
    }
    .infra-box {
        margin-right: 0;
        margin-bottom: 0;
    }
.our-values-section ul::after {
width: 100%;
height: 1px;
}
.our-values-section ul {
column-gap: 30px;
row-gap: 30px;
}

.sustainability-section ul li {
width: calc(50% - 20px);
}

.our-fabrics-section::after{display: none;}
.our-fab-col {
    padding-left: 0;
    padding-top: 0;
    margin-top: 30px;
}
.our-fab-col ul li {
    color: var(--black);
}
.footer-widget-row [class^="col-"]{margin-bottom: 20px;}
.ftr-logo {
    text-align: center;
}
.loc-inner::before{display: none;}
.loc-inner {
    flex-wrap: wrap;
}
.sk-name {
    width: 100%;
 }

.our-values-section ul::before, .our-values-section ul::after{display: none;}
.our-values-section ul {
margin-top: 10px;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 20px;
}
.head-right {
    position: absolute;
    right: 0;
    width: 100%;
}
.main-navbar { 
    width: 100%;
}
.navouter {
    width: 100%;
 }
 .main-navbar .navbar-dark {
 margin:0;
}
.main-navbar .navbar-collapse {
    top: 60px;
}
ul.insfra-blocks {
    padding: 0;
    margin-bottom: 0;
    flex-wrap: wrap;
    justify-content: space-around;
}
ul.insfra-blocks li {
    padding: 25px 10px 15px 10px;
    width: 44%;
    margin: 0;
    margin-bottom: 20px;
}
}