@media only screen and (min-width:767px) {#navigation .nav-container{ display:table !important}}
.only-mini{ display:none}
.filter-button,.hidecontent,.close-leftsidebar{ display:none}
p#header-telephone-text strong,p#header-telephone-text a{ font-size:31px; text-shadow:0 0 3px #FFFFFF; color:#fff; display:block; font-weight:bold }
#footer .newsletter .string{padding:0}
h3.menu-toggle,.product-tt{display:none;}
.home-slider{ width:100%; float:left; margin:0; padding:20px 0; position:relative;}
ul#homepage-category-banners{ clear:both; display:block}
.home-slider ul{}

.promotion-blocks li{ width:50%; text-align:center; float:left}
.promotion-blocks li div{ width:100%!important;}
.home-slider ul li img{ max-width:100%; height:auto}
#header .basket .checkout-link,.qtytt,table.pedal-pedal .mob-title{ display:none}
.mob-td-detail{ display:block}
.tpiframe-wrapper iframe { width:100%!important}
.mb-search-result .header .title { padding-left:20px}
/*.new-products{ width:100%;}
.new-products .carousel{ width:100%!important;}
.new-products .yui3-carousel-container{ width:100%!important;}*/
/*------------------------------------------
  Media Query
-----------------------------------------*/
@media only screen and (max-width:1024px) {
div.product-image-large{ display:none!important}
span.tooltip,#tooltip{ border:none!important;}
.product-image-icon,.product-image-mask{ display:none!important}
}
@media only screen and (max-width:1023px) {
img{ max-width:100%; height:auto}

#wrapper { width:748px;}
#header .logo{ width:270px; margin-top:40px}
#header .logo a{ margin-left:10px;}
#header .logo img{ width:100%}

#header .links{ width:auto; margin-right:15px}
#header .tools{ left:285px; width:200px;}
p#header-telephone-text strong,p#header-telephone-text a{ font-size:25px;}
#header .search .input-text{ width:155px;}
.header-ratting{ margin-right:15px;}
#navigation li a{ font-size:12px;}
#navigation li ul{ width:166px;}
.cleint-block,.homepage-carousel .yui3-carousel-item{width:728px; height:auto}
.homepage-carousel{ height:255px}
.cleint-block{  padding:16px 10px 15px}
.cleint-block li{ width:auto; margin:0; font-size:13px;}
.cleint-block li h3{ font-size:13px;}
.cleint-block li.shippingblock,.cleint-block li.easyreturns,.cleint-block li.overorder,.cleint-block li.yearwarranty{ width:auto; padding-left:54px; margin-right:0; padding-right:10px; }
 
#page{ padding:0 10px; clear:both}
ul#homepage-category-banners{ float:left; width:100%; height:auto}
ul#homepage-category-banners li.first{ margin-left:8px!important}
.new-products .title { background:none; color:#000; line-height:30px;}
 
.promos{ width:100%}
.promos .promo{ margin:0 10px 20px 10px; width:222px; height:auto; min-height:185px;}
.promos .promo .title{ width:221px}
.promos .twitter .title,.promos .facebook .title,.promos .youtube .title,.promos .promo a.title{ width:181px;} 
 
.recent-orders .carousel{ width:100%!important; padding:0!important; overflow:hidden}
#footer{ padding:10px; display:block; clear:both}
#footer .column{ padding:10px 15px 30px; margin:0}
#footer .column.keeping-updated{ clear:left}
#footer .copyright{ bottom:20px}
#footer .newsletter p{ float:left; width:100%;}

 

/****inner page********/
#sidebar{ margin-left:0; width:200px;}
#content{ width:510px; margin-left:0; float:right;}

.category .products .product{ width:225px; margin-left:30px; min-height:250px;} 
.category .tools .pagination,.category .tools .per_page{ margin-top:8px;}
.related-products .carousel, .recently-viewed .carousel, .new-products .carousel{ width:100%!important; overflow:hidden}
.catalog-product-view .product-images{ margin:0; width:300px; float:left; padding:35px 0 0;}
.product-image-preview{ width:298px!important;}
div.product-image-large{ left:328px!important; background:#fff; width:395px!important; height:395px!important }
.product-images .list-item{ padding:0 8px 8px 0}
.catalog-product-view .product-detail{ float:right; width:400px; margin:0; padding:30px 0;}
#content .basket{ padding:20px 0}
.basket .options .col2-set{ width:455px;}
.basket .options .col2-set .col-2{ width:100%;}

/****login page************/
.checkout-login{ padding-left:0; width:100%;}
/****checkout page************/
.checkout-method{ width:100%; padding-right:0; padding-bottom:20px}

.customer-account-login .create{ width:230px;}
.form .input label{ width:160px}
.form .input{ padding-left:170px}
#billing-region, #shipping-region, .form .string input, .form .password input{ width:270px;}
#content .basket .delivery .string input, #region{ width:260px}
select { width:270px}
.catalog-seo-sitemap-category #page, .cms-no-route #page, .checkout-onepage-success #page, .customer-account-index #page, .customer-account-create #page, .customer-account-edit #page, .customer-account-forgotpassword #page, .customer-account-login #page, .customer-address-form #page, .customer-address-index #page, .newsletter-manage-index #page, .review-customer-index #page, .review-customer-view #page, .sales-order-history #page, .sales-order-view #page{width:auto; padding:20px 10px 50px;}

.nav-box a{ display:block}

#tooltip{ display:none!important}
.cms-page-view .rich-text p{ padding-left:0!important}

.header .title{ font-size:20px;}
.related-products .list-item, .recently-viewed .list-item, .new-products .list-item{ padding:0 20px}
.pca .item{ padding:8px 5px 8px 10px !important; max-width:260px;}
} 

/* there css*/
@media only screen and (min-width:768px) and (max-width:1023px) {
.product-images .yui3-carousel{width:270px!important;}	
.product-images .list-item{ width:60px}

	}
@media only screen and (max-width:767px) {
#wrapper { width:540px; margin:0 auto}

#header{height:200px;}
.menu-toggle {margin: auto;position: relative;width: 100%; height:40px; float:left;}
h3.menu-toggle{display:block; line-height:40px; position:absolute; cursor:pointer; top:0px; left:0; text-align:center; width:100%; background:#00ADE2; color:#FFFFFF; font-size:20px; text-transform:uppercase; z-index:999;}
#navigation{padding:0; }
#navigation ul{ display:block; float:left; width:100%}
#navigation li a{font-size:16px; text-transform:uppercase; font-weight:normal; border-bottom:#e0e0e0 solid 1px;}
#navigation li ul li.first{padding:0;}
#navigation .nav-container{position:absolute; left:0; top:41px; width:100%; display:none; }
#navigation li{float:left; width:100%; /*background:#3e3e3e; */  background: rgba(0, 0, 0, 0.90); border-left:0px;}
#navigation li:hover > a{background:#3e3e3e;}
#navigation li ul,#navigation li ul li ul{position:static; width:100%; padding:0;  margin:0;}

#navigation li ul li{padding:0; margin:0; text-align:center;}
#navigation li ul li a{text-align:center; line-height:35px;  border-bottom:#e0e0e0 solid 1px!important; font-size:16px; text-transform:uppercase; text-decoration:none; }
#navigation li ul li ul li a{ font-size:14px;}
#navigation li ul li ul li.first, #navigation li ul li ul li{padding:0;}
#navigation li ul li a:hover{background:#3e3e3e; color:#FFFFFF; text-decoration:none;}

#navigation li:hover ul{display: none;}

#header .tools{ position:static; float:right; margin-right:20px; margin-top:10px; width:214px;}

/* content*/
.cleint-block {padding: 16px 0; max-width:540px; width:100%}
.cleint-block ul{ margin:0 10px}
.cleint-block li,.cleint-block li h3{ font-size:18px; text-align:right}
.cleint-block li.shippingblock, .cleint-block li.easyreturns, .cleint-block li.overorder, .cleint-block li.yearwarranty {margin-right: 0; padding-left: 0;padding-right: 0;width:50%; border-right:none;}


#content{width:100%;}
#sidebar{width:100%;}
.block-rating{ padding:10px 0}
.block-rating .block-content .tpiframe-wrapper{ display:block; }
.block-rating .block-content .tpiframe-wrapper a{ display:block; text-align:center}
.block-rating .block-content iframe{ width:100%!important}

ul#homepage-category-banners li.first,ul#homepage-category-banners li{ margin:10px 13px!important; width:45%}

.promos .promo{ width:234px; margin:10px 13px }
.promos .promo .title{ width:234px;}
.promos .twitter .title,.promos .facebook .title,.promos .youtube .title,.promos .promo a.title{ width:193px}
.promos .promo img{ width:100%}

.category .products .product {margin-left:20px; width: 240px;}
div.product-image-large{ display:none!important}
/* slider*/
 
.homepage-carousel{width:100%!important; height:254px!important; }

/* detail page */
.catalog-product-view .product-detail,.catalog-product-view .product-images{width:100%; padding:10px 0;}
.product-image-preview{ margin:0 auto}
.product-image-thumbnails{ margin:30px 0 0 0; width:100%;}
 .related-products .list-item, .recently-viewed .list-item, .new-products .list-item{ width:130px; }

/* footer */

#footer .logo{width:100%;}
#footer .column{width:100%; padding:20px 0px; border-bottom:1px solid #fff;}
#footer .banner{ padding-bottom:50px; margin-top:20px; float:left;}

/****cart page***/
table thead th,#content .basket table thead th.remove,#content .basket table thead th,table.pedal-pedal th{ width:100%; display:block; clear:both; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; text-align:left; font-weight:normal; padding:8px 20px; font-weight:bold	 } 
table tbody td,#content .basket table tbody td,#content .basket table tbody td.product-image,table.pedal-pedal th, table.pedal-pedal td{ padding:20px; width:100%;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; text-align:left; display:block }
#content .basket table tbody td.remove .remove-button{ float:left;}
#content .basket .options{ background:none}
.basket .options .col2-set .col-2{ width:100%; clear:both}
.basket .options .col2-set{ width:100%; display:block; clear:both}

#content .basket .delivery ,#content .basket .discount-codes{    float: left;    padding:24px 10px;    width:400px;}

#content .basket .totals{ clear:both; padding:20px 0; width:100%; background:#f4f8fc}
#content .basket .totals table,#content .basket .totals .checkout-types{ width:90%; margin:0 5%}
#content .basket .totals .checkout-types .button{ float:right}


.customer-account-login .login,.customer-account-login .create{ width:100%; margin-bottom:10px}
.form .input label{ width:100%; display:block; margin:0; padding:0 0 5px; position:static; text-align:left}
.form .checkbox label, .form .radio label{ float:none; display:inline; width:auto}
.form .input{ padding-left:0 }
.form .buttons,.checkout-login .form .buttons{ width:auto; padding-left:0; display:block }

.checkout .content .gutter{ padding:20px 10px}
#billing-region, #shipping-region, .form .string input{ width:270px;}
#content .basket .delivery .string input, #region{ width:230px}
select { width:278px; padding:4px}
.my-account .content{ padding:20px 10px}

.home-slider .bx-viewport{width:100%; height:240px!important}
.home-slider ul li img{ height:240px;}

.product-detail .product-group .data-table td{ text-align:center; border-top:1px solid #E0E0E0; font-weight:bold; padding:8px}
.product-detail .product-group table.data-table th{ display:none}
.product-detail .product-group table.data-table th,.product-detail .product-group .table.data-table .a-right,.product-detail .product-group .table.data-table .a-left{ text-align:center!important}
.qtybox{ width:75px; margin:0 auto }
.qtytt{ display:block; float:left;    line-height: 24px;    margin-right: 10px;}
.product-group .qtybox .quantity input{ float:left;}

.review-form thead th, .review-form td, .review-form th{ text-align:left; padding:5px; display:block}


.promotion-blocks li div,.promotion-blocks li div iframe{ width:100%!important; height:auto!important;}
.promotion-blocks li img{ max-width:100%; height:auto!important;}
.yui3-scrollbox .yui3-slider{ display:none!important;}

.gutter .order-review table.data-table th{ display:none}
.gutter .order-review table.data-table td{ display:block; text-align:center; line-height:20px; border-bottom:1px solid #E0E0E0}
.gutter .order-review table.data-table td:last-child{ border-bottom:1px solid #E0E0E0}
.gutter .order-review table.data-table td .quantity{ width:60px; margin:10px auto; line-height:24px}
.gutter .order-review table.data-table td .quantity .qtytt{ font-weight:bold}


.cms-page-view .rich-text table.data-table th{ display:block; border:none; padding:10px 5px}
.cms-page-view .rich-text table.data-table td{ border-bottom:1px solid #E0E0E0; display:block; padding-bottom:10px;}
#content .basket table thead th,table.pedal-pedal th{ display:none!important}

table.pedal-pedal .mob-title{ display:block; float:left; width:110px; font-weight:bold; margin-right:10px; font-size:14px}
.mob-td-detail{ display:table}
#checkout-overlay{ width:520px!important;}
.mob-hide{ display:none!important}
.product-mob{ margin:0; width:100%; display:block}
.product-tt{ display:block; font-weight:bold; width:100%;}


#page{ overflow:visible}
.hidecontent{ position:fixed; left:0; top:0; width:100%; z-index:99999999; background:#000; width:100%; height:100%; opacity:0.2; cursor:pointer }
.s-menushow .hidecontent{ display:block}
.filter-button { display:block; width:100%; margin:10px 0; clear:both; overflow:hidden}
.filter-button span{ color:#fff; text-transform:uppercase; font-weight:bold; background:#00ADE2; padding:10px; border-radius:5px; margin:10px 0; float:left; cursor:pointer }
.mb-mana-catalog-leftnav{ display:none}
.s-menushow .mb-mana-catalog-leftnav{ position:absolute; left:0; top:0; width:230px; z-index:99999999; background:#fff; height:100%; display:block; -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
html,body.s-menushow{ position:relative; overflow-x:hidden;}
#wrapper{ }
.s-menushow #wrapper{ margin:0 0 0 230px;}
#page:after{ height:0; line-height:0; width:100%; height:100%; overflow:hidden; content:'.'}
.close-leftsidebar{display:block; width:100%; padding:10px 0; clear:both; overflow:hidden;}
.close-leftsidebar span{ color:#fff; text-transform:uppercase; font-weight:bold; background:#00ADE2; padding:10px; border-radius:5px; margin:0 10px; float:right; cursor:pointer }

#content table{ width:100% !important}
#content table th,#content table td{ display:block; padding:5px;}
.cms-page-view #content .rich-text img{ float:none !important; display:block;}
.cms-page-view #content colgroup col{ width:100%}
select#billing-address-select, select#shipping-address-select {
    width: 98%;
}
.yui3-carousel-navigation .yui3-carousel-button{ background:none}
.yui3-scrollbox{ overflow:auto}
.pca .item{ padding:8px 5px 8px 10px !important; max-width:260px;}
}

@media only screen and (max-width:539px) {
.only-dest{ display:none!important}
.only-mini{ display:block}
#wrapper { width:480px; margin:0 auto} 
#header{height:340px;}

#header .links {margin-right: 0;width: 100%;}
.top-container{width:100%; }
#header .links .top-link{width:100%; text-align:center;}
#header .links .top-link li{display:inline; float:none;}
#header .links li.last{ padding-right:8px}
#header .basket{margin-left:120px;}
#header .search .input-text{ width:90%}
.header-ratting {float:left;margin-right:0; margin:10px 0 0 25%; width:auto;}
#header .logo{width:100%; margin:10px 0; text-align:left; text-align:center}
#header .logo img{ width:inherit}
#header .tools {float: left; margin:0 5%; width:90%; position:static}
p#header-telephone-text{margin-left:135px; padding-bottom:15px;}


/* content*/
.cleint-block {padding: 16px 0; max-width:480px; width:100%}
.cleint-block ul{ margin:0 10px}
.cleint-block li,.cleint-block li h3{ font-size:18px; text-align:center}
.cleint-block li.shippingblock, .cleint-block li.easyreturns, .cleint-block li.overorder, .cleint-block li.yearwarranty {margin-right: 0; padding-left: 0;padding-right: 0;width: 100%; border-right:none;}


#content{width:100%;}
#sidebar{width:100%;}
.block-rating{ padding:10px 0}
.block-rating .block-content .tpiframe-wrapper{ display:block; }
.block-rating .block-content .tpiframe-wrapper a{ display:block; text-align:center}
.block-rating .block-content iframe{ width:100%!important}

ul#homepage-category-banners li.first, ul#homepage-category-banners li{ margin:10px!important}

.promos .promo{ width:220px; margin:5px}
.promos .promo .title{ width:219px;}
.promos .twitter .title,.promos .facebook .title,.promos .youtube .title,.promos .promo a.title{ width:179px}



.category .products .product {margin-left: 15px; width: 210px;}
div.product-image-large{ display:none!important}
/* slider*/

.homepage-carousel{width:100%!important; height:254px!important; }

/* detail page */
.catalog-product-view .product-detail,.catalog-product-view .product-images{width:100%; padding:10px 0;}
.product-image-preview{ margin:0 auto}
.product-image-thumbnails{ margin:30px 0 0 0; width:100%;}
.related-products .list-item, .recently-viewed .list-item, .new-products .list-item{ width:130px; padding:0 12px}

/* footer */

#footer .logo{width:100%;}
#footer .column{width:100%; padding:20px 0px; border-bottom:1px solid #fff;}
#footer .banner{ padding-bottom:50px; margin-top:20px; float:left;}

/****cart page***/
table thead th,#content .basket table thead th.remove,#content .basket table thead th,table.pedal-pedal th{ width:100%; display:block; clear:both; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; text-align:left; font-weight:normal; padding:8px 20px; font-weight:bold	 } 
table tbody td,#content .basket table tbody td,#content .basket table tbody td.product-image,table.pedal-pedal th, table.pedal-pedal td{ padding:20px; width:100%;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; text-align:left; display:block }
#content .basket table tbody td.remove .remove-button{ float:left;}
#content .basket .options{ background:none}
.basket .options .col2-set .col-2{ width:100%; clear:both}
.basket .options .col2-set{ width:100%; display:block; clear:both}

#content .basket .delivery ,#content .basket .discount-codes{    float: left;    padding:24px 10px;    width: 280px;}

#content .basket .totals{ clear:both; padding:20px 0; width:100%; background:#f4f8fc}
#content .basket .totals table,#content .basket .totals .checkout-types{ width:90%; margin:0 5%}
#content .basket .totals .checkout-types .button{ float:right}


.customer-account-login .login,.customer-account-login .create{ width:100%; margin-bottom:10px}
.form .input label{ width:100%; display:block; margin:0; padding:0 0 5px; position:static; text-align:left}
.form .checkbox label, .form .radio label{ float:none; display:inline; width:auto}
.form .input{ padding-left:0 }
.form .buttons,.checkout-login .form .buttons{ width:auto; padding-left:0; display:block; }
.form .buttons .button{ clear:both; float:left; margin:10px 0;}
.form .buttons .required{ text-align:left;}
.checkout-header .banner{ width:100%; margin-bottom:10px}
.checkout-header .banner img{ width:100%}
.checkout .content .gutter{ padding:20px 10px}
#billing-region, #shipping-region, .form .string input{ width:270px;}
#content .basket .delivery .string input, #region{ width:230px}
select { width:278px; padding:5px}
.my-account .content{ padding:20px 10px}
.my-account .rich-text p,.my-account .rich-text ol,.my-account .rich-text ul{ white-space:normal; word-wrap:break-word}

.customer-account-index .account-information,.customer-account-index .subscriptions,.my-account .address{ width:100%;}

.promotion-blocks li{ width:100%; text-align:center; float:left;}
.promotion-blocks li div{ width:100%!important; height:auto!important;}


.yui3-tab-panel,.yui3-scrollbox{ overflow:auto; }
.filters .yui3-tab-panel,.filters .yui3-scrollbox{ height:auto !important}
.yui3-scrollbox-content{ top:0!important}


.order-review table.data-table .a-center{ border-bottom:1px solid #E0E0E0}
.home-slider .bx-viewport{ height:auto!important}
.home-slider ul li img{ height:auto;}
.trustipilot-box{ display:none}
#checkout-overlay{ width:280px!important;}
.cms-page-view .rich-text p{ padding-right:0}
.customer-reviews-page dd p span{ margin-right:0; padding-top:10px; text-align:right}

}
@media only screen and (max-width:480px) {
.related-products .list-item, .recently-viewed .list-item, .new-products .list-item{ padding:0 5px; width:140px;}
#header-telephone-text a{ color:#fff;}
#header .search { background:#fff; width:280px; margin:0 auto; padding:0}
#header .search .input-text{background:#fff; padding:2px 5px 5px; margin:0; width:240px; -webkit-appearance: none;}
}

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

#wrapper{width:320px; margin:0 auto}
#header .logo{ width:100%;}
#header .logo a{ margin:0 10px; display:block}
#header .logo img{ width:100%;}
#header .basket,.header-ratting{ margin-left:50px;}
p#header-telephone-text {    margin-left: 34px;}

.category .tools .label{ display:none}

.trustipilot-box{ left:8px}


ul#homepage-category-banners{text-align:center; margin:auto;}
ul#homepage-category-banners li.first,ul#homepage-category-banners li{margin-left:0!important; float:none; width:auto!important; margin:10px 0!important }
.promos {margin: auto;text-align: center;width: 100%;}
.promos .promo {height: auto;margin: 10px auto; float:none;}

.category .products .product{ width:100%; margin-left:0}
.category .products .product .image{ float:left; width:100%; text-align:center}
.category .products .product .image img{ display:inline}

/*******product details page******/
.catalog-product-view .breadcrumbs{ padding-bottom:5px;}
.breadcrumbs .list-item{ margin-bottom:7px;}

.yui3-skin-sam .yui3-tab{ width:33%;}
.product-images .list-item{ width:66px;}

#content .basket .actions .list-item { padding:0}
#footer .banner{ width:100%}
#footer .banner img{ width:100%;}
.review-form .string input,.review-form .text textarea{ width:210px; margin:5px 0}
.review-form .buttons{ padding-left:0}
.mb-search-result .header .title{ font-size:22px;}

}