@media (max-width:991px){
#menu ul li a { padding-left:6px; padding-right:6px;}
#hero .item:before { background-size:100% 102%; background-repeat:no-repeat;}
#hero .capi .capi-inn h1 { font-size:48px; margin-bottom:10px; padding-top:10px;}
#hero .capi .capi-inn p { font-size:16px;}
#hero .capi .capi-inn p br { display:none;}

/* #carouselHero .carousel-caption {
	position: static !important;
	background: #fff;
	-webkit-transform: translateY(0) !important;
	-ms-transform: translateY(0) !important;
	transform: translateY(0) !important;
	padding: 15px !important;
	text-align: center !important;
}

#carouselHero .carousel-overlay {
	display: none;
}

#carouselHero .item {
	background-color: #fff;
}

#carouselHero .carousel-img-background {
	display: block !important;
	width: 100%;
	-o-object-fit: contain !important;
	object-fit: contain !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	position: relative !important;
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
} */

.box { min-height:0; padding-bottom:6px; margin-bottom:10px;}
.icon-box {margin-bottom: 0;}

footer ul {width:100%;}
}
@media (min-width:768px) and (max-width:1199px) {
	#menu ul li:nth-child(5) div.megamenu { right:-50px; left:auto; }
	#menu ul li:nth-child(6) div.megamenu, #menu ul li:nth-child(7) div.megamenu { right:0; left:auto; }
	.clear30px, .clear50px { padding:10px; }
	footer ul li a { padding:2px 0; }
}
@media (min-width:768px) and (max-width:992px) {
	.no_padd_left { padding-left:0; }
}
@media (min-width:768px){
	ul > li.shopping-cart-link > a::before, .ddsmoothmenu > ul > li.shopping-cart-link > a:hover::before {
		filter: invert(1);
		-webkit-filter: invert(1);
	}
	body.CleanStyle ul > li.shopping-cart-link {
		right: 40px !important;
	}
	}
@media (max-width:767px){
#logo {display: inline-block; max-width:80vw; position: relative; }
#crossbar {padding: 15px 0 6px; padding-top:16px;}
#crossbar .container {padding: 0;}
.clear30px, .clear50px { padding:8px; }
div.megamenu { display:none;}
[class*=col-][class*=pull-] { float:none !important; }
.row.feat [class*="col-"] { border-bottom:1px solid #ddd; overflow:hidden; padding-bottom:15px;}
footer .tab-content { min-height:0;}
.ecommerce-box img { max-width:150px;}
.resources-box img { max-width:100px; margin:0 5px; padding:5px;}
.numbered { display:block; position:relative; text-align:center; width:100%;}
.numbered li { display:inline-block; float:none;}
.box {padding: 0;border-left: none;padding-bottom: 30px;border-bottom: 2px solid #e5e5e5;}
.box .title {border-bottom: none;}
.icon-box {margin-bottom: 0;}
ul.docs { margin: -15px 0 0;}
.start-grow-build {text-align: center !important;}
.start-grow-build .row.feat [class*=col-] {	padding: 0 0 15px 0;}
.start-grow-build .row.feat img {float: none;position: static;}
a.learnmore:hover, a.learnmore:link, a.learnmore:visited, a.readmore:hover, a.readmore:link, a.readmore:visited {
    float: none;
    display: inline-block;
}
.mean-nav ul li a i { display:none!important; }
footer .col-sm-2, footer .col-sm-3 { width:33%; float:left;}
.ecommerce-list, .resources-list { float:left; margin-right:20px; }
.numbered {display: inline-block; width:50%; float:right;}
.numbered li a {padding: 5px;}
a.readmore { float:none!important; display:inline-block!important; }
}
@media (max-width:639px){
#hero .capi .capi-inn h1, #hero .capi .capi-inn h2 { font-size:32px; margin-bottom:10px; padding:0; padding-top:10px;}
#hero .capi .capi-inn p { font-size:14px;}
footer .col-sm-2, footer .col-sm-3 { width:50%; float:left;}
footer ul.ecommerce-list, footer ul.resources-list { width:auto;}
footer ul.resources-list { padding-right:10px;}
}
@media (max-width:580px) {
	#hero .item:before { background-size:100% 100%; }
}
@media (max-width:550px) {
	.ecommerce-list, .resources-list { float:none; width:100%; margin-right:0; }
	.numbered {display:block; width:100%; float:none;}
	.numbered li a {padding: 5px;}

}
@media (max-width:479px){
#hero .capi .capi-inn h1 { font-size:22px; }
#hero .capi .capi-inn p { display:none;}
.mean-container .mean-bar { top:0 !important;}

footer .col-sm-2, footer .col-sm-3 { width:100%; float:left;}
}
@media (max-width:360px){
#hero .capi .capi-inn h1 { font-size:18px; }
footer ul { width:100%;}
h4 {font-size: 17px;}
	#hero .item:before { background-size:100% 97%; }
}