.slider_container.slider_container_mobile {display:none;}
body{font-family:'Open Sans', sans-serif;}
#search {font-family:'Open Sans', sans-serif;}
.footer-container, .bottom-footer {background:#E3E3E3}
#notification-bar.top-banner ul li span{font-family:'Open Sans', sans-serif;}
#notification-bar.top-banner ul li{float:left;line-height:45px;list-style:outside none none;padding:0;text-align:left;font-size:13px;width:inherit;font-Weight:bold;}
#notification-bar.top-banner ul li h1, #notification-bar.top-banner ul li h2{line-height:45px;list-style:outside none none;padding:0;text-align:left;font-size:13px;font-Weight:bold;display:inline-block;width:auto;text-transform:none;text-rendering:auto;color:#032f55;}
#notification-bar.top-banner ul li > a{border-left:none;}
#notification-bar.top-banner ul li span{display:inline-block;position:relative;top:-2px;}
#notification-bar.top-banner ul li span.maccounttxt{top:0;}
#notification-bar.top-banner ul li span img{display:inline-block;vertical-align:middle;}
img.for-mobile-only {display:none;}
.djilogo > img{width:37px;}
.myaccounticon img{width:20px;}
.djilogo{padding-right:7px;}
.phn a{color:#950014;font-size:14px;font-weight:700;}
.top_bar_right{float:right;overflow:hidden;text-align:right;margin:0;}
.top_bar_right li{float:left;list-style:outside none none;padding-right:38px;}
.top_bar_right li:last-child{padding-right:0px;padding:0px !important;}
.myaccounticon{padding-right:5px;}
.maccounttxt{display:inline-block;float:right;margin-top:0;}
.top_bar_right a{display:block;cursor:pointer;}
.page-header{position:absolute;}
*, *::before, *::after{box-sizing:border-box;margin:0;padding:0;}
*, *::before, *::after{box-sizing:border-box;margin:0;padding:0;}
#header.page-header{max-width:100%;background: #eee;}
#header{left:0;margin:0;top:45px;width:100%;}
.page-header{background:rgb(255, 255, 255) none repeat scroll 0 0;border:1px solid rgb(229, 229, 229);padding:2px;position:static;}
body{margin-top:0 !important;}
#header{left:0px;width:100%;top:52px;margin:0px;}
#header .logo{margin:10px 0px 0px 10px;display:inline-block;float:left;}
.logo{min-height:0;padding:10px;}
.serch-box{/*height:55px;position:relative;*/text-decoration:blink;float:left;/*margin:20px;*/margin:0 auto;max-width:900px;margin-top:40px;}
.srch-box{display:none;background:#333;border-radius: 0px 10px 10px 0px;cursor:pointer;position:absolute;top:19px;height:40px;width:45px;right:-7px;}
.button.search-button{background-color:#950014}
.search-button{background:#333 url("../images/searchicon.png") no-repeat scroll 0 0/25px auto;border:medium none;height:25px;width:25px;cursor:pointer;border-radius: 0px 10px 10px 0px;}
.serch-box input{border:1px solid #939598;height:100%;padding:8px 88px 8px 8px;border-radius:4px;width:100%;}
.header_list{float:left;margin:29px 61px 0;text-align:left;}
.header_list img{float:left;margin-top:3px;padding-right:10px;width:45px;}
.header_list li{float:left;list-style:outside none none;width:165px;text-align:right;}
.header_list span{font-size:14px;color:rgb(3, 47, 85);font-weight:600;display:inline-block;line-height:17px;text-align:left;}
.header_list a{text-decoration:none;}
.carticn img{}
.carticn span{display:inline-block;line-height:19px;margin:0;}
/*.wrapper{float:left;width:100%;}*/
.wrapper{width:100%;}

@media (min-width:767px){.wrapper{float:none !important;}}
.catqty{border:1px solid #153154;border-radius:29px;margin:0 !important;padding:0 6px;position:absolute;right:10px;top:-3px;color:#153154 !important;background:#fff;font-size:12px !important;font-family:'Open Sans', sans-serif;}
#header.page-header::after, #header.page-header::before{content:'';display:table;width:100%;height:100%;}
#tabs ul{background:#032f55;font-weight:bold;list-style:outside none none;position:static;top:0;width:100%;display:table;padding:0 20px;}
#tabs li{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:transparent none repeat scroll 0 0;border-color:#1d4466;border-image:none;border-style:none none none solid;border-width:0 0 0 1px;cursor:pointer;float:none;font-size:14px;display:table-cell;}
#tabs li a{position:relative;color:#fff;text-decoration:none;padding:19px 36px 0px 1px;display:block;text-align:center;}
#tabs li:nth-child(6) a, #tabs li:nth-child(7) a{padding:17px 13px 17px 13px;}
.inner-menu ul .active img{margin-top:-5px;}
#tabs li.tab_list:hover{border-left:2px solid #032f55;border-top:3px solid #032f55;}
#tabs li.tab_list, #tabs li.tab_list:hover{border-left:2px solid #032f55;border-top:1px solid #032f55;}
#tabs li a:hover{color:#032f55;}
#tabs li a:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;content:"";height:0;position:absolute;top:23px;width:0;margin:4px 0 0 10px;}
#tabs li:nth-child(6) a::after,#tabs li:nth-child(7) a::after{display:none;}
#tabs li:nth-child(1){border-left:0;}
#tabs li:hover a{color:#032f55;}
#tabs li:hover a:after{border-top:6px solid #032f55;}
#tabs li:hover .inner-menu ul li a:after{display:none;}
#tabs div.inner-menu-wrapper{border-bottom:2px solid #032f55;border-left:2px solid #032f55;border-radius:0 0 10px 10px;border-right:2px solid #032f55;box-shadow:0 20px 20px 0px rgba(231, 231, 231, 0.5);font-weight:normal;height:auto;overflow:hidden;padding:0;position:absolute;text-align:left;top:58px;width:100%;background:#fff;z-index:99999999999;visibility:hidden;opacity:0;left:0;}
#tabs > ul > li:hover .inner-menu-wrapper{visibility:visible;opacity:1;}
.top-banner ul{float:left;width:60%;}
.top_bar_right{width:40%;}
#notification-bar.top-banner ul li{width:33% !important;}
#notification-bar.top-banner .top_bar_right ul{width:100%;}
#notification-bar.top-banner .top_bar_right ul li{width:60% !important;text-align:center;}
#notification-bar.top-banner .top_bar_right ul li:last-child{width:40% !important;max-width:300px;}
#tabs p{font-weight:normal;margin:0 0 10px;}
#tabs a{color:rgb(0, 0, 0);font-weight:bold;outline:0 none;text-decoration:underline;}
.inner-menu li{border:2px solid #fff;}
#tabs li:hover{background:#fff;border-bottom:2px solid #fff;height:50px;color:#032f55;}
#tabs li.tab_list{border-bottom:none;}
#tabs{background:#fff;height:380px;margin:196px auto;position:relative;width:100%;}
.tabCntr{background:#032f55;height:58px;margin:0;width:100%;}
.inner-menu{border:0 none !important;display:block;padding:0 !important;width:100%;z-index:99999999999;top:0 !important;}
.inner-menu ul{background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;border-bottom:2px solid #ccc;display:block;height:152px !important;list-style:outside none none;margin:0;padding:14px 10px 0;}
#tabs .inner-menu ul{display:block !important;text-align:center;}
#tabs .inner-menu ul li{float:none !important;display:inline-block;vertical-align:top;}
#tabs div.list-box ul{text-align:left !important;display:inline-block !important;width:24%;vertical-align:top;}
.inner-menu > ul > li:hover a span.view_all{color:#032f55 !important;}
#tabs div.list-box ul li{text-align:left !important;width:100%;}
.inner-menu ul li{border:0 none !important;float:left !important;width:10%;height:auto !important;}
#header .logo:focus{outline:medium none;}
.inner-menu img{display:block;margin:0 auto;opacity:1;}
.inner-menu{width:100% !important;}
.inner-menu ul li:hover img{opacity:1;}
.inner-menu ul li a:hover:after{border:0 !important;}
.inner-menu ul li a{display:block;text-align:center;text-decoration:none !important;color:#032f55 !important;padding:9px 0 22px !important;}
#tabs li a span{font-size:12px;}
.inner-menu .list-box{border:0 none !important;display:none;margin:0;box-shadow:none !important;left:0;position:absolute;width:100%;margin:0 auto;right:0;padding-left:50px !important;padding-right:50px !important;text-align:left;}
.inner-menu .list-box ul{border-bottom:0 none !important;height:auto !important;overflow:hidden;padding:30px 0 0;}
.inner-menu ul li:hover .list-box{display:block;box-shadow:none !important;}
.inner-menu ul li .list-box ul li a{color:#032f55 !important;font-size:15px;text-align:left;text-decoration:underline !important;text-align:left !important;padding:9px 0 5px !important;}
.inner-menu ul li .list-box ul li a:hover{color:#950014 !important;text-decoration:underline !important;}
.inner-menu ul li{border:2px solid #fff;}
.inner-menu > ul > li:hover{border-left:2px solid rgb(204, 204, 204) !important;border-radius:7px 7px 0 0;border-right:2px solid rgb(204, 204, 204) !important;border-top:2px solid rgb(204, 204, 204) !important;padding-bottom:0;box-shadow:0 !important;background:#fff !important;margin-top:3px;}
.inner-menu > ul > li:hover a{color:#950014 !important;}
.border-none a:after{content:none !important;}
#tabs li:hover .inner-menu ul li .list-box{display:block;}
.inner-menu ul .active{background:rgb(255, 255, 255) none repeat scroll 0 0 !important;border-left:2px solid rgb(204, 204, 204) !important;border-radius:7px 7px 0 0;border-right:2px solid rgb(204, 204, 204) !important;border-top:2px solid rgb(204, 204, 204) !important;margin-top:3px;padding-bottom:0;}
.page-header-container .logo_search{width:20%;float:left;}
.page-header-container.static_header .logo_search{width:20%;float:left;padding-top:10px;padding-left:15px;}
.page-header-container.static_header .logo_search span.djilogo{width:100%;display:block;}
#header .page-header-container .logo_search a.logo{width:95% !important;}
#header .page-header-container.static_header .logo_search a.logo{width:100% !important;margin:0;padding:0;}
.page-header-container.static_header .logo_search span.djilogo img{display:inline-block;margin:0;vertical-align:bottom;}
.page-header-container.static_header .logo_search span.djilogo h1, .page-header-container.static_header .logo_search span.djilogo h2{text-transform:none;display:inline-block;font-size:12px;color:#032f55;font-weight:bold;margin-top:0 !important;}
#header .page-header-container.static_header .logo_search a.logo img.large{width:141px !important;margin-bottom:5px;}
#header .page-header-container.static_header .header_list li{vertical-align:top;}
.page-header-container.static_header{position:fixed;top:0;left:0;width:100%;background:#fff;-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transform:translateY(-100%);transform:translateY(-100%);z-index:99999;}
.headerFixedDes .page-header-container.static_header{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.tabCntrb{background:#2b3033 none repeat scroll 0 0;height:48px;margin:0;width:100%;}
#tabsb{height:auto;margin:0 auto;max-width:1130px;width:100%;position:relative;}
#tabsb ul{background:#2b3033 none repeat scroll 0 0;font-weight:bold;list-style:outside none none;padding:0;position:static;top:0;width:100%;}

/* hover top level menu categories */
#tabsb ul li.tab_listb:hover{background:#D92211;}
/* end hover top level menu categories */

/* hover sub level menu categories */
#tabsb > ul > li:hover > ul > li > ul > li:hover{color:#fff !important; background-color:#D92211;}
.category_name:hover {color:#fff !important; background-color:#D92211;}
/* hover sub level menu categories */


/* enterprise menu effect */
.tabCntrb #tabsb > ul > li.tab_listb.enterprise a{}
.tabCntrb #tabsb > ul > li.tab_listb.enterprise a:hover {color: #111 !important; background-color:#fff !important; text-shadow: -1px 1px 0 #000,}
.tabCntrb #tabsb > ul > li.tab_listb.enterprise a::after{opacity:0;}
/* enterprise menu effect */

#tabsb ul li.tab_listb{border-bottom:medium none;}
#tabsb li:nth-child(1){border-left:0 none;}
#tabsb ul li.tab_listb, #tabsb ul li.tab_listb:hover{}
#tabsb li{cursor:pointer;float:left;font-size:14px;position:relative;}
#tabsb > ul > li > a::after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;content:"";height:0;margin:4px 0 0 10px;position:absolute;top:18px;width:0;}
#tabsb li a{color:#fff;display:block;padding:19px 36px 0 1px;position:relative;text-align:center;text-decoration:none;font-weight:500;}

#tabsb li ul{float:left;width:250px;}
#tabsb > ul > li > ul{left:0;padding:6px 0 14px;position:absolute;top:47px;z-index:999;display:none;box-shadow:1px 2px 2px 2px #888888;}
#tabsb > ul > li:hover > ul{display:block;background-color:#f0f8ff;z-index:9999;}
#tabsb > ul > li:hover > ul > li{display:block;font-size:16px;}

#tabsb li ul li{width:100%;}
#tabsb li ul li a{padding:1px 20px;text-align:left;}
#tabsb li ul li ul{float:left;}
#tabsb li ul li ul li{float:left;width:100%;}
#tabsb li ul li ul li a{padding:4px 33px;}
#tabsb > ul > li > ul:before{border-bottom:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent;content:"";height:0;left:50px;position:absolute;top:-6px;width:0;}
#tabsb > ul > li > a{padding:13px 36px 14px 30px;}
#tabsb > ul > li{padding:0 0 0;float:none;display:inline-block;}
#tabsb > ul{text-align:center;}
#tabsb > ul > li ul{background:#fff;}
#tabsb > ul > li ul a{color:#000;}
#tabsb > ul > li > ul{}
#tabsb > ul > li > ul li ul{background:none;padding:0 2px 0 0;}
#tabsb li ul li ul li:last-child a{border-bottom:0;}
#tabsb li ul li ul li:hover a{background:none;}


/* line 161-239 from dev6 */
/* line 161-239 from dev6 */
/* line 161-239 from dev6 */
/*.cms-home .slide-grid-container .grid-content {position: absolute; bottom: 3px; z-index: 9; left: 40px; width: 300px;}*/
.cms-home .slide-grid-container .grid-content {position: absolute; z-index: 9; left: 50%; top: 12%; transform: translate(-50%, -50%); transition: all 1.9s ease; -webkit-transition: all 1.9s ease; opacity: 0;}
.cms-home .slide-grid-container .grid-content h3 {font-size: 32px; font-weight: 500; line-height: 32px; color: #111; text-align:center;}
.cms-home .slide-grid-container .grid-content p {font-size: 22px; text-align:center; font-weight: 300; line-height: 28px; color: #111;}
section.homepage-grids .product-grid-container a.product-grid-item, .grid-container .cell.is-6 a.promotion-grid-item {position: relative; display:block;}
section.homepage-grids .product-grid-container a.product-grid-item.bottom_right .grid-content img.grid-logo {   width: 140px; text-align: left;
margin: 0 0 6px; border: 0;}
section.homepage-grids .product-grid-container a.product-grid-item.bottom_right .grid-content h3 {font-size: 24px; font-weight: 500; line-height: 32px; color: #000; transition: all 0.2s ease;    -webkit-transition: all 0.2s ease;}
section.homepage-grids .product-grid-container a.product-grid-item.bottom_right .grid-content p {font-size: 16px; font-weight: 300; line-height: 24px; color: #000;}
section.homepage-grids .product-grid-container a.product-grid-item .grid-content {position: absolute; z-index: 9; left: 50%; top: 12%; transform: translate(-50%, -50%);width:100%;text-align:center;}
section.homepage-grids .product-grid-container a.product-grid-item .grid-content h3 {font-size: 32px; font-weight: 500; line-height: 32px; color: #000;}
section.homepage-grids .product-grid-container a.product-grid-item .grid-content p {font-size: 22px; line-height: 28px; color: #111; font-weight: 300;}
section.homepage-grids .promotion-grid-container .bottom_left .grid-content {position: absolute; z-index: 9; left: 50%; top: 12%; transform: translate(-50%, -50%); width:100%; text-align:center;}
section.homepage-grids .promotion-grid-container .bottom_left .grid-content h3 {font-size: 32px; font-weight: 500; line-height: 32px; color: #111;}
section.homepage-grids .promotion-grid-container .bottom_left .grid-content p {font-size: 22px; font-weight: 300; line-height: 28px; color: #111;}
section.homepage-grids .promotion-grid-container .bottom_right .grid-content {position: absolute; z-index: 9; left: 50%; top: 12%; transform: translate(-50%, -50%);width:100%;text-align:center;}
section.homepage-grids .promotion-grid-container .bottom_right .grid-content h3 {font-size: 32px; font-weight: 500; line-height: 32px; color: #111;}
section.homepage-grids .promotion-grid-container .bottom_right .grid-content p {font-size: 22px; font-weight: 300; line-height: 28px; color: #111;}
section.homepage-grids.newUpdateGrid {margin: 0 auto; position: relative; padding: 0px 20px; margin-top: 20px;}
section.homepage-grids.newUpdateGrid .grid {overflow: hidden;}
section.homepage-grids.newUpdateGrid .grid .cell.is-6 {float: left; width: 50%; padding-right: 10px; padding-bottom: 25px; min-height:300px;} 
section.homepage-grids.newUpdateGrid .grid .cell.is-6:last-child {    padding-left: 10px;    padding-right: 0;}
section.homepage-grids.newUpdateGrid .grid .cell.is-6 img {width: 100%; border: 1px solid #eee;     transition: all 0.5s ease;    -webkit-transition: all 0.5s ease;}
section.homepage-grids.newUpdateGrid .grid ul li {margin: 0;}
section.homepage-grids .product-grid-container a.product-grid-item.bottom_right {margin: 17px 0 0;    display: block;}
section.homepage-grids.newUpdateGrid .grid .cell.is-6 img a {overflow: hidden;}
section.homepage-grids .product-grid-container a.product-grid-item.top-rightGrid img.grid-logo {border: 0;}
section.homepage-grids.newUpdateGrid .grid .cell.is-6 img.grid-bg:hover {transform .3s ease-out;transform: translate(0, -4px);}

section.homepage-grids.newUpdateGrid .grid .bottom_right img {margin-bottom: 25px;}
section.homepage-grids.newUpdateGrid .grid .bottom_left img {margin-bottom: 25px;}
/*added by rick*/
section.homepage-grids.newUpdateGrid .grid .bottom_banner {float: left; width: 100%; padding-right: 10px; padding-bottom: 40px;} 
section.homepage-grids.newUpdateGrid .grid .bottom_banner:last-child {padding-left: 0px;  padding-right: 0; padding-bottom: 20px;}
section.homepage-grids.newUpdateGrid .grid .bottom_banner img {width: 100%; border: 1px solid #eee; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; /*max-height:350px;*/ margin-bottom: 25px}
section.homepage-grids.newUpdateGrid .grid .bottom_banner img:hover {
border: 1px solid #000; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; /*max-height:350px;*/}
section.homepage-grids.newUpdateGrid .grid .bottom_banner img a {overflow: hidden;}
section.homepage-grids.newUpdateGrid .grid .bottom_banner{ position:relative}
section.homepage-grids .bottom_banner .grid-content {position: absolute; /*bottom: 20px;left: 62px;*/ left:50%; top:50%; z-index: 9; text-align:center; width:auto; max-width: 350px;  transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: all 0.3s ease;    -webkit-transition: all 0.3s ease; bottom:inherit!important}
section.homepage-grids .bottom_banner .grid-content h3 {font-size: 24px; line-height: 28px; font-weight: 500; color: #fff; text-shadow: 2px 2px 2px #000; padding: 6px; background: #333; text-decoration:underline; text-decoration-color:#950014;display:none;}
section.homepage-grids .bottom_banner .grid-content p {font-size: 16px; font-weight: 300; color: #fff; text-shadow: 2px 2px 2px #000; padding-left:6px; padding-right: 6px; padding-bottom: 6px;background: #333;display:none;}
section.homepage-grids .bottom_banner .grid-content h3:hover {}
section.homepage-grids .bottom_banner .grid-content:hover  {}
@media (max-width: 767px) {
    section.homepage-grids.newUpdateGrid {padding: 0px 2px;}
    section.homepage-grids.newUpdateGrid .grid ul li {margin: 0  auto; width:100%;}
    section.homepage-grids .bottom_banner img.grid-bg {padding: 0px 2px 10px;}
}
/* line 161-239 */
/* line 161-239 from dev6 */
/* line 161-239 from dev6 */



/* client css 16-09-2019 */
.main-container.col2-left-layout {
	width: 100%;
	max-width: 1660px;
}
.main-container .breadcrumbs {
	max-width: 1030px;
	width: 100%;
	padding: 45px 0px 9px 2px;
	border-bottom: 1px solid #e4e4e4;

}
.breadcrumbs li {
	font-size: 12px;
	font-family:'Open Sans', sans-serif;
}
.breadcrumbs li a {
	font-size: 12px;
	font-family:'Open Sans', sans-serif;
}
.breadcrumbs li strong {
	font-size: 12px;
	font-family:'Open Sans', sans-serif;
}
.category-products .toolbar {
	width: 90%;
}
.center-cntr {
	max-width: 100%;
	width: 100%;
}
.col-left {
	width: 18%;
	float: left;
    clear: left;
    margin-left: 10%;
}
.col-main {
	width: 80%;
}
.category-products ul.products-grid li.item {
	padding: 18px;
	border: none;
	width: 22%;
    border: 1px solid #cacbcb;

}
/*.pro-image {
	transition: transform .5s ease;
}
.pro-image:hover {
	transform: scale(1.03);
}*/
.category-products ul.products-grid li.item .pro-image .layer {
	background:none;
}
.toolbar .pager {
	font-family: 'Open Sans', sans-serif;
}
.category-products .toolbar .sort-by select {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	width: auto; min-width: 100px; margin-left:5px!important;
}
.category-products .toolbar .limiter select {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	width: auto;
}
.products-grid .product-name, .products-list .product-name {
	text-transform: none;
	display: block;
	line-height: 1.2em;
	height: 3.6em;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 10px;
	margin-right: 10px;
	color: #3b3e40;
    padding: 1px 8px 0px 8px;
}
.h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a{
	color: #3b3e40;
}
#product-price-1 {
	text-align:center;
}

.button.button.btn-cart {
    /* width: 50%; */
    font-size: 14px;
	font-weight: 600;
    /* display: none; */
    /* float: right; */
    font-family: 'Lato', sans-serif;
    /* border-radius: 12px; */
    background-color: #fff;
    border: 1px solid #666;
    color: #666;
    white-space: nowrap;
    line-height: 18px;
    text-transform: uppercase;
}
.button.button.btn-cart:hover {
	color: #FFFFFF;
    background-color: #D92211;
	border: 1px solid #D92211;
}
.category-products ul.products-grid li .price-box .regular-price .new-price {
	font-size: 16px !important;
	font-weight: 600;
	padding: 8px 2px;
    color: #666;
    font-family: 'Lato', sans-serif;
    vertical-align: middle;
    line-height: 18px;
}

/* ************ */

/** 24-09-2019 **/
.col-left.sidebar.col-left-first { padding: 0 0 0 24px; width: 255px; }
.col-left.sidebar {position: relative;}
.sidebar.active {position: relative;}
body .category-products ul.products-grid li.item {min-height: 275px; border: 1px solid #eee; transition: box-shadow .3s ease-out, transform .3s ease-out}
body .category-products ul.products-grid li.item:hover {border: 1px solid #ccc; transform: translate(0, -4px);box-shadow: 2px 2px 20px 0px #aaa; transition: box-shadow .3s ease-out, transform .3s ease-out}
.main-container .breadcrumbs {max-width: 1660px; border: 0; padding: 0 0 0 18px;}
.main-container .breadcrumbs ul {border-bottom: 1px solid #e4e4e4; float: left; width: 100%; padding: 45px 0px 9px 3px;}
.col2-left-layout .col-main {width: calc(100% - 275px);}
.category-products ul.products-grid li.item{ width: 23%; margin: 0 1% 15px 1%; padding: 5px;} 
body .category-products ul.products-grid li.item a {    padding: 0;}
.products-grid .product-name, .products-list .product-name {font-size: 14px;}
body .products-grid .product-name a {display: block; display: -webkit-box !important; height: 33px; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden; text-overflow: ellipsis; font-weight: 600;}

/*10-05-19 */
#shortd {
	width:100%;
	max-width: 550px;
	font-size:14px;
	font-family:'Open Sans', sans-serif;
	font-weight: 400;
	padding-bottom: 15px;
	/*padding-left:5px;*/
	padding-right:5px;
}
.qtywrapperwide {
	float: left;
	width:100%;
	max-width: 550px;
	font-size:14px;
	font-weight:400;
	font-family:'Open Sans', sans-serif;
	position: relative;
    display: inline-block;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top:8px; 
	padding-bottom:8px;
	vertical-align:middle;
}
.product-view .add-to-cart .qty-wrapper {
	width: 100%;
	max-width:550px;
}
.main-container .breadcrumbs {
	max-width: 100%;
	width: 100%;
	padding: 15px 0px 9px 4%;
	border-bottom: none;
}
.breadcrumbs li {
	font-size: 12px;
	font-family:'Open Sans', sans-serif;
}
.breadcrumbs li a {
	font-size: 14px;
	font-family:'Open Sans', sans-serif;
}
.breadcrumbs li strong {
	font-size: 14px;
	font-family:'Open Sans', sans-serif;
}
.center-cntr {
	max-width: 100%;
	width: 100%;
}
.productdetaildiv {
	margin-top: 50px;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
	justify-content: space-between;
	display: flex;
}
.imageboxdiv {
    width: 60%;
    float: left;
	max-width: 1280px;
    padding: 0 20px 10px 4% !important;
	
}
.MagicToolboxMainContainer {
	max-width: 850px;
	width: 100% !important;
}
.MagicToolboxContainer.selectorsLeft {
	max-width: 1000px !important;
	width: 100% !important;
	display: flex;
}
.MagicScrollItem {
	height: 90px !important;
}
.pinfoboxdiv {
	
    padding-right: 4%;
    width: 40%;
    float: left;
}
.product-name2 {
	width:100%;
	max-width: 550px;
}
.product-name2 h1 {
	font-size: 28px;
	font-weight: 300px;
	font-family:'Open Sans', sans-serif;
	color: #333;
	text-transform:none;
	padding-bottom: 10px;
}
.product-name3 {
	display:none;
}
#yotpostarsmobile {
	display: none;
}
.product-name3 h1 {
	font-size: 24px;
	font-weight: 300;
	font-family:'Open Sans', sans-serif;
	color: #333;
	text-transform:none;
	padding-bottom: 10px;
}
#yotpostars {
	padding-bottom: 5px;
	font-family:'Open Sans', sans-serif;
	font-size: 14px;
	max-width: 500px;
	display: inline-flex;
	padding-right: 10px;
	white-space: nowrap;
}
#yotpostars p.availability.in-stock {
	font-family:'Open Sans', sans-serif;
	font-size: 14px;
    color: #1A98C9;
    text-transform: uppercase;
    /*background: #105e7c;
    padding: 1px 8px;
	margin-left: 8px;*/
	margin-right: 6px;
	float: left;
    font-weight: 600;
}

#yotpostars span.label {
	display: none;
}
#yotpostars span.value {
	font-family:'Open Sans', sans-serif;
	font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: #07b376;
	padding: 2px 8px;
	/*margin-right: 6px;*/
    font-weight: 400;
}
#yotpostars a.text-m {
	font-family:'Open Sans', sans-serif;
	font-size: 12px;
	vertical-align:middle;
}
#skuinfo {
	font-family:'Open Sans', sans-serif;
	font-size: 14px;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	float: left;
}
#skuinfo p.availability.in-stock {
	font-family:'Open Sans', sans-serif;
	font-size: 14px;
	margin: 0 auto;
	float: left;
}
#skuinfo span.label {
	font-family:'Open Sans', sans-serif;
	font-size: 14px;
	float: left;
	padding-right: 10px;
	color: #636363;
}
#skuinfo span.value {
	font-family:'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	padding-right: 5px;
}
#skuinfo span.bar {
	font-family:'Open Sans', sans-serif;
	font-size: 14px;
	color: #bbb;
}
.product-view .add-to-cart-wrapper, .product-view .block-related {
    width: 100%;
}
.product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related {
	padding-left: 0px;
}
#learnmorediv {
	padding-bottom: 5px;
}
#learn-more {
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	font-weight: 400;
	color: #44a8f2;
}
.affirm-prequal-text {
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	color: #44a8f2;
	font-weight: 600;
	text-transform: uppercase;
}
.affirm-prequal-text:hover {
    color: #960014;
	text-decoration:underline;
}
.price-box .special-price .price {
	font-size: 24px;
	font-family: 'Lato', sans-serif;
	color: #D92211;
    font-weight:600;
}
.price-box .old-price .price {
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	color: #a0a0a0;
}
.product-image-gallery .gallery-image.visible {
	max-width: 100%;
	display: block;
	object-fit: contain;
}
.product-view .add-to-cart {
	width: 100%;
	padding-bottom: 1px;
    margin-bottom: 1px;
}
.product-view .add-to-cart-buttons {
	width: 100%;
	max-width: 550px;
}
.product-view .add-to-cart-buttons .button {
	width: 100%;
	max-width: 550px;
	background: #D92211;
	margin-bottom: 5px;
    color: #fff;
	font-size: 16px;
	font-weight: 400;
    border: 1px solid #D92211;
}
.product-view .add-to-cart-buttons .button:hover {
	color: #fff;
    background-color: #99180C;
    border: 1px solid #99180C;
}
.product-view .add-to-cart .qty-wrapper label {
	line-height: 32px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #636363;
}
.product-view .add-to-cart .qty-wrapper .qty {
	height: 32px;
	border: 1px solid #ddd;
	margin-left: 1.1em;
}
.add-to-box p:last-child a.mgkbackpopup {
	font-family:'Open Sans', sans-serif;
	font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: #105e7c;
    padding: 1px 8px;
	display: inline-block;
}
.add-to-box p:last-child a.mgkbackpopup:hover {
    background: #355977;
}
.price-box .price, .price {
    font-family: 'Lato', sans-serif;
	font-size: 24px;
	color: #333;
	font-weight: 600;
}
.product-view .block-related .price-box span {
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	color: #666;
	font-weight: 600;
	margin-left:0px;
}
.product-view .block-related .price-box .old-price span {
    font-size: 13px;
    color: #f83e3e;
    text-decoration: line-through;
    text-decoration-color: #f83e3e;
}
.product-view .mini-products-list .product-details .product-name {
	text-transform: none;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}
.nbs-flexisel-inner .button {
	background: #960014;
	padding: 4px 8px;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}
.nbs-flexisel-inner .old-price {
/*opacity:0;*/
}

body .category-products ul.products-grid li.item a.Os_quickview_handler {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(19,49,84,0.9); padding: 5px 19px; border-radius: 4px; font-size: 12px;visibility:hidden;}





@media only screen and (max-width: 767px) {
  .productdetaildiv {
	  width: 100%;
	  display: inline;
  }
  #yotpostarsmobile {
	  width: 100%;
	  white-space:normal;
	  display: inline-block;
  }
   #yotpostars {
	  display:none;
  }
  #wrap {
	  display:none;
  }
  .product-name3 {
	display:inline-block;
	text-align:center;
	width: 100%;
  }
  .product-name2 {
	display:none;
  }
  .imageboxdiv {
    width: 98%;
	margin-top: 10px;
	float: none;
	max-width: 410px !important;
	padding: 0 2px 10px 2px !important;
  }
  .MagicToolboxMainContainer {
	  width:100% !important;
	  max-width: 300px;
  }
  .MagicToolboxSelectorsContainer.MagicScroll {
	  display: none !important;
  }
  .pinfoboxdiv {
	  width: 98%;
	  float: none;
	  padding: 5px; 
}
#product_addtocart_form .block-related {
	display: none;
}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .productdetaildiv {
	  width: 100%;
	  display: inline;
  }
  #yotpostars {
	 white-space:normal;
	  display: inline-block;
  }

  #wrap {
	  display:none;
  }
    .product-name3 {
	display:inline-block;
	text-align:center;
	width: 100%;
  }
  .product-name2 {
	display:none;
  }
  .imageboxdiv {
    width: 98%;
	margin-top: 10px;
	float: none;
	max-width: 720px;
  }
  .pinfoboxdiv {
	  width: 98%;
	  float: none;
	  padding: 5px;
	  max-width: 600px;
	  margin: 0 auto;
  }
  #product_addtocart_form .block-related {
	display: none;
  }
  #product_addtocart_form .add-to-cart-wrapper	{
	 padding-left: 0px;
	 float: none;
	 width: 100%; 
	}
  .keepnavtop .top-hdr-logo img {
	width: 350px;	
}

}

@media (max-width: 767px) and (min-width: 320px) {
#product_addtocart_form .block-related {
	display: none;
}
}
div#as-low-as-refreshable.affirm-as-low-as {
	margin-bottom: 10px !important;
}

/* 10-05-19 */


/** 24-09-2019 **/


@media all and (min-width:1100px) and (max-width:5000px){
#tabs{margin:260px auto;}
}



@media all and (min-width:1024px) and (max-width:1200px){
    #tabs{margin:260px auto;}
}


@media all and (min-width:768px) and (max-width:1024px)
{

.slider_container.slider_container_desktop{display:block;}
.slider_container.slider_container_mobile{display:none;}
#notification-bar.top-banner ul li:first-child{padding-right:0;}
#notification-bar.top-banner ul li:nth-child(2){padding-left:0;}
#notification-bar.top-banner ul li:last-child{padding-left:0;}
.djilogo{padding-right:6px;}
#notification-bar.top-banner ul li{padding:0 2px;width:auto;}
.serch-box{margin:0;width:48%;}
#header .logo{width:20%; margin:18px 0 0 5px;}
.page-header-container .logo_search {margin-right:10px;}
.top_bar_right{margin:50px 0 0;}
.header_list{padding:0 0 0 10px;width:52%;margin:10px 0 0;}
.header_list li{width:131px;padding-right:0;}
#tabs{margin:0;}
#tabs li a::after{right:5px;top:15px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff;}
#tabs li a{padding:14px 5px 14px 5px !important;font-size:10px;}
#tabs .inner-menu ul li .list-box ul li a{font-size:13px;padding:9px 0 5px !important;}
.inner-menu ul li{width:16%;}
.inner-menu ul li .list-box ul li{width:20%;padding:0 0 0 20px !important;}
#tabs div{width:768px;}
.inner-menu ul{padding:14px;height:146px !important;}
.serch-box{float:right;width:54%;margin:11px 0 0;}
#header{top:80px;}
.top_bar_right{margin:0px;float:left;width:100%;}
#notification-bar.top-banner >ul{text-align:center;display:block;width:100%;float:left;padding:0;}
#notification-bar.top-banner ul li h1, #notification-bar.top-banner ul li h2{font-size:11px;}
#notification-bar.top-banner ul{padding:0;}
#notification-bar.top-banner .top_bar_right ul li{width:auto !important;text-align:left;padding-right:20px;}
#notification-bar.top-banner .top_bar_right ul li:last-child{width:auto !important;max-width:100%;padding-left:16px !important;}
.header_list span{line-height:18px;}
.header_list li{width:33%}
.header_list{width:100%}
.srch-box{display:none;}
#header-search{padding:0;margin:0;position:static;width:100%;float:right;}
.header_list li{text-align:left;}
.page #header .logo{width:20% !important;}
.page #header .search-container{float:left;width:54%; margin-left:10px;}
.headerFixedDes .page-header-container.static_header .search-container{float:left !important;width:60% !important;padding-left:15px;}
.headerFixedDes .page-header-container.static_header .header_list{width:10% !important;float:right !important;}
.headerFixedDes .page #header .header_list li{padding-right:5px !important;}
.headerFixedDes .page #header .header_list li.phn {display: none;}
.headerFixedDes .page #header .header_list li.phn a{font-size:13px !important;}
#header .page-header-container.static_header .logo_search a.logo{width:98% !important;}
.page-header-container.static_header .logo_search {padding-top:20px; padding-left:5px;}
#search {font-family:'Open Sans', sans-serif;}
.page-header-container.static_header .logo_search span.djilogo{display:none;}
.page-header-container.static_header .logo_search span.djilogo img{width:30px;}
.page-header-container.static_header .logo_search span.djilogo h1{display:inline;}
.headerFixedDes .page #header .header_list span{font-size:13px !important;}
.page #header .header_list{float:right;width:20%;margin: 20px auto; padding:0;}
.page #header .header_list ul{text-align:left;}
.page #header .header_list li{padding-right:10px;}
#phoneheader {display:none;}
#tabs ul{padding:0;}
#tabs li:nth-child(6) a, #tabs li:nth-child(7) a{padding:17px 10px;}
#tabs li.tab_list{width:auto;}
.tabCntr{height:46px;}
#tabs div.inner-menu-wrapper{top:46px;}
#tabs .inner-menu-wrapper.countli9 .inner-menu > ul > li{width:113px;}
#tabs .inner-menu-wrapper.countli8 .inner-menu > ul > li{width:113px;}
#tabs .inner-menu-wrapper.countli7 .inner-menu > ul > li{width:113px;}
#tabs .inner-menu-wrapper.countli6 .inner-menu > ul > li{width:120px;}
#tabs .inner-menu-wrapper.countli5 .inner-menu > ul > li{width:130px;}
#tabs .inner-menu-wrapper.countli4 .inner-menu > ul > li{width:130px;}
#tabs .inner-menu-wrapper.countli3 .inner-menu > ul > li{width:130px;}
#tabs .inner-menu-wrapper.countli2 .inner-menu > ul > li{width:130px;}
#tabs .inner-menu-wrapper.countli1 .inner-menu > ul > li{width:130px;}
section.homepage-grids.newUpdateGrid {padding: 0 2px 5px;}
section.homepage-grids.newUpdateGrid .grid .cell.is-6 {width: 100%; padding: 0 1px 1px;}
section.homepage-grids .product-grid-container a.product-grid-item.bottom_right .grid-content {width: 100%;text-align: center;}
section.homepage-grids .product-grid-container a.product-grid-item.bottom_right .grid-content img.grid-logo {font-size:18px; line-height:18px;}
section.homepage-grids .promotion-grid-container .bottom_right .grid-content, section.homepage-grids .promotion-grid-container .bottom_left .grid-content {width: 100%;text-align: center;}
section.homepage-grids.newUpdateGrid .grid .cell.is-6:last-child {padding: 0 1px 1px;}
.cms-home .slide-grid-container .grid-content {width: 100%; text-align: center;}
section.homepage-grids .product-grid-container a.product-grid-item .grid-content {width: 100%;text-align: center;}
/* added by rick */
section.homepage-grids.newUpdateGrid .grid .bottom_banner img {width:100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; max-height:350px; padding: 0 2px 5px;}
section.homepage-grids .bottom_banner img.grid-bg {width:100%; border: none !important; margin-bottom: 0px !important; padding: 0 2px 5px;}
section.homepage-grids.newUpdateGrid .grid .bottom_banner img a {overflow: hidden;}
span.for-mobile-only{display:none;}
span.for-desktop-only{display:inline-block;}
img.for-mobile-only{display:none;}
img.for-desktop-only{display:inline-block;}
.signupBox {min-height:150px;}
.signupBox .conatiner-box {max-width: 450px;}
section.homepage-grids.newUpdateGrid .grid .bottom_left img {margin-bottom:5px;}
section.homepage-grids.newUpdateGrid .grid .bottom_right img {margin-bottom: 5px;}
    
}

@media (max-width:767px){
span.mobile-menu {top:18px !important;}
#header .page-header-container .logo_search a.logo{width:100% !important;}
#headerul{position:absolute;top:5px;right:8px;}
.header_list img{float:left;margin-top:8px;padding-right:10px;width:40px;}
#tabs{margin:338px auto;max-width:100%;}
.phn a{font-size:16px;}
.page-header{position:static;}
#notification-bar.top-banner{position:static;float:left;width:100%;background:#f1f1f1;padding:0 10px;}
.page{margin-top:0 !important;}
body{margin-top:0 !important;}
.top_bar_right{width:46%;float:right;}
.logo .small{display:block;float:none;width:auto;margin-top:5px;margin-left:5px;}
.page-header-container .logo_search {width:45%; max-height:60px;}
#header .logo{margin:0 0 10px 0;display:block;float:left;width:57% !important;text-align:left;}
#search{height:40px !important;border-radius:5px; font-family:'Open Sans', sans-serif;}
#search_mini_form .search-button{top:0;}
.header_list{float:left;margin:5px 0 0;text-align:left;width:100%;padding:0 10px;}
#header-search{position:static;padding:0;height:auto;width:100%;}
#notification-bar.top-banner ul li:not(:first-child){padding-left:0;}
#notification-bar.top-banner ul li{line-height:30px;padding:0;width:50%;}
#notification-bar.top-banner ul li > a{padding:0;}
.wrapper{float:left;width:100%;}
.tabCntr{height:auto;margin:0;}
div#tabs{height:auto !important;width:100% !important;margin:0 auto;}
#header.page-header{max-width:100%;float:left;}
.srch-box{display:none;}
#tabs > ul{height:auto;top:74px;z-index:99999;display:none;}
#tabs > ul > li{width:100%;height:auto;position:relative;}
#tabs > ul > li > a{padding:8px 35px 8px 20px;}
#tabs li a:after{top:17px;}
.slider_container{box-shadow:none;}
#tabs div{left:1px !important;display:none;}
#tabs a ~ div{height:auto;width:100%;padding:10px 15px 0 15px;}
#tabs li.tab_list a ~ div{height:340px;overflow-y:auto;top:37px;}
#tabs .inner-menu{display:block;height:auto;position:static;margin:0;box-shadow:none;border:0 !important;width:100% !important;}
#tabs .tab_list .inner-menu ul{padding:0;height:auto !important;position:static;}
.inner-menu img{display:none;}
#tabs .tab_list .inner-menu ul{padding:0;height:auto !important;}
#tabs .tab_list .inner-menu ul > li{width:100%;float:none !important;display:block !important;margin:0;border:0 !important;}
#tabs li.tab_list a ~ div.list-box{margin:0;height:auto;float:left;width:100%;position:static;padding:0 0 0 10px !important;}
#tabs li.tab_list a ~ div.list-box ul{display:block;position:static;}
#tabs div.list-box ul{width:100%;}
#tabs li.tab_list a ~ div.list-box ul li{padding:0 !important;}
#tabs .tab_list .inner-menu ul > li{width:100%;float:left !important;display:block !important;margin:0;border:0 !important;}
#tabs .tab_list .inner-menu ul > li > a{padding:5px 10px !important;text-align:left;}
#tabs .inner-menu .list-box{display:block !important;}
.bx-wrapper .bx-controls-direction a{bottom:50%;top:auto;z-index:999;}
.page-header-container{width:100%;float:left;position:relative;z-index:9999;}
.cart-box .left-bar{left:auto !important;width:290px !important;padding:6px !important;right:22px !important;top:50px;}
.top-banner ul{width:54%;}
#notification-bar.top-banner ul{padding:3px 0 0 0;}
#notification-bar.top-banner .top_bar_right ul li:last-child{max-width:100%;}
#notification-bar.top-banner ul li{width:100% !important;}
#notification-bar.top-banner .top_bar_right ul li{width:100% !important;text-align:right;}
#notification-bar.top-banner .top_bar_right ul li:last-child{width:50% !important;text-align:right;display:none;}
#tabs li{display:block;}
#tabs > ul > li > a{padding:8px 10px;}
#tabs li a{text-align:left;}
#tabs li:nth-child(6) a, #tabs li:nth-child(7) a{padding:8px 10px;}
#tabs > ul > li{border-width:0 0 1px 0;border-style:none none solid none;}
#tabs li a:after{top:13px;right:5px;}
#tabs ul{padding:10px 10px;position:absolute;}
#tabs li:last-child{border-bottom:none;}
#tabs div.list-box{margin:0 auto 0 !important;}
.inner-menu ul li .list-box ul li a{font-size:13px;}
#tabs li:hover{border-bottom:none;height:auto;}
#notification-bar.top-banner > ul > li:not(:nth-child(3)){display:none;}
#notification-bar.top-banner > ul > li:not(:nth-child(3)){display:none;}
#notification-bar.top-banner .top_bar_right ul li:first-child::after{display:none;}
span.for-mobile-only{display:block;}
span.for-desktop-only{display:none;}
img.for-mobile-only{display:block;}
img.for-desktop-only{display:none;}
.header_list li:nth-child(2) span img{width:52px;vertical-align:bottom;position:relative;top:7px;}
span.catqty{background:none;border:none;color:#000 !important;top:6px;left:10px;}
.header_list li{width:auto;}
.mobile_hide{display:none;}
.headerFixed .logo_search{position:fixed;top:0;left:0;background:#fff;width:100%;z-index:999;padding-top:10px;border-bottom:2px solid #1d4466;}
.headerFixed #search_mini_form #search{font-size:14px;}
.headerFixed .logo_search span.mobile-menu{display:none;}
.headerFixed #header .logo_search a.logo{width:26% !important;margin:0 !important;padding:0 0 10px 9px;}
.headerFixed .logo_search .search-container{width:68%;float:right;padding:0 10px 10px 9px;}
.headerFixed .logo_search .serch-box{height:auto;}
header#header{padding-bottom:0;}
.page-header-container.static_header{display:none;}
.slider_container.slider_container_desktop{display:none;}
.slider_container.slider_container_mobile{display:block;}
.help-section h2::before{content:'';border-bottom:1px solid #fff;width:102px;height:4px;display:block;margin:0 auto;position:relative;top:60px;}
#floating-panel{display:none;}
    section.homepage-grids.newUpdateGrid {margin-top:5px;}
section.homepage-grids.newUpdateGrid .grid .cell.is-6 {width: 100%; padding: 0 1px 1px;}
section.homepage-grids .product-grid-container a.product-grid-item.bottom_right .grid-content {}
section.homepage-grids .product-grid-container a.product-grid-item.bottom_right .grid-content h3 {font-size:18px;line-height:24px;}
section.homepage-grids .product-grid-container a.product-grid-item.bottom_right .grid-content img.grid-logo {width: 106px;}
section.homepage-grids .promotion-grid-container .bottom_right .grid-content, section.homepage-grids .promotion-grid-container .bottom_left .grid-content {width: 100%;
    text-align: center;top: 13%;}
section.homepage-grids .promotion-grid-container .bottom_left .grid-content h3 {font-size:18px;line-height:24px;}
section.homepage-grids .promotion-grid-container .bottom_left .grid-content p {font-size:14px; line-height:18px;}
section.homepage-grids.newUpdateGrid .grid .cell.is-6:last-child {padding: 0 1px 1px;}
.cms-home .slide-grid-container .grid-content {width: 100%; text-align: center; top:13%;}
.cms-home .slide-grid-container .grid-content h3 {font-size:18px;line-height:24px;}
.cms-home .slide-grid-container .grid-content p {font-size:14px; line-height:18px;}
section.homepage-grids .product-grid-container a.product-grid-item .grid-content {top:13%; width: 100%;text-align: center;}
section.homepage-grids .product-grid-container a.product-grid-item .grid-content h3 {font-size:18px;line-height:24px;}
section.homepage-grids .product-grid-container a.product-grid-item .grid-content p {font-size:14px; line-height:18px;}
    section.homepage-grids .promotion-grid-container .bottom_right .grid-content h3 {font-size:18px;line-height:24px;}
    section.homepage-grids .promotion-grid-container .bottom_right .grid-content p {font-size:14px; line-height:18px;}
.brandSlider.owl-carousel.owl-theme {width: 260px;    margin: -33px auto -13px;}
.top-brands .brand img {width: 100%;}
/* added by rick */
section.homepage-grids.newUpdateGrid .grid .bottom_banner img {width:100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; max-height:350px; padding: 0 2px 5px;}
section.homepage-grids .bottom_banner img.grid-bg {width:100%; border: none !important; margin-bottom: 0px !important; padding: 0 2px 5px;}
section.homepage-grids .bottom_banner .grid-content {}
section.homepage-grids .bottom_banner .grid-content h3 {font-size: 14px; line-height: 18px; width:250px;}
section.homepage-grids .bottom_banner .grid-content p {font-size: 14px; display: none;}
section.homepage-grids.newUpdateGrid .grid .bottom_banner img a {overflow: hidden;}
    section.homepage-grids.newUpdateGrid .grid .bottom_left img {margin-bottom:15px;}
    section.homepage-grids.newUpdateGrid .grid .bottom_right img {margin-bottom: 15px;}

/* -end */

}

@media all and (min-width:640px) and (max-width:767px){#header{top:100px;}
.djilogo > img{width:30px;}
#notification-bar.top-banner ul li{font-size:12px;}
#header .logo{width:30%;}
.serch-box{float:right;width:100%;margin:0;}
#tabs{margin:338px auto;}
}
@media (max-width:639px){#header{top:75px;}
.djilogo > img{width:25px;}
#notification-bar.top-banner ul li{font-size:12px;}
.serch-box{float:right;width:100%;margin:0px;height:42px;}
#notification-bar.top-banner ul li{line-height:30px;}
#notification-bar.top-banner ul li span{display:inline;}
}
@media (max-width:550px){#header{top:100px;}
#tabs{margin:490px auto;}
}
@media (max-width:475px){#header{top:140px;}
}
.list-box{z-index:99999999999999999;background:#fff;display:none !important;}
.tab_list .active .list-box{display:block !important;margin-top:0;padding:10px 0 25px;}
#header-search{left:3px;}
#notification-bar.top-banner ul li:nth-child(2) span{color:#032f55;}
div#notification-bar li{padding:11px;}
#notification-bar.top-banner ul li:not(:first-child){padding-top:0;}
.cart-box .left-bar{left:auto;right:0;width:362px;overflow-y:auto;}
span.maccounttxtl{float:right;margin-top:0px;margin-right:34px;word-spacing:2px;font-size:15px;}
span.view_all{display:none;}
.inner-menu ul .active span.view_all{display:block;}
.inner-menu ul .active span.view_all{display:block;position:absolute;top:auto;left:0;right:0;text-align:center;bottom:0;text-transform:uppercase;font-size:12px !important;}
@media (min-width:1025px){#tabs{margin:0 auto 0;width:1130px;max-width:100%;height:auto;}
#tabs ul{padding:0;}
}
@media (min-width:768px){
.page-header-container .logo_search {padding-right:10px;padding-left:10px;}
.mobile-menu{display:none;}
.page-header-container{width:100%;float:left;}
#header .logo{max-width:300px;}
.search-container{float:left;width:60%;position:relative; max-width:1130px;}
.header_list{float:left;width:18%;margin:0 auto;padding-top:20px;}
.header_list ul{float:left;width:100%;text-align:right;padding-right:10px;}
.header_list li{float:none;display:inline-block;width:auto;}
.serch-box{float:left;/*margin:20px 0;*/width:100%;height:35px;}
.inner-menu-wrapper.countli9 .inner-menu > ul > li{width:113px;}
.inner-menu-wrapper.countli8 .inner-menu > ul > li{width:120px;}
.inner-menu-wrapper.countli7 .inner-menu > ul > li{width:125px;}
.inner-menu-wrapper.countli6 .inner-menu > ul > li{width:130px;}
.inner-menu-wrapper.countli5 .inner-menu > ul > li{width:136px;}
.inner-menu-wrapper.countli4 .inner-menu > ul > li{width:136px;}
.inner-menu-wrapper.countli3 .inner-menu > ul > li{width:136px;}
.inner-menu-wrapper.countli2 .inner-menu > ul > li{width:136px;}
.inner-menu-wrapper.countli1 .inner-menu > ul > li{width:136px;}
}
@media (min-width:1366px){#notification-bar.top-banner ul li:first-child{padding-right:10px;}
#notification-bar.top-banner ul li:nth-child(2){padding-left:35px;}
#notification-bar.top-banner ul li:last-child{padding-left:68px;}
}
.page-header-container.static_header{border-bottom:2px solid #032f55;}
body.prass-accessories-view .spacepadd{display:none;}
body.manufacturer-index-view .add-to-links{margin:0px 0px 0px 36px;padding:10px;font-size:15px;}
body.manufacturer-index-view .category-products ul.products-grid li h2 a{display:block;font-size:14px;color:#303031;font-weight:400;text-transform:capitalize;min-height:36px;}
.myaccountmobileicon{position:absolute;top:13px;right:88px;}
.myaccountmobileicon span.maccounttxtl{float:right;margin-top:18px;margin-right:0px;word-spacing:2px;font-size:15px;}
.call_for_price .mfp-container{bottom:43%;top:initial;}
.left-bar img{padding-right:0px;padding-left:3px;width:43px;}
.left-bar .qty-wrapper button{padding:3px 4px 3px 4px;font-size:14px;margin-left:4px;}
.left-bar li{border-bottom:1px solid rgba(0, 0, 0, 0.08);padding-bottom:12px;}
.nn-review-header{position:relative;}
.nn-review-header h3{line-height:0px;color:#fff;font-size:16px;font-style:normal;text-align:center;margin-bottom:-33px;}
.nn-review-header h4{position:absolute;bottom:-15px;width:157px;right:1px;z-index:99;line-height:19px;color:#fff;font-size:12px;font-style:normal;}
p.nn-review-body{height:153px;overflow-y:auto;overflow-x:hidden;}
.nn-review-map-cont{display:none;}
.testimonial-content h5{font-size:19px;text-align:center;color:#fff;line-height:2;}
.nn-samap-header h3{color:#fff;}
.nn-samap-header{background:rgba(255, 255, 255, 0.56);margin-bottom:10px;padding-top:17px;margin-top:0px;border-top:1px dashed #ccc;border-bottom:none;}
.nn-samap-header img{height:200px;}
#map{height:700px;}
#floating-panel{position:absolute;z-index:5;background-color:#fff;padding:40px;border:6px solid rgba(101, 99, 99, 0.04);font-family:'Roboto','sans-serif';padding-left:48px;bottom:-8px;width:488px;font-size:24px;left:100px;text-align:left;}
#floating-panel p{color:#000000;margin:0;font-size:24px;line-height:30px;font-weight:300;line-height:34px;}
#floating-panel h5{text-transform:capitalize;color:#000;padding-bottom:17px;font-size:29px;}
.map-wrapper{position:relative;}
div[itemprop="aggregateRating"]{display:none;}
.seo-content{display:none;}
.brandSlider .owl-wrapper-outer , .featured-products .owl-wrapper-outer{width:100%;}
iframe, #map_canvas{}
.video-bar .insd-video button{margin:auto;display:block;}
.video-bar .insd-video p{text-transform:lowercase;}
body.catalogsearch-result-index .button, body.catalog-category-view .button{font-size:13px;}
.affirm-section .breadcrumb{background:none;padding:18px 15px;margin-bottom:0px;}
.breadcrumb-item.active{color:#950014;}
.breadcrumb > li + li::before{color:#222;content:"\003e ";padding:0 5px;}
.affirm-bg{background:url('../images/affirm-bg.png')no-repeat;background-size:100%;min-height:338px;position:relative;margin-bottom:70px;}
.affirm-content{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;}
.affirm-logo img{max-width:308px;width:100%;margin-bottom:10px;margin-bottom:0;}
.affirm-content h3{color:rgb(255, 255, 255);font-size:23px;font-weight:600;line-height:40px;text-transform:uppercase;}
.affirm-icon{float:left;margin-right:15px;width:60px;}
.affirm-icon img{width:50px;}
.affirm-text{float:left;max-width:-webkit-calc(100% - 85px);max-width:-moz-calc(100% - 85px);max-width:-o-calc(100% - 85px);}
.affirm-text h4{color:rgb(48, 48, 48);font-size:16px;font-weight:500;line-height:22px;margin-top:0;}
.affirm-how-works{position:relative;}
.affirm-how-works::after{background:#950014;bottom:-20px;content:"";height:2px;left:50%;margin-left:-50px;position:absolute;width:100px;}
.affirm-how-works h1{color:rgb(3, 47, 85);font-size:30px;font-weight:600;margin:70px 0 100px;position:relative;text-align:center;text-transform:uppercase;}
.affirm-how-worksleft span{color:rgb(149, 0, 20);font-weight:600;float:left;font-size:28px;line-height:30px;padding-right:4px;}
.affirm-how-worksleft h2{color:rgb(3, 47, 85);font-size:28px;font-weight:600;margin-bottom:25px;margin-top:28px;}
.affirm-how-worksleft p{color:rgb(48, 48, 48);font-size:18px;line-height:25px;margin-bottom:20px;}
.affirm-how-worksright > img{width:100%;float:right;}
.affirm-how-worksleft{margin-top:90px;}
.affirm-how-worksleft img{margin:-13px 10px 0 5px;width:100px;display:inline}
.affirm-image-space{margin:100px 0 0;}
.red_text{display:block;font-size:18px !important;width:100%;margin-bottom:20px;}
.no-space{margin-bottom:0px !important;}
.easy-quick-section h3{font-size:17px;color:#032f55;text-transform:uppercase;float:left;width:100%;font-weight:600;margin:20px 0;}
.easy-quick-section p{font-size:16px;color:#303030;float:left;width:100%;line-height:25px;}
.fasqs{position:relative;}
.fasqs:after{width:50px;margin-left:-25px;}
.fasqs h1{text-transform:none;}
.accordian li{list-style:none;border-bottom:1px solid rgb(221, 221, 221);}
.accordian li a{position:relative;display:block;text-decoration:none;color:#032f55;font-size:24px;padding:18px 8px 18px 40px;outline:none;}
.accordian li a:before{content:"";position:absolute;border-radius:10px;top:36px;left:-3px;border:1px solid #00c8e5;height:2px;width:30px;}
.accordian-content{display:none;}
.accordian li a::after{content:"";border-radius:10px;position:absolute;top:22px;left:10px;border:1px solid #00c8e5;height:30px;width:2px;}
.showcontent .accordian-content{display:block;}
li.showcontent a::after{content:none;}
.accordian-content li{border:none;line-height:25px;margin-left:18px;margin-bottom:20px;font-size:16px;list-style:outside none disc;}
.read-more-affirm-btn a{padding:15px 13%;text-align:center;border:1px solid #950014;color:#950014;font-size:16px;display:inline-block;text-decoration:none;display:inline-block;font-weight:600;border-radius:2px;transition:all 0.7s ease-in;-webkit-transition:all 0.7s ease-in;-moz-transition:all 0.4s ease-in;}
.read-more-affirm-btn{text-align:center;margin:50px 0;}
.read-more-affirm-btn a:hover{background:#950014;color:#fff;border:1px solid #fff;}
.collapse-all{color:rgb(149, 0, 20);font-size:16px;font-weight:600;left:0;position:absolute;text-transform:uppercase;top:20px;outline:none;outline:none;}
.collapse-all:hover{text-decoration:none;outline:none;}
.easy-quick-section > img{width:80px;}
.affirm-how-worksright.affirm-image-space > img{display:block;float:none;margin:0 auto;width:320px;}
.affirm-how-worksright1 img{display:block;float:none;margin:0 auto;width:400px;}
.affirm-how-worksright4 img{display:block;float:none;margin:0 auto;width:400px;}
@media (max-width:1199px){.affirm-text{float:left;max-width:-webkit-calc(100% - 80px);max-width:-moz-calc(100% - 80px);max-width:-o-calc(100% - 80px);max-width:calc(100% - 80px)}
.affirm-logo img{max-width:220px;}
.affirm-content{top:43%;}
}
@media (max-width:1023px){.affirm-logo img{max-width:150px;}
.affirm-bg{min-height:206px;}
.affirm-content h3{font-size:15px;line-height:24px;}
.affirm-bg{margin-bottom:50px;}
.affirm-text{float:left;max-width:-webkit-calc(100% - 100px);max-width:-moz-calc(100% - 100px);max-width:-o-calc(100% - 100px);max-width:calc(100% - 100px)}
.affirm-how-works h1{margin:60px 0;font-size:26px;}
.affirm-how-worksleft{margin-top:50px;}
.affirm-how-worksleft h2{font-size:19px;}
.affirm-how-worksleft span{font-size:19px;line-height:20px;}
.affirm-section br{display:none;}
.affirm-how-worksleft img{width:80px;}
.affirm-how-worksleft p{font-size:16px;}
.red_text{line-height:25px !important;}
.easy-quick-section p{font-size:15px;line-height:23px;}
.accordian li a{font-size:20px;}
.accordian li a::before{left:-1px;top:33px;width:25px;}
.accordian li a::after{height:25px;}
}
@media (max-width:767px){
.affirm-how-worksleft h2{font-size:17px;}
.affirm-how-worksleft img{width:62px;}
.affirm-how-worksleft p{font-size:15px;}
.affirm-how-worksleft h2{margin-bottom:15px;margin-top:20px;}
.affirm-how-worksleft p{margin-bottom:10px;}
.affirm-image-space{margin:20px 0 0;}
.affirm-how-worksleft span{font-size:19px;}
.red_text{font-size:15px !important;line-height:20px !important;}
.easy-quick-section > img{display:block;margin:0 auto;width:60px;}
.easy-quick-section{text-align:center;}
.easy-quick-section{margin-bottom:30px;}
.collapse-all{font-size:12px;font-weight:600;top:60px;}
.accordian > ul{padding:0px;}
.accordian li a{font-size:17px;line-height:18px;padding:14px 8px 11px 35px;}
.accordian li a::before{top:24px;width:20px;}
.accordian li a::after{top:15px;height:20px;left:8px;}
.read-more-affirm-btn a{padding:15px 11%;}
.affirm-bg{background:rgba(0, 0, 0, 0) url("../images/affirm-bg.png") no-repeat scroll center center/cover;height:250px;}
.affirm-how-worksright1 img{width:100%}
.affirm-how-worksright4 img{width:100%;}
.breadcrumb-section{display:none;}
.affirm-text{float:left;max-width:-webkit-calc(100% - 70px);max-width:-moz-calc(100% - 70px);max-width:-o-calc(100% - 70px);max-width:calc(100% - 70px)}
.affirm-icon{margin-right:5px;}
.affirm-text h4{font-size:15px;line-height:20px;margin-bottom:20px;}
.affirm-how-works h1{margin:40px 0 30px;}
.affirm-how-worksleft{margin-top:30px;}
.affirm-how-worksright.affirm-image-space > img{width:200px;}
.easy-quick-section{margin:40px 0 0;}
.collapse-all{top:20px;}
.accordian-content li{font-size:14px;line-height:22px;margin-bottom:15px;margin-left:8px;}
#tabsb ul{position:static;float:left;}
#tabsb > ul > li{float:left;display:block;width:100%;}
#tabsb > ul > li > a{text-align:left;padding:8px 36px 9px 30px;font-size:16px;width:80%;float:left;}
#tabsb{top:132px;z-index:99999999;position:absolute;display:none;}
#tabsb > ul > li > a::after{margin:0px 0 0 10px;right:18px;display:none;}
#tabsb > ul > li > ul{background:#fff !important;box-shadow:none;height:258px;overflow-y:scroll;width:96%;left:2%;box-shadow:0 0 5px 1px #ccc;}
#tabsb > ul > li .new-mobile-nav{float:right;width:20%;height:41px;position:relative;z-index:9999;}
#tabsb > ul > li .new-mobile-nav:after{position:absolute;right:31px;top:21px;content:"";height:2px;width:15px;background:#fff;transition:all 0.3s ease-in 0s;}
#tabsb > ul > li .new-mobile-nav:before{position:absolute;right:37px;top:14px;content:"";height:15px;width:2px;background:#fff;transition:all 0.3s ease-in 0s;}
#tabsb > ul > li .new-mobile-nav.active:before{transform:rotate(90deg);}
#tabsb > ul > li li span.new-mobile-nav, #tabsb > ul > li li li span.new-mobile-nav{display:none;}
#tabsb > ul > li:hover > ul{display:none;}
}
@media (max-width:640px){.affirm-content h3{font-size:13px;}
}
@media all and (min-width:767px) and (max-width:851px){#tabsb>ul>li>a{padding:13px 13px 14px 13px;font-size:13px;}
#tabsb>ul>li>a::after{margin:2px 0 0 4px;}
}
@media all and (min-width:851px) and (max-width:1120px){#tabsb>ul>li>a{padding:13px 15px 14px 15px}
#tabsb>ul>li>a::after{margin:4px 0 0 4px;}
}
ul.categorypics{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;list-style:none;width:82%;margin:auto;}
li.texttitles,div.texttitles{font-family:oswaldlight, sans-serif;text-transform:uppercase;font-size:16px;font-weight:bold;text-align:center;position:relative;}
li.discs{list-style-type:disc;font-family:Open Sans, sans-serif;font-size:14px;list-style-position:inside;}
ul.discs{list-style-type:disc;font-family:Open Sans, sans-serif;font-size:14px;}
h1.thermaltitle{font-family:oswaldlight, sans-serif;text-transform:uppercase;font-size:28px;font-weight:bold;text-align:center;}
#thermaldiv,#thermaldivb{width:75%;margin:2px auto;text-align:center;}
#thermaldivb{display:none;}
.containerdiv{width:90%;height:525px;margin:auto;padding:10px;}
.one{width:45%;float:left;}
.two{margin-left:5%;text-align:left;}
a.submitemailbutton{background-color:#09F;border:1px;padding:10px 25px;text-align:center;text-decoration:none;display:inline-block;font-family:oswaldlight, sans-serif;text-transform:uppercase;font-size:36px;font-weight:bold;color:#006;margin:4px 2px;cursor:pointer;width:300px;}
a.submitemailbutton:hover{background-color:#069;color:#FFF;}
.voting_area a:focus{outline-color:#8d8d94}
.button{background-color:#D92211;}
.select_inner{display:none;width:100%;background:#0000002e;height:100%;top:0;left:0;z-index:990;position:absolute;cursor:pointer;}
.select_inner img{position:absolute;width:50px;height:50px;top:50%;left:50%;margin-top:-25px;margin-left:-25px;}
.texttitles:hover .select_inner{display:block;}
li.texttitles.selected_vt .select_inner{display:block!important;}
.photobattle-table{table-layout:fixed;width:100%;}
div.bar{height:25px;color:#fff;text-align:center;margin:2px;}
#response-result, #response-result h2{margin:0 auto;padding:2px 0px 14px 0px;font-family:oswaldlight, sans-serif;text-transform:uppercase;font-size:16px;font-weight:bold;text-align:center;}
.texttitles .g-recaptcha{margin:0 auto;margin:0 auto;width:34%;padding:9px;}
a.dissubmitemailbutton{background-color:#cdd1d4;border:1px;padding:10px 25px;text-align:center;text-decoration:none;display:inline-block;font-family:oswaldlight, sans-serif;text-transform:uppercase;font-size:36px;font-weight:bold;color:#8d8d94;margin:4px 2px;cursor:no-drop;width:300px;}
a.dissubmitemailbutton:hover{color:#8d8d94;}
div.texttitles textarea, div.texttitles input, div.texttitles button, div.texttitles .g-recaptcha{width:277px;padding:10px;margin:0px auto;}
div.texttitles textarea, div.texttitles input, div.texttitles button{margin:20px;}
div.texttitles button{}
.box1 label{width:20%;padding:21px;}
div.texttitles .inner{width:100%;margin:0 auto;}
.photobattle-comment{width:91%;margin:0px auto;}
.voting_area{text-align:center;}
.photo_comment h4{font-size:12px;padding:4px;line-height:12px;min-height:24px;}
.photobattle-comment{width:60%;margin:20px auto;padding:20px;border:1px solid #ccc;}
.photo_comment{margin:0px 0px 10px 0;background:#dedcdc;padding:5px;}
span.comment_here{display:inline-block;background:#09F;padding:5px 10px;margin:0px 0px 10px 0px;color:#fff;font-size:14px;cursor:pointer;}
.photobattle-table tr{border:1px solid #e4d9d9;}
#response-result{margin-top:16px;width:90%;}
.comment_time{float:right;}
li.mid_section{margin-top:58px;width:100%}
a.dissubmitemailbutton{outline-color:#8d8d94;color:#8d8d94;}
.photobattle-index-index .full-width img{max-width:100%;}
@media all and (max-width:769px){.photobattle-comment{width:100%;padding:10px;}
#thermaldiv{display:none;}
#thermaldivb{display:block;}
.photobattle-index-index .texttitles img{max-width:88%;}
}
@media all and (min-width:769px){.photobattle-index-index .texttitles img{max-width:505px;}
}
.photobattle-index-index .spacepadd{display:none;}
li.full-size{width:75%;text-align:center;}
.voting_area .result{color:green;font-weight:bold;font-size:17px;padding:27px;}
ul.categorypics li.full-size{width:505px;float:left;max-width:100%;}
ul.categorypics li:nth-child(2){width:96px;}
ul.categorypics li.full-size:last-child{float:right;}
ul.categorypics{width:100%;}
#tabsb ul li.tab_listb.drones > ul {width: 700px;}
#tabsb ul li.tab_listb.drones > ul > li {width: 32%;vertical-align: top;}
#tabsb ul li.tab_listb.camerassensors > ul {width: 700px;}
#tabsb ul li.tab_listb.camerassensors > ul > li {width: 32%;vertical-align: top;min-height: 200px;}
#tabsb ul li.tab_listb.drones>ul>li ul, #tabsb ul li.tab_listb.camerassensors>ul>li ul {width: 100% !important;}

@media all and (max-width:767px){
    #tabsb ul li.tab_listb.drones > ul {width: 100%;}
    #tabsb ul li.tab_listb.drones > ul > li {width:100%;vertical-align: top;}
    #tabsb ul li.tab_listb.camerassensors > ul {width: 100%;}
    #tabsb ul li.tab_listb.camerassensors > ul > li {width: 100%;vertical-align: top;}
}
#tabsb li ul li ul li a:hover {
    color: #fff;
}
#tabsb>ul>li:hover>ul {
    /*display: block;*/
    background-color: #fff;
    z-index: 9999;
}
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
	clear:both;
	
}

.accordion.active, .accordion:hover {
    background-color: #ccc;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordion.active:after {
    content: "\2212";
}

/* client css 16-09-2019 **/
@media all and (min-width: 320px) and (max-width: 480px){
    .category-products ul.products-grid li.item {
        padding: 2px;
        border: none;
        width: 46% !important;
    }
    .category-products ul.products-grid li.item .pro-image {
        min-height: 100px;
    }
    .category-products .toolbar {
        width: 98%;
        padding: 2px;
		margin: 0 0;
		border: 0px;
		background: none;
        /*display: none;*/
    }
    .category-products .toolbar .sorter p.view-mode {
        display: none;
    }
    .sorter {
        float:left;
        width: 40%;
    }
    .pager {
        float: right;
        width: 40%;
    }
    .products-grid .product-name, .products-list .product-name {
        text-transform: none;
        display: block;
        line-height: 1.2em;
        height: 2.4em;
        font-size: .85em !important;
        font-family: 'Open Sans', sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-left: 2px;
        margin-right: 2px;
        color: #3b3e40;
		min-height: 30px !important;
    }
    .category-products ul.products-grid li .price-box .regular-price .new-price {
        font-size: 1em !important;
        font-weight: 500;
        padding: 0;
        color: #666;
    }
    .products-grid .price-box {
        font-size: 1em !important;
    }
    .category-products ul.products-grid li.item {
        min-height: auto;
    }
    }

/* css 16-09-2019 **/

/* css 21-09-2019 **/
li.li-list dd {
    display: none; margin-bottom: -10px; max-height: 80px;
    overflow-y: auto;
}
li.li-list dt {
    margin-bottom: 0;
    position: relative;
    padding-right: 25px;
    border-bottom: 0;
    padding: 5px 25px 5px 10px; font-weight:600;font-size: 14px;
}
li.li-list dd {
    display: none;
    margin-bottom: 0;
    max-height: 125px;
    overflow-y: auto;
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 5px 10px;
}

li.li-list dt:before{width: 16px;  height: 2px; display: block; position: absolute; content: ""; transition: all 0.3s ease; background:#888; right:10px; top:15px;}
li.li-list dt::after {
    width: 16px;
    height: 2px;
    display: block;
    position: absolute;
    content: "";
    transition: all 0.3s ease;
    background: #888!important;
    right: 10px;
    top: 15px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    left: inherit;
    border: 0;
}
li.li-list dt.toggleAct:after{transform: rotate(0deg); -webkit-transform: rotate(0deg);}


li.li-list dd ol > li > a{ padding:3px 0;}
li.li-list {
    margin-bottom: 10px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    /* border-radius: 12px;*/
}


/* added css to fix the break blocks */
body .category-products ul.products-grid li.item:nth-child(4n+1) { clear: left;}

@media (max-width:1100px){
	.category-products .toolbar { width: 100%;}
	.category-products .toolbar{ padding: 7px 20px 5px 20px;}
	.category-products ul.products-grid li.item{ width: 23%; margin: 0 1% 15px 1%;}
	
	/* added css to fix the break blocks */
	body .category-products ul.products-grid li.item:nth-child(4n+1) { clear: none;}
	body .category-products ul.products-grid li.item:nth-child(3n+1) { clear: left;}
	
}

@media (max-width: 1100px) and (min-width: 641px){
	.category-products ul.products-grid li.item { width: 31.3%!important;margin: 0 1% 13px 1%!important;}
	.category-products .toolbar { width: 100%;}
}

@media (max-width: 979px){
	.category-products .toolbar .sorter { border-bottom: 0px solid #ddd; padding-bottom: 5px; margin-bottom: 5px;}
	.category-products .toolbar .sorter > .view-mode { float: right!important;}
	.category-products .pager > .count-container { float: left; width: 100%;}
	
	.category-products .count-container .limiter {width: auto!important; float: right;}
	.category-products .toolbar{    padding: 5px 10px;}
	
	.category-products .toolbar .pager .pages {
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 5px 0 0;
    margin-top: 2px;}
}

@media (max-width: 767px){
	.category-products ul.products-grid li.item { width: 49%!important;margin: 0 1% 13px 0!important;}
	.products-grid > li:nth-child(odd), .products-grid > li:nth-child(3n+1) { clear: none!important;}
	
	/* added css to fix the break blocks */
	body .category-products ul.products-grid li.item:nth-child(4n+1) { clear: none;}
	body .category-products ul.products-grid li.item:nth-child(3n+1) { clear: none;}
	body .category-products ul.products-grid li.item:nth-child(2n+1) { clear: left;}
	
}
/* css 21-09-2019 **/





@media (min-width:320px) and (max-width:767px) {
.category-products .toolbar .sort-by {
    position: absolute;
    top: 43px;
	left:2px;
	
       
}
.category-products .toolbar .sort-by ul {
	
display:none;
}
.category-products .toolbar label{
	display:none;

}
.category-products .toolbar .pager{
	display:none;

}	
	
.col-left.sidebar.col-left-firsts {position: fixed;background: white;width: 100%;right: 0;top: 0;z-index: 9999;}
	
	
.block-content.toggle-content.no-display {padding:15px 15px 0;}	
.block-content.toggle-content.no-display span.close {font-size: 24px;font-weight: 600;margin: 0 0 0 0;}

.col-left.sidebar.col-left-firsts {width: 90% !important;box-shadow: 0 0 10px 6px #ccc;margin: 0;height: 100vh; overflow-y: scroll;}
.block-layered-nav .block-subtitle--filter {margin:15px 0 0;}
.search__filter_sort .sort_by {width: 110px !important;float: left;margin: 0 0 0 0;}
.search__filter_sort .filter {padding: 0 0 0 15px;}
.sort-by ul {width: 150px;margin: 0;background: #fff;left: 15px;position: absolute;box-shadow: 0 0.313em 0.938em rgba(0,0,0,.5);border-radius: 5px;padding: 10px 0;z-index: 9;}
.sort-by ul li {text-align: center;font-size: 16px;font-weight: 500;line-height: 30px;}
.main-container { padding: 10px 5px 10px !important;}
 .sort-by-switcher--asc {background-position: 4px -542px;position: absolute;top: -25px;left: 95px;}
 .sort-by-switcher--desc {    background-position: 4px -567px; position: absolute;top: -25px;left: 95px;}

.search__filter_sort p span i {margin: 0 0 0 5px;}


.col-left.sidebar.col-left-firsts .search__filter_sort {
    display: none;
}


.col-left.sidebar.col-left-firsts{
	display:none;
}
.block.block-left-nav {
    padding: 20px 15px 0 15px;
}

.block.block-left-nav .block-title strong {background-color:#3399cc !important;}
.block.block-left-nav .block-title strong span {color: #fff;font-weight: 500;}
.sidebar .block:not(.block-layered-nav) .block-title > strong:after {border-left: 4px solid #fff;}

.block-content.toggle-content.no-display {
    padding: 0 15px 0;
    margin-top: 0 !important;
}

span.close {
    margin: 10px 0 0;
    display: block;
    width: 20px;
    font-size: 25px;
}
}


/*13_12_2019*/
.manufacturer-index-view .col-left.sidebar {margin-left: 0;}

.customer-account .col-left{
	margin-left: 1%;
}
/*reasons to buy*/
	.prow2 {width:100%; max-width: 1200px !important;}
    .callouts1 {
    flex: 20%;
    max-width: 20%;
    padding: 0px 0px 0px 0px;
    -webkit-filter: grayscale(0%) opacity(100%);
    filter: grayscale(0%) opacity(100%);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    margin: 0 5px;
    }
    .callouts1 .img-top {
        position: absolute;
        opacity: 0;
        height: 0;
        top: 0;
        left: 0;
		transition: opacity 0.8s ease-out;
    }
    .callouts1:hover .img-top {
    opacity: 1;
    transition: opacity 0.8s ease-out;
        height: auto;
    }
    @media screen and (max-width: 600px) {
        .callouts1 {flex: 40%;max-width: 40%;}
    }
    @media screen and (min-width: 601px) and (max-width: 800px) {
        .callouts1 {flex: 50%;max-width: 50%;}
    }
    .featbold3 {
    font-size: 18px;
    display: block;
    font-weight: 300;
    text-align: center;
    color: #111;
    }
	.pbody2 {padding-bottom: 20px;}
	.reasons {font-size: 1.6em; text-align: center; font-weight: 400; color: #111; padding: 5px 25px 5px 25px;}
.cart-table h2.product-name a {font-weight: 400;}
#cartcross h2 {font-size:22px !important;}
.salebadge {
    text-align: left;
    background: #07b376;
    width: fit-content;
    color: #fff;
	position: absolute;
    top: 8px;
    z-index: 10;
    padding: 2px 8px 2px 8px;
}
.imgbadge {
    text-align: left;
    width: fit-content;
    color: #fff;
	position: absolute;
    top: 8px;
    z-index: 10;
}
.newitembadge {
    text-align: left;
    background: #d92211;
    width: fit-content;
    color: #fff;
	position: absolute;
    top: 8px;
    z-index: 10;
    padding: 2px 8px 2px 8px;
}
.pop-head {
    width: 100%;
    height: 90px;
    padding: 5px;
	background-image: linear-gradient(90deg,#032f55,#1890ff);
	background-color: rgba(3, 47, 85,0.0);
	border-radius: 4px;
	}

#tabsb ul li ul li ul li ul li a.category_name {background: #fff;}
#tabsb ul li ul li ul li ul li a.category_name:hover {background: #D92211;}
#tabsb ul li ul li ul li ul li {padding-left:10px; font-size:13px;}
#tabsb ul li ul li ul li ul {padding:0px;}