/* Mobile */
@media handheld, only screen and (max-width: 1220px) {.purchaseskin{ padding:20px}}
@media handheld, only screen and (max-width: 1000px) {.purchaseskin, .purchaseskin  .col-md-4{ text-align:center; display:table; margin:0 auto}blockquote.bigTitle { font-size:38px; line-height:1.5em} 
}
@media handheld, only screen and (max-width: 790px) {}
@media handheld, only screen and (max-width: 768px) {
a.pageoptions:link,a.pageoptions:active,a.pageoptions:visited{ position: inherit; left:0px; top:0px; z-index:1000; background:#000; color:#999; font-size:14px; line-height:30px; text-decoration:none; display: inline; width: auto; float:right; padding-left:15px}
a.pageoptions:hover						{ color:#f39436}
#dnnheader 								{ padding:0px 0 0}
#dnnheader .innermargin					{ margin:0 10px;}
.logo img								{ height:90px;}


}
@media handheld, only screen and (max-width: 767px) {
/* searchbox*/
.dnnsticky#dnnnav{ position:relative}
.search-wrap{ position:relative}
#search-box{display: none;background: #1f1f1f; position:absolute; right:0px; height:30px; padding:5px; z-index:1000000}
.btn-search {
display:block; float:right;
	width: 32px;
	height: 32px;
	background:url(../images/search.png) 0 0 no-repeat #333;	
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		 -o-transform: rotate(0deg);
			transform: rotate(0deg);
	
	-webkit-transition: -webkit-transform 250ms ease-out 0s;	
	   -moz-transition: -moz-transform 250ms ease-out 0s;
		 -o-transition: -o-transform 250ms ease-out 0s;
		    transition: transform 250ms ease-out 0s;; border:1px #333 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top:15px;
}
.m-btn-active, .s-btn-active {
	background-position: 0 -32px;
		  
	-webkit-transform: rotate(-180deg);
	   -moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		 -o-transform: rotate(-180deg);
			transform: rotate(-180deg);
	
	-webkit-transition: -webkit-transform 250ms ease-out 0s;	
	   -moz-transition: -moz-transform 250ms ease-out 0s;
		 -o-transition: -o-transform 250ms ease-out 0s;
		    transition: transform 250ms ease-out 0s;
}

.dnnsticky#dnnnav                       { padding:5px 0;}
.themeoptions#small-dialog				{ padding:10px 0 5px;}
.themeoptions h3						{ margin:-10px 0 0; padding:0 0 15px 10px; line-height:1em; font-size:18px}
.themeoptions h4						{ color:#666; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
#dnnnav									{ padding:5px 0; min-height:inherit}

body 									{ padding-top:0px; padding-bottom:0px; font-size: 16px;-webkit-text-size-adjust: none;}
.fleft, .fright							{ float: none;}
.row, body, .container 					{ width: 100%;min-width: 0;margin-left: 0px;margin-right: 0px;padding-left: 0px;padding-right: 0px;}
.TopLeftPane, .TopRightPane, .Grid4TLPane,.Grid4TCPane,.Grid4TRPane,.MainLeftPane,.MainRightPane,.Grid3MLPane, .Grid3MCPane,.Grid3MCRPane, .Grid3MRPane, .BottomLeftPane, .BottomRightPane,.Grid4LPane,
.Grid4RPane,.Grid8LPane,.Grid8RPane,.Grid3LPane,.Grid3RPane,.Grid9LPane,.Grid9RPane,.FooterAPane,.FooterBPane,.FooterCPane,.FooterDPane,.HeaderPane,.PowerbyPane,.smallsidebox,.largesidebox,.Grid3TLPane,.Grid6TCPane,
.Grid3TRPane{ width: auto;margin: 0px;padding:0px; clear:both}
.topbar .desktopbg						{ background:url(../images/mobiletopbar.png) 0 0 repeat-x}
#dnnfooter								{ text-align:center}
.copyright								{ display:block}
.PowerbyPane .Normal					{ padding-top:10px; text-align:center; }
#login .registerGroup a,
#login .loginGroup a					{ color:#999;}
.titlebar-basic h2						{ padding:20px 0 0;}
.titlebar-basic .breaderbox				{ padding-top:10px;}
.dnnskin-sample-setting 				{  width: 25px; height: 25px;}
.dnnskin-sample-setting span.dnnskin-sample-overlay { width: 26px; height: 26px; }
.logo img								{ height:80px; float:left}
#searchbox								{ float:right}
.desktophide							{ display: block}
.mobilehide								{ display: none}
.mfr									{ float:right}
ul#filist li img						{ width: auto}
.dnnsticky								{ position:relative}
.foot-social-icons						{ display:table; margin:0 auto}
blockquote.bigTitle 					{ font-size:28px; line-height:1.5em} 
.TopbarPane{ float:right}

}

@media handheld, only screen and (max-width: 710px){}
@media handheld, only screen and (max-width: 540px){}
@media handheld, only screen and (max-width: 520px){
.logo img								{ height:60px; float:left}
}
@media handheld, only screen and (max-width: 480px){}
@media handheld, only screen and (max-width: 460px){}
@media handheld, only screen and (max-width: 420px){ 
.dnnsticky#dnnnav                       { padding:0px 0;}
div.purchaseskin img						{ display:none}
div.purchaseskin .innermargin{ margin:0px}
div.purchaseskin h4{ color:#333; margin:0px; padding:15px 10px 0}
div.purchaseskin h5{ color:#777; padding:0 10px}

div.purchaseskin							{ padding:20px 0; margin:0px;}
.searchbox								{ position:relative;z-index:100; float: none;clear:both; width:95%; left:5%}
#searchbox ul ul 						{ display:none; width:320px; right:-65px}
.searchbox #dnn_dnnSEARCH_txtSearch:focus{ width:100%;}

blockquote.bigTitle 					{ font-size:18px; line-height:1.2em} 
#side-box								{ bottom:20px; width:30px}
#side-box a								{ line-height:30px;}
.ls-wp-fullwidth-container a.btn{ font-size:8px; padding:4px;}
.btn-mobile-nav,
.btn-search { margin-top:5px;}

}