#mobnav-btn, .show-mobile {display:none}
.button.show-mobile {display:none !important}
@media only screen and (max-width:780px) {
}
@media only screen and (max-width:980px) {
	body, p, li, div, td, th, dl, input, textarea, option, button, form, label {font-size:16px}
.button.show-mobile {display:inline-block !important}
.main-width  {width:100%; min-width:auto;}
.top-wrapper .main-width {position:inherit; height:auto; padding-bottom:15px}

/* layout */
div.column-1,  div.column-2,  div.column-3,  div.column-4,  div.column-5,  div.column-6,  div.column-7,  div.column-8,  div.column-9,  div.column-10,  div.column-11,  div.column-12, .vm-col-4, .vm-col-5, .width25, .width33, .vm-col-3, .top-wrapper {width:auto !important; float:none !important; clear:both; overflow:inherit}
div.column + div.column {margin:0 !important; border:none !important}

/* top wrapper */
.top-wrapper a.logo {display:block; position:relative; left:0; top:auto; margin:25px 0 0; width:100%; left:auto}
.top-wrapper .slogan p, .top-wrapper .contact p {position:relative; top:auto; left:auto; right:auto; width:auto; text-align:right; padding:15px 25px 0 0; margin:0}

/* MENUS */
/* ... button */
#mobnav-btn {top:42px !important; right:25px; bottom:auto; display:block; font-size:18px; font-weight:bold; color:white; cursor:pointer; text-align:right !important; position:absolute; height:31px; background:url(../images/ico-mobile-menu3860.png?v=1) no-repeat 5px 50% red; padding:7px 5px 0 50px; z-index:30; box-sizing:border-box}
#mobnav-btn * {font-family:Raleway, Helvetica, Arial, sans-serif; color:#fff; font-size:18px; text-transform:uppercase}

/* ... framework */
.top-ribbon .hor-menu {padding:0}
.hor-menu ul {text-align:center}

/* ... mobile dropdown */
/* ... ... sf menu */

.top-wrapper div.menu.sf-menu {top:120px; max-height:0; overflow:hidden; z-index:1000; position:absolute !important; left:0 !important; right:0 !important; bottom:auto !important; width:auto !important}
.top-wrapper div.menu.sf-menu.xactive {max-height:4000px !important; border-top:2px solid #484a58 !important; height:auto}
.sf-menu ul {position:relative !important; display:block !important}
.sf-menu li  {float:none!important; display:block!important; width:auto!important; margin:0 !important; padding:0 !important;}
.sf-menu a {float:none!important; text-align:left; padding:15px 0 15px 25px !important; display:block !important; position:relative; overflow:hidden; border-right:none !important; border-left:none !important; border:none !important}
.sf-menu div {display:inline !important; background:none !important; float:none !important; width:auto !important}
.sf-menu li li a {padding:15px 0 15px 25px !important; text-align:left !important}
.sf-menu li li li a {padding:15px 0 15px 40px !important}

/* ... mobile dropdown - colors */
.sf-menu, .sf-menu li a, .sf-menu li a:hover {background:#17181f !important}
.sf-menu li a, .sf-menu li a:hover {color:#fff !important; text-decoration:underline}
.sf-menu li li a, .sf-menu li li a:hover, .sf-menu li.active a {color:red !important}

/* FRONT */
.promo-wrapper, body.index .blog-featured {box-sizing:border-box; padding:0 10px}
.promo-wrapper .awards {display:none}
.blog-featured .items-leading .leading-0 {width:auto}

/* CONTENT */
.middle-wrapper {padding:10px; box-sizing:border-box}
.content-wrapper.single-col {padding:10px 15px 15px}
.categories-bottom div h3 {clear:both; text-align:center}
.categories-bottom * a {float:none !important; text-align:center; padding:0 !important; display:block}
.categories-bottom * a img {height:80px}
.footer-wrapper {margin:0}


}
@media only screen and (max-width:600px) {
	h1 {text-align:center}
	.category-desc {text-align:center}
	.category-desc * {text-align:left}
	.category-desc img, .item-page .img-fulltext-left {float:none; margin:auto; padding:0 0 10px; text-align:center}
	.rsform.feedback .formControls input.rsform-input-box, .rsform.feedback textarea {width:100%}
}
@media only screen and (max-width:500px) {
		h1 {font-size:28px}
	#mobnav-btn {padding:0; width:47px; text-indent:9999px; overflow:hidden}
	#mobnav-btn .inner {display:none}
	.promo-wrapper .arguments ul li {font-size:16px}
	.footer-wrapper {border-top:2px solid red}
	.categories-bottom div {float:none; width:100%; background:none}
}
@media only screen and (max-width:400px) {
	#mobnav-btn {top:14px !important; right:17px !important}
	.top-wrapper div.menu.sf-menu {top:66px}
	.top-wrapper a.logo {height:46px; background-size:contain; margin:8px 0 0; background-position:17px 0 !important}
	.top-wrapper .slogan p, .top-wrapper .contact p {padding-right:0; text-align:center}
	.promo-wrapper .arguments {white-space:inherit}
}