@media only screen and (max-width: 728px){
body {
behavior: url(/admin/admin/includes/PIE.php);
}
#sitetable {width:96% !important;}
#header {position:relative; height: auto !important; width:99%;}
#draggablelogo {position:inherit; display:block; padding:0px; text-align:center; top:auto !important; left:auto !important;}
#draggablelogo img {max-width:99%}
#draggable1 { position:inherit;display:block; padding:0px; text-align:center; top:auto !important; left:auto !important;}
#draggable2 { position:inherit;display:block; padding:0px; text-align:center; top:auto !important; left:auto !important;}
#draggable3 { position:inherit;display:block; padding:0px; text-align:center; top:auto !important; left:auto !important; }
#draggable4 { position:inherit;display:block; padding:5px 0px 5px 0px; text-align:center; top:auto !important; left:auto !important; }

#navigation {margin:0px auto; white-space:normal; width:99% !important;}
#navigation ul {list-style-type:none;margin:0px;padding:0px;display:block;}
#navigation li{float:none !important;display:block;margin:0px 0px 7px 0px; width:99% !important;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#navigation li a {display:block;text-align:center;}
#navCollapser {
	clear:both;
	padding: 2px;
	margin: 0px 0px 7px 0px;
	behavior: url(/admin/admin/includes/PIE.php);
}
#navCollapser div {
	display:block; text-align:center; cursor:pointer;
	behavior: url(/admin/admin/includes/PIE.php);
}

#navigation.mobslide {
    width:250px !important; top:0; padding-top:10px; position:fixed; z-index:10; left:-250px; height:100%; text-align:center; background:#000;
    border-right: 1px solid #666;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
#navigation.mobslide li, #navigation.mobslide li a, #navigation.mobslide li:first-child, #navigation.mobslide li:first-child a,
#navigation.mobslide li:last-child, #navigation.mobslide li:last-child a {
	background:none;-webkit-border-radius: 0px 0px 0px 0px; text-align:left;
}
#navigation.mobslide li a:hover{background:none;}
#navigation.mobslide li a {padding: 2px 10px;}
.showmenu {text-align:right;}
.showmenu i {padding: 10px 20px 10px 10px;color: #fff;font-size: 22px;cursor: pointer;}
#sitecontent {position: relative;}


#contentpanel {margin:0px auto; white-space:normal; width:99% !important}
#contentcontainer { margin:0px auto;white-space: normal;float:none !important;width:auto !important; }
#content {padding:2px;}
#sidecontainer{	float:none !important;margin:10px auto;padding:2px;width:99% !important;}

#supersized-loader, #supersized {display:none;}
#contact_form div.text {float:none; width:100%}
#contact_form input[type="text"] { width:96%;}
#dyn_form div.text {float:none; width:100%}
#dyn_form input[type="text"] { width:96%;}
#dyn_form select {width:99%;padding:4px 5px 4px 5px;}

/* Agency css
----------------------------------*/
.agencystatscontainer {display:block;width:100%; margin:0px 0px 0 0 }
.agencyprofileimgs {display:block;width:100%}

.profile {width:32% !important;margin: 0px .25% 10px .25% !important;}

#recaptcha_widget_div{zoom:0.85;}

}

@media only screen and (max-width: 480px){
.profile {width:48% !important;margin: 0px .25% 5px .25% !important;}
}

@media only screen and (max-width: 450px){
	#innercontent .BlogHome .BlogIMG {display:block; width:auto; margin-right:0px;}
	#innercontent .BlogHome .BlogIMG img {max-width:100%;margin-bottom:10px;}
	#innercontent .BlogHome .BlogText {display:block; width:auto;}
}