 
@media only screen and (min-width:320px) and (max-width:991px) {
 .web-container h1 {
 font-size:26px!important;
}
 .web-container h2 {
 font-size:21px!important;
}
 .web-container h3 {
 font-size:19px!important;
}
 .web-container h4 {
 font-size:17px!important;
}

}
@media only screen and (min-width:320px) and (max-width:767px) {
.header .top-bar {

	padding: 10px 0 10px 0;
}
.top-nav {
    display: none;
}
.top-nav li {
	line-height: 12px;
	margin: 4px 0 !important;
}
.top-nav.user-nav {
	display: block;
    float: left!important;

} 

.logo_bar .logo {
	padding: 15px 0px 15px 0px !important; 
}
.shop-cart {
	margin-left: 0px; 
	margin-right: 0px; 
}
.search-nav .fa {
    padding: 10px 10px;border-right: 1px solid #eee;
}
.slide_bar .slide_overlay .img-one {
	max-width: 54% !important;
	 
	top: 22px;
	left: 19%;
	 
}
.slide_bar .slide_overlay .img-two {
	max-width: 31% !important; 
	top: 33px;
	left: 36%;
	 
}
.slide_bar .slide_overlay .img-three {
	max-width: 59% !important;
	 
	top: 5px;
	left: 19%; 
}
 
 .notification .n-text {
	width: 100%;
	float: left; 
}
.home-abt-bar {
		padding: 40px 0px 40px 0px !important;
}
.home-abt-bar img {
	max-width: 70% !important;margin: auto;
display: block;
}
.home-abt-bar .main-head span {
	margin-left: -20px;
}
.main-head {
	 font-size: inherit;
	line-height: 45px; font-size: 22px;margin-bottom: 15px !important;
}
.main-head span {
	 
	font-size: 50px !important;
	 
}
.home-abt-bar-2 {
	padding: 0px  !important;
}
.home-abt-bar-2 h1.num {
	font-size: 50px !important;text-align: left !important;
	 
}
.home-abt-bar-2 h2.num-head {
	font-size: 33px !important;
	 
	top: 16px;
	left: 81px;
	 
}
.home-abt-bar-2 img.home-img {
	 transform:inherit ; 
	 position: inherit; margin-bottom: 55px;
}
.advantage-bar {
	padding: 0 15px !important;
}
.product-slide-bar {
	padding: 30px 0px 30px 0px !important;
}
.cd-filters {
	display: none;
}
.home-abt-bar-3 {
	padding: 50px 0px 150px 0px !important;
	 
}
.home-abt-bar-3 .app-pic {
	position: inherit;
	top: inherit;
	right: inherit;
}
.home-abt-bar-3 .app-btn {
	position: absolute;
	bottom: -95px !important;
} 
.brand-bar .container {
	 
	padding: 5px 0;
}
.footer-bar {
	 
	padding: 30px 0px 60px 0px !important;
	 
}
.footer_bar_botom {
	
	padding: 15px 0px !important;
}
.footer_bar_botom .pay-method {
 
	margin-top: 15px !important;
}
.footer_bar_botom .pay-method li {
 
	margin-bottom: 10px !important;
}
.footer-bar .down-nav {

	margin-bottom: 40px !important;
}
.footer-bar .down-nav li {
	 
	line-height: 35px;
}
/**/
.about-bar { 
	margin-bottom: 23px !important;
}
.about {
	margin: 0;
 
}
.about-main-img { 
	margin-top: inherit;
	margin-right: inherit; 
}
.about-main-img img {
	height: 100%;
}
.about-content {
	max-width: inherit;
	width: inherit !important;
	padding: 20px 15px !important; border:0
}
.about-content-title { 
	margin-top: 0; 
}
.about-content-title h4 {
	margin-left: 0 !important;
	 
}
.about-content-text {
	padding: 20px 0;
}
.about-content-1 {
	border-top: 0!important;
}
.about-content-1 .about-content-text-1 {
	padding: 0;
}
.about-content-1 .about-content-title-1 h4 { 
	padding-left: 0px !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-bottom: 20px !important;
}
 .about-main-img-1 {
	padding: 0;
	padding-right: 0px;
	padding-left: 0px!important;
	margin-top: 20px!important;
	margin-left: 0;
	text-align: center;
	margin-right: 0px;
}
.about{
	margin-top: 20px!important;
} 
.about-content-text-1 {
	padding: 10px 0!important;
}

.product-detail-bar .no-padding-left {
    padding-left: 15px !important;
}
.cart-bar .cart-btn-continue .btn-shop, .cart-bar .cart-btn-pay .btn-pay, .cart-bar .btn-cont-shop {
	padding: 0 4px !important; 
}
.cart-bar .cart-btn-continue {
	margin-top: 0px !important;
}
.checkout-bar .col-sm-12{ padding:0!important}
.wizard-content .btn { 
	margin-bottom: 5px;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {

}
@media only screen and (min-width:992px) and (max-width:1199px) {

}