/* =Branding
--------------------------------------------------------------------------------------------------*/
body{
	background: url(../images/body-bg.jpg) repeat top left;
	background-size: cover;
	background-attachment: fixed;
}

/* End Branding
--------------------------------------------------------------------------------------------------*/


/* =Header
--------------------------------------------------------------------------------------------------*/
#wrapper > header {
	background: #fff;
	border-bottom: 10px solid #b4362d;
}

/* End Header
--------------------------------------------------------------------------------------------------*/



/* =Media Query
--------------------------------------------------------------------------------------------------*/


/* 14/3/2016 custom css */

.seprator{ height:10px; background:#54555a; border-top:solid 1px #cd0919; border-bottom:solid 1px #cd0919; float:left; clear:both; width:100%; margin-top:30px;}

.logo img{ max-width:410px; max-height:185px; height:auto; width:auto; padding:20px 0;}
.four-box:nth-child(odd) { clear:both;}
.four-box{  color:#ffffff; padding:45px; box-sizing:border-box;  height:250px; margin-top:30px; }
.two-box { color:#000000; background:#ffffff; padding:45px; margin-top:30px; box-sizing:border-box;  height:205px; }
.two-box h2{font-size:20px; margin-bottom:20px; margin-top:0px;}
.two-box .textwidget{ font-size:14px; line-height:20px;}
.four-box .textwidget{ font-size:14px; line-height:20px;}
.four-box a{color:#b4362d;}
.four-box h2{ font-size:20px; margin-bottom:20px; margin-top:0px;}
.div-wrap:nth-child(1) .four-box,.div-wrap:nth-child(4) .four-box{ background:#54555a;}
.div-wrap:nth-child(2) .four-box{ background:#cd0919; color:#ffffff;}
.div-wrap:nth-child(3) .four-box{ background:#b4b2b2;}
.div-wrap:nth-child(4) .four-box h2{  font-size:28px; font-weight:bold; margin-bottom:20px; margin-top:60px; max-width:150px; line-height:32px;}
.form-ection{ background:#ba3b31;}
.landing-contct-form .row{ padding:14px 0;}
.form-contact { color: #fff; font-size: 26px;}
.form-contact:hover { color: rgba(255,255,255,0.5); text-decoration: none;}


.landing-contct-form .row input[type=text], .landing-contct-form .row input[type=email], .landing-contct-form .row input[type="tel"],.landing-contct-form .row textarea{ width:100%; height:40px; border-radius:5px; border:none; padding:5px 8px;  }
.landing-contct-form .row input[type=submit]{ background:#000000; color:#ffffff; border-radius:2px; padding:5px 16px; width:100%; border:none; height:40px; max-width:110px; float:right; font-size:20px;}
.landing-contct-form{ padding:20px 20px 22px; background:rgba(205, 9, 25, 0.68); border-radius:5px;}
 .landing-contct-form .row input[type="tel"] { background:#54555a; color:#ffffff; width:auto; max-width:210px; font-size:25px;}
.form-section{ margin-top:  13px;}
.right-content{ background:#b4b2b2; color:#000000; padding:20px; margin-top:13px; border-radius:5px;}
.right-content h2{ font-size:20px; margin-bottom:20px; margin-top:0px; line-height:23px;}

.right-content .textwidget{ font-size:14px; line-height:20px;}
.landing-contct-form .row textarea{ height:75px;}


.introduction img{ margin-bottom:20px; }
footer{ border-top:solid 10px #b4362d; padding: 20px 0; background:#ffffff;}
.footer-link ul li a{ color:#54555a;}
.footer-link ul li{  padding:2px 0;}
.footer-link h2{ font-size:20px; margin-bottom:20px; margin-top:20px;}
.footer-link .textwidget{ font-size:14px; line-height:20px;}

.calander-wrap table,th,td{ padding:5px; font-size:15px;} 
.form-desc{ padding-top:15px;}

.footer-link img{ max-width:410px; max-height:185px;}
.footer-logo .widget_text:first-child{ text-align:center;}
.gallery{ margin-top:40px; margin-bottom:40px;}

  /* fluid 5 columns */
.grid-sizer,
.grid-item { width: 19%; margin:5px; }
.grid-item img{ max-width:100%;}
/* 2 columns wide */
.grid-item--width2 { width: 40%; }
}

/* query for Tablet Landscape */
@media screen and (max-width: 1050px) {
.four-box{ height:290px;}
.two-box{ height:290px;}
.grid-item { width: 18.5%; margin:5px; text-align:center; }

}


@media screen and (max-width: 990px) {
		.form-contact { font-size: 15px; padding: 10px 0; display: inline-block;}
.grid-item { width: 23%; margin:5px; text-align:center; }

.four-box{ height:310px;}
.two-box{ height:280px;}

.landing-contct-form .row input[type="tel"]{ font-size:21px; max-width:185px;}
}

@media screen and(max-width: 768px) {
	
}
/* query for Tablet Portrait and Small Tablet Landscape */
@media screen and (max-width: 767px) {
		.form-contact { font-size: 24px; padding-top: 0; display: inline-block; margin: 0 auto;}
	.your-name input{ margin-bottom:28px;}
.Telephone_number input{ width:100%;  margin-bottom:28px; max-width:100%;}
.landing-contct-form .row input[type="tel"]{ max-width:100%;}
.landing-contct-form .row input[type="submit"]{ max-width:100%;}

.four-box{ height:auto;}
.two-box{ height:auto;}
.div-wrap:nth-child(4) .four-box h2{ margin-top:50px;}
.right-content{ margin-top:30px;}
.logo img{ max-height:100%; max-width:100%;}
.landing-contct-form .row input[type="tel"]{ text-align:center; width:100%;}


}

/* query for Small Tablet Portrait and Mobile Landscape */
@media screen and (max-width: 640px) {
	
	
	.grid-item { width: 31%; margin:5px; text-align:center; }
	.four-box, .two-box{ height:auto;}
	

}


/* query for Mobile Landscape */
@media screen and (max-width: 510px) {

.grid-item { width: 45%; margin:10px; text-align:center; }


}
@media screen and (max-width: 421px) {
	
	
	.grid-item { width: 42%; margin:10px; text-align:center; }
	
	}

/* query for Mobile Portrait  */
@media screen and (max-width: 371px) {
	
	.grid-item { width: 96%; margin:5px;  text-align:center;}

}

/* End Media Query
--------------------------------------------------------------------------------------------------*/