@media only screen and (max-width: 991px){
    header .top-bar{
        display: none;
    }

    .container-fluid.px-5{
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    
    .xvbzdvxdv{
        display: none;
    }

    .hero-content{
        margin-bottom: 3rem;
        text-align: center;
    }

    .hero-banner .swiper-slide:before{
        background: linear-gradient(to bottom, rgba(248, 246, 242, 1) 30%, rgba(255, 255, 255, 0.1) 90%);
    }

    .duienwroiwer{
        width: 70%;
        margin-inline: auto;
    }

    .btn-main{
        background: var(--gold-secondary-color) !important;
        color: #fff !important;
    }

    .recognition-logo{
        justify-content: center;
    }

    section {
        padding: 5rem 0;
    }

    .line-title{
        justify-content: center;
    }

    .line-title::before {
        content: '';
        width: 40px;
        height: 1px;
        background: var(--gold-secondary-color);
    }

    .fsdjibfjisdnof{
        text-align: center;
    }
    
    .jkgdf5222 .col-lg-3{
        margin-bottom: 1.5em;
    }

    h2 {
        font-size: 38px;
    }

    .proof-slider .swiper-slide{
        margin-inline: 5px !important;
    }

    .testimonial-left{
        text-align: center;
    }

    .cvndfdfgf{
        justify-content: center;
    }

    .testimonial-left{
        margin-bottom: 1.5rem;
    }

    .carousel-item .row .col-md-6:last-child{
        display: none;
    }
    
    .footer-main{
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .mb-5{
        margin-bottom: 1.5rem !important;
    }

    .dfggfhgfbg.d-none{
        display: flex !important;        
    }

    .dfggfhgfbg.justify-content-end{
        justify-content: center !important;
    }

    .svgsvxv{
        display: none;
    }

    .afdfbghdfg.d-none{
        display: block !important;
    }

    .hero{
        text-align: center;
    }

    .cishdcknsidee{
        justify-content: center;
    }

    :root{
        --linear-gradient-background: linear-gradient(to bottom, rgba(248, 246, 242, 1) 30%, rgba(255, 255, 255, 0.1) 90%);
    }

    .kzsnckzxnkcmj{
        border-left: 0;
    }

    .kzsnckzxnkcmj.ps-4{
        padding-left: 0 !important;
    }

    .container-narrow1 > .row{
        flex-direction: column-reverse;
    }

    .cdisnokcsdf,
    .paper-card .body{
        text-align: center;
    }

    .gold-line{
        margin-inline: auto;
    }

    .idfmsdfsdf{
        text-align: center;
    }

    .mini-feature h6 br,
    .cta-section p br,
    .hero-content h1 br{
        display: none;
    }

    .doisdhfsmdf{
        text-align: center;
    }

    .checklist li > *{
        flex-grow: 0;
    }

    #projectGrid.gap-2{
        gap: 0 !important;
    }

    .project-item{
        margin-bottom: 1rem;
    }
    
    .cm-contact-main{
        gap: 1.5rem;
    }
    
    .cm-contact-info .col-lg-3{
        margin-bottom: 1.5rem;
    }
    .cm-home-content .cm-service-img 
    {
        height:300px;
    }
    .cm-home-content .cm-service-card 
    {
        margin-bottom:20px;
    }
    .cm-home-content .cm-testimonial-card 
    {
        margin-bottom:20px;
    }
    .workflow-card img
    {
        height:300px;
    }
    .line-title 
    {
        margin-top:20px;
    }
    .value-img2 img 
    {
        height:450px;
    }
}



@media only screen and (max-width: 820px){
    .service-card h5{
        height: auto;
    }
    
    .service-card p{
        min-height: auto;
        font-weight: 600;
    }
    
    .workflow-step,
    .workflow-card p,
    .testimonial-card p{
        min-height: auto;
    }

    .fsdjibfjisdnof.mb-5,
    .uinidumokopwke .col-lg-3{
        margin-bottom: 1.5rem !important;
    }
    
    .service-card p{
        font-weight: 400;
    }
    
    .proof-slider .swiper-slide-active{
        width: auto !important;
    }
}



@media only screen and (max-width: 767px){
    .workflow-card img{
        height: auto;
    }    

    .iuihvjijsjkd{
        margin-bottom: 1.5rem;
    }

    .line-title{
        text-align: center;
    }

    .proof-slider .img-box img {
        width: auto;
        height: 258px;
    }

    .proof-slider .swiper-slide{
        padding: 10px;
    }

    .feature-icon-row .item{
        margin-bottom: 1.4rem;
    }

    .feature-icon-row .item:nth-of-type(2n){
        border-right: 0;
    }

    .incjishidefsdf,
    .dot-crcle{
        display: none;
    }

    h1 {
        font-size: 40px;
    }

    .timeline-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 34px;
  }

  .timeline-step {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 18px;
    width: 100%;
  }

  .timeline-num {
    margin: 0;
    flex-shrink: 0;
  }

  .timeline-connector {
    display: none;
  }

  .timeline-step::after {
    display: none;
    /* content: "";
    position: absolute;
    left: 63px;
    top: 52px;
    width: 1px;
    height: calc(100% + 10px);
    background-image: linear-gradient(var(--gold-secondary-color) 60%, rgba(0, 0, 0, 0) 0%);
    background-position: left;
    background-size: 1px 8px;
    background-repeat: repeat-y; */
  }

  .timeline-step:last-child::after {
    display: none;
  }

  .timeline-body {
    text-align: left;
  }

  .jknxcnhdkrf{
    position: relative;
    z-index: 99;
    background: #fff;
    width: 15%;
    text-align: center;
  }
  
  .timeline-step .step-title{
    margin-bottom: 0;
  }

  .note-box{
    flex-direction: column;
  }
}



@media only screen and (max-width: 600px){
    .cm-badge {
        margin: 3rem auto 0;
    }

    .line-title {
        font-size: 12px;
    }

    .proof-slider .img-box img {
        height: 235px;
    }

    .proof-slider .divider-container{
        height: 220px;
    }

    .video-caption br{
        display: none;
    }
    
    .cm-contact-card, .cm-contact-form, .cm-contact-connect{
        text-align: center;
    }
    
    .cm-contact-icon,
    .cm-contact-form__divider,
    .cm-contact-connect__divider{
        margin-inline: auto;
    }
    
    .cm-contact-social{
        justify-content: center;
    }
    
    .dfggfhgfbg.justify-content-end{
        margin-top: 0;
    }
}



@media only screen and (max-width: 586px){
    .cm-contact-card,
    .cm-contact-form,
    .cm-contact-connect{
        padding: 20px !important;
    }
}



@media only screen and (max-width: 540px){
    .proof-slider .swiper-slide {
        padding: 10px;
    }

    .proof-slider .img-box img {
        height: 180px;
    }
}



@media only screen and (max-width: 490px){
    h2 {
        font-size: 30px;
    }

    .proof-slider .slide-content {
        gap: 15px;
    }
}




@media only screen and (max-width: 428px){
    .proof-slider .swiper-slide {
        margin-inline: 15px !important;
    }
}




@media only screen and (max-width: 420px){
    .feature-icon-row .item.col-6{
        width: 100%;
    }

    .feature-icon-row .item{
        border-right: 0;
    }

    .cdisnokcsdf.p-5,
    .px-5{
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }

    .timeline-step .step-title {
        font-size: 0.8rem !important;
    }
}



@media only screen and (max-width: 393px){
    .fade-in-up.in-view .col-6{
        width: 100%;
    }
    
    .proof-slider .swiper-slide {
        padding: 10px;
    }
    
    .proof-slider .img-box img {
        height: 160px;
    }
}



@media only screen and (max-width: 375px){
    .proof-slider .img-box img {
        height: 140px;
    }

    .dinxclkmxv{
        overflow-x: auto;
    }

    .compare-table {
        min-width: 391px;
    }
    
    .proof-slider .swiper-slide {
        margin-inline: 16px !important;
    }
    
    .proof-slider .divider-container {
        height: 155px;
    }
}



@media only screen and (max-width: 360px){
    .mark55 img{
        height: 4rem;
    }
    
    .recognition-card h4 {
        font-size: 44px;
    }
}
    
    
    
@media only screen and (max-width: 320px){
    .cm-booking-card{
        flex-direction: column;
        text-align: center;
    }
}