﻿@media only screen and (max-width: 1024px){
/*.main-navigation li ul li a { padding:6px 10px;}*/

.footer-top .col1 {
margin: 0 3% 0 0;
width: 25%;
}
.footer-top .col2 {
	margin: 0 3% 0 0;
	width: 20%;
	}
.footer-top .col3 { width: 26%;}

.sorting {width:80%;}

/*** Cart 23/04/2015 ***/
.shopping-box {width: 46%;}
.nav-container{ width:100% !important;}
#trustpilot img{ width:100%;}
.offers-product-list div.owl-item{ width:214px;}
.product-list div.owl-item{width:180px;}
.search-btn{left: 290px;}

}


@media only screen and (max-width: 980px){
/*.main-navigation a { padding: 15px 13px;}*/

.footer-top .col1 {margin: 0 3% 0 0; width: 47%;}
.footer-top .col2 {margin: 0 3% 30px 0; width: 47%;}
.footer-top .col3 {width: 47%;}

.forgot-box-main .text-box-bg { width: 89%;}
.home-container .view-all {margin-right: 8% !important; }
.product-image-gallery .gallery-image.visible{width:100%;}
.product-left .product-thumb{width:100%;}
.product-left .tab-wrapper{width:74%;}
ul.add-to-links{margin-left: 26%;  margin-top: 5px;}
}
@media only screen and (max-width: 900px){

.main-navigation{display:none;}

	#menu-btn { background: url("../images/menu-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);  cursor: pointer;  display: block;  float: left; height: 30px; margin: 5px 0 0; width: 31px; }
	/*#menu-btn { display: block; float:left; cursor:pointer; width:80px; height: 30px; background:url(../images/menu-bg.png) no-repeat; margin:0 0 0 0;  }*/
	body { overflow-x:hidden; background: #ffffff }
	body .sidebar-scroll { height:100%!important; position:fixed; overflow-x:hidden; overflow-y:auto;  width:270px; display:block; left:-270px; z-index:999; top:38px; }

	#navmenu { background: #fff; display: block; height:100%; position:relative; overflow-y:auto; width: 270px; left: 0px; top:0px; z-index: 0;  }
	#navmenu header { display: none; background: #f5f5f5; box-shadow:0px 2px 3px #000; height:36px; z-index:10; padding: 20px 10px; }

	#navmenu ul { list-style: none; background:#BA096E; height: 100% !important; margin:0px 0 0 0; padding:0px; }
	#navmenu ul li { display: block; background:#9c0059; width:100%; float:left;border-bottom: 1px solid #ccc;  }
	#navmenu ul li:hover { background:#BA096E; }

	#navmenu ul li a { position: relative; display: block; padding: 10px 11px; color: #fff; font-weight:normal; font-size:14px; text-decoration: none; }
	/*#navmenu ul li span { display:inline-block; vertical-align:middle; margin-right:8px; }*/
	#navmenu ul li a:hover { color:#fff; text-decoration: none; }
	#navmenu ul li div a{ width:235px; float:left;}
	#navmenu ul li div span{ padding:0px; width:35px; padding:0; height:38px; background: url('../images/nav-menu-arrow.png') center center no-repeat; display:block; float:left; transform:0.5s; -moz-transition:0.5s;  -o-transition:0.5s; -webkit-transition:0.5s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); cursor:pointer;}

	/*#navmenu ul li div::after { content: ''; display: block;  width: 6px; height: 6px; border-right: 3px solid #000; border-top: 3px solid #000; position: absolute; right:15px; top: 45%; transform:0.5s; -moz-transition:0.5s;  -o-transition:0.5s; -webkit-transition:0.5s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }*/


	/*#navmenu ul li a.sub::after { content: ''; display: block;  width: 6px; height: 6px; border-right: 3px solid #000; border-top: 3px solid #000; position: absolute; right:15px; top: 45%; transform:0.5s; -moz-transition:0.5s;  -o-transition:0.5s; -webkit-transition:0.5s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }*/

	#navmenu ul li div span.active_nav{ height:44px; width:32PX; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(135deg); transform: rotate(90deg); display:block;}

	/*#navmenu ul li a.active_nav::after{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}*/

	#navmenu ul li a:hover::after { border-color: #ccc;}

	#navmenu ul li ul{ display:none; margin:-5px 0 0 0; padding:0px; width:100%; float:left;}
	#navmenu ul li ul li{display: block; background:#BA096E; border-bottom:none; border-top:1px solid #ccc;}
	#navmenu ul li ul li DIV{}
	#navmenu ul li ul li a{ color:#fff; padding-left:14px;}
	#navmenu ul li ul li a:hover { color:#fff; text-decoration: none; }

	#navmenu ul li li ul{ display:none; margin:-5px 0 0 0; padding:0px;}
	#navmenu ul ul ul li{display: block; background:#f4ecec;}
	#navmenu ul ul li a{ color:#666; padding-left:11px !important;}
	#navmenu ul ul ul li a:hover { color:#000; text-decoration: none; }


.header-left { width: 40%;}
.header-mid { width: 30%;}
.header-right { width: 30%;}
/*.main-navigation a { padding: 15px 8px;}*/

.payment-logo ul li { margin: 0 10px 0 0;  width: auto;}
.sorting {width:83%;}
.total-page{ width:24%;}
.required-text{ padding:0;}

/*---  product-list-listing start ravi ---*/
.product-listing-list ul li .product .product-thumb {width: 30%; }
.product-listing-list ul li .product .product-desc { width:69%; }
.product-listing-list ul li .product .price-stock-info { width:69%; }
.product-listing-list ul li .out-of-stock-lable { width:30.5%; }
/*---  product-list-listing END ravi ---*/

/*** Cart 23/04/2015 ***/
.shopping-box {width: 50%;}

.product .link{min-height: 80px;}

}


@media only screen and (max-width: 800px){
.top-bar{ padding:10px 0;}
/*.gray-topmenu{ margin-left:35px;}*/
/*.main-navigation{ display:none;}*/
.gray-topmenu li a { padding: 0 10px 0 0;}
.gray-topmenu2 li a { padding: 0 0 0 10px;}


.product-thumb img { display: block; width: 100%;}
.product .price-stock-info{ padding:5px 0; min-height: 156px;}
.product .product-desc{ margin-bottom:10px;}
.product .price-stock-info .price{ font-size:14px;float: none;}

.left-penal { width: 25%;}
.right-penal {width: 70%;}

.sorting { width: 100%;}
.total-page {padding: 0 0 10px; width: 60%;}
.sort-by {float: left; width: 48%;}
.show-by {float: right; width: auto;}
.view-as {margin: -60px 0 0; padding:0; width: auto;}

.product-thumb ul li{ padding: 5px 0; text-align: center; width: 25%;}
.product-thumb ul li img{display: inline-block; width:auto;}
.product-detail .qty-wrapper .add-this {float: left; padding: 20px 0 0;}

.checkout-login {width: 100%; }

.checkout-left { width: 25%; display:none;}
.checkout-right { width: 100%;}

/*---  product-list-listing start ravi ---*/
.product-listing-list ul li .product .product-desc { margin:0 0 20px 20px; width: 63%; }
.product-listing-list ul li .product .price-stock-info {width: 63%; margin: 0 0 0 20px; }
/*---  product-list-listing END ravi ---*/

/*** Cart 23/04/2015 ***/
.shopping-box {width: 56.5%;}
.text-box-bg{ width:100%;}
.text-box-title{ width:77%;}
.login-box2 { width: 45%; margin:0 5% 0 0;}

.forgot-box-main .text-box-main-sub { width: 100%;}
.forgot-box-main .text-box-bg {width: 98%;}

.add-form{width:100%;}

.product .product-desc span {
    display: inline-block;
    min-height: 70px;
}
.product-detail .information .price-box {
    width: 100px;
	float: left;
}

.product-detail .information .availability{font-size: 13px;padding: 7px 0;}
.product-detail .information .availability .in-stock{font-size: 12px;}
.formateprice{text-align: center;font-weight:700}
.getskualign {float: left;text-align: center;width: 100% !important;}
.assembly{bottom: 5px;}
}


@media only screen and (max-width: 768px){
.gray-topmenu2 li a { padding: 0 0 0 5px;}
.payment-logo ul li img { display: block;  max-width: 80px;}

.text-box-title{ width:76%;}
.footer-bot span.copy {width: 55%;}


.offers-product-list div.owl-item{ width:209px;}
.product-list div.owl-item{width:230px;}
.offers-product-list div.owl-item{width:215px;}
#product-gallery {
	width:75%;
}

.more-views{
	width:25%;
}
.header-left{width:33%;}
.header-right{float:left; width: 37%;}
.search-btn{left: 235px;}
.formateprice{text-align: center;}
.getskualign {float: left;text-align: center;width: 100% !important;}

span.special-offer-span {
    width: 100%;
    float: left;
    text-align: center;
}
.product-detail .information .price-box {width: 100%;}
.product-detail .information .price {width: 100%;}
.product-detail .information .availability {width: 100%; text-align: center;}
.stock_availability_instock {width: 100%; text-align: center; margin-bottom: 20px;}
tr.mobile-view-tr {
    text-align: center;
}

}

@media only screen and (max-width:736px){
.gray-topmenu { display: none; }
.header-left {text-align: center; width: 100%; padding:15px 0;}
.logo { float:none; padding: 0; text-align: center;}
.logo img {display: inline-block; width: auto;}
.header-mid { width: 46%; padding:15px 0;}
.header-right { width: 46%;}
.sub-point li{ padding:5px;}

.search {font-size: 14px; padding: 10px 40px 10px 8px; width: 100%;}
.search-btn {min-height:38px; padding: 10px 0;}
.callus{ display:none;}
.time{ display:none;}
.menu-gary .join{ width:100%; text-align:center; padding:5px;}
.menu-gary .rightpart { display:none;}

.slider-wrapper {float: left; width: 100%; margin-bottom:10px;}
.right-add-bar {clear: both; float: none; margin: 0 auto; width: 260px;}

.product-list {float: left; text-align: center; width: 100%;}
.product-list ul li{ width:45%; margin:0 2% 20px; display:inline-table; float:none;}
.product-list ul li:first-child{ margin:0 2% 20px; }
.product-thumb img { display: inline-block; width: auto;}

.offers-product-list{float: left; text-align: center; width: 100%;}
.offers-product-list ul li{display: inline-block; float: none; margin: 0 2% 20px; width: 45%;}
.offers-product-list ul li:first-child{margin: 0 2% 20px;}

.footer-bot span.copy { text-align: center;   width: 100%;}
.social-links { float: left; margin: 0 auto; width: 215px;}

.product-listing ul li{ width:48.30%;}

.product-left {float: left; margin: 0 20% 20px; width: 60%;}
.product-thumb ul li {padding: 5px; text-align: center; width: auto;}
.product-thumb ul li img {display: block; width: auto;}
.product-right { float: right; width: 100%;}
.product-detail .qty-wrapper .add-this { float: right;  padding: 5px 0;}
.tab-wrapper { float: left; width: 100%;}
.releed-product {float: right; margin: 20px 25% 10px; width: 50%;}

.categories-listing ul li{ width:48.30%;}
.checkout-left { float: none; margin: 0 auto; width: 300px;}
.checkout-right { width: 100%;}
.checkout-left ul{ margin-bottom:15px;}

/*---  product-list-listing start ravi ---*/
.product-listing-list ul li { width:100%; }
/*---  product-list-listing END ravi ---*/

/*** Cart 23/04/2015 ***/
.shopping-box {width: 100%;}
.shopping-box-sub{ width:60%;}
.text-box-title{ width:75%;}
.forgot-box-main { width: 80%;}
.forgot-box-main .text-box-title {width: 84%;}
.formateprice{text-align: center;}

.product-detail .information .price-box {width: 100%;}
.product-detail .information .price {width: 100%;}
.product-detail .information .availability {width: 100%; text-align: center;}
.stock_availability_instock {width: 100%; text-align: center; margin-bottom: 20px;}
tr.mobile-view-tr {
    text-align: center;
}

}

@media only screen and (max-width: 667px){
.payment-logo {float: left; text-align: center; width: 100%;}
.payment-logo ul li {display: inline-block; float: none; margin: 0 10px 0; width: auto;}
.contact-wrap { text-align: center; width: 100%; margin-top:10px;}

.left-penal { margin: 0 0 15px;  width: 100%;}
.right-penal { width: 100%;}
.product-listing ul li { width: 31.7%;}

#trustpilot{margin: 0 auto 10px; width: 260px;}
.add-wrapper-left {float: none; margin: 0 auto 10px; width: 290px;}
.checkout-left { width: 100%; }

.checkout-left ul { display: inline; }

/*--- edit Start checkout-step-1a page ravi ---*/
.checkout-right { width: 100%; }
.half-width { width: 100%;}
a.address-button{ margin:0 0 10px 0;}
/*--- edit end checkout-step-1a page ravi ---*/

/*--- edit start checkout-step-1a page ravi ---*/
.for-half {width: 100%;}
/*--- edit end checkout-step-1a page ravi ---*/

/*---  product-list-listing start ravi ---*/
.product-listing-list ul li { width:100%; }
/*---  product-list-listing END ravi ---*/

/*** Cart 23/04/2015 ***/
.login-box-sub{ min-height:260px;}
.text-box-title{ width:72%;}

.product-left { width: 100% !important; float: left; margin: 0;}
.product-right {width: 100%!important; float: right;}

#product-gallery,#product-gallery img {
	width:100%;
}
.more-views{
	width:100%;
}
.formateprice{text-align: center;}
}





@media only screen and (max-width: 640px){
/*** Cart 23/04/2015 ***/
.login-box{width:100%;}
.login-box-sub{ min-height:260px;}
.text-box-title{ width:70%;}

.forgot-box-main { width: 100%;}
.forgot-box-main .text-box-title { width: 85%;}
.formateprice{text-align: center;}
}

@media only screen and (max-width: 600px){
.login-box-sub { min-height: inherit;}
.text-box-title{ width:85%;}
.login-box2 { width: 100%; margin:0;}
.required-box{ padding:15px 0 0;}
.text-box-main .clear{ display:none;}
ul.add-to-links{  margin-left: 15%;}
.search{width: 338px; float:none;}
.search-btn {min-height:40px; left:416px;}
#trustpilot{min-height:95px;}
.offers-product-list div.owl-item{ width:245px;}
.product-list div.owl-item{ width:256px;}
.header-mid {display:none;}
.header-right { width: 100%;text-align:center;}
.cart-btn{float:none;}
.search-part{width:100%;  margin:30px 0;}
.formateprice{text-align: center;}
}


@media only screen and (max-width: 480px){
.search-part {
  padding: 5px 10%; margin:0;
}
.join-btn{ margin:10px 0 0;  display:inline-block;line-height: 15px;}
.product-list ul li {display: inline-table; float: none; margin-bottom: 20px; margin:0 1% 15px; width: 47%;}
.product-list ul li:first-child {margin: 0 1%;}

.footer-top .col1 {margin:0; width:100%;}
.footer-top .col2 {margin: 0; width: 100%;}
.footer-top .col3 {width: 100%;}

.total-page {padding: 0 0 10px; width: auto;}
.sort-by {float: right; width: auto;}
.show-by { float:left; width:auto; clear:left;}
.view-as {margin: -25px 0 0; padding: 0; width: auto;}
.product-listing ul li { width: 48%;}

.product-detail h1 {font-size: 20px !important;}
.product-left {float: left; margin: 0 0% 20px; width: 100%;}
.product-detail .qty-wrapper .add-this {float: left; padding: 20px 0 0;}
.releed-product {margin: 20px 15% 10px; width: 70%;}



/*--- edit start checkout-step-1a page ravi ---*/
.radio-box {padding: 0 11px 0 0;}
.required-text {padding: 0 0 0 0; }
/*--- edit end checkout-step-1a page ravi ---*/

/*---  product-list-listing start ravi ---*/
.product-listing-list ul li { width:100%; }
.product-listing-list ul li .product .product-desc a { height:35px; }
.product-listing-list ul li .product .product-thumb {width: 35%; }
.product-listing-list ul li .product .product-desc {width: 60%; }
.product-listing-list ul li .product .price-stock-info {margin: 0 0 0 20px; width: 60%; }
.product-listing-list ul li .out-of-stock-lable {width: 35.5%; }
/*---  product-list-listing END ravi ---*/

/*** Cart 23/04/2015 ***/
.shopping-box-sub{ width:auto;}
.cart-table-main{ max-width:460px; overflow-x:auto; float:left; width:100%; margin-bottom:10px;}
.text-box-title{ width:82%;}
.forgot-box-main .text-box-title { width: 80%;}

.dashboard-wrapper .row-half{width:100%;}
.review-form{width:100%;}

.product-image-gallery .gallery-image.visible {
  display: block;
  margin: auto;
  max-width:83%;
}
.catalog-category-view h1, .catalog-product-view h1{ font-size:22px;}
ul.add-to-links{float:left;}
.product-left .tab-wrapper{width:100%;}
.formateprice{text-align: center;}
}

@media only screen and (max-width: 414px){
.header-mid {padding: 5px 0; width: 100%;}
.header-right {padding: 5px 0; width: 100%; text-align:center;}
.cart-btn { display: inline-block; float: none; font-size: 13px; margin: 0 auto 10px; }

/*--- edit start checkout-step-2a page ravi ---*/
.required-text {float: left;}
/*--- edit end checkout-step-2a page ravi ---*/

/*---  product-list-listing start ravi ---*/
.product-listing-list ul li .product { text-align:center; }
.product-listing-list ul li .product .product-thumb {text-align: center; width: 100%; }
.product-listing-list ul li .product .product-desc {text-align: center; width: 100%; margin:0 0 20px 0; }
.product-listing-list ul li .product .price-stock-info { margin: 0 0 20px 0; width: 100%; }
.product-listing-list ul li .product .link {display: inline-block; float: none; margin:0 0 0 0; text-align: center; width: 110px; }
.product-listing-list ul li .out-of-stock-lable {bottom:auto; left: 0; right: auto; top:0; width: 100%; }
/*---  product-list-listing start ravi ---*/

/*** Cart 23/04/2015 ***/
.cart-table-main{ max-width:460px; overflow-x:auto; float:left; width:100%;}
.pink-button-1 { margin:0 0 10px 10px;}
.text-box-title{ width:78%;}
.formateprice{text-align: center;}
}



@media only screen and (max-width: 375px){
.product-list ul li {margin: 0 1% 15px; width: 98%;}
.offers-product-list ul li{ width:96%;}
.payment-logo ul li img { display: block;  max-width: 70px;}
.total-page { padding: 5px 0 20px;  width: auto;}

.product-listing ul li { width: 98%;}
.product-left { margin: 0 0 20px; width:100%;}
.releed-product {margin: 20px 0 10px; width: 100%;}
.categories-listing ul li { width: 98%;}

.text-box-title{ width:75%;}
.login-box-sub p{text-align:left;}

.forgot-box-main .text-box-title {width:77%;}
.home-container .view-all {
    margin-right: 20% !important;
    margin-top: -42px !important;
}
.product-list div.owl-item { width: 283px;}
.offers-product-list div.owl-item {width: 283px;}
.formateprice{text-align: center;}
}


@media only screen and (max-width: 360px){
.total-page {padding: 0 0 10px; width: 100%;}
.sort-by {float: right; padding: 0 0 10px; width: 100%;}
.sort-by div.selector {width: 70%;}
.show-by {float: left; padding: 0 0 10px; width: 100%; }
.show-by div.selector { width: 60%;}
.view-as {margin: 0; padding: 0; width: auto;}
.text-box-title{ width:73%;}

.forgot-box-main .text-box-title {width:74%;}
.search{width: 100%;}
.search-btn {min-height:40px;}
.formateprice{text-align: center;}
}


@media only screen and (max-width: 320px){
/*--- edit start checkout-step-6a page ravi ---*/
.place-order { float:left; }
/*--- edit end checkout-step-6a page ravi ---*/
.text-box-title{ width:70%;}
.forgot-box-main .text-box-title {width:70%;}

.search-btn{ left: 230px;top: 5px;}
.formateprice{text-align: center;}
}
