/*
	Theme Name: Adelaid Evaluations
	Theme URI: 
	Description: 
	Version: 1.0
	Author: Responsive Expert
	Author URI: http://www.responsiveexpert.com
	Tags:
	
	---------------------------
	RESPONSIVE TEMPLATE STYLES
	---------------------------
	
*/



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

@media (max-width: 1100px) { /* This media query is written for 979PX resolution devices */

#header-wrap {
	width:100%;
	height:auto;
}
#home-logo {
	float:none;
	width:100%;
	text-align:center;
	margin-left:0;
}
#header-text {
	float:none;
	width:100%;
	text-align:center;
	margin-left:0;
}
#header-video {
	width:300px;
	float:none;
	margin:30px auto 0 auto;
}
.menu-toggs {
	display:block;
}
#menu-wrap {
	background:#eeeeee;
	height:auto;
}
#menu {
	display:none;
	width:100%;
}
#menu li {
	margin-left:1.7%;
	margin-right:1.6%;
	width:30%;
	text-align:center;
}
#body {
	width:100%;
}
.home-service-bxall {
	text-align:center;
}
.service-box-bg {
	margin-left:10px;
	margin-right:10px;
	float:none;
	display:inline-table;
	text-align:left;
}
.mr {
	margin-right:10px;
}
.home-btm-cont {
	width:90%;
	margin-left:5%;
	margin-right:5%;
}
#footer-wrap {
	width:90%;
	margin-left:5%;
	margin-right:5%;
}
#footer-wrap .clm1 {
	width:50%;
}
#footer-wrap .clm2 {
	width:45%;
	background:none;
	margin-left:0;
	padding:0 0 0 5%;
}
#footer-wrap .clm3 {
	margin-top:30px;
	width:50%;
	margin-left:0;
	padding:0 0 0 0;
}
#footer-wrap .clm4 {
	margin-top:30px;
	width:45%;
	background:none;
	margin-left:0;
	padding:0 0 0 5%;
}
#footer {
	margin-bottom:0;
	background:#132460 url(../images/footer-bg-mob.jpg) repeat-x left top;
}
#footer .left, #footer .right {
	padding:5px 0 10px 0;
	width:100%;
	text-align:center;
}
.fixed-footer {
	position:inherit;
	padding-left:0;
	padding-right:0;
}

/* Inner Page Styles */

.body-wrap {
	border:0;
	box-shadow:none;
}
.body-wrap h1 {
	line-height:30px;
}
#header-flash {
	width:100%;
	height:auto!important;
	margin-left:0px;
}
#header-flash object {
	width:100%!important;
	display:block;
}

}

@media (max-width: 768px) { /* This media query is written for Mobile landscape and Ipad and tablets portrait */

#menu li {
	margin-left:0;
	margin-right:0;
	width:100%;
}
.fixed-footer h1, .fixed-footer h2 {
	font-size:24px!important;
}

#footer-wrap .clm1 {
	width:100%;
	text-align:center;
	height:auto;
	background:none;
}
#footer-wrap .clm1 ul {
	width:100%;
}
#footer-wrap .clm2 {
	width:100%;
	padding:0 0 0 0;
	margin-top:30px;
	text-align:center;
	height:auto;
}
#footer-wrap .clm2 .areas-left {
	width:100%;
}
#footer-wrap .clm2 .areas-right {
	width:100%;
}
#footer-wrap .clm3 {
	width:100%;
	background:none;
	text-align:center;
	height:auto;
}
#footer-wrap .clm3 .fb a {
	background:none;
	text-align:center;
	padding-left:0;
	padding-right:0;
}
#footer-wrap .clm3 .tw a {
	background:none;
	text-align:center;
	padding-left:0;
	padding-right:0;
	margin:0 0 0 0;
}
#footer-wrap .clm3 .youtube a {
	background:none;
	text-align:center;
	padding-left:0;
	padding-right:0;
	margin:0 0 0 0;
}
#footer-wrap .clm4 {
	width:100%;
	padding:0 0 0 0;
	text-align:center;
	height:auto;
}

/* Inner Page Styles */

#logo {
	margin-left:0;
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
#header-flash object {
	height:155px!important;
	display:block;
}

}

@media (max-width: 767px) { /* This media query is written for Mobile landscape and Ipad and tablets portrait */

.instant-quote-box {
	margin-left:0;
	width:100%;
}
.instant-quote-box-input, .instant-quote-box-msg {
	width:97%;
}

}

@media (max-width: 480px) { /* This media query is written for Mobile only */

#header-text {
	margin-top:20px;
}
#header-text h2 {
	font-size:18px!important;
}
#header-text h3 {
	font-size:18px!important;
}
.fixed-footer {
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
.fixed-footer h1, .fixed-footer h2 {
	font-size:18px!important;
}

/* Inner Page Styles */

#header-flash object {
	height:100px!important;
}
.zoom-sec {
	margin:0 0 30px 0;
	width:100%;
}
.zoom-sec img {
	width:100%;
	height:auto;
}
.contact-img01 {
	width:100%;
	margin-bottom:20px;
}


}

@media (max-width: 414px) { /* This media query is written for Mobile only */

/* Inner Page Styles */

#header-flash object {
	height:85px!important;
}

}

@media (max-width: 414px) { /* This media query is written for Mobile only */

}

@media (max-width: 320px) { /* This media query is written for Mobile only */

}