@media (max-width: 320px) {

}
@media (max-width: 480px) {
    #header-wrap {
        padding-top: 0;
    }
    #logo img {
        height: 60px;
    }
    .main-title{
        font-size: 27px;
        letter-spacing: unset;
    }
    .home-abt {
        padding: 32px 0;
    }
    .aarti-group-before:before {
        content: "";
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(51, 153, 255, 0.6);
        position: absolute;
        z-index: 1;
    }
    #infra-yarn {
        width: 100%;
        min-height: 225px;
        background: #f5f5f5;
        position: relative;
        display: grid;
        grid-template-columns: repeat(2, minmax(15%, 1fr));
        grid-template-rows: 2fr 2fr;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        margin-bottom: 0.6rem;
        padding: 5px;
    }
    .infra-content-section {
        padding: 1rem 0rem;
    }
    .infra-content-section .py-4 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    /* -----home banner css-----  */
    div.hades.tparrows,
    div.hades .tp-arr-allwrapper{
        width: 50px;
        height: 50px;
    }
    div.hades.tparrows:before {
        font-size: 20px;
        line-height: 50px;
    }
    .main-banner, .main-banner-wrapper, .banner-slider, .tp-fullwidth-forcer {
        height: 353px !important;
    }
    /* ----------menu css-- */
    ul.menu-container {
        margin-top: 1rem;
    }
    .menu-item.dropdown ul.dropdown-menu.show {
        position: relative !important;
        transform: unset !important;
        border: 0 !important;
        float: unset !important;
    }
    .menu-item.dropdown ul.dropdown-menu a.dropdown-item {
        font-weight: 600;
    }
    .menu-item.dropdown ul.dropdown-menu li {
        border-top: 1px solid #EEE;
    }
    .title-one {
        letter-spacing: unset !important;
    }
    .sustain-text {
        padding: 1rem 1rem;
    }
    .counter-deg {
        font-size: 1.25rem;
    }
    #content p {
        margin-bottom: 0;
    }
    div.sustainability-sec {
        padding: 0;
        width: 100%;
        overflow: hidden;
    }
    .lead ~ div {
        margin: 2rem 0 1rem;
    }
    .lead ~ div .col-4 {
        padding: 0;
    }
    #sustaiability-counter {
        padding: 0;
    }
    .sustain-text h2 {
        font-size: 27px;
        margin-bottom: 15px;
    }
    .aspects-top {
        width: unset;
        right: 0;
    }
    .aspects-top h2 {
        text-align: center;
    }
    .section.qult-warp {
        margin: 40px 0 60px;
    }
    .hm-qlty-txt {
        padding-bottom: 1rem !important;
    }
    .qult-warp h3 {
        margin-bottom: 10px;
    }
    div.topmargin {
        margin-top: 1rem !important;
    }
    .client-slider-sec {
        padding: 2rem 1rem 1rem;
    }
    .hm-qlty-txt {
        text-align: center;
    }
    /* --------footer css------ */
    .footer .widget p {
        margin-bottom: 0;
    }
    div.footer-col-pd,
    div.mble-pb {
        padding-bottom: 2rem !important;
    }
    #footer .footer-widgets-wrap {
        padding: 20px 0;
    }


    /* -------- */
    #page-title .container {
        padding-left: 15px !important;
    }
    

    /* --------About page css------ */
    .about-img-wrapper .img-gallry {
        position: unset;
        width: 50%;
        float: left;
    }
    .video-section:before {
        top: -52px;
        width: 62%;
        height: 38px;
    }
    section.video-section {
        padding-top: 1rem !important;
    }
    .col-padding {
        padding: 0 15px;
    }
    .about-text-part > p {
        text-align: justify;
    }
    .brder-right {
        border-right: 0;
    }
    .bottommargin {
        margin-bottom: 1rem !important;
    }
    
    /* --------Timeline CSS------ */
    .timeline-sec .timeline {
        margin-top: 0;
    }

    /* ------Awards & Certifications CSS----- */
    .px-10 {
        padding-left: 0;
        padding-right: 0;
    }
    .awards-widget .owl-carousel .owl-stage-outer {
        padding: 1.6rem 0;
    }
    .awards-section {
        margin-top: 1rem !important;
    }
    .certifi-wrap {
        margin-bottom: 1rem !important;
    }
    #page-title.page-title-parallax h1 {
        font-size: 32px;
    }

    /* -------Products---------- */
    .pr-data-wrapper {
        display: block;
    }
    .brder-left {
        border-left: 1px solid rgba(0 0 0 / 11%);
    }
    .brder-mble {
        border-bottom: 1px solid rgba(0 0 0 / 11%);
    }
    .pr-data-wrapper .pr-detail-wrapper {
        padding: 1rem 1rem;
    }
    .pr-description {
        padding: 0rem 1rem 2rem;
    }
    .clients-sec {
        padding: 2rem 1rem;
    }
    .client-mble {
        padding-top: 0;
    }
    .quality-pg {
        padding: 1rem 1rem;
    }
    .product-page {
        padding: 1rem 0rem;
    }
    .sustain-img-wrapper {
        margin-bottom: 0 !important;
    }
    .col-pd-mbl {
        padding: 1rem;
    }
    .fbox-bg.fbox-center {
        padding: 0 1rem 1rem;
    }

    /* ---------contact page css---- */
    .contact-cards {
        padding-bottom: 4rem !important;
    }
    .frst-contact-card {
        padding-top: 4rem;
    }

    /* ---------Infra pages------ */
    #infra-yarn,
    #infra-fabric {
        display: block;
        margin-bottom: 0;
    }
    #infra-yarn {
        min-height: 285px;
    }
    #infra-fabric {
        min-height: unset;
        height: 570px;
    }
    .project {
        position: unset;
        overflow: unset;
        width: 50%;
        float: left;
        padding: 0.3rem;
    }
    .project img {
        position: relative;
    }
    div.tp-loop-wrap,
    div.tp-mask-wrap {
        position: unset !important;
        display: unset !important;
    }
    div.tp-mask-wrap {
        overflow: unset !important;
    }
    .infra-img-gall {
        padding: 1rem 0rem;
    }
    .infra-dt {
        margin-bottom: 1rem;
    }
    .infra-dt-last {
        margin-bottom: 0;
    }
    .leading-title {
        margin-top: -5.5rem !important;
    }
    .yrn-title {
        margin-top: -9rem !important;
        white-space: pre-line !important;
        font-size: 19px !important;
        line-height: 30px;
    }
    .mb-sm,
    .resp-mb {
        margin-bottom: 1rem;
    }
    .mbl-resp-pb {
        padding-bottom: 0 !important;
    }
    .footer h4 {
        margin-bottom: 10px;
    }
    .home-first-sec {
        padding: 2rem 1rem 1rem;
    }
    .res-cnt-title {
        margin-top: 1rem;
    }
    .no-pb {
        padding-bottom: 0 !important;
    }
}
@media (min-width: 1200px) and (max-width: 1366px) { 
    .counter-deg {
        font-size: 1.3rem;
        padding-left: 3rem;
    }
    #sustaiability-counter {
        font-size: 2.8rem !important;
    }
}