/************************************** Responsive Styles **************************************************/

@media (max-width: 1279px) {
.ContentArea .title{width:100%;}

}

@media (max-width: 959px) {
.Wrapper{margin:0 10px;width:auto;}

}

@media(max-width: 879px) {
#Header .LeftLogo{float:left; width:38%;}
#Header .LeftLogo img{margin-top:15px;}
#Header .floatRight .SearchArea a{padding:0 5px;}
ul.sm>li {padding:0 9px;}
ul.sm>li.NoPad{padding:0 0 0 9px;}

#MainBanners{overflow:hidden;height:auto;}


.SlidesBnr .BnrTex{top:8.5%;}
.SlidesBnr .BnrTex .ProName{margin-bottom:10px;}
.SlidesBnr .BnrTex a{display:inline-block; margin:15px 0 0 2px;}

.FeedBack{margin-bottom:82px;}

}

@media(max-width: 799px) { 
#Header .LeftLogo{float:left; width:35%;}
#Header .LeftLogo img{margin-top:25px;}

.SlidesBnr .BnrTex{top:7%;}
.SlidesBnr .BnrTex .ProName{margin-bottom:10px; font-size:40px; line-height:45px;}

.CtMrgn{padding-bottom:51px;}	
.FeedBack{margin-bottom:30px;}
.FeedBack td{padding:0 0 6px 0;width:100%; display:block;}

.Cat{min-height:430px;}
.FeedBack td.Feed{width:100%; vertical-align:middle;}

#ProductDetails .LeftPanel{width:52%; margin:0}
#ProductDetails .RightPanel{width:47%; margin-right:1%;}
.GalleryImg li{display:inline; padding:0 4px 0 0; float:left; height:72px;}
.GalleryImg li.ImgNone{display:block;}
.GalleryImg .Left{float:left; margin:25px 8px 0 0px; padding:0}
.GalleryImg .Right{float:right; margin:25px 0px 0 0; padding:0}
.col-sm-3{width:30%;float:left; padding:10px;}
.featured-product-item{margin-bottom:25px; height:200px;box-shadow:1px 1px 3px 1px rgba(175,175,175,0.35);}
.featured-product-item .item-img{text-align:center;height:170px;padding:5px 0 0;}
.featured-product-item .item-inner{padding:10px 10px 1px;color:#41464b;text-align:left;}
.featured-product-item .item-inner h4 {
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 15px;
    text-align: center;
text-transform: uppercase;}
}


@media(max-width: 767px) {
#Header{min-height:auto;}
#Header .LeftLogo{float:left; width:100%; text-align:center}
#Header .LeftLogo img{margin:-20px 0;}
#Header .floatRight{width:100%;margin:0;}
#Header .floatRight .Phn{text-align:center;}
#Header .floatRight .SearchArea{text-align:center; margin:10px 0 5px 0;}


.SlidesBnr .BnrTex{top:7%; width:30%;}
.SlidesBnr .BnrTex .ProName{margin-bottom:5px; font-size:28px; line-height:30px;}
.SlidesBnr .BnrTex .Des{font-size:13px; line-height:18px;}
.SlidesBnr .BnrTex a{width:40%;}

.SlidesBnr img{left: 15%;margin-left: -150px;}
.SlidesBnr a img{left:%;margin-left: -0px;}

.Cat {width:100%;overflow:hidden;margin:0 0 10px 0; min-height:auto;}
.FeedBack{margin-bottom:0px;}
.FeedBack td{padding:0 0 6px 0;width:74%; display:inline-block;}
.FeedBack td.Feed{width:25%;}

.ProShow .floatLeft,.ProShow .floatRight{width:100%; margin-bottom:15px;}



.Category,.Category:nth-child(3n) {width:47%;margin:0 8px 15px 0; font-size:13px;}
.Category:nth-child(2n) {float:right;}
.Category .TextHolder{padding:0px 0px 16px 0;}
.Category .TextHolder .TextDec{margin:0px 0 5px 0;line-height:16px;}

.GalleryImg {display: block; margin-left: 15%;text-align: center;width: 72%;}
.GalleryImg li.ImgNone1{display:block;}
	
#ProductDetails .LeftPanel{width:100%; text-align:left;}
#ProductDetails .RightPanel{width:100%; margin-top:15px;}
#ProductDetails #ProductImages p{width:auto;}
	
#CartItems .GridHeader{display: none;}
#CartItems tbody{width: 100%;}
#CartItems tbody tr td{border:none;}
    
#CartItems{border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;border-bottom:none;}
#CartItems tbody tr{overflow: hidden;height: auto;width: 100%;}
#CartItems .GridRow td,#CartItems .GridAlternateRow td,#CartItems tr:last-child td{display: block;text-align: left;padding-left: calc(45% + 5px);position: relative;overflow: hidden;width:auto;height: auto;border-top: 1px solid #cfcfcf;background-color: #fff;}
#CartItems .GridRow a,#CartItems .GridAlternateRow a{font-weight:normal;}
#CartItems tr td:last-child{border-bottom-style:none;}
#CartItems .SrNo,#CartItems .QtyColumn,#CartItems .PriceColumn{text-align:left!important;}
#CartItems tbody tr td:before {content: attr(data-title);display: block;font-weight: bold;position: absolute;left: 0px;top: 0px;width:45%;height: 100%;background-color: #f6f6f6;padding:7px 5px;border-right: 1px solid #cfcfcf;}
#CartItems .RedButton{float:left;padding:1px 10px;}
	
#CartTotals tr td,#CartTotals tr th{border:solid 1px #cfcfcf;}
#CartTotals tr td:last-child{display:none;}
#CartTotals.checkout tr td:last-child{display:table-cell;}
#CartTotals .PriceColumn{background-color:#fff;} 
	
        
#ShoppingCart .ButtonPanel *{padding:4px 10px;}
	
#LoginPage #RegisterBox{width:100%;float:none;margin-bottom:10px;}
#LoginPage #LoginBox{width:100%;float:none;}
#LoginPage .StyledBox{height:auto;} 
	
#AddressPanel .LeftPanel{width:100%;border: 1px solid #cfcfcf;padding:1px; margin-bottom:10px;}
#AddressPanel .RightPanel{width:100%;border: 1px solid #cfcfcf;padding:1px;}
	
.TabList{color:#000;font-size:14px; border-top:solid 1px #dddddd; border-bottom:solid 1px #ececec; padding:10px;} 
.TabList a{color:#000;padding:4px 7px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius: 5px; border:solid 1px #ececec; display:inline-block; width:19%; margin-bottom:5px;}
.DesTxt{margin-bottom:30px;}


.leftSec,.BrandCategoriesPics{width:100%;}
.BrandCategories{min-height:auto; padding:10px 15px 15px;}
.leftSec img{margin-bottom:15px;}
.col-sm-3{width:100%;float:unset; padding:10px;}
.featured-product-item{margin-bottom:25px; height:200px;box-shadow:1px 1px 3px 1px rgba(175,175,175,0.35);}
.featured-product-item .item-img{text-align:center;height:170px;padding:5px 0 0;}
.featured-product-item .item-inner{padding:10px 10px 1px;color:#41464b;text-align:left;}
.featured-product-item .item-inner h4 {
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 15px;
    text-align: center;
text-transform: uppercase;}
}

@media (max-width: 639px)  {
#Header .LeftLogo img{margin-top:-20px;}
#Header .floatRight .SearchArea .Search{display:block; margin-top:5px;}

#Footer .floatLeft{text-align:center; width:100%;}
#Footer .floatRight{text-align:center; width:100%;}


.Product .ImageHolder{text-align:center;width:100%; background:#FFF; padding:15px;}
.Product .TextHolder{padding:15px 15px; text-align:left;width:100%;margin:0;}

.Category,.Category:nth-child(3n) {width:47%;margin:0 6px 15px 0; font-size:13px;}
.Category:nth-child(2n) {float:right;}
.Category .TextHolder{padding:0px 0px 16px 0;}
.Category .TextHolder .TextDec{margin:0px 0 5px 0;line-height:16px;}

.GalleryImg .SmImg{width:25%; float:left;}
.GalleryImg .SmImg img{width:100%;}
.Cat{height:auto;}
}

@media (max-width: 479px)  {
.Banner{display:none;}
.FeedBack td{padding:0 0 6px 0;width:100%; display:block;}
.FeedBack td.Feed{}

.Category,.Category:nth-child(3n) {width:100%;margin:0 0 5px 0;}
.Category .TextHolder{text-align:left;width:57%;float:left; padding:10px 0; margin:0 0 0 3%}
.Category .ImageHolder{text-align:center;width:40%;float:left; padding:5px; margin-top:15px;}
.Category .TextHolder .TextDec{margin:0px 0 5px 0;line-height:19px;}


}

@media (max-width: 439px) {
.NoBro{border:solid 1px #d4d4d4;}


}

@media (max-width: 399px)  {
	
}

@media (max-width: 383px) {
	
}
@media (max-width: 360px) {
	.Category {
	height:auto;
	}

}
@media (max-width: 320px) {


}

@media (max-width: 319px) {
		
}


/************************************** Smart Menus **************************************************/
@media(max-width: 767px) {
.navbar-header {display:block;}
#MainNav {display:none;height:auto;background:none;margin:0px;border-top:none; border-bottom:none;}
.NavArea{margin:0px;width:auto;background:none;}

 ul.sm ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;box-shadow:none;border:none;padding:0px;}
ul.sm>li{display:block;background:#e4f2fb;padding:0px;text-align:left;float:none;width:100%;}
ul.sm li{margin:0px;}
ul.sm>li>a,ul.sm ul.sm-nowrap>li>a{white-space:normal;line-height:36px;text-transform:uppercase;}
ul.sm>li>a{white-space:normal;padding:0px 15px; color:#000;}
ul.sm ul.sm-nowrap>li>a{background-color:#fff; line-height:30px;}
ul.sm ul.sm-nowrap>li>a:hover{background-color:#a8e5ff;}
ul.sm iframe{display:none;}
ul.sm ul.sm-nowrap>li>ul>li>a{background-color:#8ad3f2; color:#000;}
ul.sm ul.sm-nowrap>li>ul>li>a:hover{background-color:#fc8dce;color:#ab862f;}
.sm a:hover, .sm a:focus, .sm a:active,.sm a.Active,.sm a.highlighted {color:#382310;}
.sm li:last-child {margin-bottom:1px;}
ul.sm>li.NoPad{padding:0px;}

    .sm > li > ul:before, .sm > li > ul:after {display:none;}
    .sm a span.sub-arrow,.sm ul a span.sub-arrow {top:50%;margin-top:-9px;right:auto;right:15px;margin-left:0;width:17px;height:17px;font:normal 16px/16px monospace!important;text-align:center;border:0;text-shadow:none;background:#a8e5ff;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;display:block;position:absolute;color:#004F91;}
    .sm a.highlighted span.sub-arrow {}
    .sm a.has-submenu {padding-left:15px;padding-right:0px;}


}