.res-menu{ display: none;}
.mobile{ display: none;}
.desktop{}

@media screen and (max-width: 1199px){
	
}
@media screen and (max-width: 1024px){
	.content-layout{ box-sizing: border-box; -webkit-box-sizing: border-box;}
	.onecol .main-col{ width: 100%;}
	.module-5 ,.module-6{ width: 100%; }
	.vrbar{ background: url('images/pat3.png') no-repeat center; width: 100%; height: 40px;}
	.social-share2{ width: 100%;box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px;}
	.ftnav ul{ text-align: center; margin: auto 0 10px; float: none;}
	.ftnav ul li{ display: inline-block; float: none;}
	.ftnav ul li:first-child{ margin: 0;}
	.sidebar-1{ background-image: none; background-color: #f6868a; border: 1px solid #fff; border-radius: 5px; overflow: hidden;}
	.sidebar-1 .bgtop, .sidebar-1 .bgbot{ display: none; background: none; }
	.sidebar-1 .widget-title{ background: none; background: #ed7579;}
	.sidebar-1 .widget-content{ width: 100%;box-sizing: border-box; -webkit-box-sizing: border-box; }
	.sidebar-1 ul{ width: 100%;}
	.sidebar-1 .music li{ box-sizing: border-box; -webkit-box-sizing: border-box; }
	/* vendor-result.html */
	.frame, .vrl .box, .vrl .box-ct, .vrl .box.addl .spanBlock, .widget3{ width: 100%;box-sizing: border-box; -webkit-box-sizing: border-box;}
	.widget3{ background-image: none; background-color: #dfe7ed;  border: 1px solid #fff; border-radius: 5px; overflow: hidden; padding: 16px;}
	.widget3 .bgtop, .widget3 .bgbot{ background: none; padding: 0; width: 100%;}
	/* state.html */
	.ser-left, .ser-right{box-sizing: border-box; -webkit-box-sizing: border-box;}
	.serlist{ width: auto;}
	.serlist .slc{ width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
	.ser-r-map{ width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; height: auto;}
	.ser-r-map img{ width: 100%; height: auto;}
	/* profile.html */
	.threecol .frame, .comdesp{ width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
	.prf .client-meta .title-box h1{ font-size: 24px;}
}
@media (min-width: 768px) and (max-width: 1024px)  {
	.baseD1{min-width: 738px; width: auto; padding: 0 15px;}
	img{ max-width: 100%;}
	.sidebar-1, .sidebar-4{width: 32%;}
	.main-col, .vn-left{ width: 65%;}
	.ser-left{ width: 50%; padding-right: 15px;}
	.ser-right{ width: 50%; padding-left: 15px;}
	.sidebar-2{ width: 25%; margin: 0;}
	.sidebar-3{ width: 22%; margin: 0;}
	.threecol .main-col{ padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; width: 53%; }
	/****************************************/
	.spanBlock4-80{ width: 65%;}
	.spanBlock4-80.logo{ width: 35%; }
	.site-tag{ margin-bottom: 10px;}
	.nav li{ padding: 0 8px;}
	.module-7, .module-gal .boximg{ width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
	.module-7 img, .module-gal .boximg img{ box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; height: auto;}
	.sidebar-2 img, .sidebar-3 img {box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; height: auto;}


}
@media screen and (max-width: 767px){
	body{ min-width: 320px; max-width: 767px;}
	img{ max-width: 100%; height: auto;}
	.baseD1{ min-width: 290px; width: auto; padding: 0 15px;}
	.mobile{ display: block;}
	.desktop{ display: none;}
	.sidebar-1, .sidebar-4{width: 100%;}
	.main-col, .vn-left{ width: 100%;}
	.ser-left{ width: 100%;}
	.ser-right{ width: 100%;}
	.sidebar-2{ width: 100%; margin: 0;}
	.sidebar-3{ width: 100%; margin: 0;}
	.threecol .main-col{ padding: 0; width: 100%; margin: 15px 0; }

	/****************************************/
	.header{ text-align: center;}
	.site-tag{ margin: 0 0 10px;}
	.spanBlock4-80, .module-3{ width: 100%;}
	.btn.st2{ margin: 0 auto 10px; padding: 10px 15px; float: none; display: inline-block;}
	.res-menu{ background: #5d8faf none repeat scroll 0 0; border-radius: 3px; color: #fff; display: inline-block; padding: 6px 10px; font-size: 23px;
	}
	.nav{ position: relative; float: right; width: auto; padding-top: 0;}
	.nav ul{ display: none; position: absolute; top: 100%; width: 290px; float: left; right: 0; background: rgba(0 ,0 ,0 ,0.9);}
	.nav ul li{ width: 100%; float: left; display: block; padding: 0; border-bottom: 1px solid #333;}
	.nav ul li a{ display: block; padding: 10px 0; color: #fff;}
	.nav ul li a:hover{ background: #333; color: #000;}
	.sbt{ width: 100%;}
	.baner, .baner2, .baner3, .baner3.state{ background-image: none; background-color: #bdcbd7; height: auto; padding-bottom: 15px; text-align: center; margin-top: 0;}
	.baner label, .baner br, .baner3 label, .baner3 br{ display: none;}
	.baner .box, .baner3 .box{ width: 50%; margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box;}
	.baner .box.box1, .baner3 .box.box1{ padding-right: 5px;}
	.baner .box.box2, .baner3 .box.box2{ padding-left: 5px;}
	.baner .box select, .baner3 .box select{ width: 100%; }
	.event-date{ width: 100%; float: left;}
	.baner .event-date select, .baner3 .event-date select{ width: 32%; margin-left: 2%;  margin-right: 0;}
	.baner .event-date select.month, .baner3 .event-date select.month{ margin-left: 0; }
	.module-ser .service-row select{ margin-left: 0; width: 100%;}
	.module-ser input[type="submit"], .mod-ser2 input[type="submit"]{ width: 100%; margin-left: 0; margin-top: 15px !important;}
	.baner p, .baner2  p, .baner3  p{ margin-top: 10px;}
	.baner .socila-share, .baner2 .socila-share, .baner3 .socila-share{ float: none; display: inline-block; margin: 15px auto 0;}

	.baner3 .state-baner-left .gapT10{ padding-top: 0;}
	.facebook-wid{ text-align: center;}
	.facebook-wid .title-box h2, .facebook-wid .title-box img{ float: none; margin: 15px auto 0;}
	/* subpage */
	.vendor-left{ margin-bottom: 15px;}
	.serlist{ width: 100%; margin-left: 0;}
	.widget2 .imgbox{ width: auto; float: left;}
	.comdesp .imgthumb.alignright{ margin: 0; float: left;}
	.module-gal .boximg{ margin-right: 10px;}
	.sidebar-3 .qrSave{ margin-right: 15px; margin-top: 5px;}
}