@media screen and (max-width:1234px) {

    .carousel_title{top: 25%;}
    .topnav a {
        margin: 5px 5px !important;
    }
    .sidenav a{padding: 10px 20px !important;text-align: left;}
    .sidenav a {
        width: 240px;}
    #main{display: block !important;color: #800000;}
    .client-info .info .name-job {padding: 20px 40px 20px 30px !important;}
    .quotes p {padding: 20px 0 0 30px !important;margin: 0;}
    /* .main_homepage {display: inline-block;width: 100%;position: fixed;} */
    .bg_service1 img{max-width:25%;}
    .bg_service2 img{max-width:25%;}
    .bg_service3 img{max-width:25%;}
    .bg_service4 img{max-width:25%;}
    .aboutus_img_content p br{display: none;}
    .topnav a img{padding: 0 15px 0 0;max-width:40px;vertical-align: bottom;}
    .sidepanel a {padding: 8px 5px 8px 5px;}
    .topnav{padding: 0px 30px;    height: 70px;}
    /* span.leftimg {right:25px;top: 0px;} */
    span.leftimg {
        right: -20px;
        top: 0px;
    }
    .carousel-controls span img {max-width:100%;}
    .openbtn{display:block;position: absolute;right:20px;top:15px;}
    .header_menus{display: none;}
    .sidepanel{top: 56px;margin: 25px 0 0 8px;min-height: 540px; z-index: 999;}
    .topnav a {font-size: 21px !important;}

  }


  @media screen and (max-width:768px) {
    .service_box_content p br{display: none;}
    .main_contactus .form-control.error small{top: 90px !important;}

    .main_contactus .form-control.error small.message_new{top:160px !important;}
    
   
    .main_contactus .form-control i{    top: 50px !important;
        right: 15px !important; }
    .main_contactus .form-control small{left:0px !important;}
    .main_contactus .form-control input{width: 100% !important;}
    .main_contactus .form-control textarea{width: 100% !important;}
    .main_contactus .wrapper > *{margin: 0 auto;width: 100%;}
    .main_contactus .form-control{display: block;}
    .column figcaption {
        position: absolute !important;
        background: #fff !important;
        width: 40% !important;
 
        box-shadow: 2px 2px 14px rgb(231 228 228) !important;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .about_main_blog .column {
        width: 100%;    margin-bottom:50px;
    }
    .topnav_image {
        width: 50%;
    }
    .service_box_content h4{font-size:15px;}
    .blog_sub {
        margin: 0 12px;
    }
    span.leftimg {
        right:0px;
        top: 0px;
    }

    .mail_contact {
        padding-top: 10px;
    }
    .about p{margin: 0;
        padding-bottom: 10px;}
        .news p{margin: 0;
            padding-bottom: 10px;}
    .main_testimonials_screen3 #resource-slider3 .resource-slider-item{width: 100% !important;}
    #resource-slider3 {
        height: 33rem;
    }
    .site-footer .contact {
        display: inline-block;    margin-top:20px;
        width: 100%;
    }
    .site-footer .news {
        display: inline-block;    margin-top: 10px;
        width: 100%;
    }
    .site-footer .links {
        display: inline-block;    margin-top: 10px;
        width: 100%;
    }
    .site-footer .about {
        display: inline-block;
        width: 100%;
    }
    .four_footer {
        width: 100%;
        display: inline-block;}
    .site-footer {
        display: inline-block;
        width: 100%;
    }
    .site-footer .social-icons a{margin-left: 0px;}
    .social-icons  {padding: 0px 10px 0px 0px;}
    .four_footer p br{display: none;}
    #resource-slider .next{bottom: 80px;}
    #resource-slider .prev{bottom: 80px;}
    .main_service_title h3 {font-size: 22px;line-height: 27px;}
    .carousel_title h1 {
        font-size: 27px;
        color: #fff;
        line-height: 35px;}
    ul.slides {height: 500px;}

    .main_contactus {
        /* display: inline-block; */
        /* padding: 0 130px; */
        margin: 20px 0px 0px 0px;
    }
    
    

    .blog_sub p{font-size:13px;}

    .project__title{top: 20px;}

    #resource-slider{top: 30px !important;}
    .client-info .info{flex-wrap: nowrap !important;}

.quotes_img img{max-width: 100%;}
#resource-slider{height: 14em;}
.quotes {
  display: flex;
  padding: 65px 0px 0px 0px !important;
}
   
    #resource-slider .resource-slider-inset{bottom:100px;height: 100%;}

    /* service new */
    .sub_new_header_service {display: flex;margin: 0 auto;width: 100%;}
    .image_service {display: inline-block;width:100%;}
    .content_service {display: inline-block;width: 100%;}
    .new_service_box {display: inline-block;width: 100%;margin: 0 0 20px 0;}
    .margin-space-new-service {display: inline-block;width: 100%;margin: 60px 0px 0px 0px;}
    .main_service_content {
      margin: 0 auto;
      width: 100%;text-align: center;
  }
    
  .about_blog{padding: 30px 0px 0px 0px;}

.blog_sub{box-shadow: 3px 2px 5px rgb(231 228 228);}
  }