@media screen and (max-width: 1000px) {
#shellContent{
width:98%;
}
#header{
width:100%;
}
#header .logo{
width:60%;
left:80px;
}
td{
display:block;
float:left;
}
.container,
#container{
width:98%;
}
#footer-container{
width:100%;
padding:0 0 10px;
height:160px;
background: rgb(173,173,173); background: -moz-linear-gradient(top, rgba(173,173,173,1) 0%, rgba(195,195,195,1) 51%, rgba(202,202,202,1) 100%); background: -webkit-linear-gradient(top, rgba(173,173,173,1) 0%,rgba(195,195,195,1) 51%,rgba(202,202,202,1) 100%); background: linear-gradient(to bottom, rgba(173,173,173,1) 0%,rgba(195,195,195,1) 51%,rgba(202,202,202,1) 100%); }
#footer{
width:57%;
}
#footer-container img{
margin-left:40px;
}
}
@media screen and (max-width: 950px){
#header .logo{
left:0;
width:70%;
}
#header .logo .subtitle{
text-shadow: 2px 2px 2px rgba(255,255,255,1);
}
#header .ambulance img{
width:120px;
height:auto;
}
#navTopContainer{
height:auto;
}
#navTopContainer ul{
text-align:center;
}
.entry .home-table .third{
width:20%;
}
.entry .home-table .text{
width:40%;
}
#frm_form_6_container{
width:95%;
}
}
@media screen and (max-width: 850px){
#header .logo .title{
font-size:45px;
}
.entry .home-table-bottom .half{
width:95%;
margin:auto;
float:none;
}
.entry .home-table-bottom .orange-box{
display:block;
margin:auto;
}
.entry .home-table-bottom .models{
background: transparent none;
}
#footer-container img{
display:none;
}
#footer{
width:98%;
text-align:center;
float:none;
margin:auto;
}
#footer ul{
text-align:center;
}
#footer ul li{
display:inline-block;
line-height:normal;
}
#footer .credit{
float:none;
}
}
@media screen and (max-width: 750px){
#header{
height:220px;
}
#header .logo{
position:relative;
display:block;
margin:auto;
text-align:center;
width:100%;
}
#header .ambulance{
display:none;
}
#header .logo .title .mobile-ambulance{
display:block;
position:absolute;
left:-65px;
width:125px;
height:110px;
background:transparent url(/wp-content/themes/encompass/images/layout/ambulance.png) no-repeat scroll center center;
background-size:contain;
z-index:0;
top:-20px;
}
#header .logo span.green{
position:relative;
}
#header .logo span.overlay{
position:relative;
z-index:10;
}
#header .hotline{
position:relative;
margin:auto;
width:100%;
padding:20px 0;
right:auto;
}
#header .hotline .contact-btn{
display:none;
}
#header .hotline .contact-btn span{
display:none;}
#header .hotline br{
display:none;
}
#header .hotline .phone{
background-color:#b60810;
color:white;
padding:10px 0;
display:block;
width:260px;
margin:auto;
font-family: 'Homenaje', sans-serif;
font-size:26px;
}
#header .hotline .phone:hover{
background-color:#C9C9C9;
}
#navTopContainer{
display:none;
}
.entry .home-table .third{
width:45%;
}
.entry .home-table .text{
width:90%;
margin:10px auto;
}
#contentBody .item .entry{
padding:30px 0 10px;
width:90%;
margin:auto;
}
}
@media screen and (max-width: 600px){
#header .logo .title{
font-size:35px;
}
#header .logo .subtitle .auto-style1{
font-size:26px;
}
}
@media screen and (max-width: 500px) {
#shellContent{
border:none;
}
#header{
height:210px;
}
#header .hotline{
padding:10px 0;
}
#header .logo .title .mobile-ambulance{
height:85px;
}
#header .logo .title{
font-size:25px;
line-height:30px;
}
#header .logo .subtitle{
font-size:18px;
margin-top:25px;
}
#header .logo .subtitle .auto-style1{
font-size:24px;
}
.entry .home-table{
padding:20px 0;
}
.entry .home-table .third{
width:90%;
text-align:center;
margin:auto;
}
.entry .home-table-bottom .orange-box{
width:auto;
}
.columns .half ,
.columns .third,
.columns .two-thirds,
.columns .quarter,
.columns .three-quarters,
.padded-columns .half ,
.padded-columns .third,
.padded-columns .two-thirds,
.padded-columns .quarter,
.padded-columns .three-quarters{
margin: auto;
width: 98%;
float:none;
}
div.aligncenter,
.alignnone,
.aligncenter,
.alignright,
.alignleft,
.aligncenter,
a img.alignright,
a img.alignnone,
a img.alignleft,
a img.aligncenter,
.wp-caption.alignnone,
.wp-caption.alignleft,
.wp-caption.alignright {
display: block;
margin: 5px auto;
float:none;
}
}
@media screen and (max-width: 400px){
#header .logo .title .mobile-ambulance{
height:65px;
left:-55px;
top:-15px;
}
#footer-container{
height:200px;
}
}
@media screen and (max-width: 343px){
#header .logo .title .mobile-ambulance{
left:-35px;
}
}