/*
ProVision Co.
-------------
This web application design and development by ProVision Co.

All source files, presentable or core, graphics and layout are owned/controlled by ProVision, and no one, entity or individual, can use/modify/destribute at anytime or to anywhere without a written approval from ProVision.

This website/web app is based on LegionCMS engine, which is a MVC platform built completely from scratch by ProVision's team.

-We know that you like this code, if you are interested joing our team, dont hesitate sending your CV to us.
--------------
Omar Shamali
https://provision.ps 
*/

@media all and (max-width: 1199px) {
  .w1200{
    width: 100%;
    overflow: hidden;
  
  }
  .section {
    padding: 0 10px;
  }
  .faq_title {
    margin-top: 0;
    padding:0;
  }
  .faq_question_summary {
    display: none;
  }
  .real_main_ul_sh{
    display: none;
  }
  #mob_menu_btn {
    display: inline-block;
  }
  #Intervention_section {
    padding-bottom: 30px;
  }
  .Intervention_items.l_grid4 ,.instruments_item.l_grid4,.Intervention_item.l_grid4{
    grid-template-columns: repeat(4, 1fr);
  }
  a.instruments_read_more {
    grid-column: span 2;
  }
  *, html, body {
    /* overflow: hidden ; */
  }
  .Intervention_item_icon {
    grid-column: span 2;
  }

  .Intervention_item_content {
    grid-column: span 2;
  }
  .menu_content.w90.mid {
    text-align: right;
  }

  a.head {
    transform: unset !important;
  }
  .new_sub {
    position: relative;
    width: 100%;
    border: unset;
  }
  ul.menu_btns.mid {
    width: 100%;
  }
  li.noselect.sub_li_btn.in{
    border: unset;
  }
  li.noselect.sub_li_btn.in {

    color: white;
  }
  ul.menu_btns.mid {
    width: 81%;
    margin-bottom: 18px;
    border-radius: 10px;
    background: var(--mc);
  }
  div#search {
    text-align: left;
  }
  div#mob_menu_btn {
    float: right;
    font-size: 58px;
    display: inline-block;
  }
  div#search{
    display: none;
  }
  .mid.la.w30 {
    width: 100%;
}
  a.noselect.mid.langa {
    font-size: 30px;
    padding: 0 2px;
    margin-top: 7px;
  }
  article#main_section {
    margin-top: 40px;
  }
  ul#real_main_ul {
    position: fixed;
    width: 100%;
    left: 0;
    top: 88px;
    background: white;
    z-index: 10;
  }
  ul#real_main_ul li {
    display: block;
    text-align: center;
  }
  a.head {
    width: 100%;
    font-size: 18px;
    padding: 9px 0;
  }
  li.in.contact_btn {
    color: var(--mc);
    background: white;
    border: unset ;
  }
  ul.l_grid8.footer_grid{
    grid-template-columns: repeat(7, 1fr);
  }
  .social_links {
    width: 24px;
  }
  .header_minor .la{
    border: unset;
    border-radius: unset;
    padding: unset;
  }
  mh {
    height: 115px;
  }
  .objectives_box_pic, .objectives_content {
    overflow: unset !important;
    opacity: unset !important;
    transform: unset !important;
    transition: unset !important;
  }
  .p_content.w1200 {
    padding: 0 10px;
  }
  picture.team_picture2 {
    height: 280px;
  }
  .page_top_bg {
    overflow: unset !important;
    opacity: unset !important;
    transform: unset !important;
    transition: unset !important;
  }
  div#grant_form {
    padding: 0 10px;
  }
  .sec_head.sec_normal{
    margin-right: unset;
  }
  .objectives_picture {
    padding: 14px;
  }
  .objectives_picture::before {
  
    display: none !important;
  }
  .objectives_picture::after {
  
    display: none !important;
  }
  .objectives_box::after{
    top: 83%;
  }
} 
@media all and (max-width: 575px) {
  div#mob_menu_btn{
    font-size: 30px;
  }
  .mid.la.w30 {
    width: 100%;
  }
  .mid.la.w30 a{
    font-size: 19px;
    margin-top: unset;
  }
  .logo_box.w10.mid {
    width: 35%;
  }
  .menu_content.w90.mid {
    width: 65%;
  }
  #menuCont {
    width: 78%;
  }
  article#main_section{
    margin: unset;
  }
  .slider.in.w50 {
    width: 100%;
    margin-top: 10px;
  }
  .grant.in.w50 {
    width: 100%;
  }
  .Intervention_items.l_grid4,  .Intervention_item.l_grid4 {
    grid-template-columns: repeat(1, 1fr);
    text-align: center;
  }
  .Intervention_shap {
    position: unset;
    transition: unset;
    display: none;
  }
  #Intervention_section:hover  .Intervention_item_icon i {
    background:var(--mc);
    color:white;
  }
  #Intervention_section:hover  .Intervention_item_content {
    color: var(--mc);
  }
  #Intervention_section:hover  .Intervention_item:first-child {
    background:#31485a30;
  }
  #Intervention_section:hover  .Intervention_item:first-child .Intervention_item_content{
    color: var(--mc);
  }
  #Intervention_section:hover .Intervention_shap{
    /* opacity: 1;
    height: 262px; */
  }
  #Intervention_section:hover .Intervention_title.main_title  ,#instruments_section:hover .instruments_title{
    transform:unset;
  }
  p.Intervention_subtitle {
    display: block;
    transform: unset;
    width: 100%;
    opacity: 1;
    height: 98px;
  }
  p.instruments_subtitle {
    width: 100%;
    transform: unset;
    opacity: 1;
    height: 98%;
  }
  .instruments_item {
    height: 300px;
    transition: unset;
  }
  .instruments_item_summary {
    transition:unset;
    height: 150px;
  }

  .instruments_item:first-child .instruments_read_more {
    transform: translateX(0) !important;
      opacity: 1;
  }
  #instruments_section:hover .instruments_item:first-child .instruments_read_more {
    transform: translateX(0) !important;
    opacity: 1;
  }
  .instruments_item:nth-child(2) .instruments_read_more {
    transform: translateX(0) !important;
    opacity: 1;
  }
  .instruments_items .instruments_item:nth-child(2){
    margin: unset;
  }
  picture.who_we_are_photo {
    width: 100%;
  }
  .who_we_are_read_more {
    margin-top: 50px;
  }
  ul.footer_ul.l_grid9{
    grid-template-columns: repeat(1, 1fr);
  }
  div#foot_a_list {
    display: none;
  }
  div#foot_about {
    text-align: center;
}

#foot_about picture {
  display: block;
  width: 23%;
  margin: auto;
}
picture.social_font{
  width: 100% !important;
}
.objectives_picture{
  padding: 6px;

}
.objectives_box::after{
  top: 25%;
}
.sec_head.sec_normal span {
  padding: 24px;
  font-size: 25px;
  text-align: center;
  border-radius: 10px;
}
.right_side_news_box{
    grid-column: unset !important;
    overflow: unset !important;
    border-radius: unset !important;

    grid-row:unset !important;

}
.news_box.l_grid2 {
  grid-gap: unset !important;
}
.left_side_news_box {
  grid-column: unset !important;
  margin-bottom: 10px;
}

.left_side_news_box, .right_side_news_box {
  grid-row:unset !important;
}
.ques_content.mid.w60{
  width: 55%;
}
}