@media screen and (max-width: 650px) {
 .res-logo{
    width:100%;
    height:100%;
 position:relative;
    top: 0px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    left: 1px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}


section {
    padding: 0px 0;
    min-height: 20vh;
}


.res-pd{
    padding:20px!important;
}

.res-title{
    font-size: 23px;
    margin-bottom: 25px;
    text-decoration: underline;
    text-underline-offset: 15px;
    text-decoration-color: #ff9700;
}


.res-col{
    width:49%;
    margin-bottom:10px;
}


.res-gap{
    gap:7px;
}

.res-product{
    width:355px;
}


.swiperImage .swiper-button-next {
    left: 47%;
    transform: translateY(20px);
}


.res-ml{
    margin-left: 1px;
}

.res-img2{
        border-radius: 10px!important;
    width: 389px;
}


.res-cl{
      padding: 0px;
}



.res-bread{
     height: 100%;
     max-width: 398px;
     margin-bottom:20px;
}

.carousel-item {
  height: 19vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
   background-color: #000; /* fallback to black */
}

.pd-24{
    padding:2px;
}
}
@media screen and (max-width:420px) {
 .res-logo{
    width:100%;
    height:100%;
 position:relative;
    top: 0px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    left: 1px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.carousel-item {
  height: 19vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
   background-color: #000; /* fallback to black */
}
section {
    padding: 0px 0;
    min-height: 20vh;
}


.res-pd{
    padding:20px!important;
}

.res-title{
    font-size: 23px;
    margin-bottom: 25px;
    text-decoration: underline;
    text-underline-offset: 15px;
    text-decoration-color: #ff9700;
}


.res-col{
    width:49%;
    margin-bottom:10px;
}


.res-gap{
    gap:7px;
}

.res-product{
    width:355px;
}


.swiperImage .swiper-button-next {
    left: 47%;
    transform: translateY(20px);
}


.res-ml{
    margin-left: 1px;
}

.res-img2{
        border-radius: 10px!important;
    width: 389px;
}


.res-cl{
      padding: 0px;
}



.res-bread{
     height: 100%;
     max-width: 398px;
     margin-bottom:20px;
}

.pd-24{
    padding:2px;
}
}
@media screen and (max-width:375px) {
    
 .client-img{
    width: 144px;
    height: 144px;
   
 }
 .res-logo{
    width:100%;
    height:100%;
 position:relative;
    top: 0px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    left: 1px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.carousel-item {
  height: 19vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
   background-color: #000; /* fallback to black */
}
section {
    padding: 0px 0;
    min-height: 20vh;
}


.res-pd{
    padding:20px!important;
}

.res-title{
    font-size: 23px;
    margin-bottom: 25px;
    text-decoration: underline;
    text-underline-offset: 15px;
    text-decoration-color: #ff9700;
}


.res-col{
    width:49%;
    margin-bottom:10px;
}


.res-gap{
    gap:6px;
}

.res-product{
    width:355px;
}


.swiperImage .swiper-button-next {
    left: 47%;
    transform: translateY(20px);
}


.res-ml{
    margin-left: 1px;
}

.res-img2{
        border-radius: 10px!important;
    width: 389px;
}


.res-cl{
      padding: 0px;
}



.res-bread{
     height: 100%;
     max-width: 398px;
     margin-bottom:20px;
}

.pd-24{
    padding:2px;
}
}