@media (min-width: 1921px) {

    .common-item > img {
        position: relative;
    }
    .cs_hero_img {
        width: 100%;
    }
}

@media (min-width: 1281px) {
    .container{
        padding: 0;
        max-width: 80rem;
    }
    .camp-with-truck{
        min-height: 749px;
    }
    .card_grid_box .Bloginfo {
        min-height: 188px;
    }
    footer {
        min-height: 410px;
    }
    footer .container.padding-tb48{
       padding-bottom: 3rem;
    }
    section.subscribe {
        height: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    section.subscribe .row{
        padding: 0 !important;
        
    }
}



@media (min-width: 992px) {

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0;
        padding-left: 12px;
        padding-right: 12px;
    }
    .eq-sol-grid {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-gap: 1.5rem;
    }
}

/*  */


@media only screen and (max-width: 1199px) and (min-width: 991px){
    .ff-card, .our_mv_card {
        gap: 1.5rem;
    }
    .ff_list{
        min-height: 300px;
    }
    .our_mv_list{
        gap: 48px;
    }

    .our_mv_card {
        gap: 1.5rem;
        flex-wrap: wrap;
    }
    .our_mv_card .our_mv_list{
        flex: 0 0 calc(50% - 1rem);
        box-sizing: border-box;
    }
    .NavigationCard {
        gap: 2rem;
    }
    .footer-link a br{
        display: none;
    }
}

/*  */

@media only screen and (max-width: 991px) and (min-width: 768px)  {    
    
    .servicePostcard {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        gap:1.5rem;
    }
    #animatedText {
        display: inline-block;
    }
    .serviceThumb {
        max-width: 100%;
    }
    .container {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}



/*  */

@media (max-width: 1600px){
    .our_mv_list{
        min-width: auto;
        flex-grow: 1;
        flex-basis: 0;
    }
    #videoWrapper{
        height:600px;
    }
}

/*  */

@media (max-width: 1400px) {
    .website_logo {
        max-width: 96px;
    }
    header .navbar {
        padding: .5rem 0;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        top: 78px;
    }

}


/*  */



@media (max-width: 1280px) {
    
    .newsletter-form {
        flex-direction: column;

    }
    .newsletter-form {
        flex-direction: column;
        gap: 1rem;
    }
    .blogFeaturelist {
        max-width: 440px;
    }
    .container{
        padding-left: 1.5rem;
        padding-right:1.5rem;
    }
    .case_slider_box h2 br{
        display: none;
    }
    .case_slider_box {
        margin: .5rem 1rem;
    
    }
    .cs_box_wrap{
        background-size: cover !important;
    }
    .cs_box_wrap h4 br{
        display: none;
    }
    .errorSection {
        min-height: 360px;
    }
    .cs_detail_img, .cs_blank_card {
        width: 500px;
    }
    .cs_detail_caption p br{
        display: none;
    }
    h1, .heading_h1 {font-size: 2.5rem;}
    h2{font-size:2.25rem;}
    h3{font-size:1.75rem;}
    h4{font-size:1.50rem;}
    h5, .heading_h5{font-size:1.25rem;}
    h6{font-size:1.125rem;}  

    .product_box_head {
        padding: 3rem 2rem 7rem;
    }  
    .product_box_body {
        width: calc(100% - 4rem);
    }
    .video_box_card, .product_box .custom-video-container {
        height: auto;
        width: 100%;
        min-height: 260px;
    }
}

/*  */

@media (max-width: 1200px) {
    
    .footerNav {
        gap: 2rem;
    } 
    .pcc_infoCard{
        width: 100%;
    }
    .pcc_img, .pcc_img img{
        width: 100%;
    }
    .dropdown_card_box.box-2-side {
        grid-template-columns: 140px 1fr;
    }
    .drop-list-box {
        gap: 4px;
        margin-top:0.5rem !important;
    }
    .container{
        max-width: 100%;
    }
    .ff_list img, .our_mv_list img {
        max-width: 56px;
    }
    .rw-hero{
        gap: 1rem;
    }
    .rw_hero_caption {
        width: 50%;
    }
    .rw_splide {
        width: 50%;
    }
    .rw_splide .splide__slide {
        height: 33% !important;
    }
    .ys_caption > div{
        margin-left: 0;
        max-width: none;
        box-shadow: inherit;
        border-radius:0;
    }
    .ys_thumb{
        height: auto;
    }
    .ys_card {
        align-items: stretch !important;
        border-top: 1px solid #edebe6;
        border-bottom: 1px solid #edebe6;
    }
    .card_abs_gif #videoWrapper{
        padding: 0 2rem;
        margin: 0 auto;
    }
    .card_abs_caption{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .secCatergory {
        height: 48px;
    }
    
}


@media (max-width: 991px) {
    
    .blogFeaturelist {
        max-width: none;
        width: 100%;
    }
    .blogsideList{
        display: flex;
        flex-wrap: wrap;        
    }
    .blogsideList .blogListCard{
        flex: 50%;
    }
    .card_grid_three {
        grid-gap: 24px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .mobile-btn.common_btn{
        padding: 0.5rem 0.75rem;
    }
    .navbar-collapse {
        position: fixed;
        top: 0;
        background: #FFF;
        left: 0;
        right: 0;
        padding:0;
        bottom: 0;
    }
    .nav-link{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .closeIcon .navbar-toggler-icon {
        background-image: url(../images/closeIcon.svg);
    }
    .closeIcon.navbar-toggler:focus, .closeIcon.navbar-toggler.collapsed {
        border: 1px solid #FFF;
        box-shadow: inherit;
    }
    .closeIcon.navbar-toggler {
        position: absolute;
        right: 1rem;
        top: .5rem;
    }
    .navbar-toggler {
        border: 1px solid #FFF;
        padding-left: 0;
        padding-right: 0;
        margin-left: .5rem;
    }
    header .navbar-brand {
        display: inline-block;
    }
    .navbar-nav {
        gap: 0;
        height: 78vh;
    }
    .navbar-nav li:last-child {
        display: none;
        margin-top: 1rem;
        display: block;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .navbar-nav li:last-child .common_btn {
        width: 100%;
        display: block;
        text-align: center;
    }
    .nav-link{
        border-bottom:1px solid #D0D5DD;
        height: auto;
        padding: 0.875rem 1rem;
    }
    
    .nav-item{
        border-bottom:1px solid #D0D5DD;
    }
    .nav-item .nav-link, .nav-item .nav-link.active, .nav-item .nav-link:hover{
        border-bottom: 1px solid #FFF !important;
    }
    .navbar-nav .dropdown-menu {
        border: none;
        padding-top: 0;
        margin-top: 0;
    }
    .navbar-nav .dropdown-menu li a{
        padding: 0.5rem 1rem;
        text-decoration: none;
        color: var(--CC--Heading);
        width: 100%;
        display: block;
    }
    .navbar-nav .dropdown-menu li:last-child {
        margin-top: 0;
        display: block;
        padding-left: 0;
        padding-right: 0;
    }
    .dropdown-toggle::after {
        position: absolute;
        right: 1rem;
        top: 0.875rem;
        background-image: url(../images/arrow-down.svg);
        height: 24px;
        width: 24px;
        background-repeat: no-repeat;
        background-position: center;
        border: none;
        background-size: 24px;
    }
    .dropdown-toggle.show::after{
        background-image: url(../images/arrow-up.svg);
    }
    .blogHeader {
        min-height: 250px;
    }
    .sec-Blog-detail .container {
        padding-top:3rem;
    }
    .cs_detail_hero {
        flex-direction: column-reverse;
    }
    .cs_detail_title {
        height: auto;
    }
    .camp__header.cs_detail_page {
        height: auto;
        padding-bottom: 36px;
    }
    /*  */

    .gap96 {
        gap: 3.75rem;
    }
    
    .eq-tb-80 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .eq-tb-48{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    /*  */
    .cs_featuredImg {
        height: auto;
    }
    .cs_detail_img {
        position: relative;
        z-index: 1;
    }
    .camp__header.cs_detail_page::after{
        position: absolute;
        height: 150px;
        left: 0;
        right: 0;
        bottom: -1px;
        background-color: #63C1EC;
        content: "";
    }
    .cs_blank_card{
        display: none;
    }
    .cs_detail_caption, .cs_categories_items {
        width: 100%;
    }
    .cs_detail_img, .cs_blank_card {
        width: 100%;
    }
    
    .pageContactForm {
        max-width: 100%;
        margin-top: 1rem;
    }
    .camp-with-truck {
        background: linear-gradient(270deg, rgba(5, 51, 71, 0.00) -37.52%, rgba(5, 51, 71, 0.60) 62.52%), url('../images/man-walking-down-corridor-outside-man-camp.jpg'), lightgray -102px -268.425px / 134.485% 158.104% no-repeat !important;
        background-size: cover;
    }
    .FirstCard {
        max-width: 100%;
    }
    .max1124 .Bloginfo {
        max-width: none;
    }
    .Bloginfo .img-fluid{
        width: 100%;
    }
    .camp-with-truck {
        grid-row-gap: 1.5rem;
        grid-column-gap: 1.5rem;
    }
    .pageContactForm {
        margin-top: 0;
    }
    .contentContainer{
        width: calc(100% - 240px);
    }
    .sideContainer{
        width: 100%;
    }
    .contentContainer{
        width:100%;
    }
    .cs_postImg img {
        border-radius: 1rem;
        object-fit: cover;
        width: 100%;
        height: 400px;
    }
    .shortformcontent_page .container{
        padding-top: 0;

    }
    .contentContainer.sfc_center {
        width: 100%;
    }
    .shortformcontent_page.padding-tb48{
        padding-top: 32px;
    }
    .sfc_left .articleList {
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid #E4E7EC;
    
    }
    .articleList .list-group-item:focus::after, .articleList .list-group-item:hover::after{
        content: "";
        position: absolute;
        width: 4px;
        background-color: var(--CC--Secondary);
        left:0;
        top:0;
        bottom:0;
        border-radius: 999px;
    }
    .articleList .list-group-item:focus, .articleList .list-group-item:hover{
        color: var(--CC--Secondary);
        text-decoration: underline !important;
    }
    .container{
        max-width: none;
        width: 100%;
    }
    .grid_box_three {
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-gap: 1.5rem;
    }
    .featured_first > div, .featuredList > div {
        width: 100%;
    }
    .featured_first, .featuredList  {
        flex-direction: column;
    }
    .featured_first{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .ff-thumb img{
        width: 100%;
    }
    .featuredList::after{
        display: none;    
    }
    .featuredList::before {
        position: absolute;
        top: 54%;
        bottom: 1rem;
        left: 0;
        right: 0;
        background-color: #D0D5DD;
        height: 1px;
        content: "";
    }
    .nav-tabs-wrapper.cs_list_tabs  {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .ff-card, .our_mv_card{
        flex-wrap: wrap;
        width: 100%;
    }
    .ff-card .ff_list, .our_mv_card .our_mv_list{
        flex: 0 0 calc(50% - 1rem); /* 2 items per row, subtracting half the gap */
        box-sizing: border-box;
    }
    .product_box_card{
        width: 100%;
        flex-direction: column;
        gap: 3rem;
    }
    .product_box_head{
        min-height: auto;
    }
    .video_box_card, .product_box .custom-video-container {
        min-height: auto;
    }
    .client_duo_box {
        grid-template-columns: repeat(1,minmax(0,1fr));

    }
    .scroll-container-parent {
        text-align: center;
    }
    .scroll-content{
        margin: 0 auto;
        text-align: center;
    }
    .shape__box svg, .ps-br svg{
        width: 100px;
        height: 100px;
        display: none;
    }
    .product_box_head::before{
        display: none;
    }
    .product_box_head{
        background: #EAE8E3;
        padding: 3rem 2rem;
    }       
    .product_box_body {
        width: 100%;
        margin: 0;
        height: auto;
    }
    .product_box{
        gap: 1.5rem;
        display: flex;
        flex-direction: column;
    }
    .three_fr_card {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
    
}
    

/*  */

@media (max-width: 990px) {
    .cs_hero_img {
        position: relative;
        width: 100%;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu{
        position: relative;
        width: 100%;
        top: 0;
    }
    header .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .xxs-font{font-size:0.875rem;line-height: 140%;}
    #videoWrapper {
        height: 100%;
        max-height: 400px;
    }
    .ff_list{
        min-height: 300px;
    }
    
}

/*  */

@media (max-width: 767px) {

    h1, .heading_h1{font-size:2rem;line-height: 120%;}
    h2{font-size:1.5rem;line-height: 120%;}
    h3{font-size:1.25rem;line-height: 120%;}
    h4{font-size:1.125rem;line-height: 120%;}
    h5, .heading_h5{font-size:1.125rem;line-height: 120%;}
    h6{font-size:1rem;line-height: 120%;}

    .xxs-font{line-height: 140%;}

    .body-demi-P1{font-size:1.125rem;line-height: 140%;}
    .body-demi-P2{font-size:1rem;line-height: 140%;}
    .body-demi-P3{font-size:1rem;line-height: 140%;}
    .body-demi-P4{font-size:0.875rem;line-height: 140%;}
    .body-demi-P5{font-size:0.875rem;line-height: 160%;}
    .body-demi-P6{font-size:0.75rem;line-height: 140%;}
    
    /* Normal */
    .body-normal-P1{font-size:1.125rem;line-height: 140%;}
    .body-normal-P2{font-size:1rem;line-height: 140%;}
    .body-normal-P3{font-size:1rem;line-height: 140%;}
    .body-normal-P4{font-size:0.875rem;line-height: 140%;}
    .body-normal-P5{font-size:0.875rem;line-height: 140%;}
    .body-normal-P6{font-size:0.75rem;line-height: 140%;}
    /*  */
    
    /* Regular */
    .body-regular-P1{font-size:1.125rem;line-height: 140%;}
    .body-regular-P2{font-size:1rem;line-height: 140%;}
    .body-regular-P3{font-size:1rem;line-height: 140%;}
    .body-regular-P4{font-size:0.875rem;line-height: 140%;}
    .body-regular-P5{font-size:0.875rem;line-height: 140%;}
    .body-regular-P6{font-size:0.75rem;line-height: 160%;}
    /*  */
    /* Medium */
    .body-medium-P1{font-size:1.125rem;line-height: 140%;}
    .body-medium-P2{font-size:1rem;line-height: 140%;}
    .body-medium-P3{font-size:1rem;line-height: 140%;}
    .body-medium-P4{font-size:0.875rem;line-height: 140%;}
    .body-medium-P5{font-size:0.875rem;line-height: 140%;}
    .body-medium-P6{font-size:0.75rem;line-height: 140%;}
    /*  */
    
    /*  */

    .gap16{gap: 0.5rem;}
    .gap24{gap: 1rem;}
    .gap32{gap: 1.5rem;}
    .gap40{gap: 2rem;}
    .gap48{gap: 2rem;}
    .gap64{gap: 3.5rem;}
    .gap80{gap: 3rem;}
    .gap96{gap: 3rem;}

    /*  */

    .mb-32{
        margin-bottom: 1.5rem;
    }
    .pb-32 {
        padding-bottom: 1rem;
    }

    

    /*  */

    .blogsideList .blogListCard{
        flex: 100%;
    }
    .nf-form{
        flex-direction: column;
        gap:1rem;
        width: 100%;
    }
    .nf-form .me-2{
        margin-right: 0 !important;
        width: 100%;
    }
    .blogCta {
        width: 100%;
    }

    .header__content{
        flex-direction: column;
        gap:1rem; 
    }
    .header__content h1{
        width: 100%; 
    }

    .featuredBlog .blogPostImg {
        height: 300px;
    }

    .camp-with-truck{
        background-image: none !important;
        background-color: #FFF !important;
        flex-direction: column;
        padding: 3rem 0 0;
        grid-row-gap: 1.5rem;
        grid-column-gap: 1.5rem;
    }

    .camp-with-truck h2.color-yellow{
        color: var(--CC--Heading);
        text-align: center;
    }
    .camp-with-truck .camp-with-content p{
        color: var(--CC--Body) !important;
        text-align: center;
        
    }
    .pageContactForm {
        max-width: none;
        background-color: #FFF;
        padding: 0;
    }
    .pageContactForm h3{
        display: none;
    }
    .footerNav {
        gap: 24px;
        flex-direction: column;
    }
    .padding-tb48 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .footerLogo {
        max-width: 84px;
    }

    .NavigationCard {
        flex-direction: column;
        gap: 1rem;
    }
    .NavigationCard > div{
        border-bottom:1px solid #CAD5DE;
        padding-bottom: 0.75rem;
        width: 100%;
    }
    .footer-link a br{
        display: none;
    }
    .footer-link ul {
        gap: 0.5rem;
    }

    /* nav_mobile_view */
    .nav_mobile_view .accordion, .nav_mobile_view .accordion-item{
        background-color: transparent;
        border: none;
        border-radius: 0;
    
    }
    .nav_mobile_view .accordion-button{
        background: transparent;
        box-shadow:inherit;

    }
    .nav_mobile_view .accordion-button:focus{
        box-shadow:inherit;
    }
    .nav_mobile_view .accordion-body{
        background: transparent;
    }

    .nav_mobile_view .accordion-item{
        border-bottom: 1px solid #CAD5DE;
        padding-bottom: 0.63rem;
        margin-bottom: 0.63rem;
    }
    .FirstCard {
        max-width: 100%;
    }
    .accordion-button::after{
        background-image: url(../images/plus_Icon.svg);
    }
    .accordion-button:not(.collapsed)::after{
        background-image: url(../images/minus_icon.svg);
    }
    .copyCard .container{
        padding: 0;
    }
    /* nav_mobile_view end */
    .copywrite__text, .legalLinks{
        width: 100%;
        text-align: center;
    }
    .copywrite__text{
        margin-bottom: 0.5rem;
    }
    .blogDetail_img {
        top: 3rem;
        height: 200px;
    }
    .blogHeader{
        min-height: 185px;
    }
    .sec-Blog-detail .container {
        padding-top:2rem;
    }
    .articleList li {
        margin-bottom: .5rem;
    }
    .padding32 {
        padding: 1.5rem;
    }
    .navbar-nav .dropdown-menu li:first-child a{
        padding-top: 0;
    }
    .articleList {
        margin-top:1.5rem;
        /* margin-bottom:2rem; */
    }
    .odo_count.count_yl .w-33{
        margin-bottom:1rem;
        width: 100%;
    }
    /* .odo_count.count_yl .w-33:last-child{
        margin-bottom:0;
    } */
    .cs_categories_items .w-33,  .odo_count.count_yl .w-33 {
        width: 49%;
        display: inline-block;
        margin-bottom: 1rem;
    }
    .website_logo {
        max-width: 62px;
    }
    .button-text, .common_btn {
        font-size: 0.875rem;
    }
    .br-24 {
        border-radius: 1rem;
    }
    .br-12 {
        border-radius: 0.75rem;
    }
    .featuredBlog {
        margin-bottom: 1.5rem;
    }
    .blog-list-title{
        margin-bottom: 2rem !important;
    }
    .camp-with-content .blog-list-title{
            margin-bottom: 0 !important;
        
    }
    .listen_card {
        margin-top: 1.5rem;
    }
    .grid_box_two {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
    .case_slider_box{
        min-height: 400px;
        padding: 1rem;
    }
    .cs_box_wrap {
        min-height: 350px;
    }
    .cbw_logo{
        margin-bottom: 0.5rem;
    }
    .blogHeader::after{
        height: 185px;
    }
    #formSection{
        background-color: #FCFBF8 !important;
    }
    .camp-with-truck{
        background-color: #FCFBF8 !important;
        padding-top: 0;
    }
    .pageContactForm {
        background: transparent;
    }
    .copyurl_btn{
        width: 100%;
    }
    .Sharemodal_btns a {
        width: 100%;
        text-align: center;
        justify-content: center  !important;
        align-items: center  !important;
        display: flex !important;
    }
    .lightbgBlock{
        padding-top:32px;
        padding-bottom: 32px;
        padding-left: 24px;
        padding-right: 24px;
        min-height: auto;
    }
    .blogpost-dark img{
        height: 175px;
    }
    .blogpost-dark .bp_imgCard, .blogpost-dark .Bloginfo {
        width: 100% !important;
    }
    .pt-80{
        padding-bottom: 48px;
    }
    .pb-80{
        padding-bottom: 48px;
    }
    .serviceThumb {
        max-width: 100%;
        width: 100%;
        height: 250px;
    }

    .container.max1124{
        padding-left: 0;
        padding-right: 0;
    }
    .sideContainer, .blogHeader, .mpadding_LR, .servicePostcard {
        padding-left: 1.5rem;
        padding-right: 1.5rem; 
    }
    .lightbgBlock.br-16{
        border-radius: 0 !important;
    }
    .servicePostcard, .lightbgBlock {
        padding-top: 2rem;
        padding-bottom: 2rem;
        min-height: 316px;
        justify-content: center;
        align-items: center;
    }
    .servicePostcard, .lightbgBlock .common_btn.bg-yellow{
        width: 100%;
    }
    .shortformcontent_page .container{
        padding: 0;
    }
    .divider{
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .sfcpage-form .camp-with-truck{
        background-color: #FFF !important;
    }
    .nav_mobile_view {
        padding-top: 12px;
    }
    .nav_mobile_view .accordion-item:last-child{
        margin-bottom: 0;
    }
    .copyCard{
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .pagebanner {
        min-height: 225px;
    }
    .pcc_card{
        flex-direction: column-reverse !important;
    }
    .sfc_pagebanner {
        min-height: 324px;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .testimonialSec {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    .errorSection{
        min-height: auto;
    } 
    .cline__list__box {
        flex-direction: column;
        gap: 2rem;
        padding: 3rem 0;
    }   
    .cline__list-content, .client_info_content {
        width: 100%;
    }
    .client_info_wrapper {
        flex-direction: column;
    }
    .client_info_content h3, .client_info_content p{
        text-align: center;
    }
    .product_box_card{
        flex-direction: column;
        gap: 3rem;
    }
    .product_box_head{
        min-height: auto;
        gap: 2rem;
    }
    .video_box_card, .product_box .custom-video-container {
        height: 300px;
        aspect-ratio:inherit
    }
    .product_box_body {
        margin-top: 0;
    }
    .product_box_head {
        padding: 2rem;
    }
    .history_list{
        display: none;
    }

    .sfc_pagebanner.about_us_pg {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    #loadMoreBtn{
        display: block !important;
    }
    .client_duo_box {
        grid-template-columns: repeat(2,minmax(0,1fr));

    }
    .item-view-box {
        width: 100%;
    }
    .timeline__box{
        max-width: 100%;
    }
    .product_box_card {
        gap: 2rem;
    }
    .section_header h2 br, .section_header p br{
        display: none;
    }
    p#top-mob {
        display: none;
    }
    .item-view-box + .item-view-box{
        margin-left: 0;
        margin-top: 1.5rem;
    }
    .rw-hero {
        flex-direction: column;
        padding: 40px 0 0;
    }
    .rw_hero_caption, .rw_splide {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .rw_hero_caption h1, .rw_hero_caption p {
        text-align: center;
        width: 100%;
    }
    .rw_hero_caption .button_list {
        justify-content: center !important;
    }
    .rw_hero_caption .button_list a {
        width: auto;
    }
    .rw-header{
        height: auto;
    }
    .ys_card{
        flex-direction: column;
    }
    .ys_caption, .ys_thumb {
        width: 100%;
    }
    .ys_caption > div{
        padding: 2rem 1.5rem;
    }
    .tech_elevate {
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .clientFeedback .center_slide-box {
    padding: 1.5rem;
    height: auto;
}
        
}


/*  */

@media (max-width: 640px) {

    .card_grid_three {
        grid-gap: 24px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .blog-list-title .divider {
        width: calc(100% - 140px);
        bottom:6px;
        margin: 0;
    }
    .featuredBlog .blogPostImg {
        height: 196px;
    }
    .br-16 {
        border-radius: 0.75rem;
    }
    .center_slide_study.slick-slider {
        padding-bottom: 0;
    }
    .center_slide_study .slick-dots{
        bottom: -1.5rem
    }
    .header__content h1 br{
        display: none;
    }
    .blogPostContant h3.Twolines{
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }
    .blogListmobile .slick-slide img{
        height: 196px;
        object-fit: cover;
    }
    .blogListmobile .card_grid_box {
        gap: 1rem;
    }
    .camp-with-truck .camp-with-content p{
        font-size: 1rem;
    }
    .camp-with-truck{
        gap: 1.5rem;
    }
    .pageContactForm {
        margin-top: 0;
    }
    .m280{
        object-fit: cover;
        height: 280px;
    }
    .allBlogList .card_grid_box--inner .img-fluid{
        height: 196px;
        object-fit: cover;
    }
    /* .allBlogList .card_grid_box--inner .Bloginfo {
        height: 209px;
    } */
    .cs_postImg img {
        height: 194px;
    }
    .sfc_right .Sharemodal_btns a.linkedin-icon{
        width: auto;
    }
    .sfc_right .Sharemodal_btns a.linkedin-icon p{
        display: none;
    }
    .videoCard .btn-close {
        position: absolute;
        right: 0;
        top: -30px;
    }
    .pb-48{
        padding-bottom: 24px;
    }
    .Bloginfo iframe{
        height: 220px;
    }

    .youtube-video, .youtube-thumbnail {
        height: 224px;
    }

    .grid_box_three {
        grid-template-columns: repeat(1,minmax(0,1fr));
        grid-gap: 1rem;
    }

    .serviceError{
        background-size: 96%;
    }
    .countlist{
        flex-wrap: wrap;
        padding-left: 1.5rem;
        padding-right: 1.5rem;        
        gap: 32px ;
    }
    .countcard {
        flex: 0 0 44%; 
        box-sizing: border-box;
        text-align: center;
      }
    .cs_categories_items .w-33:last-child {
        width: 100%;
    }
    .ff-card .ff_list{
        flex:0 0 47%;
        min-height: auto;
        gap: 1rem;
        padding-left: 8px;
        padding-right: 8px;
        min-width: auto;
        
    }
    .ff-card .ff_list img{
        max-width: 56px;
    }
    .ff-card{
        gap: 1rem;
        justify-content: center;
    }
   
    .video_cs_btn svg {
        max-width: 56px;
    }
    .client_duo_box{
        flex-direction: column;
        display: flex;
    }
    .product_box_head {
        padding: 2rem 1rem;
    }
    .product_box_body {
        /* width: calc(100% - 2rem); */
        height: auto;
    }
    .video_box_card, .product_box .custom-video-container {
        height: 250px;
    }
    .timeline__box{
        width: 100%;
        max-width: none;
        padding: 1rem;
        min-height: 300px;
    }
    .item-view-box {
        width: 100%;
        margin-bottom: 1.5rem;
    }
    .item-view-box + .item-view-box {
        margin-left: 0;
        margin-top: 0;
    }
    .our_mv_card .our_mv_list {
        flex: 0 0 100%;
    }
    
    .logo_client > img {
        max-width: 80%;
        max-height: 80%;
    }
    .cline__list-pic, .client_info_pic{
        width: 168px;
        height: 200px;
    }
    #videoWrapper {
        height: 260px;
    }
    
    .button_list a{
        width: 100%;
        text-align: center;
    }
    .three_fr_card {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }
    .card_abs_gif #videoWrapper{
        padding: 0;
        margin: 0 auto;
        height: 300px;
    }
    .card_abs_caption{
        padding:1.5rem;
    }
    .card_abs_gif {
        margin-top: 1rem;
    }
    .rw_hero_caption .button_list a {
        width: 100%;
    }
    
}

/*  */

@media (max-width: 576px) {

    .postInfo_item{
        flex-direction: column !important;
    }
    .postInfo_item span{
        display: none;
    }
    
}

/*  */

@media (max-width: 359px) {

    #videoWrapper {
        height: auto;
    }
    
}