/****************************************
	MEDIA QUERIES
****************************************/

/***** for 1366px or less ===========*/
@media All and (max-width:1400px) {
	.MainWrapper {
		max-width:100%;
		margin:0px 5%;
	}	
}


/***** for 1280px or less ===========*/
@media All and (max-width:1300px) {
	.MainWrapper {margin:0px 30px;}
}

@media All and (max-width:1199px) {
	#Welcome .text-right {
		text-align:left;
		margin-bottom:30px;
	}
	#Brand { margin-top: 0;}
}


/***** for 1024px or less ===========*/
@media All and (max-width:1024px) {
	
}


/***** for 1000px or less ===========*/
@media All and (max-width:991px) {
	#TopRow,
	#TopInfoDsktop,
	#TopHead.th_active .NavFixLogo { display:none;}

	#MidleRow {
		position: fixed;
		padding: 10px 0;
		top: 0;
		left: 0;
		background: #fff;
		border-bottom:4px solid #285500;
	}
	#MidleRow .MainWrapper { margin:0; border:none;}
	
	#MidleRow .Logo { margin:0;}
	#MidleRow .LogoArab { margin-top:-3px;}
	#MidleRow .Logo img {
		height:40px;
		margin-left:15px;
	}
	

	#TopbarHeightFix {
		display:block;
		height:65px;
	}
	
	.Category .TableStyle > .tr > .td.SecondMbl,
	.Category .TableStyle > .tr > .td.ThirdMbl { display:table-cell;}

	.Category .TableStyle > .tr > .td.SecondDsktp,
	.Category .TableStyle > .tr > .td.ThirdDsktp { display:none;}

	.Category .Caption { margin-bottom:20px;}
	.Category .Link {
		position:relative;
		bottom:auto;
	}
	
	.CounterWrapp ul li {
		width:30.33%;
		float:left;
	}
	
	#FootTop .col-md-4 { margin-bottom:40px;}
	
	#ContactUs .col-md-4 { margin-bottom:30px;}
}


/***** for 768px or less ===========*/
@media All and (max-width:768px) {	
	.WhiteWrapper, .GreyWrapper { padding: 50px 0 30px 0;}
	.ParallaxWrapp > div { padding:100px 0;}
	
	.CounterWrapp { margin-top: 0;}
	.CounterWrapp ul li { text-align:center;}
	.CounterWrapp ul li img {
		float: none;
		top: 0;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.CounterWrapp ul li .Counting { margin-bottom:5px;}
}

@media All and (max-width:767px) {
	#FootAddress { padding:10px 0;}
	#FootAddress .col-sm-6 {padding: 5px 15px;}
	#FootAddress .Left {
		text-align: left;
		border-right: none;
	}
}

@media All and (max-width:760px) {
	body {
		font-size:16px;
		font-weight:300;
		line-height :22px;
	}
	.TitleStyle h2,
	.Heading1 {
		font-size: 32px;
		line-height: 32px;
		font-weight: 400;
	}
	.TitleStyle h3 {
		font-size: 20px;
		line-height: 28px;
	}
	.TitleStyle { margin-bottom: 25px;}
	
	.Category .Caption h4 {
		font-size: 24px;
		line-height: 24px;
	}
	
	.HomeRightColl {
		font-size: 17px;
		line-height: 20px;
		font-weight: 600;
	}
	
	.SubHead {
		font-size: 24px;
		line-height: 24px;
	}
	.SubHead2 {
		font-size: 20px;
		line-height: 20px;
	}
	
	.HeadLrg {
		font-size: 28px;
		line-height: 33px;
		margin-bottom: 20px;
	}
	
	#Welcome { margin-top: 0;}
}

@media All and (max-width:600px) {
	.Highlited .Lrg {
		font-size: 80px;
		line-height: 80px;
		margin-right: 8px;
	}
	.Highlited .Sml {
		font-size: 20px;
		line-height: 20px;
		font-weight: 400;
		padding-top: 24px;
	}
	.Highlited .Mdm {
		font-size: 30px;
		line-height: 30px;
	}
	
	.FormWrapper .col-xs-6 { width:100%;}
}


@media All and (max-width:550px) {
	.Category .TableStyle,
	.Category .TableStyle > .tr,
	.Category .TableStyle > .tr > .td {
		display:block;
		width:100%;
	}

	.Category .TableStyle > .tr > .td.SecondMbl,
	.Category .TableStyle > .tr > .td.FourDsktp { display:none;}

	.Category .TableStyle > .tr > .td.SecondDsktp,
	.Category .TableStyle > .tr > .td.FourMbl { display:block;}
	
	.Category .TableStyle > .tr > .td .Inner { padding:25px;}
	
	.ProductWrapp .col-xs-6 { width:100%;}
}

@media All and (max-width:500px) {
	.HomeRightColl .col-xs-4 { width:100%; margin-bottom:30px;}
	.HomeRightColl p { margin-bottom: 15px;}
	
	.CounterWrapp ul li { width:100%; margin-top:25px;}
	
	#FootTop img {
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
	#FootTop .col-md-4 { text-align:center;}
}


/***** for 480px or less ===========*/
@media All and (max-width:480px) {
	.btn {
		font-size: 15px;
		padding: 10px 15px;
		min-width: 180px;
	}
	.AnchorBtn.btn a {padding: 10px 15px;}
	
	#Copyright div { display:block;}
	#Copyright span { display:none;}
	
	.FormWrapper .btn { margin-top: 0;}
}

@media All and (max-width:479px) {
	.LogoArab { display:none;}
}

@media All and (max-width:400px) {
	.ContactInfo img {
		float: none;
		top: 0;
		margin-right: 0;
		margin-bottom: 8px;
	}
	.ContactInfo { text-align:center;}
}


/***** for 320px or less ===========*/
@media All and (max-width:320px) {
	
}