/*
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) {
  .booklet .l_grid3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .header_box.mid.w5{
    width: unset !important;
  }
  #select2-for_field_currency-container {
    padding: 6px 6px !important;
  }
  .lang_wrap.mid.w40.header_box_top_left {
    right: -19px;
    left: unset;
  }
  .header_box {
    top: 11px;
    right: 18px;
  }
  iframe {
    width: 100%;
  }
  .social_box_visit_us {
    display: block;
    position: unset;
    width: 100%;
  }
  .real_main_ul.mid.w75 {
    width: 100%;
  }
  .header_btn.mid.w20 {
    display: none;
  }
  .donate_text p span {
    font-size: 10px ;
  }
  .donate_text {
  margin-bottom: unset;
  line-height: 1;
  }
  #show_steps {
    margin-bottom: 5px;
  }
  .show_steps_box div {
    width: 10px;
    height: 10px;
    font-size: 10px;
    /* padding: 0 0 0 0; */
   }
  .step.in.w30 {
    /* font-size: 12px;
    padding: 4px 4px; */
    /* height: 23px; */
   }
  .show_steps_box div {
    width: 25px;
    padding: 6px 0px 19px 0;
  }
  .form_field.donate_amount_8511_currency[data-legion-field-type="radio"] .input_area input + label {
    padding: 0px 12px 1px;
    height: 27px;
    top: 1px;
    
  }  
 #for_field_amount, .form_field.donate_online_8445_currency {
  min-height: 27px;
}
/* .monthly-btns, .one-time-btns{
  margin: 3% auto;
} */
#donate-data, .donate_online_type {
  /* margin: unset; */
  margin: 3% auto;
}

.pad {
  /* height: 740px !important; */
}
 .monthly-btn, .one-time-btn{
  margin: unset;
  padding: unset;
  padding-left: unset !important;
} 
 .monthly-btns input, .one-time-btns input{
  margin: unset;
}
.currancy_sign.in.w10{
  top: unset ;
}
#donate-online-btns input {
  margin: unset !important;
} 
.donate_counter{
  height: 428px;
  /* top: 32% !important; */
  position: unset;
}
  .about_us_photo_picture img {
    height: 190px !important;
  }
  .currancy_sign.in.w10 {
    /* top: 12px; */
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
  }
  .bg-donate {
    background-image: unset !important;
    /* background-color: var(--maincolor); */
    height: 760px;
    position: unset;
    overflow: unset;
  }
  [data-legion-field-type="radio"] .input_area input + label{
    display: inline-block !important;
  }
  .donate_counter {
    /* top: 0;
    left: unset;
    right: 0; */
    width: 100%;
  }
  .arrow {
    width: 52px;
    top: -1px;
    float: right;
    right: 16%;
  }
  .txt {
    width: 64%;
    margin: 0% auto;
    padding-left: unset;
  }
  .monthly, .one-time{
    width: 22%;
  }
  .bg-donate{
    /* display: none !important; */
  }
  .bg-donate2{
    display: block !important;
  }
  #doner_form a{
    width: 62%;
    font-size: 15px;
  }
  .home_box_info{
    width: 60%;
  }
  .home_box_form{
    width: 35%;
    /* margin-right: 5%; */
  }
  .about_objectives.major_section.w1200 {
    margin-top: unset !important;
    }
    .home_box.container {
      height: 257px;
    }
  .about_us_box.in {
    margin-left: 15px;
  }
  .index_title_how_we_help.about_us_title {
    margin-left: 20px;
  }
  .monthly-btns input, .one-time-btns input {
    font-weight: bold;
    margin: 10% auto;
  }
  .subscribe .email{
    width: 74% !important;
  }
  .subscribe.in.w80 {
    width: 100%;
    margin-left: 10px;
  
  }
  .in.w85.email {
    margin-left: 32px;
  }
  .home_logo.in.w15 {
    display: none;
  }
  /* .txt {
    width: 100%;
    margin: 10% auto;
  } */

  #Youth_9.active, #health_12.active {
    border-radius: 0px 32px 15px 0;
    width: 33.6%;
  }
 
  .input_area{
    padding-right: 7px;
  }
  .donate_online_btn.t_btn {
    width: 100% !important;
    word-spacing: 1px;
    margin-left: unset !important;
    font-size: 15px;
  }
  #thank {
    width: 46%;
  }
  #safeguard_children_8443 label{
    font-size: 8px;
  }
  .w1200{
    width: 100%;
    margin: unset;
  }
  .home_content{
    left: unset;
    margin-bottom: 46vh;

      /* margin-bottom: 46vh;
      margin-left: unset;*/
      margin-right: 10px;   
    width: 90%;
  }
  .logo_menu_box{
    width: 24%;
    padding: 6px 0px 5px 0;
    margin-left: 5%;
  }
  #mob_menu_btn {
    display: inline-block;
    /* float: right; */
    font-size: 40px;
    margin: 20px 0px 20px 47%;
    cursor: pointer;
    background-color: unset;
  }
  .noselect.menu_items_box.in {
    width: 100%;
    background-color: var(--maincolor);
    padding: 9px;
    display: block;
    text-align: center;
    /* padding-left: 27%; */
  }
  .toggler_menu {
    display: none !important;
   
  }
  .real_main_ul.mid.w80 {
    margin: unset;
    width: 100%;
    display: block;
  }
  .page_shade2 {
    /* height: 104px !important; */
  }
  #menuCont {
    width: 100%;
    margin: unset;
    display: block;
    top:68px;
    position: absolute;
  }
  
  .p_s {
    padding: 0 30px 30px !important;
  }
  #page_top, .cont_top {
    margin-top: 35%;
    margin-left: 30px;
  }
  .content_box_bottom .icon, .content_box_bottom .time
{
  font-size: 10px !important;
}
.single_box {
  padding: 30px 30px 56px;
}
.child_in_need_title {
  font-size: 31px;
}

  .page_shade_footer{
    height: 89px;
    bottom: 179px;
  }
  .navbar-fixed-top {
    padding: unset;
  }
  .home_content_text {
    font-size: 30px;
    margin-left: 30px;
    margin-bottom: 15px;
  }
  .home_content_info {
    font-size: 25px;
    margin-left: 30px;
    margin-bottom: 15px;
  }
  .header_btn.index_btn {
    font-size: 20px;
    margin-left: 30px;
  }
  .about_objectives_left {
    padding: 0 35px 35px 52px;
  }
  .elipse {
    margin-bottom: 2%;
    font-size: 15px;
    margin-left: 1.8%;
    width: 84.5%;
  }
  .container_about::before {

    width: 83%;
  
    left: 14px;
  
  }
  .about_objectives_right img {
    height: 425px;
    top: 14px;
    width: 92%;
    right: 3%;
  
  }
  .home_box_info {
    padding: 14px 35px;
  }  .header_box {
    top: -6px;
  }
  #mob_menu_btn {
    top: -9px;
  }
  .logo_menu_box.mid.w15 {
    top: -12px;
  }
  .about_us_photo_picture img {
    object-fit: fill;
    height: 231px !important;
    width: 85%;
  }
  .about_us_subtitle {
    font-size: 15px;
    letter-spacing: 1px;
  }
  .about_us_summary {
    font-size: 20px;
  }
  .obj_btn.btn {
    font-size: 15px;
  }
  .read_more {
    font-size: 15px;
  }
  #objectives_wrap {
    left: 47%;
    width: 431px;
    top: 64%;
    padding: 40px 0;
  }

  .flip-box-inner {
    right: 30px;
  }
  .our_impact_box_left {
    font-size: 13px;
    width: 58%;
    margin-right: 2%;
    padding: 10px 11px;
  }
  .home_box_title {
    font-size: 15px;
  }
  .home_box_text {
    font-size: 10px;
    margin-top: 5px;
    width: 250px;
  
  }
  .home_box_content {
    top: 11%;
  }

  .map{
    margin-top: -13%;
  }
  .map_pos_2 {
    width: 8px;
  }
  .map_pos_1 {
    width: 23px;
  }
  .box2 {
    margin-top: 40px;
    }
    .our_impac_index {
      margin-left: 30px;
      margin-right: 30px;
    }  
    .pin_text {
      top: 49%;
      left: 6%;
      font-size: 17px;
    }
    .pin_title {
      font-size: 15px;
      left: 25px;
      top: 1px;
      z-index: 50;
    }
    .pin_line {
      top: 15px;
      left: 25px;
      width: 106%;
    }
    .about_objectives.major_section.w1200 {
      /* padding-left: 20px; */
      /* padding-right: 20px; */
    }
    .wave_subsc {
      height: 125px;
    }
    .in.w30.submit {
      font-size: 15px;
      padding: 0;
      width: 32%;
    margin-left: -174px;
    height: 60px;
  /* top: 1px; */
    }
  .email {
      width: 80%;
      margin-left: 77px;
      border: 2px solid white;
    }
    .home_logo {
      margin-left: 15px;
      width: 55%;
      top: -5px;
    left: 27%;
    }
 
    .social_box {
      display: block;
      width: 100%;
      font-size: 15px;
      margin-top: 15px;
      /* padding: 10px 0px; */
    }
    .footers_content {
      /* margin-left: 30px; */
      width: 100%;
      /* margin-right: 30px; */
  }
  .footer_ul .menu_items_box {
    font-size: 14px;
    line-height: 17px;
  }
    .social_links_social_font {
    
      font-size: 17px;
    }
    #right {
      font-size: 14px;
    }
    #footer {
      margin-right: 30px;
      margin-left: 30px;
    }
    .header_btn.w10 {
      display: none;
    }
    .new_sub{
      position: unset;
    }
    .menu_btns:hover {
      box-shadow:unset;
    }
    #pop_up {
      top: 41%;
      left: 1%;
      width: 98%;
      height: 473px;
      border-radius: 15px;
    }
    .bg-donate{
      /* top: 40vh; */
    }
    .donate_counter{
      /* height: unset; */
      /* overflow: scroll; */
    }
    .bigPopWrap{
      padding-top: 25px;
    }
    .popup_text.mid {
      margin-bottom: 15px;
    }
    .map_title {
      width: 50%;
      font-size: 18px;
    }
    #pv_inside span{
      width: 70px;
    }
    .pad{
      height: 86vh !important;
    }
    .sub_menu_content {
      text-align: center;
    }
}




































@media all and (max-width: 575px) {

  .booklet_box_content{
    padding: 15px;
  }

  .booklet_box_photo {
    padding: 15px;
    margin-right: 0;
  }

  .booklet .l_grid3 {
    grid-template-columns: repeat(3, 1fr);
    font-size: 14px;
  }

  .booklet_wrap {
  padding: 20px;
}

  .sub_menu_content {
    text-align: center;
  }
  .footer_ul.in.w20 {
    width: 50%;
    margin-bottom: 15px;
    text-align: center;
  }
  #menufooter {
    display: none;
  }
  .about_objectives_right.mid.w50 {
    width: 85%;
  }
  #select2-for_field_currency-container {
    padding: 5px 5px !important;
  }
  .pin_text{
   font-size: 9px !important ;
  }
  .pin_text.pin_2 {
    left: 23%;
    top: 67%;
  }
  .home_box_form.in.w40{
    margin-right: 7px;
  }
  .social_links_social_font.social {
    font-size: 14px !important;
    padding-left: 5px !important;
    padding-top: 4px !important;
  }
  .visit_us_right_box {
    width: 100%;
  }
  #pop_up {
    top: 31%;
    left: 1%;
    width: 98%;
    height: 589px;
    border-radius: 15px;
  }
  .child_in_need_photo picture {
    height: 21vh;
  }
  .back_to_home_page {
    display: block;
    width: 72%;
    text-align: center;
    margin: auto;
      margin-bottom: auto;
    margin-bottom: 6%;
  }
  .pad{
    height: 120vh !important;
  }
  .map_title {
    font-size: 12px;
    left: 7%;
    width: 50%;
  }
  .donate_counter{
    /* top: -9px !important; */

  }
  .call_back_thanks{
    font-size: 25px;
  }
  .red_line{
    font-size: 19px;
    padding: 3px;
  }
  .donate_counter, .bg-donate {
    /* height: 105vh !important; */
  }
  .donate_counter{
    top: 40% !important;
  }
  .social_links_social_font.social {
    text-align: center;
    padding: 10px;
    font-size: 20px;
  }
  #social_links_wrap {
    text-align: center;
    margin-left: -9%;
  }
  #donate-section{
    height: 100vh;
  }


  .donate_counter,.bg-donate{
    /* height: 700px; */
  }
   .onthree, .onfour {
      /* width: unset !important; */
    }
    .form_field.ontwo.in.address_8511_city, .form_field.ontwo.in.address_8511_country, .form_field.onfour.in.personal_information_8511_countey_code {
      width: 50% !important;
    }
    .form_field.ontwo.in.personal_information_8511_first_name, .form_field.ontwo.in.personal_information_8511_last_name{
      width: 50% !important;
    }
    .form_field.takeThree.in.mobile_field.personal_information_8511_phone_number {
      width: 50% !important;
    }
  .monthly, .one-time {
    width: 33%;
  }
  .txt {
    width: 88%;
  }

  .arrow{
    left: -8px;
  }
  .step.in.w30{
    padding: 10px 0 ;
  }
  #children_in_need_wrap, #brief_and_roots_wrap, .major_section {
    padding: 40px 0px 30px;
  }
  .footer_ul.in.w25 {
    width: 50%;
  }
  .noselect.mid.langa {
    margin-left: 0px;
    top: 0px;
  }
  .footers_content {
    width: 96%;

    margin-top: 19px;
  }

  .footer_ul .menu_items_box {
    font-size: 14px;
    padding: 2px 3px;
    line-height: 21px;
  }
  .subscribe {
    width: 100%;
    /* margin-left: 30px; */
    text-align: left;
  }
  #footer {
    margin-right: 8px;
    margin-left: 30px;
  }
  .footer_btn {
    text-align: center;
    color: var(--maincolor);
    background-color: white;
    padding: 16px;
    border-radius: 30px;
    /* margin-left: 15px; */
    /* width: 45%; */
  }
  .footer_btn:nth-child(1) {
    margin-right: 9px;
  }
  .togglre_footer {
    display: block !important;
  }
  .footer_mobile{
    display: block !important;
  }
  .our_impact_box.aos-init.aos-animate:nth-child(3), .our_impact_box.aos-init.aos-animate:nth-child(4) {
    display: none;
  }
  .home_box_form {
    width: 23%;
  }
  .home_box.container {
    height:  193px;
    
  }
  .map {
    margin-top: -18%;
  }
  .home_box_content {
    top: 5%;
  }
  .submit{
    margin-left: -135px !important;
  }
  .subscribe .email {
    margin-left: 5% !important;
      width: 75% !important;
}
  .bounce.aos-init.aos-animate{
    top:-5px;
  }
  .footers_content.in.w85 {
    display: none;
  }
  .page_shade_footer {
    height: 54px;
    bottom: 108px;
  }

  #objectives_wrap {
    left: 1%;
    width: 372px;
    top: -6%;
  }
  .objectives_title {
    font-size: 13px;
  }
  .our_impact_box_left{
    width: 68%;
  } 
  #doner_form a {
    font-size: 10px;
    height: 44px;
    width: 100%;
    padding: 15px 0 0;
  }
  .home_box_title {
    font-size: 15px;
  }
  .home_box_text {
    font-size: 9px;
  }
  .map {
    /* margin-top: -14%; */
  }
  .pin_text {
   
    font-size: 13px;
  }
  .pin_title {
    font-size: 10px;
    left: -2px;
    top: -10px;
    z-index: 50;
    background: white;
  }
  .pin_line {
    top: 9px;
    left: 25px;
    width: 73%;
  }
  .home_logo picture img {
    width: 100%;
  z-index: 10;
  height: 68px;
  top: 11px;
  }
  #sub_form {
    text-align: center;
  }
  .email {
    width: 76% !important;
    margin-left: 33px !important;
    padding: 20px 3px !important;
    font-size: 12px !important;
    height: 61px;
  }

  #page_top, .cont_top {
    margin-top: 47% !important;
  }
  
  .l_tab_toggler {
    font-size: 14px;
  height: 82px;
  }
 
  .monthly-btn, .one-time-btn {
    padding: 2px !important;
    width: 22%;
    margin-left: unset;
  }

  .page_shade2 {
    height: 88px;
  }
  #donate_form {
    padding: 30px 5px;
    width: 100% ;
    margin: 10% auto 15% 0%;
  }
  .mce h1 {
    font-size: 26px;
  }
  #mob_menu_btn {
    margin: 11px 0px 20px 25%;
  }
  #donate_form{
    /* margin: 28% auto 15% 0%; */
  }
  .logo_menu_box {
    width: 34%;
    padding: 6px 0px 5px 6px;
  }
  #address_btn {
    width: 100%;

    }
    #donate_btn {
      width: 85%;
    }
    .donate_form_thank_box {
      width: 71% !important;
    }
    .social_box_visit_us .social_links_box.in {
      margin-left: 12px;
     
    }
    .header_btn.index_btn {
      font-size: 15px;
    }
    .home_content_text {
      font-size: 23px;
    }
    .home_content_info {
      font-size: 20px;
    }
    .visit_us_left_box.in.w50.mce {
      width: 100%;
    }
    .visit_us_right_box.in.w45 {
      width: 100%;
    }
    .visit_us_map iframe {
      margin: unset;
    }
  .submit {
    font-size: 12px !important;
    width: 36% !important;
    margin-left: -105px !important;
  }

  .home_box_info {
    padding: 10px 0 0 18px;
    width: 75%;
  }
  .social_links_social_font {
    font-size: 13px;
  }
  .footer_text {
    font-size: 13px;
  }
  #right {
    font-size: 10px;
  }


  .currancy_sign.in.w10 {
    font-size: 15px;
    /* top: 8px; */
    /* right: 2px; */
  }
  #donate-online-btns input {
    font-size: 14px;
  }
  .home_content{
    margin-bottom: 45vh;
  
  }
  

  #Youth_9.active, #health_12.active {
    border-radius: 0px 26px 0px 0;
    width: 31.9%;
  }
    .elipse {
      font-size: 9px;
      text-align: left;
      width: 85%;
      margin-left: 4%;
    }
    .read_more {
      margin-bottom: 6px;
    }
    .en_elipse, .en_elipse2{
      text-align: center;
    }
    .about_objectives.major_section.w1200 {
      /* margin-left: 20px; */
      /* margin-right: 20px; */
    }
    .about_objectives_right img {
      width: 95%;
    right: unset;
    left: 6%;
    top: -2px;
    border-radius: 24px;
    }
    .about_objectives_left {
      padding: 0 0 0 40px;
      text-align: justify;
      width: 80%;
}
.about_objectives_right.mid.w50.aos-init.aos-animate {
  width: 84%;
  left: 4%;
}
#right {
  width: 60%;
}
#provision {
  width: 40%;
}


}
  /*375*/