/* Iphone 5 + Iphone SE  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media only screen and (max-width:320px) {

.product-item .tocart {
    font-size: 1.0em;
    padding: 0 5px;
}

}



/* Other  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media only screen and (min-width:520px) and (max-width:768px) {

/* =============================================================================
   Product Page - Manufacturer Logo
   ========================================================================== */

.manufacturer-img-box {
position:relative;
float:right;
}

}


/* =============================================================================
   All Page - MegaMenu hide Category Child Menus
   ========================================================================== */
@media (min-width: 768px) {
.sw-megamenu .container .row .subchildmenu {
    display: none;

}
}

@media only screen and (max-width:768px) {

/* =============================================================================
   Product Page - Icons
   ========================================================================== */

.producticons {
	margin:5px 0px;
	text-align:center;
}

.producticons img {
	/*-	margin:1px; -*/
	border-radius: 9px;
	filter: grayscale(0.5);
	padding-bottom:2px;
}

/* =============================================================================
   Product Page - Carousel Buttons
   ========================================================================== */

.owl-middle-narrow .owl-theme .owl-controls, .owl-middle-narrow.owl-theme .owl-controls {
    position: unset;
}

/* =============================================================================
   Product Page - List bullet points
   ========================================================================== */

.product.attribute.description .value ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.product.attribute.description .value li {
    display: list-item;
}

.products-grid .product-item .product-item-details .product-item-name {
    white-space: wrap;
}

.compat {
    text-align: center;
    font-family: Open Sans;
    padding: 10px;
    border: 1px solid #333;
    background-color: #c0c0c0;
}

/* =============================================================================
   CMS Pages - Table-container - Makes it scroll
   ========================================================================== */

.table-container {
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
}
.table-container::-webkit-scrollbar
{
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}

/* =============================================================================
   CMS Pages - Table Styling for matrix
   ========================================================================== */

/* USED on Tables in Buyers Guides */
.rounded-matrix {
   	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
   	font-size: 12px;
   	margin: 10px;
   	width: 95%;
/*   	text-align: left; */
   	border-collapse: collapse;
}
.rounded-matrix thead th.rounded-top-left {
   	background: #b9c9fe url('https://www.best4systems.com/skin/frontend/ultimo/b4seu/css/table-images/left.png') left -1px no-repeat;
}
.rounded-matrix thead th.rounded-top-right {
	background: #b9c9fe url('https://www.best4systems.com/skin/frontend/ultimo/b4seu/css/table-images/right.png') right -1px no-repeat;
}
.rounded-matrix th {
   	padding: 8px;
   	font-weight: normal;
   	font-size: 13px;
   	color: #039;
   	background: #b9c9fe;
	text-align:center;
	vertical-align:middle;
}
.rounded-matrix td {
   	padding: 8px;
   	background: #e8edff;
   	border-top: 1px solid #fff;
   	color: #669;
	text-align:center;
	vertical-align:middle;
}
.rounded-matrix tfoot td.rounded-foot-left {
   	background: #e8edff url('https://www.best4systems.com/skin/frontend/ultimo/b4seu/css/table-images/botleft.png') left bottom no-repeat;
}
.rounded-matrix tfoot td.rounded-foot-right {
   	background: #e8edff url('https://www.best4systems.com/skin/frontend/ultimo/b4seu/css/table-images/botright.png') right bottom no-repeat;
}
.rounded-matrix tbody tr:hover td {
   	background: #d0dafd;
}

/* =============================================================================
   Category and Product Pages - Sprite
   ========================================================================== */

.cat-prod-background, .cat-prod-adj-nav-slider-bg, .cat-prod-slider-bg, .cat-prod-adj-nav-checkbox, .cat-pro-close, .cat-prod-close-hover, .cat-prod-search,
.cat-prod-attention, .cat-prod-chart, .cat-prod-connected, .cat-prod-delivery, .cat-prod-pdf, .cat-prod-return,
.cat-prod-powersupplyunit, .cat-prod-slider-btn-zoom-in, .cat-prod-slider-btn-zoom-out, .cat-prod-arrows, .cat-prod-bkg-rating,
.cat-prod-cat-close, .cat-prod-cat-open, .cat-prod-magnifier-handle, .cat-prod-adj-nav-slider-hadle, .cat-prod-i-asc-arrow,
.cat-prod-i-desc-arrow, .cat-prod-pager-arrow-left, .cat-prod-pager-arrow-left-end, .cat-prod-pager-arrow-right, .cat-prod-pager-arrow-right-end, .cat-prod-bkg-tabs, .cat-prod-info, .cat-prod-1, .cat-prod-rating, .cat-prod-link-seperator, .cat-prod-bullet
{ display: inline-block; background: url('/media/sprite/cat-prod-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.cat-prod-background { background-position: -20px -0px; width: 974px; height: 4px; }
.cat-prod-adj-nav-slider-bg { background-position: -248px -24px; width: 208px; height: 2px; }
.cat-prod-slider-bg { background-position: -248px -24px; width: 208px; height: 2px; }
.cat-prod-adj-nav-checkbox { background-position: -476px -24px; width: 80px; height: 80px; }
.cat-pro-close { background-position: -618px -24px; width: 12px; height: 12px; }
.cat-pro-close-hover {background-position: -618px -44px; width: 12px; height: 12px; }
.cat-prod-search { background-position: -576px -24px; width: 22px; height: 22px; }
.cat-prod-attention { background-position: -618px -24px; width: 20px; height: 20px; }
.cat-prod-chart { background-position: -657px -24px; width: 20px; height: 20px; }
.cat-prod-connected { background-position: -698px -24px; width: 20px; height: 20px; }
.cat-prod-delivery { background-position: -738px -24px; width: 20px; height: 20px; }
.cat-prod-pdf { background-position: -778px -24px; width: 20px; height: 21px; }
.cat-prod-return { background-position: -823px -241px; width: 20px; height: 20px; }
.cat-prod-powersupplyunit { background-position: -818px -24px; width: 20px; height: 20px; }
.cat-prod-slider-btn-zoom-in { background-position: -858px -24px; width: 20px; height: 18px; }
.cat-prod-slider-btn-zoom-out { background-position: -898px -24px; width: 20px; height: 18px; }
.cat-prod-arrows { background-position: -938px -24px; width: 15px; height: 50px; }
/* .cat-prod-bkg-rating { background-position: -20px -46px; width: 14px; height: 213px; } */
.cat-prod-bkg-rating { 
  background: url('/media/sprite/cat-prod-sprite.png') 0 0 repeat-x;
  background-position: -1014px -49px;
  text-indent: -999em;
  width: 69px;
  height: 13px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;}
.cat-prod-bkg-rating .rating {
  float: left;
  height: 13px;
  background: url('/media/sprite/cat-prod-sprite.png') 0 100% repeat-x;
  background-position: -1014px -249px;
}
.cat-prod-cat-close { background-position: -54px -46px; width: 12px; height: 12px; }
.cat-prod-cat-open { background-position: -86px -46px; width: 12px; height: 12px; }
.cat-prod-magnifier-handle { background-position: -118px -46px; width: 9px; height: 22px; }
.cat-prod-adj-nav-slider-hadle { background-position: -147px -46px; width: 8px; height: 14px; }
.cat-prod-i-asc-arrow { background-position: -175px -46px; width: 7px; height: 10px; }
.cat-prod-i-desc-arrow { background-position: -202px -46px; width: 7px; height: 10px; }
.cat-prod-pager-arrow-left { background-position: -229px -46px; width: 6px; height: 7px; }
.cat-prod-pager-arrow-left-end { background-position: -255px -46px; width: 6px; height: 7px; }
.cat-prod-pager-arrow-right { background-position: -281px -46px; width: 6px; height: 7px; }
.cat-prod-pager-arrow-right-end { background-position: -307px -46px; width: 6px; height: 7px; }
.cat-prod-bkg-tabs { background-position: -973px -24px; width: 1px; height: 24px; }
.cat-prod-info { background-position: -674px -134px; width: 30px; height: 30px; }
.cat-prod-1 { background-position: -600px -140px; width: 5px; height: 5px; }
.cat-prod-rating { background-position: -618px -140px; width: 18px; height: 13px; }
.cat-prod-link-seperator { background-position: -600px -140px; width: 1px; height: 10px; }
.cat-prod-bullet { background-position: -658px -141px; width: 17px; height: 17px; }

}


/* =============================================================================
   Product Page Tabs
   ========================================================================== */
a#tab-label {color: #000;}
a#tab-label  {color: #000;}


@media (max-width: 768px) {

.hide-on-mob {
    display: none;

}
}

/* =============================================================================
   Header Search - All Page
   ========================================================================== */

@media only screen and (min-width:980px) and (max-width:1200px) {

.page-header.type2 .block-search {
    max-width: 150px;
}

#search_mini_form {
    max-width: 150px;
}

}

@media only screen and (min-width:768px) and (max-width:980px) {

.page-header.type2 .block-search {
    max-width: 150px;
}

#search_mini_form {
    max-width: 150px;
}

}

@media only screen and (min-width:768px) and (max-width:890px) {

.page-header.type2 .custom-block {
    display: none;
}

}

media="screen and (min-width: 768px)"
@media (min-width: 768px), print
.sw-megamenu.navigation span.cat-label.cat-label-label3 {
    background-color: #ed1010;
}

media="screen and (min-width: 768px)"
@media (min-width: 992px), print
.amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-additional-options .amcheckout-checkboxes {
    width: 100%;
}