/* 
   ------------------------------------------------------
	RESPONSIVE STYLES
   ------------------------------------------------------
*/

@media (min-width:1000px) and (max-width: 2880px) {
/* .col-sm-4:nth-child(3n+1) {clear:left;} */
}

@media (min-width: 992px) and (max-width: 1199px) {
	.bggrey2 h2{font-size:14px;} 
.benr-text p.lead{font-size:16px;}/*vj*/
.bggrey .panel-heading2 div img{max-width:240px;}
.panel-body2 h2{width:100%;}
.panel-heading23 {height:210px;}
.panel-heading23 div img{max-height:200px; max-width:180px;}
}

@media only screen and (max-width: 1024px) {
.navbar .navbar-collapse > .nav-justified.nav-pills > li > a{padding:5px; font-size: 12px;}
.carousel-caption .carousel-md-content{width:110px;}

.m-content .bg-white .product-view .thumbnails li{width:65px;}
.right-top-banner{ background:#303548}
}

@media only screen and (max-width: 991px) {
	.br-right{border:0px; border-bottom:1px solid #ccc; padding-bottom:10px;}
	.bggrey2 h2{min-height:80px;}
	.hed2 h2{ min-height:60px;}
	.panel-heading23 {height:190px;}
.panel-heading23 div img{max-height:180px; max-width:160px;}
	.panel-body2 h2{width:100%; font-size:13px; min-height:80px;}
	.bggrey .panel-heading2 div img{max-width:170px; max-height:200px;}
	.bggrey .panel-heading2{background:#fff; height:210px; display:table; width:100%;}
.bggrey .panel-heading2 div{display:table-cell; vertical-align:middle; text-align:center;}
	.benr-text p.lead{font-size:12px;}/*vj*/
.logo-search .cart{padding:0 0 20px 0; font-size: 11px;}
.logo-search .phone{font-size:18px;}
.logo-search .search{padding-top:15px;}
.banner-r-p{ padding-right:6px;}
.right-top-banner{float:left; margin-bottom:7px;}

.carousel-caption .carousel-md-content{width:170px;}

.product-list.white-bg .panel-default>.panel-body hr{width:100%;}

.footer ul.f-link li{width: 30%; display: block; float: left; padding: 0px 0 7px; border-right: 0; border-bottom: 1px solid #8a8c90; margin: 5px;}
.mt-text-center{text-align:center;}

.m-content .bg-white .product-view .thumbnails li{width:50px; margin:0 2px;}
.m-content .bg-white .product-view .dec .before h2{font-size: 15px;}
.m-content .bg-white .product-view .dec h3{margin:0; padding:0; text-align:left;}
.m-content .bg-white .product-view .bg-grey span{width:100%; display:block; overflow:hidden;}
.m-content .bg-white .product-view .bg-grey .rating-m-left-50{margin-left:0;}
.m-content .bg-white .tab-content .br-right{border-right:0;}
.m-content .bg-white .tab-content>.active p.m-bottom-50{margin-bottom:20px;}
.toogle-btn{float:left; margin-right:0px; margin-top:13px;}
.toogle-btn .navbar-toggle-center{padding:10px;}
}
@media only screen and (max-width: 768px) {
	.form-inline .form-control{ width:70px;}
	#ui-id-1, #ui-id-2, #ui-id-3 {width:285px !important;}	
	}
@media only screen and (max-width: 767px) {	
button.btn-blue{margin-top:10px;}
.bggrey2 h2{min-height:auto;}
.panel-body2 h2{width:100%; font-size:13px; min-height:auto;}
.logo-search .search .input-group input[type="text"]{border-left:1px solid #ccc; border-radius:4px 0 0 	4px;}
.border-left{border-left:0px; border-top:1px solid #bcbcbc; min-height:auto; clear:both;}
.banner-r-p{ width:100%; padding:0px; margin-bottom:6px;}
.right-top-banner { width:34.3%;}
.right-bottom-banner{ width:65.7%; padding-left:6px; background:none}
.carousel-caption .carousel-md-content{display:none;}

.logo-search .cart{padding:20px 0 0; margin-right:50px;}
.logo-search .phone{padding:20px 0 0;}



.navbar .navbar-collapse > .nav-justified.nav-pills > li > a{}
.nav-justified>li>a{ text-align:left;}
nav.border-tb{border:0;}

.m-text-center{text-align:center;}
.benr-text {position:relative; transform:translateY(0); width:100%; top:0; left:0; padding:10px 0 0 0;}/*vj*/
.benr-text p.lead{font-size:18px;color:#000;}/*vj*/
.brandlist li{ width:50%;}
.m-content .bg-white{ padding:0px;}

.navbar .navbar-collapse > .nav-justified.nav-pills > li > a{ padding:10px 15px}
#offcanvasmenu .search{ padding:20px; background:#f0f2f5}
#offcanvasmenu .search .btn{ font-size:10px;}
#offcanvasmenu .phone{ padding:20px;}
#offcanvasmenu .nav li{ border-bottom:1px solid #f0f2f5 }

.toogle-btn{ position: absolute; right:15px; top:0px;}
.logo-search .logo img{ max-height:50px; width:auto;}

.panel-body23 p{ min-height:inherit}


}

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

}

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

}

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

.banner-r-p{ width:100%; padding:0px; margin-bottom:6px;}
.right-top-banner { width:100%; margin-bottom:6px;}
.right-bottom-banner{ width:100%; padding-left:0px; background:none; margin-bottom:6px;}

	}

@media only screen and (max-width : 479px) {
.m-content .bg-white .product-view .thumbnails li{width:42px;}
.m-content .bg-white .main-title h2{font-size:24px;}

.footer ul.f-link li{width:45%;}
.carousel-caption h2{font-size:22px;}
.carousel-caption h3{line-height:20px; font-size:16px;}
.brandlist li a span{ font-size:13px;}
.brandlist li a{ height:70px; line-height:normal;}
}

@media (max-width: 320px) {	

.logo-search .cart{ padding-top:10px;}
.toogle-btn{ margin-top:5px;}

}