/*
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: 1300px) {
    .w1200{
        width:1200px
		
    }
}
@media all and (max-width: 1199px) {
  a.tri_sub_menu_item {
    width: 100%;
    display: block;
}
  .news_vi{
    left: 10%;
  }
    .w1200{
        width:100%;
        }
	.p_content {
            padding: 20px;
    }

    .w66.in.rig_sli{
        width: 100% !important;
      }
      .real_main_ul_sh {
        display: none;
      }
      .gallery_box.in {
        width: 100%;
        overflow: clip;
      }
      .header{
        /* top: 6%; */
      }
      
      #mob_menu_btn {
        display: block;
        font-size: 40px;
        float: right;
        z-index: 50;
      }
      #social_links_wrap{
        display: none;
      }
      .menu_content.w70.mid {
        width: 80%;
      }
      .logo_box.w10.mid{
        width: 15%;
      }
  
    #mob_menu_btn {
        top: -12px;
      }
      #statistic_wrap{
        grid-template-columns: repeat(3, 1fr);
      }
      .news_photo_picture3{
        width: 20% !important;
      }
      .bottom_news_slider.in {
        width: 64% !important;
      }
      .gallery_box.in.aos-init.aos-animate {
        padding: 0 10px;
      }
      #web2 {
        display: none;
      }
      .noselect.menu_items_box.in {
        display: block;
      }
      #real_main_ul {
        background: white;
        padding: 5px;
        border-radius: 15px;
      }
      #real_main_ul {
        background: white;
        padding: 5px;
        border-radius: 15px;
        position: absolute;
        width: 100%;
        z-index: 10;
        text-align: center;
        top: 35px;
      }
      .noselect.menu_items_box.in {
        padding: 15px;
      }
      .noselect.menu_items_box.in:hover .new_sub {
        display: block;
      }
      .new_sub {
        position: unset;
        width: 100%;
        margin: 10px 0 0;
      }
      .menu_btns.in {
        width: 100%;
      }
      .noselect.sub_li_btn.in:hover .tri_sub_menu {
        display: block;
      }
      .tri_sub_menu.in {
        position: unset;
        background: #FF4E78A8;
      }
      .noselect.sub_li_btn.in:hover {
        background: #ffffffad;
      }
} 






@media all and (max-width: 575px) {
  :root {
    --font-size-23xl:25px;
  }
  .bottom_news_slider.in {
    padding-left: 6px;
}
.summary3{
  text-align: left;
}

  .menu_content.w70.mid {
    top: 8px;
}
a.press_box.aos-init.aos-animate {
    display: block;
    border: 1px solid #80808038;
    padding: 29px 3px;
    border-radius: 5px;
}
#real_main_ul{
  left: 5%;
}
.cld-main {
  width: 100% !important;
}
  h3.sub_title.aos-init.aos-animate {
    font-size: 22px;
}
span.in.w50.date {
  width: 100%;
  height: 30px;
}
.news_vi{
  left: unset;
  right: unset;
  width: 100%;
  height: 180px;
  overflow: hidden;
}

  h2.statistic_title {
    font-size: 13px;
}
.news_box:nth-child(1) .news_photo_picture2 {
  order: 1;
  width: 100%;
}
.news_photo_picture3 {
  width: 30% !important;
}
.news_photo_picture3 img {
  width: 100px;
  height: 100px;
}
.news_photo_picture3 img {
    width: 100px;
    height: 100px;
}
span.in.w50.date2 {
  display: block;
  width: 100%;
  float: unset;
}
h2.events_title.aos-init.aos-animate ,.events_summary.aos-init.aos-animate ,.events_published_date.aos-init.aos-animate{
  font-size: 15px;
  line-height: 1.4;
  word-spacing: unset;
}
.event_box.in.w70.bg {
  width: 100%;
}
picture.events_photo_picture.in.w30 {
  width: 100%;
}
.summary3 {
  font-size: 15px;
  line-height: 1.4;
  word-spacing: unset;
  padding: unset;
}
.gallery_box.in .collage img {
  width: 100px !important;
  height: 100px !important;
}
span.in.w50.date2 {
  display: block;
  width: 100%;
  float: unset;
}
.bottom_news_slider2.in {
  width: 100% !important;
}
h1#n_title2 {
  width: 100%;
  padding: unset;
} 
}

/*375*/