@media (max-width:1649px) {
    .our_customers {
        padding-block: 8rem;
    }

    .atopfastner_wrap .atopfast_content {
        padding-left: 8.4rem;
        max-width: 83%;
    }

    .arrow_button {
        margin-top: 3rem;
    }

    .atopfastner_wrap .iatf_logo {
        padding-block: 4rem;
        margin-top: 3.4rem;
    }

    .best_technology .infra_box blockquote {
        margin-block: 3.3rem 4rem;
    }

    .best_technology .infra_box {
        padding: 8rem;
        max-width: 55.3rem;
    }

    .quality_wrap .quality_content {
        padding-inline: 11.1rem 0;
        max-width: 92.9%;
    }

    .product_wrap .center_heading p {
        margin-block: 4.3rem 1.5rem;
    }

    .product_wrap .center_heading {
        max-width: 39%;
        margin-inline: auto;
    }

    .product_wrap .product_list .prodct_box {
        padding: 2rem;
    }

    .product_wrap .product_list .prodct_box .prod_content {
        padding: 2rem;
    }

    .product_wrap .product_list .prodct_box .prod_content p {
        margin-block: 1.5rem 2rem;
    }

    .product_wrap {
        padding-block: 10rem;
        padding-inline: 3rem;
    }

    .award-text {
        margin-bottom: 6rem;
    }

    .awards .row {
        --bs-gutter-x: 7.6rem;
    }

    .award-text-box p {
        margin-bottom: 4rem;
    }

    .certifications_img {
        height: 50rem;
    }

    .awards {
        padding-block: 8rem 10rem;
    }

    .auto_component h2 {
        max-width: 80%;
        margin-inline: auto;
    }

    .our_customers .center_heading {
        max-width:90%;
    }

    .home_banner .caption_wrap {
        padding: 2rem 0 7rem 4.5rem;
    }

    .quality_wrap .quality_content p {
        margin-block: 3rem;
        max-width: 90.4%;
    }

    .auto_component .fact {
        margin-top: 6rem;
    }

    .home_banner .caption_wrap .bottom_text {
        margin-top: 0.5rem;
        padding: .5rem 0 .5rem 1rem;
    }

    .home_banner .caption_wrap .bottom_text span {
        padding-block: 0.5rem;
    }


}

/*---1649px-css-end--*/

@media (max-width:1399px) {
    .our_customers {
        padding-block: 7rem;
    }

    .our_customers .customer_logo .logo_box {
        padding: 2rem 3rem;
    }

    .auto_component {
        padding-block: 7rem;
    }

    .auto_component h2 {
        max-width: 86%;
    }

    .auto_component .fact {
        margin-top: 5rem;
        max-width: 70%;
    }

    .atopfastner_wrap .atopfast_content {
        padding-left: 6.4rem;
        max-width: 90%;
    }

    .arrow_button {
        margin-top: 2rem;
    }

    .atopfastner_wrap .iatf_logo {
        padding-block: 3rem;
        margin-top: 2.4rem;
    }

    .atopfastner_wrap {
        padding-block: 1rem 8rem;
    }

    .best_technology .infra_box {
        padding: 5.5rem;
        max-width: 50.3rem;
    }

    .best_technology .infra_box blockquote {
        margin-block: 3.3rem 3rem;
    }

    .best_technology h5 {
        margin-bottom: 6rem;
    }

    .best_technology figure figcaption {
        top: -10.5rem;
    }

    .quality_wrap .quality_content {
        padding-inline: 8.4rem 0;
        max-width: 100%;
    }

    .product_wrap .center_heading {
        max-width: 44%;
    }

    .product_wrap .product_list {
        grid-template-columns: repeat(5, 1fr);
    }

    .award-text-box {
        padding: 3rem 4rem;
    }

    .awards .row {
        --bs-gutter-x: 6.6rem;
    }

    .certifications_img {
        height: 44.5rem;
    }

    /* .our_customers .center_heading {
        max-width: 75%;
    } */
    
    .footer-info{flex-direction: column; gap: 0.5rem;}
}

/*---1399px-css-end--*/

@media (max-width:1280px) {
    .best_technology {
        padding-top: 8rem;
    }

    .quality_wrap .quality_content p {
        margin-block: 2rem;
    }

    .product_wrap .center_heading {
        max-width: 48%;
    }
    .awards .row {
        --bs-gutter-x: 5.6rem;
    }
    .award-text {
        margin-bottom: 5rem;
    }
    
}

/*---1280px-css-end--*/

@media (max-width:1199px) {
    .award-img {
        height: auto;
    }

    .award-img img {
        height: 100%;
        object-fit: cover;
    }
    .our_customers .center_heading { max-width: 100%; }
    .our_customers {
        padding-block: 4rem;
    }
    .auto_component {
        padding-block: 5rem;
    }
    .auto_component h2 {
        max-width: 100%;
    }
    .atopfastner_wrap .atopfast_content {
        padding-left: 1.5rem;
        max-width: 100%;
    }
    .atopfastner_wrap .iatf_logo {
        padding-block: 2rem;
        margin-top: 1.5rem;
    }
    .best_technology {
        padding-top: 6rem;
    }
    .best_technology .infra_box {
        padding: 2.5rem;
        max-width: 41.3rem;
    }
    .quality_wrap .quality_content {
        padding-inline: 4.4rem 0;
        max-width: 100%;
    }
    .product_wrap .center_heading {
        max-width: 63%;
    }
    .awards .row {
        --bs-gutter-x: 3.6rem;
    }
    .awards {
        padding-block: 5rem 7rem;
    }
    .our_customers .center_heading p { margin-block: 3rem; }
    .auto_component .fact { margin-top: 4rem; max-width: 80%; }
    .best_technology .infra_box blockquote { margin-block: 2.3rem 2rem; }
    .product_wrap { padding-block: 8rem; padding-inline: 3rem; }
    .product_wrap .center_heading p { margin-block: 3.3rem 1.5rem; }
    .award-text { margin-bottom: 3rem; }
}

/*---1199px-css-end--*/

@media (max-width:991px) {
    .our_customers .center_heading {
        max-width: 99%;
    }

    .auto_component {
        padding-block: 5.8rem 3.3rem;
    }

    .atopfastner_wrap .atopfast_content {
        max-width: 100%;
        padding: 4.2rem 3.6rem 0;
    }

    .atopfastner_wrap {
        padding-block: 0;
    }
    .atopfastner_wrap .container{padding: 0;max-width: 100%;}
    .best_technology {
        padding-top: 3rem;
    }

    .best_technology h5 {
        margin-bottom: 0;
        font-size: 3rem;
        text-align: center;
        padding: 0 3rem 4.7rem;
        max-width: 49%;
        margin-inline: auto;
    }

    .best_technology h5 span {
        display: contents;
        color: var(--color0a);
    }

    .best_technology figure figcaption {
        position: initial
    }

    .best_technology figcaption .container {
        padding: 0;
    }

    .best_technology .infra_box {
        padding: 3.6rem;
        margin-inline: 3.6rem;
        margin-top: -71px;
        max-width: 100%;
    }

    .best_technology .infra_box blockquote {
        margin-block: 0rem 3rem;
        font-size: 1.4rem;
        font-family: var(--lato);
    }

    .quality_wrap .quality_content {
        padding-inline: 2.4rem 0;
        margin-bottom: 3rem;
        padding-left: 3.5rem;
        margin-inline: 3.6rem;
    }

    .quality_wrap .quality_content p {
        max-width: 100%;
    }

    .product_wrap {
        padding-block: 5rem;
        padding-inline: 2rem;
    }

    .product_wrap .center_heading {
        max-width: 100%;
    }

    .product_wrap .product_list {
        grid-template-columns: repeat(3, 1fr);
    }

    .awards {
        padding-block: 4rem 4rem;
        padding: 3rem;
    }

    .award-text {
        margin-bottom: 2rem;
    }

    .certifications-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .awards-heading {
        margin-top: 3rem;
        margin-bottom: 2rem;
    }

    .awards .row {
        --bs-gutter-x: 0;
    }

    .home_banner .pagination_home {
        bottom: 3rem
    }

    .our_customers {
        padding-block: 2rem;
    }

    .certifications_img img {
        object-fit: contain;
    }

    .certifications_img {
        height: auto;
    }

    .home_banner .swiper-slide,
    .home_banner .swiper-wrapper, .home_banner .swiper-slide img{
        height: calc(100dvh - 6.3rem);
    }
    /* .home_banner .swiper-slide img{
        height: calc(100dvh - 15.3rem);
    } */
    main.home-main {
        padding-top: 0;
    }

    header {
        padding-block: 0rem;
    }

    header .navbar-brand {
        position: absolute;
        top: 0;
        padding-top: 2.3rem;
    }

    .home_banner .caption_wrap:after {
        content: none;
    }

    .home_banner .caption_wrap {
        padding: 2.7rem
    }

    .home_banner .caption_wrap .top_text,
    .home_banner .caption_wrap .bottom_text {
        /* font-size: 22px; */
        font-weight: bold;
        /* font-size: 3rem; */
        font-size: 2.7rem;
    }

    .top_text.top_mid {
        margin-top: 0.5rem;
    }

    .auto_component h2 {
        font-size: 2rem;
        color: var(--color0a);
        font-weight: var(--font_bold);
        font-family: var(--montserrat);
                line-height: 1.4;
    }

    .auto_component .fact {
        display: block;
    }

    .auto_component .fact li h3 {
        font-size: 60px;
        margin-bottom: 0.5rem;
    }

    .auto_component .fact {
        background: var(--color_white);
    }

    .auto_component .container {
        padding-inline: 3.7rem
    }

    .auto_component h2 {
        max-width: 100%;
    }

    .auto_component .fact li p {
        font-size: 18px;
    }

    .auto_component .fact {
        padding: 0;
        max-width: 100%;
        margin-inline: 3.7rem;
    }

    .auto_component .fact li {
        padding-bottom: 3rem;
        padding-top: 2rem;
        position: relative;
    }
    .auto_component .fact li:not(:last-child):before{position: absolute;left: 50%;transform: translateX(-50%);width: 8.5rem;height: .1rem; background:#000;opacity: 0.1;content: "";bottom: 0;}
    .auto_component .fact li:not(:last-child) {
        /* border-bottom: .1rem solid rgb(0 0 0 / 8%); */
        border-right: none;
    }

    .arrow_button {
        font: var(--font14);
    }

    .atopfastner_wrap .iatf_logo {
        border: none;
    }

    .best_technology {
        background: var(--colorf8);
    }
    .best_technology .container{padding: 0;max-width: 100%;}
    header.sticky {
        padding-block: 2rem;
        padding-inline: 2rem;
        padding-bottom: 7rem;
    }

    header.sticky .navbar-brand {
        padding-top: 0rem;
    }

    .best_technology .infra_box h5 {
        text-align: left;
        padding: 0;
        padding-bottom: 0;
        font-size: 1.8rem;
        font-weight: var(--font_bold);
        margin-bottom: 3rem;
        max-width: 100%;
        margin-inline:inherit;
        margin-left: 0;
    }

    .best_technology .infra_box .vhline {
        position: absolute;
        right: 0;
        height: calc(100% - 0rem);
        top: 0;
        width: .5rem;
    }

    .quality_wrap {
        background: var(--colorf8);
        padding-top: 4rem;
    }

    .quality_wrap .quality_content {
        margin-bottom: 5.1rem;
    }

    .product_wrap .center_heading h5 {
        font-size: 3rem;
    }

    .product_wrap .center_heading h5 span {
        background: transparent;
        color: var(--color0a);
    }

    .product_wrap .center_heading p {
        margin-block: 3rem 0rem;
            padding: 0 3.6rem;
            margin-bottom: 0;
    }

    .product_wrap {
        padding-block: 3.1rem;
    }

    .arrow_button svg {
        margin-left: 1rem;
        width: 19px;
    }

    .product_wrap .center_heading {
        padding-block: 3.1rem;
        padding-bottom: 0;
    }

    .product_wrap {
        padding-inline: 0;
        padding-block: 0;
        background: var(--colorf8);
    }


    .product_wrap .product_list .prodct_box .prodt_name p {
        color: var(--color0a);
        margin-top: 1.3rem;
        font-size: 1.4rem;
        line-height: 2rem;
        margin: 0;
        padding-right:6rem;
        text-align: left;
    }
    .product_wrap .product_list .prodct_box .prodt_name{display: flex;position: relative;align-items: center;}
    .product_wrap .product_list .prodct_box .prodt_name span{width: 6.9rem;height: .1rem;background-color: var(--color0a);display: inline-flex;position: absolute;right: 0;}
    .product_wrap .product_list {
        grid-gap: .1rem;
    }
    .product_wrap .product_list .prodct_box{background: transparent radial-gradient(closest-side at 43% 42%, #ECECEC 0%, #D6D6D6 77%) 0% 0% no-repeat padding-box;}
    .award-text h5 {
        font-size: 3rem;
    }

    .award-text h5 span {
        background-color: transparent;
        padding: 0;
    }

    section.our_customers.our_customers-mobile {
        padding-inline: 3.5rem;
        padding-block: 4rem 3.1rem;
            background: var(--colorf8);
    }
    .our_customers .center_heading {
        max-width: 100%;
        margin-bottom: 4.2rem;
    }
    .our_customers .center_heading  .arrow_button{color: var(--color3b2);}
    .our_customers .center_heading  .arrow_button svg{fill: var(--color3b2);}
    .our_customers.our_customers-mobile .center_heading h1 {
        font-size: 3rem;
        color: var(--color3b2);
    }

    .our_customers.our_customers-mobile .center_heading h1 span{color: var(--color0a);}

    .our_customers.our_customers-mobile .center_heading h1 span {
        background: transparent;
    }

    .our_customers.our_customers-mobile .center_heading p {
        margin-block: 3rem;
        color: var(--color3b2);
        font: var(--font14);
        font-weight: var(--font_normal);
    }
    .our_customers .customer_logo {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: .1rem;
    }
    footer.mobilefooter .top_footer .footer_menu {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin-block: 3.7rem;
        margin-bottom: 0;
        border-top: 1px solid #70707055;
        /* opacity: 0.5; */
        border-bottom: 1px solid #70707055;
        padding: 3rem 0;
    }

    .mobilefooter .social .social_icon {
        display: flex;
        justify-content: center;
    }

    .mobilefooter .social {
        display: block;
    }

    .mobilefooter .social-text {
        margin-right: 1rem;
        margin-bottom: 1rem;
    }

    header .navbar-brand a.main_logo img {
        filter: brightness(0) invert(1);
    }

    header .navbar-brand .main_logo {
        width: 16rem;
    }

    header.sticky .navbar-brand a.main_logo img {
        filter: none
    }

    header.sticky .navbar-brand .main_logo {
        width: 12rem;
    }
    .home_banner .caption_wrap .top_text { padding: .4rem 1rem; }
    .home_banner .caption_wrap .bottom_text { padding:0rem 0 0rem 1rem; height: 4.4rem;}
    .home_banner .caption_wrap .bottom_text span { height: 100%; display: inline-flex; }
    .quality_wrap .quality_content h5{font-size: 1.8rem;font-weight: var(--font_bold);}
    .quality_wrap .quality_content p { margin-block: 3rem; }
    .quality_wrap .quality_content p{font:var(--font14);font-weight: var(--font_normal);}
    .quality_wrap .container{padding: 0;max-width: 100%;}
    .awards{display: block;}
    .product_wrap .product_list .prodct_box:hover img{transform: scale(1.2);}
    .arrow_button.arrow_mobile{display: none !important;}
    .awards .arrow_button{    margin: 9px auto; display: block; width: 177px; margin-top: 2rem; text-align: center;}
    .awards { background-color: var(--color0a); padding-top: 5rem;}
        .award-text h5 {
        color: var(--color_white);font-size: 3rem;
    }
        .awards h5 span {
        color: var(--color_white);
    }
        .awards-heading h5 {
        font: var(--font24);
        color: var(--color_white);
    }

}

/*---991px-css-end--*/

@media (max-width:767px) {
    .our_customers .customer_logo {
        grid-template-columns: repeat(3, 1fr);
    }

    .auto_component .fact {
        margin-inline: inherit;
        max-width: 100%;
    }

    .product_wrap .product_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .award-text-box,
    .award-img {
        width: 100%;
    }

    .award-box {
        display: block;
    }

    .container {
        padding-inline: 0rem;
    }

    .arrow_button {
        margin-top: 3rem;
    }

    .atopfastner_wrap .iatf_logo {
        padding-block: 4rem;
        margin-top: 0rem;
    }
    .best_technology h5 {
        max-width: 64%;
    }

}

/*---767px-css-end--*/

@media (max-width:575px) {
    .our_customers .customer_logo {
        grid-template-columns: repeat(2, 1fr);
    }

    .product_wrap .product_list {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 5rem;
    }

    .certifications-list {
        grid-template-columns: repeat(1, 1fr);
    }
    .best_technology h5 {
        max-width: 100%;
    }
    .product_wrap .product_list .prodct_box { padding: 1.4rem 2.5rem 1.1rem 1.9rem;}
   .product_wrap .product_list .prodct_box img{transform: none;}
   .product_wrap .product_list .prodct_box .overlay{display: none;}
   .product_wrap .product_list .prodct_box .prodt_name p { padding-right: 5rem; }
   section.our_customers.our_customers-mobile {padding-inline: 3.6rem;}
   .home_banner .swiper-slide, .home_banner .swiper-wrapper, .home_banner .swiper-slide img { height: calc(100dvh - 6.6rem); }
   .home_banner .caption_wrap .top_text, .home_banner .caption_wrap .bottom_text { font-size: 2.6rem; }
}

/*---575px-css-end--*/

@media (max-width:767px) {
    .mobile-menu-panel .panel-top .main_nav>li:first-child {
    padding-top: 0;
}
   .mobile-menu-panel .panel-top .main_nav>li:last-child {
    padding-bottom: 0;
}
    .best_technology .infra_box blockquote {
        font: var(--font14);
    }

    .quality_wrap .quality_content {
        padding-left: 3rem;
    }


    .quality_wrap .quality_content p {
        margin-block: 2rem;
         font: var(--font14);
        opacity: 0.9;
        font-weight: normal;
    }

    .product_wrap .center_heading h5 {
        font-size: 3rem;
    }

    .product_wrap .center_heading p {
        font: var(--font14);
        opacity: 0.9;
        line-height: 1.5;
        font-weight: normal;
        padding-inline: 5rem;
        /* margin-block: 3rem 1.5rem; */

    }

    .product_wrap .product_list .prodct_box .prodt_name p {
        position: relative;
        padding-right: 7rem;
    }


    .prodt_name {
        display: grid;
        grid-template-columns: repeat(1, 70% auto);
    }



    /* section.our_customers.our_customers-mobile {
        background: var(--color0a);
    } */

    .awards-heading.award_top {
        margin-top: 0;
    }

    .award-text h5 {
        color: var(--color3b);
    }

    .awards {
            background-color: var(--color0a);
        padding-top: 5rem; 
    }

    .awards h5{font-size: 3rem;}
    .awards h5 span{ color: var(--color_white);}


    .award-text h5 {
        color: var(--color_white);
    }

    .awards-heading h5 {
 
            font: var(--font24);
    color: var(--color_white);
    }

    .awards .arrow_button {
        color: var(--color0a);
        font-weight: bold;
    }

    .awards .arrow_button svg {
        fill: var(--color0a);
    }

    .our_customers.our_customers-mobile .center_heading h1 {
        color: var(--color3b2);
    }

    .our_customers .center_heading p {
        font: var(--font14);
        color: var(--color_white);

    }

    .our_customers .center_heading p {
        font: var(--font14);
        color: var(--color_white);
        line-height: 1.5;
        font-weight: normal;
        opacity: 0.9;
    }

    .arrow_button {
        font: var(--font14);
        color: var(--color3b);
    }

    .our_customers .customer_logo .logo_box {
        /* border-right: solid .2rem #c62118ad;
        border-bottom: solid .1rem #c62118ad; */
    }

    .our_customers .customer_logo {
        gap: 1rem;
    }

    .our_customers-mobile .center_heading .arrow_button {
        margin-bottom: 4.2rem;
        /* color: var(--color_white); */
        color: var(--color3b2);
    }

    .our_customers-mobile .center_heading .arrow_button svg {
        fill: var(--color3b2);
    }

    .awards-heading {
        margin-top: 3rem;
    }

    .award-text-box {
        padding: 3rem 2.5rem;
    }

    .award-text-box p {
        margin-bottom: 3rem;
    }

    .our_customers .customer_logo .logo_box {
        padding: 2.66rem 2.5rem;
    }

    .product_wrap {
        background: #F5F6F8;
    }

    .product_wrap .product_list .prodct_box {
        /* padding: 1.4rem 2.3rem 1.2rem 2.4rem; */
        padding: 1.4rem 1.3rem 1.1rem 1.9rem;
        /* background: transparent radial-gradient(closest-side at 27% 87%, #ECECEC 0%, #D6D6D6 100%) 0% 0% no-repeat padding-box; */
    }

    .auto_component .fact {
        margin-top:3rem;
    }

    .auto_component .fact li h3 {
        font-size: 60px;
        line-height: 1.2;
    }

    .arrow_button {
        margin-top: 1rem;
    }

    .product_wrap .arrow_button {
        margin-top: 3rem;
    }
}

/* @media (max-width:575px) {
    .product_wrap .center_heading p {
        padding-inline: 13rem;
    }
} */

/* @media (max-width:480px) {
    .product_wrap .center_heading p {
        padding-inline: 8rem;
    }
    .product_wrap .product_list .prodct_box .prodt_name span {
        width: 6rem;
    }
} */

@media (max-width:420px) {
    .prodt_name {
        grid-template-columns: repeat(1, 75% auto);
    }

    .product_wrap .product_list .prodct_box .prodt_name span {
        width: 5rem;
    }
    .award-text-box {
        padding: 2.5rem;
    }
        /* .product_wrap .center_heading p {
        padding-inline: 5rem;
    } */
}
@media (max-width:375px) {
.product_wrap .center_heading p {
        padding-inline: 3rem;
    }
}
@media (max-width:350px) {
    .product_wrap .center_heading p {
        padding-inline: 1.5rem;
        margin-block: 2rem 0rem;
    }
        .auto_component .fact {
        padding: 2.1rem 3.1rem 0;
    }
        .best_technology h5 {
        padding: 0 2rem 2.7rem;
        font-size: 2.8rem;
    }
    .best_technology .infra_box {
        padding: 2.6rem;
    }
        .quality_wrap {
        padding-top: 6rem;
    }
        .quality_wrap .quality_content p {
        margin-block: 2rem;
    }
        .arrow_button {
        margin-top: 2rem;
    }
    .product_wrap .product_list {
        margin-top: 4rem;
    }
        .prodt_name {
        grid-template-columns: repeat(1, 82% auto);
    }
        .product_wrap .product_list .prodct_box .prodt_name span {
        width: 3rem;
    }
        .auto_component .container {
        padding-inline: 2.7rem;
    }
    header.sticky {
    top: -0.2rem;}
    .home_banner .caption_wrap .top_text, .home_banner .caption_wrap .bottom_text {
        font-size: 2.1rem;
    }
    .auto_component {
        padding-block: 2.8rem 3.3rem;
    }
    .auto_component h2 {
        font-size: 2.1rem;}
    .atopfastner_wrap .atopfast_content { max-width: 100%; padding: 3.2rem 2.6rem 0; }
    .auto_component .fact li h3 {
        font-size: 4.5rem;
        line-height: 1.2;
    }
    .best_technology .infra_box h5 {margin-bottom: 2rem;
    }
    .best_technology .infra_box blockquote {
        margin-block: 0rem 2rem;}
    .best_technology .infra_box, .quality_wrap .quality_content{margin-inline: 2.6rem;}
    .product_wrap .product_list .prodct_box .prodt_name p {
        padding-right: 0;
    }
    .product_wrap .product_list .prodct_box .prodt_name span{display: none;}
    section.our_customers.our_customers-mobile{padding-inline:2rem;}
    .our_customers.our_customers-mobile .center_heading p {
        margin-block: 2rem;}
}