﻿/************************************** Responsive Styles **************************************************/
@media (max-width: 1179px) {
	.Wrapper{margin:0 10px;width:auto;}
	ul.sm>li {margin-right:29px; padding-right:29px;}
	#MainContent .categories li{margin:0 24px 0 0;}
	#MainContent .bottomLogos img{width:9.6%;}
}

@media (max-width: 999px) {
	#Header .logo{width:55%;}
	#Header .HRight .mail{font-size:16px;}
	ul.sm>li {margin-right:27px; padding-right:27px;}
	#MainContent .bottomLogos img{margin-right:25px;}
}

@media(max-width: 979px) {
	#Header .HRight{width:319px;}
	#Header .HRight .social{float:right; margin:15px 0 0;}
	#Header .HRight .mail{margin:5px 0 0;}
	ul.sm>li {margin-right:12px; padding-right:12px;}
	#MainContent .categories li{margin:0 20px 0 0;}
	#MainContent .bottomLogos img{margin-right:20px;}
}

@media(max-width: 799px) {
	#MainNav{margin:0px;}
	#MainContent .categories li{margin:0 19px 0 0;}
	#MainContent .bottomLogos img{margin-right:19px;}
}

@media(max-width: 767px) {
	#Header{height:auto; text-align:center; padding-bottom:20px;}
	#Header .logo{float:none; width:auto;}
	#Header .HRight{width:100%;}
	#Header .HRight .social,#Header .HRight .mail{float:none; width:100%;}
	#MainContent .categories li{margin:0 0 20px; text-align:center; width:100%;}
	#MainContent .bottomLogos img{margin-right:15px;}
	#MainContent #cont_form,#MainContent .address{width:100%;}
}

@media (max-width: 639px)  {
	#MainContent .bottomLogos img{margin-right:9px;}
}

@media (max-width: 479px)  {
	#MainContent .bottomLogos{padding:5px;}
	#MainContent .bottomLogos img{margin-right:6px;}
    
}

@media (max-width: 439px) {
    
}

@media (max-width: 399px)  {
    
}

@media (max-width: 383px) {
    
}

@media (max-width: 359px) {
	#MainContent .bottomLogos img{margin-right:4px;}
    
}


/************************************** Smart Menus **************************************************/

@media(max-width: 767px) {
    .navbar-header {display:block;}
    #MainNav {display:none;height:auto;background:none;margin-top:1px;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;}
	ul.sm ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;box-shadow:none;border:none;padding:0px;}
	ul.sm>li{display:block;background:#00B200 none;padding:0px;text-align:left;float:none;width:100%;}
	ul.sm li{margin-bottom:1px;}
	ul.sm>li>a,ul.sm ul.sm-nowrap>li>a{white-space:normal; line-height:35px; color:#fff;}
	ul.sm>li>a{white-space:normal;padding:0px 15px;}
    ul.sm ul.sm-nowrap>li>a{background-color:#C4E8FF;color:#000}
    ul.sm ul.sm-nowrap>li>a:hover{background-color:#7DCBFF;}
	ul.sm iframe{display:none;}
    ul.sm ul.sm-nowrap>li>ul>li>a{background-color:#ddd;}
    ul.sm ul.sm-nowrap>li>ul>li>a:hover{background-color:#aaa;color:#fff;}
    .sm a:hover, .sm a:focus, .sm a:active,.sm a.Active,.sm a.highlighted {color:#fff;background-color:#606060;}
    .sm li:last-child {background:#00B200 none;margin-bottom:0px;}

    .sm li:first-child{border-top:none;}
    .sm > li > ul:before, .sm > li > ul:after {display:none;}
    .sm a span.sub-arrow,.sm ul a span.sub-arrow {top:50%;margin-top:-9px;right:auto;left:6px;margin-left:0;width:17px;height:17px;font:normal 16px/16px monospace!important;text-align:center;border:0;text-shadow:none;background:rgba(250,250,250,0.7);-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;display:block;position:absolute;color:#004F91;}
    .sm a.highlighted span.sub-arrow {}
    .sm a.has-submenu {padding-left:30px;padding-right:0px;}
}