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

 .responsive-table{
  overflow: scroll;
}
 }

@media (min-width: 320px) and (max-width:1023px) {
 .navbar {
   display: none;
}
 #rmp-container-163 {
        position: fixed;
        top: 50px;
  }

}

@media (min-width: 320px) and (max-width: 1023px) { 
  .container {
    width: 100%;
    max-width: 100%;
}
  .first{
    order: 1;
  }
   .second{
    order: 2;
  }
  .mobile{
    display: block;
  }
  .desktop {
    display: none;
}
  main{
               padding-top: 70px;
        overflow: hidden;
  }

  
  .filter_wrapper {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
  .wpc-filters-date-range-wrapper {
    display: flex;
    gap: 10px;
    flex-direction: column;
}
  
  .mobile_instrument_container .informer{
               display: flex;
        align-items: center;
        margin-bottom: 20px;
        gap: 20px;
        flex-direction: row;
        justify-content: flex-start;
   
  }
  
  .mobile_instrument_container .instrument_container .call .bage {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: flex-end;
    position: absolute;
    top: -27px;
    left: 0;
    font-size: 11px;
    background: #ededed;
    color: #333b4a;
    border-radius: 100px;
    height: 20px;
    padding: 0px 10px;
}
   .mobile_instrument_container .instrument_container .call {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: flex-end;
    position: relative;
    margin-top: 20px;
}
   .mobile_instrument_container .instrument_container {
   display: flex;
        align-items: flex-start;
        gap: 20px;
        justify-content: flex-end;
        position: relative;
        flex-direction: column;
        margin-top: 30px;
}
   .mobile_instrument_container .instrument_container a {
    font-weight: 500;
    font-size: 22px;
    color: #333b4a;
    line-height: 100%;
}
  .mobile_instrument_container .social {

    margin-top: 0px;
    margin-bottom: 30px;
    padding: 0;
}
  
   .mobile_instrument_container .social a {
 
           background: #dde3eb;
        display: flex;
        align-items: center;
        justify-content: center;
  }
  
  p#breadcrumbs {
       font-size: 12px;
    padding: 0px 0px 20px 0px;
    line-height: 160%;
  }
 
  h1 {
      font-size: 25px;
    line-height: 120%;
    margin-bottom: 0px;
    word-break: break-word;
}
  
  h2 {
   font-size: 24px;
    line-height: 140%;
    word-break: break-word;
}
  h3 {
    font-size: 22px;
    line-height: 140%;
     word-break: break-word;
}
  h4 {
    font-size: 20px;
     line-height: 130%;
     word-break: break-word;
}
  h5 {
    font-size: 18px;
     line-height: 120%;
}
  h6 {
    font-size: 16px;
    line-height: 120%;
}
 
 
  p {
    font-size: 16px;
    font-style: normal;
    line-height: 28px;
    margin-bottom: 0.5rem;
    font-weight: 400;
}
  .hentry p {
    font-size: 16px;
}
  
  table tbody td {
    font-size: 18px;
}

  table thead th {
    font-size: 16px;
}
  .wp-block-table{
    overflow: scroll;
  }
  
  .btn {
           width: 100%;
        text-align: center;
        display: block;
        font-size: 14px;
        line-height: 18px;
        padding: 0;
        white-space: break-spaces;
        height: 60px;
        display: flex;
  }

 

  .modal {
    z-index: 999999;
}
  .f1 {
 
    font-size: 14px;
   
}
  textarea {
    height: 100px;
}

  .modal-body .btn {
    float: inherit;
    display: block;
    width: 100%;
}
  

 .header_container {
          display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 0px 10px 15px;
        align-content: center;
        transition: all 0.3s;
        gap: 36px;
        position: fixed;
        top: 0;
        z-index: 999;
        left: 0;
        width: 100%;
        background: #fff;
       
}
  header .instrument_container {
  display: none;
}
  header .menu_container {
    display: none;
}
  header .logo_container {
    width: 100%;
  
    position: relative;
}
 
  header .logo_container .logo span {
          display: none;
}
  

  footer {
    margin-top: 30px;
    padding: 0px 0px 10px 0px;
 
}

  .title_h2 h2 {
   
    font-size: 24px;

}
  .title_h2 {
         display: flex;
        gap: 10px;
        margin-bottom: 25px;
        flex-direction: row;
        align-items: center;
}
 
  .news_container {

    padding-left: 0;
}
  .news_item .img {

    height: 165px;
  
}
  .news_item h2, .news_item h3 {
  
    font-size: 18px;
    
}
  .news_item.news_first h2, .news_item.news_first h3 {
    font-size: 20px;
}
  .news_item.news_first .img {
    height: 265px;
}
  .news_container {
  
    margin-top: 40px;
}
  .sign_online:before {

    top: 5px;
}
 
  .single .flex_content {
    display: flex;
    gap: 30px;
    flex-direction: column;
}
  .single .thumbbail_block {
    width: 100%;
}
  .single .thumbbail_block .img_thumb {
 
   height: 300px;
 
}
  .flex_content .content_block {
    width: 100%;
}
  .page_indide_block {
    margin: 30px 0px;
}
 
  .breadcrumbs {
    padding: 10px 10px 10px 10px;
    line-height: 25px;
    margin-bottom: 15px;
}
  .page-section {
    padding: 15px 0px;
}
  header {
  
    margin-bottom: 0px;
   
}
 
  .modal-dialog {
    max-width: 90%;
 
}
  .totop {
  
    bottom: 10px;
    right: 10px;
  }
  .bg_section {
    padding: 30px 0px !important;
 
}
 
  
  .single-post .thumbbail_block .img_thumb img {
    max-width: 100%;
    border-radius: 15px;
}
  
  .offer .content {
    width: 100%;

}
 .offer {
    padding: 30px;
    min-height: 300px;
    display: flex;
    position: relative;
    overflow: hidden;
    align-items: center;
    flex-direction: column;
}
  .offer .content .blogname {
    font-size: 30px;
     margin: 20px 0px 10px 0px;
}
  .offer .content .bloginfo {
    display: block;
    font-size: 14px;
    text-align: center;
}
  .offer .content {
    text-align: center;
}
  .offer .content .blogdescription ul {
    padding: 0;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}
  .offer .img {
    width: 60%;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    align-items: center;
}
  .search_form button {
    width: 40%;
    height: 50px;
}
  .input_search {
    height: 50px;
}
  .carousel_loop .carousel_item .img {

    height: 260px;
 
}
  .footer_container {
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-content: center;
}
  .footer_item {
    width: calc(100% / 1 - 0px);
}
.copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    padding-top: 30px;
    flex-direction: column;
    gap: 20px;
}
  
 footer .social {
    display: flex;
    gap: 13px;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    padding: 0;
}
  footer .blogname {
  
    text-align: center;
}
  .widgettitle {
    font-size: 16px;
  }
  .ads_container{
    display: none;
  }
  
  .single .comment {
 
    padding: 1px 20px;
}
  header .informer_container{
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) { 

    .container {
        width: 100%;
        max-width: 720px;
    }
  .projects .item {
        width: calc(100% / 1 - 0px);
        flex-direction: row;
        flex-direction: row-reverse;
    }
  .more_button .btn-primary {

    margin: 0 auto;
}
      .ecomap_item {
        width: calc(100% / 2 - 10px);
    }
  .footer_container {
        display: flex;
        gap: 30px;
        flex-direction: column;
        max-width: 1080px;
        margin: 0 auto;
        align-items: center;
        align-content: center;
    }
      .footer_item.contacts {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column-reverse;
        align-content: center;
        gap: 20px;
    }
}


@media (min-width: 992px) and (max-width: 1023px) { 

    .container {
        width: 100%;
        max-width: 960px;
    }
 
}

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

.carousel_loop .carousel_item {

    width: 300px;
}
.carousel_gallery_container .swiper_navi {
   display: none;
}
  .no-padding-right{
    padding-right: 0;
  }
  .single .meta {
           padding: 25px 20px;
        display: flex;
        align-items: flex-start;
        gap: 30px;
        border-radius: 25px;
        flex-direction: column;
        flex-wrap: wrap;
}
  
  .single .meta .post_meta {
  display: flex;
        align-items: center;
        gap: 12px;
        flex-direction: row;
        flex-wrap: wrap;
}
  .single ul.color_tags {
    width: 100%;
}
}

@media (min-width: 600px) and (max-width: 767px) { 

.carousel_loop .carousel_item {

    width: 250px;
}
.carousel_gallery_container .swiper_navi {
   display: none;
}
  .no-padding-right{
    padding-right: 0;
  }
}


@media (min-width: 768px) and (max-width: 1023px) {
    .carousel_loop .carousel_item .img {
        height: 200px;
    }
}

@media (min-width: 320px) and (max-width: 1023px) {
.contact-form-box2 {
    margin-top: 0px;
    margin-bottom: 30px;
}
  .contact-section .hero-form {
 
    width: 100%;
 
}
}

@media (min-width: 320px) and (max-width: 599px) {
  
  .age_bage {
    font-size: 36px;
    margin-top: 0px;
    text-align: center;
}

.tile_loop .tile_item {
    width: calc(100% / 1 - 0px);
    position: relative;
    height: 375px;
 
}
  .slider_item {
   
    height: 300px !important;
}
  .slider_gallery_container .swiper-button-next, .slider_gallery_container .swiper-rtl .swiper-button-prev {
   top: 50px;
}
   .slider_gallery_container .swiper-button-prev, .slider_gallery_container .swiper-rtl .swiper-button-next {
   top: 50px;
}
   .archive .news_container, .search .news_container {
   
    gap: 20px 0px;
 
}
  
 
  .archive .news_container .news_item,
  .search .news_container .news_item
  {
   width: calc(100% / 1 - 0px);
    display: flex;
    gap: 10px;
    padding: 0px;
    border-radius: 15px;
    flex-direction: column-reverse;
    position: relative;
}
  
 
 .archive .news_container .news_item .img, .search .news_container .news_item .img {
    width: 100%;
    height: 220px;
}
  
      .archive aside .news_container .news_item .img, .search aside .news_container .news_item .img {
        width: 36%;
        height: 70px;
    }
  
   .archive aside .news_container .news_item .img img, .search aside .news_container .news_item .img img{
   object-fit: cover;
        border-radius: 10px 10px 10px 10px;
}
  
  .archive .news_container .news_item .img img, .search .news_container .news_item .img img{
   object-fit: cover;
        border-radius: 15px 15px 0px 0px;
}
  
  .archive aside .news_container .news_item .img img, .search aside .news_container .news_item .img img{
   object-fit: cover;
        border-radius: 10px 10px 10px 10px;
}
  
  .archive .news_container .news_item .content, .search .news_container .news_item .content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0px 20px 20px 20px;
}
  
  .archive .news_container .news_item .img {
 
    border: 0;
}
  
  .archive .news_container .news_item.news_first .img {
    height: auto;
    width: 100%;
}
  
   .archive .news_item.news_item.news_first .overlay,
    .search .news_item.news_item.news_first .overlay 
  {
  
    border-radius: 15px 15px 0px 0px;
  
}
  
  .archive .news_container .news_item .content p, .search .news_container .news_item .content p{
  display: none;
}
  .archive aside .news_container .news_item .content p, .search aside .news_container .news_item .content p {
        display: block;
    }
  
  
  .archive .news_container .news_item h2, .search .news_container .news_item h2 {
    margin-top: 15px;
    font-weight: 600;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 12px;
}
  .archive .news_container .news_item .glass_card, 
  .search .news_container .news_item .glass_card
  {
   
    border-radius: 15px 15px 0px 0px;
}
  .archive .news_container .news_item ul.color_tags, .search .news_container .news_item ul.color_tags {
    position: absolute;
    left: 10px;
    top: 10px;
 
}
  aside {
  
    margin-top: 30px;
}
  aside .widget {
    padding: 20px 25px 40px 25px;
    border-radius: 20px;
    background: #f4f6fa;
    border: 1px solid #e8eaed;
    display: flex;
    margin-bottom: 30px;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
}
}


@media (min-width: 600px) and (max-width: 991px) {
  
  .archive .news_container .news_item .img img,
  .search .news_container .news_item .img img
  {

    object-fit: scale-down;
   
}
  
   aside {
  
    margin-top: 30px;
}

    .tile_loop .tile_item {
        width: calc(100% / 2 - 13px);
        position: relative;
        height: 305px;
    }
  .tile_loop .tile_item .content {
  
    bottom: 20px;
    left: 20px;
    padding-right: 20px;
   
}
  .tile_loop .tile_item .content p {
    color: #fff;
    margin-bottom: 0px;
    line-height: 1.2;
}
  .slider_item {
   
    height: 360px !important;
}
  aside .widget {
    padding: 0px 25px 40px 25px;
    border-radius: 20px;
    background: #f4f6fa;
    border: 1px solid #e8eaed;
    display: flex;
    margin-bottom: 30px;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
}
}