@media (max-width: 767px){
  .header_main  .menu-inner {
    background-color: #0058ce;
    height: 100%;
    padding: 18px;
  }
  .about-us .about-us-img-info-3 { 
    right: 0;
    left: 0;
    width: 100%;
    float: left;
    max-width: 100%; 
    margin-right: 0;
    top: 32%;
    position: relative;
  }
  .about-us .img-responsive{
    background-color: #eee;
    margin-bottom: 17px;
  }
  .about-us .ltn__callout {
    padding: 10px;
    margin: 11px 0;
  }
  .about-us .ltn__callout p {
    margin-bottom: 0;
    font-size: 11px;
    line-height: 21px;
  }
  .about-us .ltn__list-item-half li {
    width: 100%;
  }
  .about-us .about-us-img-info-3 .ltn__video-img img{
    width: 100%;
  }
  .header_main .menu-block { 
    background-color: #000000;
    color: #fff;
  }
  .header_main .menu-item {
    list-style-type: none;
    width: 100%;
    float: left;
    padding: 10px 0;
    border-bottom: solid 1px #eeeeee52;
  }
  .header_main .navbar {
    position: relative;
    min-height: 25px;
  }
  .buy_page .heading_main {
    text-align: center;
  }
  .buy_page .main_area .sort_main {
    float: none;
  }
  .header_main img {
    width: 31%;
    float: left;
}
.header_main .header { 
  padding: 0 0 17px 0;
  top: 0;
}
.client_services main .slider .buttons { 
  left: 0; 
  transform: translateX(0); 
}
.fixed-header img {
  width: 26% !important;
}
.banner_main h1 {
  padding: 28% 0 0 0;
  font-size: 29px;
  text-align: center;
}
.banner_main .warpper { 
  width: 100%;
  float: left;
  margin-top: 3%;
}
.banner_main .warpper .form-group {
  margin-bottom: 14px; 
  width: 100%;
  float: left;
}
.banner_main { 
  height: 100%;
  padding-bottom: 56px;
}
.banner_main .extra_main {
  position: relative;
  padding: 10px 0;  
}
.banner_main .extra_main ul {
  width: 100%;
  float: left; 
  display: block;
  margin-bottom: 0; 
}
.banner_main .extra_main ul img {
  width: 100%;
  float: left;
}
.banner_main .extra_main ul li p {
  width: 100%;
  float: left; 
}
.banner_main .extra_main ul li p span {
  float: none; 
}
h2 {
  font-size: 25px !important; 
}
.employee { 
  height: 100%;
}
.employee-image {
  background-color: #fff;
  height: 100%;
}
.about-client h2 { 
  padding-top: 0;
}
.about-us { 
  padding: 0;
}
.client_services main .slider .slide .slider-img {
  padding: 0;
}
.client_services h2 {
  text-align: left;
}
.client_services main .slider .slide .testimonial .author {
  text-align: left;
  padding-right: 0;
}
.subscribe_main .mdl_main { 
  padding: 17px; 
}
.subscribe_main h2 {
  text-shadow: 1px 1px 20px black;
  font-size: 49px;
  font-weight: 700;
  color: #fff;
}
.footer_main p { 
  padding-right: 0;
}
.footer_main .copy_main p { 
  text-align: center;
  font-size: 12px;
}
.footer_main .copy_main ul { 
  text-align: center;
}
.footer_main .copy_main ul li {
  border-right: solid 1px #e3e0e0;
  font-size: 10px;
}
.footer_main .copy_main ul li:last-child{
  border: none !important;
}
.footer_main h2 {
  font-size: 15px !important;
}
.list_main ul li { 
  width: 100%;
  border: solid 6px #ebebeb; 
}
.main_des span { 
  border: solid 1px #eee;
  padding: 9px 15px;
}
.list_main ul li p>span { 
  bottom: 0; 
  padding: 0 13px 0 11px;
  font-size: 14px; 
  width: 100%;
  float: left;
}
.list_main ul li p>span b {
  font-size: 18px;
}
.search_main .search-block { 
  margin-top: 2%; 
  width: 100%;
} 

.blog-page .card{
  height: 100% !important;
  float: left;
}
.blog-page .post-content {
  width: 100%;
  height: 100%;
  float: left;
  margin-left: 5px;
  padding: 10px;
}
.blog-page main {
  width: 100%;
}
.blog-page .post-image {
  width: 100%;
  margin-top: 0;
}
.blog-page .card:hover{
  margin-left: 0;
}
.blog-page .main {
  margin-bottom: 0;
} 
.blog-detail img {
  height: 100%;
}
.blog-detail .right_main { 
  background-color: #fff;
  margin-top: 5%;
}
.blog-detail .right_main .sign_p {
  letter-spacing: 1px; 
  font-size: 10px;
}
.blog-detail .post_popular ul {
  padding: 0; 
}
.blog-detail .post_popular ul li { 
  display: block; 
  width: 100%;
  float: left;
}
.blog-detail .post_popular ul li>a {
  display: block;
  align-items: center; 
}
.blog-detail .post_popular ul li {
  display: block;
  align-items: center;
  margin-bottom: 8%;
}
.blog-detail .post_popular img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.contact-us .left-address-main { 
  left: 0; 
  top: 0; 
}
.contact-us .contact-form-wrapper {
  width: 100%;
  padding: 5%;
  float: left;
  margin: 5% 0;
  border-radius: 10px;
}
.contact-us .contact-form-wrapper h2 {
  font-size: 23px !important;
  border-bottom: solid 1px #eee;
  margin-bottom: 0;
  border-left: none;
  padding-bottom: 10px;
}
}
@media (min-width: 768px) {
    .header_main  .burger {
      display: none;
      visibility: hidden;
    } 

  .header_main  .menu {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin-left: auto;
    background: none;
    box-shadow: none;
  } 
  .header_main  .menu-inner {
    display: flex;
    flex-direction: row;
    column-gap: 1.75rem;
    margin: 0 auto;
    align-items: center;
  }
  .header_main .menu-link {
    text-transform: capitalize;
  }
  .header_main  .menu-block {
    margin-left: 2rem;
  }
}

@media screen and (max-width: 850px) { 
  main {
      width: 86%;
  }
  .card {
      flex-direction: column;
  }
  .card .card-left {
      width: 100%;
  }
  .card .card-right {
      width: 100%;
      padding: 40px 25px 20px;
  }
  .card .card-left .card-img {
      height: 210px;
  }
  .card .card-left .card-img::before {
      border-radius: 8px 8px 0px 0px;
  }
  .card .card-right .card-right-body .card-rb-3 .card-rb-3-inner-before {
      top: -3px;
      left: -235px;
      width: 230px;
  }
  .card .card-right .card-right-body .card-rb-3 .card-rb-3-inner-before::after {
      content: unset;
  }
}


@media(min-width: 768px) and (max-width: 992px){
  .contact-us .left-address-main { 
    left: 4em;
    position: relative; 
    top: 6em;  
}
}