/*
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) {
    .tags_swiper.swiper.in.w90.swiper-initialized.swiper-horizontal.swiper-ios.swiper-backface-hidden {
        width: 90%;
        font-size: 10px !important;
    }
    .category_tags_btn.in{
        height: unset;
    }
    .order_detail_t_i {
        padding-top: unset;
    }
    
    #shop_left img {

        height: 100px;
        width: unset;
      }
    .prod{
        height: 110px;
    }
    .news_right.w75.in {
        width: 70%;
      }
    #shop_right {
        width: 50%;
        margin: unset;
        margin-top: unset;
        margin-top: 10px;
        display: inline-block;
        font-size: 12px;
      }
      .order_details_btn {
        margin: 0 2px;
      }
    .price_wrap {

        width: 48%;
        text-align: unset;
    }
    #shop_left {
        width: 40%;
        margin: unset;
        display: inline-block;
        height: 120px;
      }
    
    .right_bot_triangle {
 
             width: 100px;
    }
    .w1200{
        width:100%;
		
    }
    #results_txt { 
        width: 100%;
    }
    .major_img {
        width: 20%;
    }
    .major_h2 {
        font-size: 11px !important;
    }
    .major_flag {
        width: 3% !important;
    }
    .login_items {
        width: 70%;
      }
	.p_content {
    padding: 20px;
}
	#slogan {
    font-size: 8px;
    max-width: 289px;
    padding-left: 20px;
}
#pop_area{
    padding: unset;
}
#pop_data{
    padding: unset;
}
#pop_data{
    padding: unset;
}
	#pv_inside {
    text-align: center;
    margin-top: 0;
}
.table_th{
    padding-right:20px ;
}
.direct_top_box{
    width: 48%;
}
#pop_data {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #page_top h1 {
    font-size: 30px;
  }
#close_pop {
    top: -32px;
    right: 175px;
}
	#provision {
	position:unset;
    right: 0;
    top: 0;
}
#payments_wrap table td , #transaction_history_wrap  table td, #orders_page_wrap table td{
    font-size: 11px;
  }
.user_hello.l_f16.l_bold {
    margin-top: 9px;
    margin-left: 32px;
  }
  #orders_page_wrap table .table_th{
  padding-left: 5px;
    font-size: 13px;
    padding-right: 9px;
  }
  .table_th {
    padding-left: 9px;
    font-size: 13px;
  }
	
	#log_modern_sign .btn, #log_modern .btn
	{
		margin-right:unset !important;
	}
	
	.input_area {
    padding-right: unset !important;
    padding-left: unset !important;
}
	
	.sec_head {
    width: 100%;
    padding: 28px;
    text-align: center;
}
	.portfolio_box {
    width: 50%;
}
	
	.portfolio_wrap {
    width: 100%;
    padding: 28px;
    text-align: center;
}



	
	.logo_menu_box , .logo_menu_box2 {
    padding-left: 20px;
}
	#websites {
    padding: 60px 0;
}
	
	#websites .portfolio_box {
    width: 45%;
    margin-right: unset;
    margin: 2%;
}
	#provision_comp {
    position: absolute;
    top: 0;
    z-index: -1;
    height: 100%;
}
	#right {
    text-align: center;
}
	#contact_sec {
    padding: 60px 0;
}
	#websites .native {
    left: 45%;
    top: 8px;
}

		
	.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;
}
	#map iframe {
    max-width: 100%;
}
	.sec_head {
		margin-right: unset;}
	
	
	#contact_sec {
    padding: 40px 0;
}
	
	
	.real_main_ul {
    text-align: center;
}
#menuCont {
    top: 47px;
    position: absolute;
width: 100%;
  }
	.menu_items_box {
    display: block;
		color:white;
    background: #111;
}
	
	.menu_items_box::after {
  
    display: none;
}
	

	#pv_inside {
    text-align: center;
    margin-top: 14px;
}
	.team_box{
		width:50%;
	}
	#home_highlights_wrap {
  
    width: 70%;
}
.w55 {
    width: 100%;
}
.l_pad10 {
    height: 51px;
  }
	#page_top h1 {
   
    text-align: center;
}
	.areas_of_practice_box_inner {
    width: 100%;
    margin-right: unset;
		
	}


.home_highlights_box {
    width: 100%;
    padding-right: unset;
    border-right: unset;
    margin-right: unset;
    margin-bottom: 30px;
}
	
	#top_tool {
    right: 69px;
}
	
#mob_menu_btn {
    display: inline-block;
    position: absolute;
    left: unset;
    line-height: unset;
    top: -9px;
    font-size: 37px;
    background: unset;
    color: white;
    z-index: 9999;
    width: 10%;
    right:10px;
    height: 50px;
  }
  a.logo_menu_box.mid ,a.logo_menu_box2.mid {
    display: inline-block !important;
    
    height: 50px;
    padding-left:0;
    padding-right:0;
    
    }
 
    div#Logo {
        height: 50px;
    }
    div#menuCont {
        padding: unset;
    }

    picture#logo_menu2 {
        /* top: -9px; */
        width: unset;
        height: 31px;
        max-width: 100px;
        padding: unset;
    }
  
	.news_box {
    width: 100%;
    margin-right: 2%;
	}
	
	.news_box:nth-child(2n) {
    margin-right: unset;
}

.real_main_ul{
    padding-left: 0;
}
.news_photo_picture {
    height: 200px;
}
	
	#sidebar {
    text-align: center;
}
	
	#web2 {
    display: none;
}
	
	.videos_box {
    width: 90%;
		margin:auto;
		display: block;
		margin-bottom:20px;
	}
	.videos_box:last-child{
		margin-right:auto;
		margin-left:auto;
	}
	#sidebar iframe {
    width: 340px;
    margin: auto;
    display: block;
}
	
	.attach_file_title {
    max-width: 90%;
}
	
/* .news_box {
    width: 48%;
    margin-right: 4%;
	} */
	
	#page_top {
    padding: 0 20px;
    text-align: center;
}
	#related_wrap .news_box {
    width: 90%;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}
	
	
	.sub_menu a {
    width: 100%;
    display: inline-block;
    background: #282828;
}
	
	.menu_items_box:hover .sub_menu{
		position: unset;
		text-align: center;
	}
	#news_wrap {
    padding: 20px;
}
	#vacancies_wrap {
    width: 90%;
    margin: auto;
}
	
	.sub_li_btn {
    display: block;
}
	.sub_menu_item_btn {
    margin: unset;
		color: black !important;
    margin-bottom: 11px;
}
	
	.new_sub {
    position: unset;
}
	
	
	#left_sign {
    margin-right: unset;
    margin-bottom: 20px;
}
.w40 {
    width: 90%;
    margin: auto;
       
}
	.sec_h {
    padding: 0 30px;
}
	#services .sec_p {
    padding: 0 30px;
}
	
	.our_services_box {
    width: 50%;
}
	
	.training_categories_box.in {
    margin-bottom: 20px;
}
	.training_home_title {
    font-size: 15px;
}
	.training_home_brief {
    margin-top: 15px;
    font-size: 14px;
}
	
	.c_r.w40.mid {
    width: 100%;
    text-align: center;
		padding: 10px 0;
}
	.announcments_box {
    text-align: center;
}
	.an_r.w50.mid {
    width: 100%;
}
	.log_r.mid.w50 {
    display: none;
}
	
	.marketing_material_box {
    width: 100%;
}
	
	.g_r.w40.in {
    width: 100%;
}
	.g_l.w60.in {
    width: 100%;
    padding: unset;
}
	
	.p_content img {
    max-width: 100%;
    width: 100%;
}
	.chart {
		margin:30px 0 !important; 
    width: 100%;
}
	
	
	#log_modern {
    height: auto;
    padding-bottom: 50px;
}
	.search_section {
    padding: 0 30px;
}
	
	.target_groups_box {
    width: 100%;
    margin-bottom: 10px;
    padding: 13px;
}
	
	
	.our_services_box.in {
    padding: 30px;
}
	
	
	.training_home_box {
    width: 33%;
    height: 200px;
}
	
	
	.slide_box {

    padding: 0 130px;
}
	
	
	.w60 {
    width: 100%;
}
	#left_prac {
    margin-bottom: 30px;
}
	.testimonials_box {
    width: 100%;
	}
	
	.w50 {
    width: 90%;
    margin: auto;
		display: block;
}
	
	.w70,.w30 {
    width: 90%;
    margin: auto;
    display: block;
}
	
	
	#web2 .w30 {
    margin-top: 33px;
}
	
.vacancies_box {
    width: 50%;
}
	
	.tenders_category_box {
    width: 46%;
    margin: 2%;
	}
	
	
	
	
	#mini {

    padding: 8px;
}
	
	.c_info.w40.mid {
    width: 100%;
    margin-bottom: 30px;
}
	#con_r {
    width: 100%;
    margin: unset;
}
	.page_top_bg {
    height: 30vh;
	}
	
	.faq_answer {
    width: 90%;
}
	.related_links_box.in {
    width: 100%;
    text-align: center;
}
.b {
    display: block;
  }
  #webPSNList{
    right: -100px;
  }
  #users_551950513 .form_field.ontwo.in.users_551950513_telegram {
    margin-left: 2px;
  }
	#contact_form {
    padding: 0 20px;
}
#book_cont {
    width: 90%;
    margin: 0 auto;
    padding: 30px;
    margin-bottom: 20px;
}
	
	#book_left{border:none;}
	#book_right {
    padding-left: unset;
    width: 90%;
}
	#book_cont input {
    width: 100%;
    padding: unset;
    margin: 0 auto !important;
    border-bottom-right-radius: unset !important;
    border-bottom-left-radius: unset !important;
		   -webkit-appearance: none;
}
	
	
		.t_r {

    font-size: 10px;
}
.t_d {
    margin-bottom: 10px;
	}
	
	.tickets_box {
    display: block;
    margin: 10px 0;
    box-shadow: 0 0 20px #80808038;
    padding: 20px;
    border-radius: 4px;
}
	.profile_sec_head {
    margin-bottom: 15px;
}
	.t_l .tickets_issue {
    margin-bottom: 15px;
}
	
.padmobile {
    padding: 0 20px;
}
	
	#t_groups {
    padding: 20px 0;
}
	
	.con_l.in.w60 {
    padding: unset;
}
	.s_r {
    width: 90%;
	}
	
	
	.client_menu_item {

    margin-bottom: 20px;
}
	
	.home_partners_box {
    width: 200px;
    height: 150px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 10px auto;
		display: block;
}
	.pad_s {
    padding: 20px 0 !important;
}
	
	
	a.head {
    padding: 15px 11px;
	}
	
	.help_btn_header {
    display: none;
}


.mainc {
    width: 95%;
  }
  #select2-for_field_payment_method-container::before{
    width: 78%;
  }
  #select2-for_field_payment_method-container::after {
right:  28%;
  }
  .prod_bot {
    /* position: unset; */
    width: 100%;
    left: unset;
    right: 19px;
    text-align: right;
  }
  .price_wrap {
    width: 100%;
    text-align: unset;
  }
  .direct_top_box.sub_cat{
    width: 100%;
}
.cat_type {
    font-size: 15px;
    padding: 7px 21px;
}
} 






@media all and (max-width: 575px) {
    
    .create_account {
margin-top:10px;
}

    picture#logo_menu img {
        height:50px;
        padding: 0px;
    }

picture#logo_menu {
    padding: 1px;
    text-align: center;
}
    .tags_swiper.swiper.in.w90.swiper-initialized.swiper-horizontal.swiper-ios.swiper-backface-hidden {
        width: 85%;
    }
    .tags_swiper.swiper.in.w90.swiper-initialized.swiper-horizontal.swiper-ios.swiper-backface-hidden {
        width: 85%;
        font-size: 10px !important;
    }
    .category_tags_btn.in {
        height: unset;
        padding: 8px 5px;
        font-size: 8px;
        text-align: center;
    }
    .tag_arr {
        font-size: 23px;
        height: 50px;
        width: 9px;
        vertical-align: middle;
        margin-top: 5px;
    }
    .l_mb10.l_f14.in.w20 {
        width: 100%;
    }
    .order_details_btn {
        margin: 0 1px;
    }
    form.inline.dater input {
        width: 135px;
        font-size: 12px;
    }
    .order_detail_t_i {
        padding-top: unset;
    }
    form.inline.dater input.btn.in {
        width: 70px;
    }
    .view_icon{

        font-size: 14px !important;
        width: 5px;
        margin: 5px 4px;
    }
    .l_btn_x.note.in.w20{
        margin-left: unset;
    }
    .order_btn {
        width: 23%;
    }
    #popBoxOrder {
        margin: unset;
        width: 100% ;
      }
      #new_ticket_wrap{
        padding: 50px 10px;
      }
      #order_content {
        right: unset !important;
      }
      .order_details{
        width: 90%;
        left: 5%;
      }
      #close_pop {
        right: 15px !important;
        z-index: 5;
        top: -18px;
      }
      #order_content #pop_data .summary {
        height: 54px;
        padding: 10px;
        width: 85%;
        margin-left: unset;
      }
  
  
      #for_field_amount {
        width: 87%;
      }
    #cats{
        padding: unset;
        text-align: center;
    }
    #shop_left {
        width: 30%;
    }
    .prod {
       
        height: 130px;
    }
    .price_wrap {
        /* width: 67%; */
        /* text-align: right; */
      }
    
    
    #order_content {
        padding: unset;
        margin-right: 10px;
        right: 72px;
    }
    #close_pop {
        right: 114px;
      }
      .ticket_wrap.l_full table td {
        font-size: 11px;
      }
    .add_ticket {
        width: 22%;
      }
      .add_ticket {
        width: 30%;
        display: block;
        float: unset;
      }
      #shop_header {
        top: 18px;
        left: 6px;
      }
      #page_top h1 {
        text-align: left;
        padding: 10px;
        margin-bottom: 0;
        font-size: 24px;
        top: 5px;
        left: -7%;
      }
    .btn{
        margin: 2px;
    }
    #orders_page_wrap table .table_th {
        padding-left: 0px;
        font-size: 11px;
        padding-right: 1px;
      }
    .table_th {
        padding-left: 1px;
        font-size: 8px;
        padding-right: 7px;
      }
      #orders_page_wrap table td {
        font-size: 12px;
      }
      .view_icon {
        font-size: 17px;
        margin: 5px 3px;
        top: 5px;
      }
      .l_btn{
        padding: 7px 7px;
          }
    #purchase .form_field input {
        width: 25%;
    }
    .l_nicebox{
        padding:5px ;
    }
	.c_header_login:nth-child(2) {
    display: none;
}

.pic_wrap, .single_direct_top_box picture {
    width: 150px;
    height: 150px;
}
		.tri_sub_menu {
    display: unset;
    position: unset;
    text-align: center;
    font-size: 12px;
}
	
	.tri_sub_menu_item {
    background: #444 !important;
}
	
	.tenders_category_box {
    width: 90%;
    margin: 5%;
	}
	#search input {
    width: 78px;
	}


	#home_highlights_wrap {
    width: 90%;
		margin-top: -16px;
}
	
	.areas_of_practice_box {
    width: 48%;
	}
	
	.footer_practice {
    width: 50%;
	}
	
	.swiper {
		height: 20vh;}
	
	.ctrlNext {
    right: 10px !important;
}
	
	.ctrlPrev {
    left: 10px !important;
}
	
	.t_d {
    margin-bottom: 10px;
    text-align: center;
}
	mh {
    height: 123px;
	}
		
	.slide_box {
    padding: 0 40px;
}
	
	#trainings_home.sec_pad {
    padding-bottom: 0;
}
	
	.training_home_box {
    height: 150px;
		padding: 10px;
}
	.training_home_brief p {
    margin: 5px 0;
}
	.sec_p {
    text-align: center;
    color: gray;
    margin: 10px 0;
        margin-bottom: 10px;
    margin-bottom: 30px;
    padding: 0 15px;
}
	
	.team_box {
    width: 100%;
}
	.search_section {
    padding: 0 20px;
}
	.page_top_bg {

    min-height: 300px;
	}

	
	
	#slogan {
    max-width: 224px;
    line-height: 0.7rem;
    margin-top: 31px;
} 
	
		#top_tool {
    right: 45px;
    top: 2px;
}
	
	.news_box {
    width: 100%;
	}
	
	.vacancies_box {
    width: 100%;
}
	
	header {
    width: 100vw;
}
	
	.sec_h {
    padding: 0 20px;
    font-size: 30px;
}
	
	.sec_p {
    font-size: 13px;
    line-height: 1.3;
}
	.success_stories_box {
    margin-top: 20px;
}
	
	.success_stories_photo_picture.mid.w40 {
    max-height: 270px;
}
	
	.sec_pad {
    padding: 30px 0;
}

	.c_box {
    padding-right: unset;
    margin-bottom: 19px;
    margin: 10px 0;
}
	
	.w40 {
    width: 90%;
    margin: auto;
    overflow: hidden;
}
	
	
	.c_l.w40.mid {
    width: 100% !important;
}
	
	#c_header {
		margin-right:unset;
    margin-left: 5px;
}
	
	.c_header_login {

    margin-left: 5px;
}
	
	#socialities {
    top: 3px;
}
	#contact_form {
    padding: 0;
}
	#con_r {
    padding: 10px;
}
	
	.c_i {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 15px;
}
	
	#con_r {
    padding: 30px 0;
}

	
	.btn.rsvp {
    margin: auto;
    display: block;
}


.prod{
    width:100%;
}



  /* .prod_bot {
   
    left: 171px;
    width: 62%;
  } */



.user_hello{
    display: none;
}

#top_info {
    top:0;
    right: 44px;
  }
  .news_right.w75.in {
    width: 52%;
  }


  .prod_bot {
    /* position: unset; */
    padding-left: 50px;
}
.prod_bot{
    text-align:left;
}

#shop_right h2 {
    font-size: 15px;
}
}





/*375*/