@media only screen and (max-width: 1024px){
    .header__container{
        padding: .8rem 1rem;
    }
    .header_Links nav ul{
        display: none;
    }
    #menu_bar{
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

}
@media only screen and (max-width: 991px){
  
}
@media only screen and (max-width: 767px){
    .right_menu ul{
        display: none;
    }
    #openBars{
        display:block;
        font-size: 29px;
        border: 1px solid black;
        padding: 5px;
        top: 13px;
    }
    .switch-theme-mode{
        right: 55px;
    }
       .form-overlay{
        left: 50%;
        top: 102%;
        color: #fff;
        background: #000;
        display: none !important;
       } 
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 
}
@media only screen and (max-width: 768px) {
  
}

@media only screen and (max-width:991px) {
.box-image-touch{
    display: none;
}
.item_img{
    flex-wrap: wrap;
    justify-content: center;
    gap: 22px;
}
}
@media only screen and (max-width: 576px) {
         .swiper-slide .slider-inner .swiper-content .title-area .title {
        font-size: 55px !important;
    }
    .home_links_footer {
    padding-left:0em;
}
.bottom_footere {
    flex-wrap: wrap;
    justify-content: center;
}
.list_outer_box{
    flex-wrap: wrap;
}
.about-section .content_column .exp-box{
    margin-left: 0;
    margin-top: 2em;
}
      .left_content_box h2 {
        font-size: 31px;
}
.left_content_box{
    width: 100%;
    margin: 0 9px !important;
}
.page-title .title {
    font-size: 53px;
}
.right_lcoation_box{
    padding-left: 0 !important;
}
.right_lcoation_box li .text {
    margin-left: 20px;
}
}
@media (max-width: 1199px) {
     .image-area img {
        width: 100%;
    }
    .works_items_box.first:after{
        display: none;
    }
    .works_items_box.second:after{
        display: none;
    }
    .works_items_box.third:after{
        display: none;
    }
    .works_items_box{
        border: 1px solid var(--bg-color);
        padding: 15px;
        border-radius: 7px;
        height: 100%;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .future_cotnent_box h2 {
        font-size: 41px;
        font-weight: 700;
        color: #fff;
        font-family: "Lora", serif;
        line-height: 1.3;
    }
}

@media only screen and (max-width: 1470px){
   .left_content_box {
  
    top: 16%;
   
   
    margin-left: 3em;
}
.left_content_box h2{
 
}
@media only screen and (max-width: 1230px){
   .row_mission{
    flex-wrap: wrap;
   }
   .secondIMg img {
    /* object-fit: cover; */
    height: 750px;
}
}
@media only screen and (max-width: 425px){

}
@media only screen and (max-width: 375px){
   
}