/* Parent stylesheet should be loaded from functions.php not using @import */

.container {max-width: 1366px !important; width: 90% !important;}
body {color:#444; font-size:15px; line-height: 25px; font-family: 'Roboto', sans-serif !important; font-weight:300; }
.clear {clear:both;}
p { margin: 0 0 10px;}
a {text-decoration:none;color: #038afd;}
a:hover {text-decoration:none;color:#2a3074;}
.center {text-align:center;}
.alignRight {text-align:right;}
.leftFloat {float:left;margin-right:15px;}
.rightFloat {float:right;margin-left:15px;}
.third {width:32%; margin-right:1%;padding:0% 1%;float:left;}
.twothird {width:64%; margin-right:1%;padding:0% 1%;float:left;}
.twothirdright {width:64%; padding: 0 0 0 2%;float:right;}
.twothirdright iframe {width: 100%; height: auto; min-height: 350px}
.half {width:50%; float:left;}
.quarter {width:23%; margin-right:1%;padding:1%;float:left;}
.threequarter {width:73%; margin-right:1%;padding:1%;float:left;}
.padding {padding:0 15px;}
.paddingVertical {padding:15px 0;}
.blue {color:#2a3074;}
.red {color:#970116;}
.drkgry {background:#999999;padding: 10px;}
h1 {font-family: 'Archivo Narrow', sans-serif;}
.ital {font-style: italic;}
.testimonial {color: #888;margin: 20px 0;padding-left: 20px;font-size:15px;background:none;}
.box {background-color: #eee; padding:20px;overflow:hidden;margin:15px 0;box-shadow: 0px 0px 4px #ccc inset;}
.negativetop {margin-top:-65px;}
.iframe-container {position: relative;height: 0;overflow: hidden;}
/* 16x9 Aspect Ratio */
.iframe-container-16x9 { padding-bottom: 56.25%;} 
.iframe-container iframe { position: absolute;top:0;left: 0;width: 100%; height: 100%;}


.content-area {   width: 79%;max-width: 79% !important;padding-right: 50px;}
.imageborder {border:1px solid #eee;padding:3px}
h2 { font-size: 24px;color:#2a3074;font-weight:300;margin: 15px 0 15px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(53, 86, 129, 0.3);}
h2 span { font-weight: bold;text-transform: uppercase;}
h3 { font-size: 21px; color:#2a3074; font-weight: 300; text-transform: uppercase;    margin: 30px 0 10px;}
.firstline {color:#2a3074;font-weight:500;font-size: 18px; line-height: 28px; letter-spacing: 0.3px;}

h2.landing_grid {border-bottom:none;}

.wp-caption p.wp-caption-text { font-size: 12px;text-align: left;    line-height: 18px;}
.content-area ul {margin-left:20px;list-style: inside none disc;}
.content-area ul li {text-indent:-12px;}

/* Blog Section */
.blogIntro {font-size: 18px; line-height: 30px; margin-bottom: 10px; color:#888; font-weight:400;}
#content .social-share-buttons li:before {content: none;}
.social-share-buttons.position-horizontal li a { border: none;}
.wpex-social-share li, .wpex-social-share a {display: block;text-decoration: none;text-indent: 0 !important;}
.theme-button {background:#2a3074;}
.theme-button:hover {background:#038afd;}
.entry-title {color: #2a3074; font-family: 'archivo narrow',sans-serif;font-size: 26px; margin: 0 auto; text-shadow: none;text-transform: capitalize;}
.entry-title, .single-blog-header {margin: 15px 0 15px;}
.entry-title a:hover {color:#038afd;}
.sidebar-box .widget-title {color:#038afd; border-bottom:2px solid #999;text-transform:uppercase; font-weight:400;font-size: 16px;margin-bottom:15px;}
.sidebar-box ul {margin-left:20px;}
.sidebar-box ul li {text-indent:-10px;}
.sidebar-box ul li a {color:#2a3074}
.sidebar-box ul li a:hover {color:#038afd}
.wpex-widget-recent-posts-li:first-child, .widget_categories li:first-child, .widget_recent_entries li:first-child, .widget_archive li:first-child, .widget_recent_comments li:first-child, .widget_product_categories li:first-child, .widget_layered_nav li:first-child, .widget-recent-posts-icons li:first-child, .site-footer .widget_nav_menu li:first-child {border-top:none;}
.wpex-widget-recent-posts-li, .widget_categories li, .widget_recent_entries li, .widget_archive li, .widget_recent_comments li, .widget_product_categories li, .widget_layered_nav li, .widget-recent-posts-icons li, .site-footer .widget_nav_menu li {border-bottom: 1px solid #eee;padding: 3px 0;}
.sidebar-widget-icons .widget_categories a::before, .sidebar-widget-icons .widget_recent_entries a::before { content: "鈻�";}
ul.page-numbers {list-style: outside none none !important;margin: 10px 0 0 !important;}
ul.page-numbers li { text-indent: 0 !important;}

.entry li { text-indent: 0 !important;}
.meta li, .entry .meta li { float: left;list-style: outside none none !important;margin: 0 20px 5px 0;text-indent: 0 !important;}

/* MobileMenu */
.sidr-inner ul {list-style-type: none;}
.sidr-inner a {color:#fff !important; }
.sidr a {color: #fff !important;font-size: 16px;}
.sidr-inner input {display:none !important;}

/* Header */
#mobile-top-tag, #site-logo-mobile, .top-menu-mobile {display:none;}
#top-bar-wrap {background-color: #2a3074;color: #ffffff;font-size: 14px !important;}
#top-bar {min-height: 0;padding: 0px 0;}
#top-bar-content br {display:none;}
#top-bar-content strong { color: #fff !important;}
.topbarleft, .topbarcenter, .topbarright {float:left;    line-height: 20px;}
.bull {display:inline;}
.topbarcenter {width:14%;}
.topbarleft, .topbarright {width:42%;margin-top:10px}
#top-bar .topbarcenter {background:#ccc; color:#2a3074; margin: 0 5px; padding: 12px;font-weight:bold;}
.phonenumber, .addresslink {color: #fff !important;}
#site-header-inner {height: 105px !important;padding-bottom: 3px !important;padding-top: 3px !important;}
.header-two-aside {float: left !important;text-align: left !important;}
.tag {font-size:12px; text-transform:uppercase;line-height:20px; margin:40px 20px 0px 0px;float:left;font-weight:400}
.tag .tag_bigger {font-size:21px; color:#970116;text-transform:none;}
.promos {float:left;margin-top:-3px}
.social{float: right;position: absolute;right: 0;top: 15px;text-align: right;}
#header-two-search {position: absolute !important;right: 0 !important;z-index: 101 !important;}
#header-two-search-input {color:#2a3074 !important;border:none !important;background: #e6e6e6 !important;}
#header-two-search-submit {margin-left:0 !important;background: #e6e6e6 !important;color:#2a3074 !important;border-radius:0 !important;font-size:16px !important;}

/* PageHeaders */
.page-header {margin: 0 0 20px; padding: 0; height:235px;background-size: cover !important;}
.page-header img {width: 100%;}
.page-title {width: 95%;position: absolute;margin-top: -300px; }
.header-title {text-transform:uppercase; color: #fff;font-size: 48px;font-weight: 300;line-height: 48px;margin: 180px auto 0;text-shadow: 2px 2px 4px #333;}
.header-title span {font-weight:600; text-transform:uppercase;}
.page-header-default  {padding: 10px 0;margin: 15px 0 15px; }
.page-header-default .header-title {border-left: 2px solid #ccc;
    color: #038afd;
    font-family: 'archivo narrow',sans-serif;
    font-size: 36px;
    margin: 0 auto;
    padding-left: 15px;
    text-shadow: none;
    text-transform: capitalize;}

/* Menus */
#menu-top-menu {margin-top:30px}
#menu-top-menu a {color:#2a3074;font-size: 15px;}
#menu-top-menu a:hover {color:#999;}
#menu-top-menu li {float:left; padding: 0 3px;}
#menu-top-menu li:after { content: " /";}
#menu-top-menu li:last-child:after {content:"" !important;}
.ubermenu-skin-clean-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {border: 1px solid #ccc;}
.ubermenu .ubermenu-target-with-image > .ubermenu-target-text {text-align:center !important;}
.ubermenu-skin-clean-white {
    background: #f9f9f9 !important;
    border: medium none;
}
.navbar-style-two {background: #f9f9f9 !important;width: 100%;position:absolute;}

#site-navigation a {font-size: 21px;font-weight: 300;text-transform: uppercase;padding:10px 20px;}
#site-navigation ul li ul li a {font-size: 15px; text-align:center;color:#2a3074;font-weight: 400;padding:10px 13px;}
#site-navigation ul li ul li a:hover {color:#666;}
#site-navigation ul li ul li ul {background:#eee; border:1px solid #ccc; padding:10px; text-align:left;margin: 5px;min-height: 252px;}
#site-navigation ul li ul li {margin:0px}
#site-navigation ul li ul li ul li a {font-size: 13px; line-height:14px; color:#777;font-weight: 300;padding: 7px;text-transform:none;}
#site-navigation ul li ul li ul li a:hover {color:#444;}
.ubermenu-submenu-id-13727 {background:#8f8f8f !important; }
ul.ubermenu-submenu-id-13727 li a {font-size: 15px !important;font-weight: 400 !important;color:#fff !important;}
ul.ubermenu-submenu-id-13727 li a:hover {color:#000 !important;}
.ubermenu-skin-clean-white .ubermenu-submenu.ubermenu-submenu-drop {background: #fff !important;}

.ubermenu-submenu-type-flyout li a {text-align:left !important;}

.site-main {margin-top:50px;}

/* Home Page */
.thirdFeature {width:33.3%; float:left;}
.thirdFeature img {margin-bottom:2.25%;}
.twothirdFeature {width:66%; margin-right:.6%; float:left;}
.home_callouts li {width:32.3%; margin-right:1%;float:left;}
.home_callouts li:hover {opacity:0.8;}
.location_callouts {margin:1% auto .5%;}


.nel {font-family: 'Archivo Narrow', sans-serif; font-size:20px; text-align:center;line-height: 29px;margin-top: -15px;}
.nel strong {color:#970116;font-size:27px;font-weight:normal;}
.nel span {background:#970116; color:#fff;padding:6px 10px;line-height: 50px;}
.loc {font-family: 'Archivo Narrow', sans-serif; font-size:16px;text-align:center;line-height: 22px;}
.loc strong {font-size:24px;color:#2a3074;font-weight:normal;}
.loc p {margin:10px 0;}
.locLeft {background: url("/images/location_arrow_left.png") no-repeat right;}
.locRight {background: url("/images/location_arrow_right.png") no-repeat left;}

/* Blocks */
ul.blocks {float:left; list-style-type: none;padding: 0; text-align: center;}
ul.blocks li { display: inline-block;height: auto;margin: 0 1em 1em 0;position: relative;width:30%;border-right: 1px solid #ddd;border-bottom: 1px solid #bbb;margin: 0 3% 40px 0; padding-bottom: 20px; float:left;}

ul.blocks li:last-child {border-right:none; border-bottom:none;}
ul.blocks li a, .hardware_category {font-size: 20px;font-family: 'Archivo Narrow';color: #444;font-weight: bold;text-transform: uppercase;}
ul.blocks li a:hover {color:#2a3074;}
.arrow:after {background:url('images/category_arrow.png') no-repeat;content: "";display: inline-block;height: 16px; margin-left: 5px;position: relative;width: 16px;}

.promotion-blocks h3 {color: #970116;margin:10px 0;font-size: 21px;}
.promotion-blocks ul.blocks li:last-child {border-right: 1px solid #ddd;border-bottom: 1px solid #bbb;}
.promotion-blocks ul.blocks li {padding-right:10px;min-height: 425px;}

.hardware-blocks ul.blocks li { display: inline-block;height: auto;margin: 0 1em 1em 0;position: relative;width:47%;border-right: 1px solid #ddd;border-bottom: 1px solid #bbb;margin: 0 3% 40px 0; padding: 20px; float:left;min-height: 475px;}

#brands .quarter-box img {border: 1px solid #e3e3e3; padding: 2px; margin-bottom: 5px;border-radius: 10px;}
#brands .quarter-box {width:22%; margin-right:3%;float:left;text-align:center;margin-bottom: 5px; padding:1% 0;}



/* Sidebar */
.sidebar-interior .nel {margin-top: 15px;}
.sidebar-interior { width: 21%;margin:20px auto;float: left;text-align: center}
#sidebar { width: 21%;margin:20px auto;float: left;}

.sidebar-interior a img {margin:1% 0}


/* Forms */
.consultationForm {margin:0px auto 1%;}
.ac-container div {width: 100%;max-width: 285px; margin: 0 auto;}
.ac-container label{position: relative; z-index: 20;cursor: pointer; height: 64px;   width: 100%;max-width: 285px;}
.ac-container .form-box .gform_wrapper .gform_body {padding: 5px 18px 11px !important; margin-top: 2px !important;margin-bottom: 10px !important;}
.ac-container .form-box .gform_wrapper .gform_heading {display:none;}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{	 color: #ddcece;}
.ac-container input[type="checkbox"] {display: none;}
.ac-container article{background:#efeeee; border-radius: 0 0 5px 5px; margin-top: -1px;overflow: hidden;height: 0px;z-index: 10;
-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
transition: height 0.3s ease-in-out, box-shadow 0.6s linear;}
.ac-container article p{padding: 20px;}
.ac-container input:checked ~ article{
-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
transition: height 0.5s ease-in-out, box-shadow 0.1s linear;}
.ac-container input:checked ~ article.ac-large{	height: 360px;width:100%;max-width:100%;margin: 0 auto;}
.consultationForm textarea,.consultationForm input { background: #fff; box-shadow:2px 2px 2px #ccc;width: 100%;border-radius:5px;}
.consultationForm textarea {height:110px;}
.consultationForm input[type="submit"] {background:#970116 !important; color:#fff !important;box-shadow: inset 2px 2px 2px #eee;font-size:15px;font-weight:bold;border-radius:6px; width:50%; float:right;}
div.wpcf7 img.ajax-loader {display:none;}
.wpcf7-list-item {display:block;}

.greybox {background-color: #eee; padding:15px;overflow:hidden;margin:15px 0;box-shadow: 0px 0px 4px #ccc inset;}
.bluebox {background-color: #f1f1f5; padding:15px;overflow:hidden;margin:15px 0;box-shadow: 0px 0px 4px rgba(43, 48, 114, 0.3) inset;}


.staff-blocks img {float:left; border:4px solid #eaedf6;margin: 0 2% 0 0;}
.staff-blocks li {border-bottom: 1px solid #eee;border-right: 1px solid #eee;float: left;margin: 0 2% 2% 0;min-height: 400px; padding: 0 2%; width: 48%;list-style:none;text-indent:0px !important;}
.staff-blocks strong {color:#2a3074;font-size:18px;}
.staff-blocks em {font-size:15px;color:#038afd;}
.staff-blocks p {margin:10px 0; line-height: 20px;font-size: 12px;}

/* Footer */
#footer {background-color: #cecece !important;margin-top: 10px;font-family: 'Archivo Narrow', sans-serif;line-height: 20px;color:#777 !important; }
.site-footer strong {color:#555 !important;}
.site-footer .container {padding-top: 15px;}
.footer-widget .widget-title {color:#2a3074;font-weight: 400; margin: 0 0 5px;text-transform:uppercase;font-size: 15px;}
.footer-widget {padding-bottom: 0 !important;font-size: 14px;}
#footer li {border: none; padding: 0;}
#footer li a{color:#777 !important;font-size: 14px;}
#footer li a:hover {color:#555 !important;}
#footer-widgets .col-1 {width: 11%; margin-left:1%}
#footer-widgets .col-2 {width: 12%;}
#footer-widgets .col-3 {width: 17%;}
#footer-widgets .col-4 {width:33%; background-color: #b5b5b5; box-shadow: -2px -2px 6px 0 rgba(1, 1, 1, 0.45);margin-top:-25px;padding: 15px 0px !important;font-size: 14px; line-height: 21px;}
#footer-widgets .col-5 {text-align:right;line-height: 18px;width: 25%;}
#footer-widgets .col {padding-left: 15px;padding-right: 0;}
#footer-top {padding:10px 0;}
#footer-top li {float:left;margin: 0 10px;}
ul.footer_logos li:first-child {margin: 5px 0 0 !important;}
.partner-wrap {float:right; min-width:73%;}
.partners {float:left;color: #999;margin-top: 15px;border-right: 1px solid #333;}
#footer-bottom > .container { padding-bottom: 0px; padding-top: 10px;}
#copyright {font-size:10px;line-height:16px;}
.price-disclaimer {margin-top: 40px; width: 40%; font-size: 15px;}


@media screen and (min-width: 1920px) {
.page-header {height:300px;}
.header-title {margin: 230px auto 0;}
.tag_smaller br {display:none;}
}

@media screen and (min-width: 1600px) and (max-width: 1919px) {
.page-header {height:275px;}
.header-title {margin: 210px auto 0;}
.tag_smaller br {display:none;}
}

@media screen and (min-width: 1367px) and (max-width: 1599px) {
.page-header {height:250px;}
.header-title {margin: 195px auto 0;}
.partner-wrap {min-width: 81%;}
.promos {max-width: 200px;}
#menu-top-menu {font-size:13px; margin-top: 25px;}
#header-two-search {margin-top: 18px;}
.tag_smaller br {display:none;}
.topbarcenter {width: 15%;}
.tag {    margin: 15px 20px 0px 0px;line-height: 17px;}
.tag .tag_bigger { font-size: 18px;line-height: 28px;}
.tag_smaller br {display:block;}
}

@media screen and (max-width: 1366px) {
.topbarcenter {width:16%;}
.topbarleft, .topbarright {width:40%;}
#site-header-inner {height: 90px;}
#site-logo {max-width: 300px;}
.tag {    margin: 15px 20px 0px 0px;line-height: 17px;}
.tag .tag_bigger { font-size: 18px;line-height: 28px;}
.tag_smaller br {display:block;}
#menu-top-menu {margin-top: 20px;font-size:13px;}
.promos {max-width: 185px;}
.partner-wrap {min-width: 86%;}
#site-navigation ul li ul li a {font-size: 14px;}
#site-navigation ul li ul li ul li a { font-size: 12px;}
#header-two-search {margin-top: 25px;}
ul.blocks li a, .hardware_category {font-size: 18px;}
}

@media screen and (max-width: 1280px) {
.tag {    margin: 15px 20px 0px 0px;line-height: 17px;}
.tag .tag_bigger { font-size: 18px;line-height: 28px;}
.topbarcenter {  width: 18%;}
#menu-top-menu {margin-top: 20px;font-size:13px;}
#menu-top-menu li {padding: 0 2px;}
.promos {max-width: 180px;margin-top: -1px;}
.partner-wrap {min-width: 92%;}
#site-navigation a { font-size: 19px;}
#menu-top-menu a {font-size: 13px;}
.staff-blocks li {    min-height: 490px;}
#footer li a, .footer-widget{font-size: 13px;}
ul.footer_logos li:first-child {margin: 10px 0 0 !important;}
.price-disclaimer {font-size: 13px;line-height: 18px;}
.promotion-blocks h3 {font-size: 18px;}
.promotion-blocks ul.blocks li {font-size: 13px;line-height: 20px;}
}

@media screen and (max-width: 1200px) {
#top-bar-wrap {font-size: 12px !important;}
.topbarcenter {width:20%;}
.topbarleft, .topbarright {width:38%;}
#site-navigation a {font-size: 16px; padding: 10px 15px;}
#header-two-search {margin-top: 25px;}
#menu-top-menu {margin-top: 10px; font-size: 12px; width: 70%; float: right; line-height: 21px;}
#menu-top-menu li {float: right;}
#menu-top-menu li:last-child:after {
    content: "/" !important;}
staff-blocks li {min-height: 1px;width: 98%;}
.ac-container article p { padding: 10px;}
.consultationForm input[type="submit"] {width: 65%;}
.promos {max-width: 170px;}
#site-header-inner {height: 110px !important;padding-top: 10px !important;}
.tag .tag_bigger {font-size: 16px;}
.location_callouts { margin: 2% auto .5%;}
#footer {font-size: 12px;}
#footer-widgets .col-4 .half {width: 48%;float: left; margin-left: 2%;}
#footer-widgets .col-5 .half {width: 98%;float: none; margin-left: 2%;}
#footer-widgets .col-5 .half .textleft {text-align: right;}
#footer-widgets .col-5 .half .leftFloat { margin-right: 0px; margin-bottom: 10px; max-width: 95px;}
.paddingVertical {padding: 15px 0 0;}
#footer-top li {float: left; margin: 0 5px;}
.partner-wrap {min-width: 100%;}
#site-navigation ul li ul li ul {min-height: 200px;}
#site-navigation ul li ul li a {font-size: 11px;}
#site-navigation ul li ul li ul li a {padding: 5px;font-size: 10px !important;line-height: 11px;}
.ubermenu .ubermenu-item-layout-image_above>.ubermenu-image {margin-bottom: 10px;}
#menu-item-13798 {margin-top: 30px;}
.nel {font-size: 18px;}
.nel strong {font-size: 22px;}
.page-header {height: 200px;}
.header-title { margin: 150px auto 0;}
.footer_logos li {max-width:33%;}
ul.blocks li a {font-size:14px;}
.arrow:after { background-size: 80%; background-position-y: 3px;}
.promotion-blocks h3 {font-size: 16px;}
}

@media screen and (max-width: 1024px) {
.footer-widget .widget-title {font-size: 13px;}
.price-disclaimer {font-size: 11px;}
.firstline {font-size: 16px;}
#site-navigation ul li ul li ul {padding: 5px;}
}

@media screen and (max-width: 1023px) {
#site-logo { max-width: 290px;}
.tag .tag_bigger {font-size: 15px;}
#site-navigation a {padding: 10px 13px;}
#menu-top-menu {font-size: 11px;}
#footer-top li {margin: 0px;}
#footer-top li img {max-width:90% !important}
#footer li a, .footer-widget {font-size: 12px;}
}

@media screen and (max-width: 959px) {
body.mobile-menu-disabled #site-header #site-navigation-wrap {position: relative !important;}
body.mobile-menu-disabled #site-header #site-logo {float: left !important;margin: 0 !important;}
#site-header #site-logo {float: left !important;}
.site-main {    margin-top: 0px;}
.menu-top-menu-container {display:none;}
.top-menu-mobile {display:block; float:right;margin-right: 40px !important;position: relative;}
#menu-mobile-top-menu {margin-top:-35px}
#menu-mobile-top-menu a {color:#2a3074;font-size: 15px;}
#menu-mobile-top-menu a:hover {color:#999;}
#menu-mobile-top-menu li {float:left; padding: 0 3px;}
#menu-mobile-top-menu li:after { content: " /";}
#menu-mobile-top-menu li:last-child:after {content:"" !important;}
#header-two-search {margin-top: 27px;}
#top-bar-content br {display:block;}
#top-bar strong {display:block;}
#top-bar span {padding: 3px 12px !important;}
#top-bar-content {line-height: 30px !important;}
#top-bar {padding: 3px 0 !important;}
.content-area, .sidebar-interior {   width: 100%;max-width: 100% !important;float:none;}
.content-area {padding-right: 0;}
ul.blocks li a { font-size: 16px;}
#footer {font-size: 16px !important;line-height: 28px !important;}
#footer-widgets .col-1, #footer-widgets .col-2, #footer-widgets .col-3 {width: 33% !important;}
#footer-widgets .col-4 {width: 100% !important;margin-top: 25px;font-size: 16px; line-height: 24px;text-align: center;}
#footer-widgets .col-5 {text-align: center;    margin: 15px 0;padding-bottom: 10px}
#footer-widgets .col-5 .half .textleft {text-align: center;}
#footer-widgets .col-5 .half .leftFloat { margin-right: 0px; margin-bottom: 10px; max-width: 115px; float: none !important;}
#footer-widgets .col-5 .rightFloat {float: none;margin-left: 0px;}
#footer-widgets .col-5 .textwidget {    font-size: 14px; line-height: 21px;}
#footer-widgets .col-5 .half {width: 49%; float: left;margin-left:0;}
#site-navigation ul li ul li a {font-size: 16px;text-align: left;    font-weight: 300;}
#footer li a, .footer-widget {font-size: 14px;}
.price-disclaimer {width: 100%;}
.negativetop {margin-top:0px;}
}

@media screen and (max-width: 800px) {
ul.blocks li a { font-size: 15px;}
.page-header { height: 150px;}
.header-title { margin: 100px auto 0;}
#footer-top {padding: 10px 0;margin: 0 auto;width: 60% !important;}
#footer-top .half {width:100%; text-align: center;}
.partner-wrap {margin-top: 15px;min-width: 100%;}
#site-logo {max-width: 240px;}
.promos {display: none !important;}
.loc strong { font-size: 18px;}
.location_callouts {margin: 3% auto .5%;}
.footer_logos {width:80%; margin:0 auto;}
#footer-widgets .col-4 {margin-top: 0px;}
#footer-widgets .col-5 { width: 75% !important;margin: 15px auto !important; float: none;}
#footer-widgets .col-1, #footer-widgets .col-2, #footer-widgets .col-3 {display:none !important;}
#footer-widgets.wpex-row .col {margin-bottom: 10px !important;}
.arrow:after { background-size: 70%; background-position-y: 5px;}
#brands .quarter-box {width:30%;}
}

@media screen and (max-width: 767px) {
#site-logo {max-width: 55%;float:none !important}
.nel {margin-top: 0px;}
.loc {font-size: 14px;}
.location_callouts {margin: 2% auto .5%;}
#footer-bottom { padding: 5px 0 !important;}
.leftFloat, .rightFloat { float: none; margin-right: 0;}
.alignright, .alignleft { float: none; margin: 0 auto; display:block;}
#footer-widgets .col {padding-left: 0;padding-right: 0;}
#footer-widgets .col-5 .half {margin-left: 0;}
.social {display: none !important;}
.header-two-aside { float: right !important; text-align: right !important;margin-bottom: 21px !important;}
.top-menu-mobile { display: block;float: right;margin-right: 40px !important; position: relative; margin-top: 20px;}
#header-two-search {margin-top: 48px;}
.location_callouts {display:none;}
.container { width: 95% !important;}
#top-bar .topbarcenter {line-height: 18px;}
#footer-widgets.wpex-row .col-5 {display:none;}
#footer-top {display:none;}
}

@media screen and (max-width: 667px) {
#site-logo {max-width: 52%;}
.header-two-aside {float: right !important;text-align: right !important;margin: 0px auto !important;}
#header-two-search {margin-top: 67px;}
.top-menu-mobile {margin-right: 20px !important;}
.tag { margin: 0; line-height: 15px;font-size: 12px;}
.tag .tag_bigger { font-size: 16px;}
.home_callouts li { width: 100%; float: none;}
.home_callouts li img { width: 100%; margin:5px auto;}
.page-header { height: 125px;}
.header-title { margin: 75px auto 0;font-size: 40px;}
ul.blocks li { width: 47%;}
.arrow:after {background-size: 70%;    background-position-y: 5px;}
#footer-top {width: 70% !important;}
.footer_logos {width: 100%;}
#slide-wrap {display:none;}
.thirdFeature, .thirdFeature img {width: 100%; float: none;}
#wrap .wpex-row .col-5 .footer-widget {width: 85% !important; max-width: 85% !important; margin: 0 auto !important;}
.quarter {width:47%; margin-right:1%;padding:1%;float:left;}
}

@media screen and (max-width: 568px) {
#site-logo {max-width: 48%;}
#footer-top {width: 76% !important;}
ul.blocks li a { font-size: 12px;}
.header-title { font-size: 36px;}
.tag .tag_bigger { font-size: 15px;}
.staff-blocks li {width:100%;border-right:0;min-height: 0;}
.page-header-default .header-title {font-size: 30px;}
.hardware-blocks ul.blocks li {width:100%;}
}

@media screen and (max-width: 480px) {
#top-bar-wrap {    font-size: 11px !important;}
#top-bar .topbarcenter { line-height: 14px;}
.topbarcenter {width:21%;font-size: 11px; line-height: 14px;margin: 5px;}
.topbarleft, .topbarright {width:38%;margin-top:5px}
#site-logo { max-width: 50%;}
.tag { margin: 0; line-height: 15px;font-size: 10px;}
.tag .tag_bigger { font-size: 12px;}
#header-two-search input#header-two-search-input {width: 150px;}
.page-header { height: 100px;}
.header-title { margin: 50px auto 0;font-size: 34px;}
#footer-top {width: 90% !important;}
#brands .quarter-box {width:47%;}

}

@media screen and (max-width: 479px) {
#mobile-top-tag {display:block; background: #970116;color: #fff;line-height: 50px;font-size:16px;text-align: center;font-family: 'Archivo Narrow',sans-serif;}
#site-logo-mobile {display:block;    text-align: center;background:#fff;}
#site-header-inner {height: 1px !important;
    padding-top: 10px !important;
    width: 90% !important;}
#site-logo, .header-aside-content {display:none;}
.topbarleft, .topbarright { width: 50% !important; float:left}
.topbarleft {border-right:1px solid #fff}
.topbarcenter { display:none !important;}
.topbarcenter br {display:none !important;}
#site-header #site-logo {float: none !important;margin: 0 auto !important;    max-width: 95%;}

#header-two-search {margin-top: 55px;
    position: relative;
    right: 30%;
    z-index: 100;
}
.tag { margin: 0 auto 10px;line-height: 15px; font-size: 12px; width: 100%;}
.tag_bigger {font-size: 15px !important;}
#footer-widgets .col-4 .half {width: 100%;float: none; margin-left: 0;}
#footer-top {width: 100% !important;}
#footer-top li img {max-width: 75% !important;}
.partners {float: none;border-right: none !important;display: block !important;text-align: left;margin-left: 15px;}
ul.blocks li {  width: 85%; margin: 10px auto !important; float: none;border-right:none;}
ul.blocks li a { font-size: 15px;}
.page-header { height: 80px;}
.header-title { margin: 30px auto 0;font-size: 30px;}
.page-header-default .header-title {font-size: 24px;}
.drkgry .half {margin:5px 0;}
#footer-widgets .col-4 {line-height: 21px;padding: 15px 0px 0 !important;}
.leftFloat, .rightFloat { width:100%;}
.half {float:none; width:100%;}
#menu-mobile-top-menu {margin-top:0px !important;}
.top-menu-mobile {
    margin: 10px auto !important;
    width: 73%;
}
}

@media screen and (max-width: 414px) {
#footer-widgets .col-5 .half {width: 100%;}
h2 {font-size: 21px;}
#copyright {font-size: 9px;}
.quarter, .third {width:100%; margin-right:0%;padding:1%;float:none;}
}

@media screen and (max-width: 374px) {
#brands .quarter-box {width:98%;margin-right:1%; margin-left:1%}
}

@media screen and (max-width: 320px) {
#footer-top li { margin: 0px;width: 75px;}
#footer-widgets .col-5 .half {width: 100%; float: left;}
.page-header { height: 60px;}
.header-title { margin: 18px auto 0;font-size: 24px;}
.bull {display:none}
.phonenumber, .addresslink {display: block;}
.top-menu-mobile {margin: 10px auto !important;width: 80%;}
.page-header-default .header-title { font-size: 20px;line-height: 24px;}
#header-two-search input#header-two-search-input { width: 125px;}
}


@media screen and (min-width:1200px){
    #bottom { background: url(/images/bottom.png) no-repeat; height: 146px; margin-top: 0px;}
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
    #bottom { background: url(/images/bottom.png) no-repeat; height: 146px; margin-top: 0px; width:100%;}
}




#ccontact { width: 1188px; margin: 0 auto; font-size: 12px; line-height: 28px; color: #fff; padding-top: 10px;}
#ccontact a { color: #fff;}
#ccontact h4 { font-size: 14px; font-weight: bold;}

#cp_su { width: 1188px; margin: 0 auto; margin-top: 10px; height: 40px; font-size: 12px; line-height: 40px; color: #fff; position: relative;}
#cp_su a { color: #fff;}
#sub_menu { position: absolute; left: 0; top: 0px;}
#copyright { position: absolute; right: 0px; top: 0px;}