@media (-webkit-min-device-pixel-ratio:0) {
	#main-content #cat-banner {margin-top:-12px;}
	#main-content #cat-banner h1 {margin-top:12px;}
	#main-content #cat-banner .cat-content .cat-ads {margin-top:10px;}
}

@media screen and (min-width:200px) and  (max-width:1041px)  { 

.mobie-hide {display:none !important;}

#main-wrapper { position:relative; z-index:1; }
body.logged-in-bg #main-wrapper { -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.25); box-shadow: 0 0 3px 1px rgba(0,0,0,.25); }

#main-nav {z-index:0; position:fixed; top:0; right:0; bottom:0; left:auto; width:230px; background:#004498; overflow:auto; -webkit-overflow-scrolling: touch;}
#main-nav li {float:left; width:100%; position:relative; overflow:hidden;}
#main-nav li a {float:right; width:92% !important; padding:20px 4%; border-bottom:solid 1px #00316c; border-top:solid 1px #0264de; color:#fff; font-size:18px; text-transform:uppercase; font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;}
#main-nav li .cart-quant {position:absolute; top:15px; right:10px; background:#00479a; border-radius:25px; -webkit-border-radius:25px; padding:7px; width:12px; font-size:12px; height:12px; color:#fff; text-align:center; vertical-align:middle; }

#main-nav a#current-cart-btn {position:absolute; bottom:0; top:0; right:0; width:46% !important; background:#8cc54b; color:#fff; z-index:2;}

#main-nav li a:hover {background:#013575; color:#86bb41; }

#homepage-content .notLoggedIn #loggedinWizard .wizard-icon {width:125px; height:139px;}

#mobile-nav-btn, #main-nav li a.login {display:block; position:absolute; width:20px; padding:35px 20px 25px 20px; height:20px; border-right:solid 1px #ccc; border-left:solid 1px #fff; text-align:center; overflow:hidden; background:url(images/nav-bg.jpg) bottom left repeat-x; border-left:solid 1px #fff; cursor:pointer;}
#mobile-nav-btn {top:0; right:0;}
#main-nav li a.login {top:0; right:62px; z-index:9;}
#mobile-nav-btn img {float:right; width:100%; height:auto; position: relative; z-index: 99;}
#mobile-nav-btn:hover {background:url(images/nav-hover.jpg) top left repeat-x #fff;-webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .25); box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .25); }
#main-header .searchlogged { margin:0 174px 0 170px; border-right:solid 1px #ccc; }

#main-header a.login {width:100px; top:0; right:62px;}
#main-header a.notLoggedIn-login {right:0px;}

#footer {font-size:12px;}

#main-content #cat-banner .cat-content h1 img {height:35px; width:auto;}
#main-content #cat-banner .cat-content {height:275px; margin:0 10px 0 425px;}
#main-content #cat-banner .cat-content p , #main-content #cat-banner .cat-content .cat-ads {font-size:14px; height:90px;}
#main-content #cat-banner .cat-content h1, #main-content #cat-banner .cat-content .cat-ads {width:96%; float:left; margin:0 0 10px 0;}

#main-content #cat-banner .cat-content h1 {height:35px;}
#main-content #cat-banner .cat-content p {position:absolute; top:70px; left:0px; right:0;}
#main-content #cat-banner .cat-content .cat-ads {margin:100px 0 0 0;width:100%; }

#homepage-content {padding-top:75px;}

#homepage-content .loggedOut-right, #homepage-content .notLoggedIn #loggedinWizard {width:65%; float:right;}
#homepage-content .loggedOut-right > div.banner {width:98%; min-height:100px; margin:0 1% 75px 1%; padding-bottom:10px;}
#homepage-content .loggedOut-right > div img {width:50%; margin:-50px 25% 0 25%;}
#homepage-content .loggedOut-right .vert-rule {display:none;}

#homepage-content #linksbox {width:30%;}

#homepage-content #linksbox a.brand-logo img {width:100%; height:auto;}

#homepage-content #homepageCenter, #homepage-content #QuickOrderPatrickHighlights {float:right; overflow:hidden; margin-left: 1%; margin-right:1%; width:62%; padding:0 0 15px 0; background-image:none;}
#homepage-content #QuickOrderPatrickHighlights > div, #homepage-content #QuickOrderPatrickHighlights .patricksCorner, #homepage-content #QuickOrderPatrickHighlights #highlight-flyer-wrapper, #homepage-content #QuickOrderPatrickHighlights p.cant-find {margin-right:4%; width:92%;}

.order-panel, .cart-panel {position:fixed; top:0; left:0; right:0; bottom:0; width:100%; background:url(img/blue-80.png) top left repeat transparent; z-index:10; padding:0; margin:0;}
.order-panel-content, .cart-panel-content {position:absolute; top:150px; left:50%; margin-left:-205px; background:#fff; width:390px; padding:10px; z-index:4; border-radius:3px; -webkit-border-radius:3px; -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.25); box-shadow: 0 0 3px 1px rgba(0,0,0,.25);}

#main-content .content-products .cat-grid .breadcrumbs .paging {float:right; width:100%; margin:25px 0 5px 0;}

.gallery-product-wrapper {width:32%; margin:0 1% 25px 0; min-width:150px; height:370px;}
.gallery-product {min-height:260px;}
.gallery-product-wrapper .quick-tools {height:150px;}
#main-content .content-products .product {min-height:175px !important;}
#main-content .content-products .cat-grid .product-wrapper, #main-content .content-products .parts-grid .product-wrapper {width:32%; margin:0 1% 50px 0; height:560px;}
#main-content .content-products .cat-grid .product .prod-name  {font-size:12px; font-weight:normal; height:85px;}
#main-content .content-products .product .prod-isProduct-img {height:235px !important; padding:15px 0;}

#main-content .content-products .cat-grid .product-wrapper .quick-tools {font-size:12px; height:140px;}
#main-content .content-products .cat-grid .product-wrapper .quick-tools .quant {width:48%;font-size:12px;}
#main-content .content-products .cat-grid .product-wrapper .quick-tools .quant input {width:20px; font-size:12px; padding:3px;}

.quick-tools .add-cart, .quick-tools .read-more {width:42%; padding:10px 3%; margin:5px 1%;font-size:12px;}
#main-content .content-products .cat-grid .product .price {height:80px; padding:5px 2%; }
 
 .gallery-product-wrapper {height:330px !important;} 
.gallery-product {min-height:auto; max-height:200px !important; box-sizing:border-box;}  


}

@media screen and (min-width:200px) and  (max-width:768px)  { 
  
.w-100-s {width:100%; display:block;}

body.logged-in-bg #main-wrapper {overflow-x:hidden;} 
  body.logged-in-bg #main-content #phone-number-top span {margin:10px 5px;}

.order-panel-content, .cart-panel-content {box-sizing:border-box; width:calc(100% - 20px) !important; left:10px; margin-left:0;} 
  
#main-header {height:auto;} 
#main-header .search.searchlogged, #main-header .search.searchnotlogged {float:left; width:100%; height:55px; background:#fff; margin:0; box-sizing:border-box;}
#main-header .search.searchnotlogged {padding-top:5px;}
#main-header:before {content:''; position:absolute; z-index:-1; top:0; right:0; width:100%; height:80px; background:url(images/nav-bg.jpg) bottom left repeat-x;} 
#main-header #logo {background:url(images/nav-bg.jpg) bottom left repeat-x; height:80px; box-sizing:border-box; width:170px;}
#main-header .search .k-autocomplete {top:5px; left:10px; right:10px; width:calc(100% - 20px);}
#main-header .search img.search-icon {top:15px; left:20px;}
#main-header a.login {z-index:9;}
.login-panel, .order-panel, .addcart-panel, .cart-panel {z-index:6; width:100%; box-sizing:border-box;}
#main-header .green-btn, #main-header .blue-btn {margin:5px;}
#main-header .search .phone {margin:10px 5px;}
  
  #footer {background:url(img/header-bg.jpg) top left repeat-x #004498; font-size:11px;} 
  #footer .left, #footer .right {display:block; width:100%; text-align:center; box-sizing:border-box; padding:5px 10px 25px 10px; overflow:auto;}
  #footer .right, #footer .right a {color:#fff;}
  
#homepage-content #loginbox {width:100% !important; box-sizing:border-box !important; background:transparent; box-shadow:none; } 
  
  .user-form-wrap, #homepage-content #loginbox, .edit_personal_box form {padding:0 10px; display:block; width:100%; box-sizing:border-box;}
  #scv_user_add, #homepage-content #loginbox table, .edit_personal_box form table {display:block; width:100%; box-sizing:border-box; padding:25px 10px; background:rgba(255, 255, 255, 0.5); border-radius:5px; -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,.10); box-shadow: 0 0 10px 2px rgba(0,0,0,.10);}
  .edit_personal_box form, .edit_personal_box form table {padding:0; overflow:hidden;}
  #homepage-content #loginbox table tbody, #homepage-content #loginbox table tr, .edit_personal_box form table tbody, .edit_personal_box form table tr {display:block; width:100%;}
  scv_user_add table td, #homepage-content #loginbox table td, .edit_personal_box form table td {display:block; width:100%; padding:3px; box-sizing:border-box;}
  #scv_user_add table tr td:first-child, #homepage-content #loginbox table tr td:first-child, .edit_personal_box form table tr td:first-child {text-align:left;}
  #scv_user_add table tr td:last-child, #homepage-content #loginbox table tr td:last-child, .edit_personal_box form table tr td:last-child {margin-bottom:10px;}
  #scv_user_add input[type=text], #scv_user_add select, #homepage-content #loginbox input[type=text], #homepage-content #loginbox input[type=password], .edit_personal_box form input[type=text], .edit_personal_box form input[type=password] {width:100% !important; box-sizing:border-box;}
  
  #scv_user_add table tr td:first-child, #homepage-content #loginbox table tr td:first-child, .edit_personal_box form table tr td:first-child {font-weight:bold; padding-top:10px; border:none;}
  
  .edit_personal_box form table tr td {padding-right:10px; padding-left:10px;}
  .edit_personal_box form table tr td i {display:block; width:100%; box-sizing:border-box; padding:5px;}
  .SC_sc_table tr:nth-child(even) td {background:transparent;}
  .edit_personal_box a.blue-btn {margin-top:10px; float:left;}
  
  
  #main-content .content-products .cat-grid .paging {display:flex; width:100%; overflow:auto;}
  #main-content .content-products .cat-grid .paging a {height:32px; width:32px; padding:10px; box-sizing:border-box;}
  #main-content .content-products .cat-grid .paging a:first-child, #main-content .content-products .cat-grid .paging a:last-child {width:auto;}
  
.gallery-product-wrapper {width:48%; margin:0 2% 50px 0; height:370px;}
#main-content .content-products .cat-grid .product-wrapper, #main-content .content-products .parts-grid .product-wrapper {width:48%; margin:0 2% 50px 0; height:550px;}

#main-content .product-details .product-image, #main-content .product-details .product-overview {width:80%; margin:25px 8%; padding:25px 2%;}
#main-content .product-details .small_alt_items_container {width:80%; margin:10px 8%; padding:10px 2%;}
#main-content .product-details .product-overview .prod-info, #main-content .product-details .product-overview .prod-buy-box {float:left; padding:0 2%; min-height:200px;}
#main-content .product-details .product-overview .prod-info {border-right:solid 1px #ccc; width:40%;}
#main-content .product-details .product-overview .prod-buy-box {border-left:solid 1px #fff; width:51%; text-align:center;}

  
  #homepage-content {min-height:calc(100vh - 100px);}  
#homepage-content, #homepage-content #QuickOrderPatrickHighlights #highlight-flyer-wrapper {box-sizing:border-box;}
#homepage-content > .center-content {width:100%; box-sizing:border-box; padding:10px; min-width:200px; display:block; overflow:hidden;}
#homepage-content > .center-content > div {box-sizing:border-box; width:100% !important; margin-left:0 !important; margin-right:0;}  
#homepage-content > .center-content #homepageCenter, #homepage-content > .center-content #QuickOrderPatrickHighlights {margin-right:0 !important; margin-left:0 !important; margin-top:25px;} 
#homepage-content > .center-content #WizardPlusCategories {width:100%;}
#homepage-content #QuickOrderPatrickHighlights > div, #homepage-content #QuickOrderPatrickHighlights .patricksCorner, #homepage-content #QuickOrderPatrickHighlights #highlight-flyer-wrapper, #homepage-content #QuickOrderPatrickHighlights p.cant-find {width:100%; margin:0;}
#homepage-content #QuickOrderPatrickHighlights p.cant-find {padding:10px; font-size:12px; box-sizing:border-box;}
#homepage-content #QuickOrderPatrickHighlights #highlight-wrapper, #homepage-content #QuickOrderPatrickHighlights #flyer-wrapper {width:100%; margin:0;}
#homepage-content #QuickOrderPatrickHighlights h1 {width:100%; box-sizing:border-box; margin:0; padding:10px; color:#fff;}
  
  
  #main-content .content-products .cat-grid .paging a {color:#004198 !important; font-size:12px;}
  /* #main-content .content-products .cat-grid .paging a:first-child, #main-content .content-products .cat-grid .paging a:last-child {display:none !important;} */

  #main-content #cat-banner {margin-top:0 !important;}
  #main-content #cat-banner .cat-img-bg, #main-content .content-products #category-btn {display:none;}
  #main-content .content-products {width:100%; box-sizing:border-box; padding:10px;}
  #main-content .content-products .center-content {margin-top:10px;}
  #main-content .content-products #sidenav, #main-content .content-products .cat-grid {width:100%; margin:10px 0 0 0;}
  #main-content .content-products #sidenav {height:38px; overflow:hidden; z-index:5; transition:0.3s;}
  #main-content .content-products .cat-grid, #main-content .content-products .cat-grid .product-wrapper, .product-wrapper {display:flex; flex-wrap:wrap; align-items:stretch;}
  #main-content .content-products .cat-grid .product-wrapper, .product-wrapper {height:auto;  width:50%; margin:15px 0; box-sizing:border-box; padding:0 5px;}
  .rvi_slide .product-wrapper {width:220px;}
  .product .stockStatus {left:5px; width:65%;}
  #main-content .content-products .cat-grid .product, .product-wrapper .product {background:#fff; overflow:hidden;}
  #main-content .content-products .cat-grid .product .prod-img, .product-wrapper .product .prod-img {height:150px;}
  .quick-tools .add-cart, .quick-tools .read-more, #main-content .content-products .cat-grid .product-wrapper .quick-tools .quant, #main-content .content-products .cat-grid .product-wrapper .quick-tools {width:100%; box-sizing: border-box;}
  #main-content .content-products .cat-grid .product-wrapper .quick-tools {height:auto; padding:5px 10px;}
  
  #rvi_scroller .product .image-container {width:170px; height:170px;}
  #rvi_scroller .product-wrapper .quick-tools {height:auto !important;}
  
  #main-content .product-details .product-overview .prod-info, #main-content .product-details .product-overview .prod-buy-box {width:100%; box-sizing:border-box; border:none;}
  #main-content .product-details .product-overview p {text-align:left;}
  #main-content .product-details .product-overview p .add-cart, #main-content .product-details .product-overview p .feq-buy {width:100%; display:block; box-sizing:border-box; margin:10px 0 0 0;}
  #main-content .product-details .small_alt_items_container .small_alt_item {display:inline-flex; width:100%; height:auto;}
  #main-content .product-details .small_alt_items_container .small_alt_item .image-container {display:flex; width:100px; padding:10px; box-sizing:border-box; border:none; border-right:solid 1px #ccc; height:auto;}
  #main-content .product-details .small_alt_items_container .small_alt_item .prod-name {display:flex; width:calc(100% - 100px); padding:10px; box-sizing:border-box; height:auto;}
  
  #openOrderTabs {overflow-x:scroll; overflow-y:hidden; white-space:nowrap;}
  #openOrderTabs li {display:inline-block;}
  
  #main-content, #shopping_cart_form {width:100%; box-sizing:border-box;}
  #shopping_cart_form {padding-right:10px;}
  /* .SC_sc_table_head {display:none;} */
  .SC_sc_table {display:table;}
  .SC_sc_table, .cart-total {width:96%;}
  .SC_sc_table_head td {font-size:12px;}
  .SC_sc_table tr td {padding:10px 5px; display:table-cell;}
  .SC_sc_table tr td:first-child {max-width:130px !important; box-sizing:border-box; overflow-wrap: break-word !important; word-wrap: break-word !important; hyphens: auto;}
  .SC_sc_table tr td:nth-child(3) input {width:50px !important; box-sizing:border-box;}
  .SC_sc_table input.qty {width:40px; box-sizing:border-box;}
  .SC_sc_table .descript {font-size:10px; display:inline-block; margin-top:5px; width:90%; }
  .SC_sc_table a.remove-btn {margin:0 5px;}
  
  .checkout-btns {display:flex; flex-wrap:wrap; flex-direction:row;}
  .checkout-btns a {float:none; box-sizing:border-box; width:46% !important; margin:10px 2% !important; }
  .checkout-btns a:nth-child(8) {width:100% !important; box-sizing:border-box; order:1; padding:15px;}
  .checkout-btns a:nth-child(3) {order:2;}
  .checkout-btns a:nth-child(4) {order:3;}
  .checkout-btns a:nth-child(5) {order:4;}
  .checkout-btns a:nth-child(6) {order:5;}
  .checkout-btns a:nth-child(7) {order:6;}
  
  
  #main-content #cat-banner .cat-content {margin:0; width:100%; box-sizing:border-box; padding:10px;}
  #main-content #cat-banner .cat-content p {width:100%; box-sizing:border-box;padding:0 10px;}

  .gallery-product-wrapper {height:330px !important;} 
  .gallery-product {min-height:200px !important; box-sizing:border-box;}
  .gallery-product .prod-img {padding:10px;width:100%; box-sizing:border-box;}
  .imageMapster_wrapper {width:100% !important; box-sizing:border-box; overflow:auto;}
  
  #main-content .content-products #sidenav.active {height:auto;}
  #main-content .content-products #sidenav h3 {position:relative; width:100%; box-sizing:border-box;}
  #main-content .content-products #sidenav h3:after {position:absolute; z-index:2; top:50%; right:10px; transform:translateY(-50%); font-family: 'Material Icons'; content: "expand_more"; -webkit-font-feature-settings: 'liga'; font-style:normal; transition:0.3s;}
  #main-content .content-products #sidenav.active h3:after {transform:translateY(-50%) rotate(180deg);}
  
  .fancybox-wrap.fancybox-type-iframe {top:20px !important;}
  .fancybox-wrap.fancybox-type-iframe, .fancybox-wrap.fancybox-opened .fancybox-skin { height:calc(100vh - 40px) !important; box-sizing:border-box !important;}
  .fancybox-inner {height:calc(100vh - 70px) !important;}
  
  #main-wizard-nav .w-100-s {width:100% !important; display:block !important; margin-bottom:10px !important;}
  #main-wizard-nav .w-100-s:nth-child(2) {margin-top:10px;}
  #main-wizard-content {margin-top:110px !important; height:calc(100vh - 135px) !important;}
  #main-wizard-content .left-cell, #main-wizard-content .right-cell, #main-wizard-content .right-cell .quick-tools {width:100%; box-sizing:border-box;}
  #main-wizard-content .right-cell .contain-img {display:none;}
  #main-wizard-content .quick-tools .read-more, #main-wizard-content .quick-tools .frequent-buy {width:calc(50% - 5px); float:left; padding-left:5px; margin-left:0; margin-right:0; padding-right:5px; box-sizing:border-box;}
  #main-wizard-content .quick-tools .frequent-buy {margin-left:10px;}
  
  #scv_user_add .eight-col, #scv_user_add .six-col, #scv_user_add .four-col, #scv_user_add .three-col, #scv_user_add .two-col {width:100% !important;}
  
  #schematics-results .single-schematics {display:inline-block; padding:5px 0;}
  
}