/*
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) {
  .noselect.menu_items_box.in {
    padding: 10px;
    font-size: 15px;
  }
  .w1200 {
    width: 100%;
    padding: 0 30px;
  }
    .right_side.mid.w85 {
        width: 80%;
      }
    .left_side {
        width: 20%;
      }
      

	.sub_menu_item_btn {
		width: 225px;
	}
	
	m{
		height: 0;
	}
	#c_header {
		top: 14px;
  right: 35px;
}
	
.noselect.menu_items_box.in .head {
  font-size: 17px;
}
	.row {
     width: 90%;
	}
	#logo_menu {
    width: 100%;
  }
	.noselect.menu_items_box:hover {
    background: black;
  }
	a.head {
  font-size: 13px;
  padding: 11px 15px;
  color: white;
}


	#downlaod_header {
  padding: 5px;
	}
	
	.highlights_box {
  width: 31%;
  margin-right: unset;
  height: 132px;
  border-radius: 13px;
  margin: 0 1%;
}
	
	
	.highlights_title {
  font-size: 29px;
  padding: 0 6px;

	}
	
	.w700 {
  width: 100%;
	}
	


	.highlights_wrap {
  text-align: center;
}
	
	
	#intro {

  padding: 5vh;
		
	}
	
	#actions_head {
    margin: 20px auto;
    text-align: center;
}
		
	.logo_menu_box {
    padding-left: 20px;
}
	#websites {
    padding: 60px 0;
}
	
	
	#provision_comp {
    position: absolute;
    top: 0;
    z-index: -1;
    height: 100%;
}
	#right {
    text-align: center;
}

	.toggler_menu {
    display: none;
}
	
	#logo_pic {
    height: 78px;
}
	
	.portfolio_box {
    width: 100%;
}
	#websites .portfolio_box {
    width: 100%;
    margin-right: unset;
    margin: unset;
    margin-bottom: 17px;
}
	#contact_sec .w1200 {
    padding-left: unset;
}

	#menuCont {
    position: absolute;
    top: 75px;
    width: 100%;
    left: 0;
}
#web2 	.menu_items_box{
display: unset;
color:unset;
background: unset;
}
.stat_title{
  margin-top: 75px;
}
	.real_main_ul {
    text-align: center;
}
.l_grid6 {
  grid-template-columns: repeat(6, 1fr);
}
	
	.menu_items_box {
    display: block;
		color:white;
    background: #111;
}
	
	.menu_items_box::after {
  
    display: none;
}
	

	.blog_box {
  width: 100%;
  margin: 2% 0;
		margin-bottom: 86px;
	}
	#pv_inside {
    text-align: center;
    margin-top: 14px;
}



	
	#top_tool {
    right: 69px;
}
	
	#mob_menu_btn {
    display: inline-block;
    color: black;
    position: absolute;
    right: 19px;
    line-height: unset;
    top: 9px;
    font-size: 39px;
    background: unset;
}
	

	#page_top {
    padding: 0 20px;
    text-align: center;
}

	#vacancies_wrap {
    width: 90%;
    margin: auto;
}
	#menuCont {
    margin-left: unset;
		z-index: 1;
/* margin-top: 29px; */
}
#top_head {
  text-align: right;
  float: right;
  margin-top: 27px;
  right: 61px;
  width: 200px;
}
#search_field{
  min-height: 19px;
}
} 






@media all and (max-width: 575px) {
  .logo_menu_box.mid.w10 {
    width: 65px;
  }
  .l_grid6 {
    grid-template-columns: repeat(3, 1fr);
  }
  .about_left_box.in.w40 {
    width: 100%;
  }
  .slider-content {
    margin-top: 50%;
  }
  .about_right_box {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 8px;
  }
  .cities_photo_picture {
    height: 100px;
  }
  #page_top_bg   .cities_photo_picture {
    height: 166px !important;
  }
  .no_data {
    padding: 0 10px;
  }
  #top_head_oppo {
    margin-right: 8px;
    top: -3px;
  }
  .btn.mid.w20 {
    margin-left: unset !important;
      margin-top: unset;
    margin-top: 10px;
  }
  .bfu_btn {
    font-size: 13px;
  }
  #goods_wrap2, #goods_wrap {
    margin: 16% auto;
  }
  .box_title.animation_pfu.aos-init.aos-animate {
    font-size: 20px;
  }
  #myChart2,  #myChart1 {
    display: block !important;
    width: 100% !important;
  }
  .input_contact {
    display: block;
    width: 100% !important;
    margin-bottom: 15px;
  }
  .btn.mid.w20 {
    width: 100%;
  }
  .item_box.in.w45 {
    width: 100%;
  }
  .city_title{
    padding: 10px 0;
  }
  .good_title{
    margin-bottom: 8px;
  }
  .item_photo_picture.in.w50 {
    display: block;
    width: 100%;
    margin-top: 15px;
  }
  .fil.mid.w30 {
    display: block;
    width: 100%;
    margin-top: 5px;
  }

  #contact_message {
    margin-top: 8px;
  
    width: 100%;
  }
  .footer_social.mid {
    display: none;
  }
  #social_links_wrap .social {
    margin-left: 0px;
  }
  body,html,.chart{
    height: unset !important;
  }
	.left_side {
        width: 30%;
      }
      .chart_description_box {
        font-size: 13px;
      }
      .describtion .chart_description_box{
        margin-right: 9px;
        margin-left:9px;
      }
	#search input {
    width: 78px;
	}
.logo_menu_box picture {
    width: 100px;
	}
	
	
	mh {
  height: 90px;
	}
	
	#c_header {
  top: 14px;
	}
	#mob_menu_btn {
  top: 9px;
	}
	.why_shankaboot_box {
  width: 100%;
  margin-bottom: 20px;
}
	
	.hl_details {

  background: #fff0;
}
	#menuCont {
  /* top: 28px; */
}
	
	
	.footer_practice {
    width: 50%;
	}
	
	
	.team_box {
    width: 100%;
}
	.search_section {
    padding: 0 20px;
}
	.page_top_bg {

    min-height: 300px;
	}


	
	body, html {

/*  overflow-x: hidden;*/
}
	
	
	.form_field.onthree.in.stakeholders_8293_city {
  width: 80%;
}

	.c_header_login {
		font-size: 11px;
    }
	
}

/*375*/