@media screen and (max-width:600px) {
  .service_box_content p {
    color: var(--primary-bg-v2r1);
    font-size: 13px;
}
.otp-div{
  display: flex;
  margin: 0px !important;
}
.contactus_btn {
  padding: 15px;
  border-radius: 4px;
  background-color: #880000 !important;
  color: white;
  border: white;
  margin-left: 0px !important;
  margin-top: -5px;
}
#progress-container {
  /* display: flex; */
  align-items: center;
  justify-content: center;
  height: 25px;
  background-color: #f0f0f0;
  border-radius: 5px;
  width: 144%;
}
  .main_contactus .form-control i{top:50px !important;}
  .service_box_content h4 {
    font-size: 15px;
}
  .quotes_img img {
    max-width: 50%;
}
  .blog_sub {
    margin: 0 30px;
}
  .about_main_blog .column {
    width: 100%;
    /* padding-bottom: 12px; */
    margin: 0px 0px 40px 0px;
}
  .about_main_blog .blogimg img {
    max-width: 100%;width: 100%;
}
  
  span.rightimg {
    position: relative;
    right: 5px;top: -40px;
}
  #main{right:30px !important;top: -10px;}
  .topnav img{max-width: 70%;}
  .topnav_image{width:85%;padding: 10px 10px;text-align: left;}
  .topnav{padding:0;}
  .main_testimonials_screen3 #resource-slider3 .resource-slider-item{width: 100% !important;}
  #resource-slider3 {
    height: 35rem;
}
    ul.slides {
        height: 400px;
    }
    .main_contactus {
        /* display: inline-block; */
        padding: 0 0px;
        margin: 20px 0px 0px 0px;
    }
    
    .quotes_img {
      display: inline-block;
      width: 100%;
      text-align: left;
  }

    /* .quotes {
      display: block !important;
      
  } */
  .quotes p {
    padding: 20px 0 0 0px !important;
    margin: 0;
}


     .resource-slider-inset .item{display: inline-block;width: 100%;}
    .resource-slider-inset  .resource {
      margin: 0px 20px;
      display: inline-block;
      width: 100%;
  }
    .client-info{display: inline-block;width: 100%;margin: 0;} 



    #resource-slider .resource-slider-item{width: 100%;}
    #resource-slider3 .resource-slider-item{width: 100%;}

    span.leftimg {
      right: 40px;
      top: -30px;
  }
    .carousel_title {
      top: 22% !important;
  }

    /* service new */
    .sub_new_header_service {display: inline-block;margin: 0 auto;width: 100%;}
    .image_service{padding:0;}
    .lastbox_service{padding-bottom: 70px;}

    .main_service_title h5{font-size: 16px;}

    .main_service_title {
      text-align: center;
      padding-top: 40px;
  }
    .service_comp {
      margin-top:30px;
  }
    .main_service_title h3 {
      font-size: 18px;line-height: 25px;}
    .service_box{width: 230px;margin: 40px 15px;}
    /* .about_main_blog .column {
      width: 50.33%;    margin: 20px 110px;
  } */
    .blog_sub p br{display: none;}
    .about_icon_height {
      min-height:60px;
  }
  }
    
@media screen and (max-width:568px) {
  .copyright{padding:10px !important;}
  .copy p{font-size:14px;}
  .main_contactus .form-control label {
    display: inline-block;
    margin-bottom: 5px;
    width: 100%;
}
  #carousel1 .owl-height {
    transition: height .5s ease-in-out;
    height: 460px !important;
}
  .service_box_content h4 {
    font-size: 14px;
}
  .main_contactus .wrapper > *{margin: auto;width: 100%;}
    .site-footer .contact {
        display: inline-block;
        width: 100%;
    }
    .site-footer .news {
        display: inline-block;
        width: 100%;
    }
    .site-footer .links {
        display: inline-block;
        width: 100%;
    }
    .site-footer .about {
        display: inline-block;
        width: 100%;
    }
    ul.slides {
        height: 380px;
    }
    
}
  @media screen and (max-width:414px) {
    .main_contactus .form-control{padding-bottom: 20px !important;}
    .copyright3{text-align: center;}
    .footer_managelogo_bg{display:none;}
    .footer_managelogo_bg1{display:block;}
    .copyright3 img {
      max-width: 100%;
  }
    .copyright1 img {
      padding: 0px 0px 0px 0px;
  }
  
  .copyright2 p {
    position: relative;
    bottom: 0px;
}  
    .column figcaption{width: 80%;}
    #main {
      right: 20px !important;
      top: -12px;
  }
  
  
   
    
    .project__title h2 {
      margin: 12px 0 0 0;
      color: var(--primary-fg-v2r1);
      font-size: 20px;
  }
    .quotes p {
      padding: 0px 0 0 0px !important;font-size:14px;
      margin: 0;
  }
    .quotes {
      display: -webkit-flex; 
      display: flex;
      padding: 30px 0px 0px 0px !important;
  }
    .client-info .info .name-job .name{font-size: 16px;    margin: 0;}
    #carousel1 .owl-height {
      transition: height .5s ease-in-out;
      height: 420px !important;
  }
    .new_projects .item {
      background: none;
  }
    .item:hover .image {
      opacity:1;
  }
    .main_service_title {
      text-align: center;
      padding-top: 0px;
  }
    .carousel_title {
      top: 38% !important;
  }
    ul.slides {
      height: 300px;
  }
    .blog_sub {
      margin: 0 22px;
  }
    span.leftimg {
      right: 0px;
      top: -50px;
  }
    span.rightimg {
      position: absolute;
      right:-20px;
      top: -40px;
  }
    #resource-slider .resource-slider-inset {
      bottom: 100px;
      height: 90%;
  }
    .common_img figure img {
      height: 100%;
      max-width: 25%;
  }
   
    .carousel_title h1 {
      font-size: 21px;line-height: 30px;padding-bottom: 40px;}
      .slide-image img{height: 300px;}
      .carousel-controls span img {
        max-width: 80%;
        display: none;
    }
    .carousel-controls {
      position: absolute;
      top:40%;}


    .service_box_content{    padding: 60px 20px 20px 20px;
      box-sizing: border-box;}
    .service_box_content p br{display: none;}
    .bg_service2 img {position: absolute;right:0px;bottom: 0px;}
    .bg_service3 img {position: absolute;right: 0px;top: 0px;}
    .bg_service4 img {position: absolute;left:0px;bottom: 0px;}
    .service_box {
      width: 340px;
      margin: 40px 15px;min-height: 150px;padding: 0px 0px;
  }

    .about_main_blog .column {
      width:100%;
      margin: 20px 0px;
  }
    .three_img {
      
      display: grid !important;
  }
  }

  @media screen and (min-width:380px) {
    
  }

  @media screen and (min-width:320px) {

  }
  @media screen and (max-width: 1234px) {
    .service_box_content p {
      color: var(--primary-bg-v2r1);
      font-size: 13px;
    }
  
    .main_contactus .form-control i {
      top: 50px !important;
    }
  
    /* Add your additional styles for devices with max-width 1234px */
    .quotes_img img {
      max-width: 50%;
    }
  
    .blog_sub {
      margin: 0 30px;
    }
  
    .about_main_blog .column {
      width: 100%;
      margin: 0px 0px 40px 0px;
    }
  
    .about_main_blog .blogimg img {
      max-width: 100%;
      width: 100%;
    }
    .otp-div{
      display: flex;
      margin: 0px !important;
   }
    /* Continue adding your additional styles for this breakpoint */
    /* ... */
  
    
  }