/*
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) {

	.team_member_box {
    width: 29%;
	}
} 



@media all and (max-width: 991px) {
	.slText{
		font-size: 42px !important;
	}
	
	.service_home_box{
		width:49%;
	}
	
	#q .section_content {
    text-align: center;
    padding: 42px;
}
	
	.section_content
	{
		padding:50px;
	}
	
	.radio_service {
    padding: 10px 9px;
    font-size: 15px;
}
	

	#left_q {
    width: 100%;
}

	
	#clippy_q{
		display:none;
	}
	
	#pattern_bg{
		width:100%;
	}
	
	
	
	#right_q {
    width: 100%;
    margin-top: 49px;
    border-top: 3px solid white;
    padding-top: 30px;
}
	
	
	#introLogo {
    height: 50vw;
}
	
	#intro .section_content {
    text-align: center;
    padding-top: 15vh;
}
	.video{width:33.333%;}
	
}





@media all and (max-width: 768px) {
	
	.slText{
		font-size: 34px !important;
	}
	
	.team_member_box {
    width: 49%;
}
	
	
	.right_center {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}
	
	
	.service_home_box{
		width: 100%;
		min-height: unset;
	}
	
	.service_home_box i {
    display: inline-block;
    vertical-align: middle;
}
	
	.service_home_box h2 {
    display: inline-block;
    vertical-align: middle;
}
	
	.video{width:50%;}
	
	.button {
   
    position: absolute;
    bottom:80px;
    width: 92%;
    right: 10px;
    left: 10px;
}
	
	
	
} 






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

	.section_content {
    padding: 30px 5px;
    padding-top: 64px;
}

	.radio_service {
    display: block;
    margin-bottom: 1px;
}
	
	.team_member_box {
    width: 100%;
}
	.video{width:100%;}
	
}


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

}