/* ==========================================================================
  Wide Screen Layout: From 1200px.
========================================================================== */
@media (max-width: 1100px) {
#topheaderinner, #page, #supplementaryinner {
padding:0px 20px;
}
#access ul {
	font-size: 14px;
}
#access a {
	padding: 3px 30px;
}
}

@media (max-width: 860px) {
#access ul {
	font-size: 13px;
}
#access a {
	padding: 3px 20px;
}
#supplementary.three .widget-area {
	margin-top: 25px;
}
}

/* ========= end of Wide Screen Layout: From 1200px. ========= */


/* ==========================================================================
  Normal Desktop Layout: From 980px.
========================================================================== */
@media (min-width: 1000px) and (max-width: 1050px) {

#supplementary.three .widget-area {
	margin-top: 25px;
}
#secondary {
    float: right;
    width: 27%;
    background: none;
    padding: 30px 46px 0;
    border: none;
    margin: 0 0 50px 0;
}

}
/* ========= end of Normal Desktop Layout: From 980px. ========= */


/* ==========================================================================
  Tablet Device Layout: From 768px.
========================================================================== */
@media (min-width: 768px) and (max-width: 999px) {

body.page-template-home-page-template h1 {
	margin: 20px auto 0;
    color: #333333;
    font-size: 30px;
    line-height: 38px;
    width: 95%;
}
#secondary {
	float: right;
    width: 27%;
    background: none;
    padding: 30px 46px 0;
    border: none;
    margin: 0 0 50px 0;
}
.widgetAreHeading h3{
	color: #333333;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 7px 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px 0;
}
#supplementary.three .widget-area {
	margin-top: 25px;
}
.homepagetitle br{
	display:none;
}
}
/* ========= end of Tablet Device Layout: From 768px. ========= */

@media (min-width: 768px) and (max-width: 800px) {

.homebox img{
transition: all 0.5s ease;
width: 100%;
}
.homebox img:hover{
	-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.5s ease;
width: 100%;
}
.homepagetitle br{
	display:none;
}

}


/* ==========================================================================
  Mobile Layout: From 320px.
========================================================================== */
@media (max-width: 767px) {
#topheader {
    height: auto !important;
	}	
	
	#topheader.shrink {
    height: auto !important;
	}
	
	#contenttopheader {
		height: auto !important;
}
	
	#topheaderinnerleft {
	max-width:100%;
	float:none;
	padding:10px 0;
}

#topheaderinnerleft .title{
	font-size: 35px;
    border-bottom: 1px solid #fff;
    line-height: 48px;
    display: block;
    text-align: center;
}

#topheaderinnerleft .subtitle{
	font-size:24px;
	letter-spacing:7px;
	text-transform:uppercase;
	text-align: center !important;
}

#topheaderinnerright {
	display:none;
}


.testimonials-widget-testimonial blockquote {
    quotes: none;
    padding: 0 30px 0 !important;
}
body.page-template-home-page-template h1 {
	margin: 20px auto 0;
    color: #333333;
    font-size: 26px;
    line-height: 32px;
    width: 95%;
}

#secondary {
    background: none;
    padding: 0;
}
#supplementary.three .widget-area {
	margin-top: 25px;
}
.homepagetitle br{
	display:none;
}

}
/* ========= end of Mobile Layout: From 320px. ========= */


/* ==========================================================================
  Wide Mobile Layout: 480px.
========================================================================== */
@media only screen and (min-width: 480px) and (max-width: 768px) {

.testimonials-widget-testimonial blockquote {
    quotes: none;
    padding: 0 30px 0 !important;
}
.headerspacer{
	height: 125px;
}
#supplementary.three .widget-area {
	margin-top: 25px;
}
.homebox img{
transition: all 0.5s ease;
width: 100%;
}
.homebox img:hover{
	-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.5s ease;
width: 100%;
}
.homepagetitle br{
	display:none;
}
}
/* ========= end of Wide Mobile Layout: 480px. ========= */



/* ==========================================================================
  Small Mobile Layout
========================================================================== */
@media (max-width: 479px) {

.testimonials-widget-testimonial blockquote {
    quotes: none;
    padding: 0 30px 0 !important;
}
.headerspacer{
	height: 125px;
}
#topheader {
    min-height: 120px !important;
}
#topheader.shrink {
    min-height: 120px !important;
    background: rgba(142, 155, 131, 0.9);
}
#contenttopheader {
    min-height: 120px !important;
    background: rgba(142, 155, 131, 0.9);
}
.homebox img{
transition: all 0.5s ease;
width: 100%;
}
.homebox img:hover{
	-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.5s ease;
width: 100%;
}
.homepagetitle br{
	display:none;
}
}
/* ========= end of small Mobile Layout ========= */