@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Mobile
	2. Large Mobile
	3. iPad
	4. large desktop
	5. Other
*/

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:479px) {
    caption, th, td {float:left;}
    #ctl00_MainContentHolder_DataList1 th {display:none;}
    #ctl00_MainContentHolder_DataList1 tr:first-child {display:block;}
    #ctl00_MainContentHolder_DataList1 tr {border-bottom:1px solid #cdcdcd;margin-bottom:7px;display:inline-block;}
	
    .banner-right ul {padding:0 0 0 45px !important;}
    .productdetail {display:block;width:100%;}

	.price-box{padding:15px;}
	.price-box ul li label{width:90px;font-size:16px; line-height:20px;}
	.price-box ul li span{width:55% !important;font-size:23px; line-height:27px;}
	.submit-btn{padding:10px 17px;}
    #shopping_cart .navigation-panel .block-right span{display:block;margin-bottom:10px;}
    .promotional-code input {margin:0 0.3em 0 0;}
    .promotional-code label{display:block;}
	.dvmenubtnSlidercontrol .lbfirst, .dvmenubtnSlidercontrol .lbsecond, .dvmenubtnSlidercontrol .lbthird {display: inline-block;font-size: 13px; margin:0px 14%;}
	.dvmenubtnSlidercontrol .lbthird{margin-right:0px !important;}
	td.left-td td{float:none;}
	.select-option-small{padding:7px 7px 2px!important;}
	.formfield input.short[type="text"] {width: 71%;}
	
	/* css for 4 of 4 setup */
.dvinstruction input.btn-sub{width:174px !important; margin-bottom:20px;}
.inner-content .stepReview{padding-top:20px !important; }
.dvlasttotal{float:none !important; width:90% !important;  margin:0 auto !important; display:block}
.dvinstruction{float:none !important; width:90% !important;  margin:0 auto !important; display:block}
.formtextarea{margin-bottom:20px; height:120px;}
.lblInstruction{ display:block; line-height:30px}
.dvlasttotal .row2 td{float:none}
/* contact us page */
.list-item p{margin-bottom:20px;}
/*iframe*/
iframe{width:100%; margin-bottom:30px;}
/* shippping policy page css */
.offsetContent img.fadexmap-img{width:100%; margin-bottom:30px;}
.offsetContent iframe{width:100%; margin-bottom:30px;}
.offsetContent{padding-bottom:50px;}
.container .maintitle h1{margin:0 auto !important; line-height:25px;}
.container .maintitle h1 span{font-size:22px; line-height:25px;}

.wide-part .link-part ul li{width:100% !important;}
}

@media (max-width:640px) {
/* main container */
.container{ max-width:none; width:96%; padding:0 2%;}
#wrapper{  z-index:1; background:#fff; box-shadow: 0 -25px 25px #333; margin-bottom:0 !important;}
/*.category-left {display:none;}*/
/* header */
.logo{ max-width:150px; margin:10px auto; float:none;}
header .head-right{ float:none;}
.top-menu{ margin-bottom:10px; float:none; text-align:center;}
.top-menu a{ display:inline-block; float:none; margin-left:10px; padding-left:10px;}
.search-box{ float:none; width:307px; margin:0 auto;}
.search-box .input-style{ width:267px;}
.search-box .btn-submit{ margin-right:5px;}


/* footer */
.footer-push{ height:auto !important;}
footer .footer-top{ padding:20px 2% 0; width:96%; margin-bottom:10px;}
.footer-title{ font-size:16px; line-height:18px;}
.footer-top .footer-left{ width:99%; float:none;border-bottom:1px solid #aeaeae; padding-bottom:20px;}
.secure{ text-align:center; display:block; margin-bottom:20px;}
.secure a{ width:80px; margin-left:10px}
.social-media{ text-align:center;}
.social-media a{ margin-left:0px;}
.social-media span{ font-size:14px; margin-right:5px;}
.footer-top .footer-right{ background:none; width:100%; padding:0;}	
.footer-right .footer-links{ width:100%; float:none; margin-bottom:10px;}
.footer-right .footer-links:first-child{width:100%; float:none;}
.footer-right .footer-links.mid{width:100%; float:none;}	
.footer-right .footer-links.last{width:100%; float:none;}	
.footer-links ul li{ display:block;}
.footer-links ul li a{ display:inline;}
footer .footer-bottom{ width:96%; padding-bottom:20px; text-align:center; display:block;}
.footer-bottom .p-left{ float:none; text-align:center;}
.footer-bottom .footer-btm-right{ display:block; float:none; text-align:center; }
.payment{ display:inline-block; text-align:center;float:none;}
.footer-bottom ul{ display:block; clear:both;}
.wholesalerightadvertise {float:none;   margin: 0 auto;}


	
/*--------- home page ------------*/
/* product-info part */
.prod-links{ padding:10px 0;}
.prod-links{ float:none; display:block; text-align:center; border-bottom:1px solid #ccc;}
.prod-links a{ font-size:12px; margin-right:15px; display:inline-block;}
.cart-info{ display:block; text-align:center; float:none; width:300px; margin:0 auto 10px;}

/* banner part */
.banner .banner-left{ width:100%; float:none; max-width:none;}
.slider .slide-desc{ display:none;}
.banner .banner-right{ max-width:none; float:none; padding:15px 0 15px 5%; width:100%;display:inline-block;}
.banner-right h1{ font-size:32px; line-height:36px; margin-bottom:20px;}
.banner-right h1 br{display:none;}
.banner-right ul {padding:0 0 0 100px;}
.banner-right ul li{ font-size:20px; margin-bottom:7px; line-height:24px;}
.banner-right ul li:after{ width:20px; height:20px; background:url(../images/check-ipad.png) no-repeat;top:3px;}

/* Featured  part */
.feature-title{ text-align:center;}
.feature-logo{ display:block; text-align:center;}
.feature-logo a{ display:inline-block; float:none; margin-left:0; margin-right:10px;}

/* Services  part */
.services-block{ margin-bottom:20px;}
.services-block .services-box{ width:99%; float:none; margin:0 auto 20px; }

/* Products  part */
.product-block{ margin-bottom:20px;}
.product-title{ padding:11px 5%; width:90%; text-align:center;}
.product-title h2{ font-size:20px; float:none; text-align:center; line-height:20px;}
.product-title a{ float:none; display:block;}
.sales-item-block .product-title h3{ font-size:20px; float:none; text-align:center; line-height:20px;}
.product-box{ width:100%; float:none; margin:0 auto 20px; border-right:none; border-bottom:1px solid #eaeaea;}
.product-box:first-child{  border-left:none;}
.sales-item-block{ margin-bottom:30px;}

/* Company-services  part */
.company-services-block{ padding:20px 2% !important;}
.company-services-block .company-service-box{ width:100%; float:none; margin-bottom:20px;}
.company-service-title{ font-size:20px; line-height:20px;}
.company-service-box p{ font-size:14px; line-height:18px;}

/* Welcome part */
.welcome-block .container{ padding:30px 0 10px}
.welcome-left{ width:100%; float:none;}
.welcome-block h4{font-size:20px; line-height:20px;}
.welcome-right{width:100%; float:none;}


/* category-page */
.category-page{ padding:15px 0 0;}
.category-page .category-left{ width:100%; margin:0 0 10px;}
.category-page .category-left img{ width:60px; display:block; margin:0 auto 10px;}
.category-page .category-right{ width:100%;}
.category-page .category-desc img{ display:block; float:none; margin:0 auto 15px; max-width:100%; width:200px;}
.category-page h1{ font-size:28px; font-weight:300; line-height:32px; margin:0 0 10px;}
.category-page .category-desc{ margin:0 0 15px;}
.category-page .category-desc p{ margin-top:15px;}
.category-list h2{ font-size:18px; line-height:22px; padding:5px 10px;}
.category-list ul li{ width:50%; margin:0 0 20px;}
.category-list ul li:nth-child(4n+3){ clear:both;}
.category-list ul li.first{ border-left:0;}
#dvTrrackif h5 { font-size:15px !important; }
#dvTrrackif, #email-form, #tos-form, #loading-message, #success-message, #error-message {   text-align: center;float:none !important;  padding-bottom: 6px; }
.categorysortorder {text-align: center;padding-bottom:5px;}
.categorysortorder select{text-align: center;  width: 75%;}
#email{width: 75%;}
.category_addtocart_padding input[type="image"]{width:135px; padding:3px;}

/* product-detail-page */
.product-left{width:100%; padding:10px 0 30px;}
.product-right{width:100%; padding-right:0px;}
.price-box ul li span{width:50%;}
.prod-detail .prod-box{width:49% !important;}

#shopping_cart .product-image {width:80px !important;}
#shopping_cart .cartImageColumn{text-align:center;}

#shopping_cart .product-nametitle {font-size:1.1em !important;}
.promotional-code {padding:2.5em 1.5em;}
.cart-list td {width:100%!important;display:block; margin-bottom:10px;}
.cart-list td.cart-product-price {}
.cart-list td.cart-product-price br{display:none;}
.cart-list td.cart-product-price strong{margin-left:10px;}

.tbckout h1, .tbckout h2{font-size:24px !important; line-height:26px !important;}
.dvmenubtnSlidercontrol .lbfirst, .dvmenubtnSlidercontrol .lbsecond, .dvmenubtnSlidercontrol .lbthird{font-size:13px;}
#dvCheckout h1{margin-top:20px;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{height:30px;line-height:30px;}
.formfield input[type="text"]{padding:0px 0px 0ps 6px !important}
/* css for 4 of 4 setup */
.dvinstruction input.btn-sub{width:174px !important; margin-bottom:20px;}
.inner-content .stepReview{padding-top:20px !important; }
.dvlasttotal{float:none !important; width:90% !important;  margin:0 auto !important; display:block}
.dvinstruction{float:none !important; width:90% !important;  margin:0 auto !important; display:block}
.formtextarea{margin-bottom:20px; height:120px;}
.lblInstruction{ display:block; line-height:30px}
.dvlasttotal .row2 td{float:none}
/* contact us page */
.list-item p{margin-bottom:20px;}

/*iframe*/
iframe{width:100%; margin-bottom:30px;}

/* shippping policy page css */
.offsetContent img.fadexmap-img{width:100%; margin-bottom:30px;}

.offsetContent iframe{width:100%; margin-bottom:30px;}
.offsetContent{padding-bottom:50px;}
.container .maintitle h1{margin:0 auto !important; line-height:25px;}
.container .maintitle h1 span{font-size:22px; line-height:25px;}

.wide-part .link-part ul li{width:50%;}
.Wholesalebulkstring a {    float: none;    padding-left: 32%;    width: 100%;}
}
@media screen and (max-width: 767px) /* max-width 767px, mobile-only styles, use when QAing mobile issues */ {
#wrapper{  z-index:1; background:#fff; box-shadow: 0 -25px 25px #333; margin-bottom:0 !important;}
.kitcomponentname {font-size: 1em;}
.inner-content {width: 100%;}
/* shoppingcart */
#page-header h1.smaller-title {font-size: 24px;}
#shopping_cart .product-image {margin: 0 1em 1em 0;}
#shopping_cart .product-details {width: 100%;}
#shopping_cart .prodct-pricing {width: 100%;padding: 0 0 1em;}
#shopping_cart .product-title {font-size: 1.3em;}
#shopping_cart .prodct-pricing li {margin: 0 0 0 1.7em;}
#shopping_cart .total-price {font-size: 1.8em;}
#shopping_cart .item {padding: 1em 0;}
#shopping_cart .action-panel {float: left;}
#shopping_cart .navigation-panel .block-left {width: 100%;text-align: center;}
#shopping_cart .navigation-panel .block-right {width: 100%;text-align: center;}
#shopping_cart .item td {padding: 0 0.5em;}
.gridaa {overflow-x: scroll;}
.gridaa table {width: 600px !important;}
.checkouttable {overflow-x: scroll;}
#shopping_cart .product-title {font-size: 1em;}
#shopping_cart .product-image {width: 120px;} 

/* nav */
nav ul{ display:none;}
.mobile-menu{ display:block; padding:15px 2% !important;}
.toogle{ display:block;}
.mobile-block{ display:block;} 

.smaller-title, .cartnoofitems {padding-left:15px;}
.textloyaltypoint {float:none; margin-bottom:10px; text-align:left;display:inline-block;}
#shopping_cart .sub-total strong {font-size: 2em;line-height: 35px;}
.btn-grey-mid {font-size: 14px; padding: 0.4em 0.6em;margin-right:10px !important;}
#shopping_cart .navigation-panel .block-left {width:100%;}
#shopping_cart .navigation-panel .block-right{width:100%;margin-top:25px;}
.btn-grey-checkout {padding:0.4em 1.4em 0.4em 1.3em;font-size:15px; float:none;}
#shopping_cart .navigation-panel .block-right .btn-grey-checkout {margin-top:-6px;}
#shopping_cart .product-nametitle {font-size:1.5em;}

.tbckout tr td.left-td {border: medium none !important;display: block;margin-bottom: 15px;width: 100%;}
  
  
 /*------------ check out step 3 of 4 ---------------*/
.page-content .dvfirst{width:90%;  margin:0 auto }
.dvsecond img{margin:0 auto;  margin-bottom:20px ; vertical-align:middle} 
.page-content .dvthird{width:90%; padding-top:20px; margin:0 auto; float:left}
.page-content .dvsecond{ margin:0 auto; width:90%; padding-top:10px}
.shipping-first table tr{ margin-bottom:20px; display:inline}
.shipping-first .shippingterms{float:left; width:auto; margin:0;}
.radiobuttoncol{margin-bottom:20px;}
.prettyphoto-box{display:inline}
.prettyphoto-box img{ width:50%; margin-left:20px; }

.creditcardinput .form-table .formfield input[type="text"]{width:190px !important}
.dvstpe3img{padding-top:10px; float:none !important}
.dvstep3btn{width:100% !important; margin-bottom:20px;  }
.dvstep3span{float:none !important}
.radiobuttoncol{float:none !important}
/* contact us page */
.list-item p{margin-bottom:20px;}

/*iframe*/
iframe{width:100%; margin-bottom:30px;height:200px }

/* shippping policy page css */
.offsetContent img.fadexmap-img{width:100%; margin-bottom:30px; }

.offsetContent iframe{width:100%; margin-bottom:30px;height:200px }
.offsetContent{padding-bottom:50px;}
.press-page .first-part{width:96%; border-right:none; padding:0px;}
.press-page .secound-part{width:96%; padding:0px;}
.press-page .third-part{width:98%; padding:0px;}
.press-page .fourth-part{width:98%; padding:0px;}
.press-page .wide-part{width:98%; padding:0px;}
.addivbottom1 {width: 100%; margin-top: 10px;}
.simpleTableUnderlined h4, .shaded h4 {font-size: 22px;line-height: 24px;}

}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {
/* main container */
.container{ max-width:600px;}
#wrapper{  z-index:1; background:#fff; box-shadow: 0 -25px 25px #333; margin-bottom:0px !important;}

/* header */
.logo{ max-width:236px;}
.top-menu{ margin-bottom:10px;}

/* nav */
nav ul{ display:none;}
.mobile-menu{ display:block;}
.toogle{ display:block;}
.mobile-block{ display:block;}

/* footer */
.footer-push{ height:auto !important;}
footer .footer-top{ padding:32px 0;}
.footer-top .footer-left{ width:96%; float:none; border-bottom:1px solid #aeaeae; padding-bottom:20px;}
.footer-top .footer-right{ width:95%; float:none; background:none;}

/*--------- home page ------------*/
/* product-info part */
.prod-links{ padding:10px 0;}
.prod-links{ float:none; display:block; text-align:center; border-bottom:1px solid #ccc;}
.prod-links a{ font-size:12px; margin-right:15px; display:inline-block;}
.cart-info{ display:block; text-align:center; float:none; width:300px; margin:0 auto 10px;}

/* banner part */
.banner .banner-left{ width:100%; float:none; max-width:none;}
.banner .banner-right{ max-width:600px; float:none; padding:15px 0 15px 37px;display:inline-block;}
.banner-right h1{ font-size:34px; line-height:38px; margin-bottom:20px;}
.banner-right h1 br{display:none;}
.banner-right ul li{ font-size:20px; margin-bottom:7px; line-height:24px;float:left; width:49%;}
.banner-right ul li:after{ width:20px; height:20px; background:url(../images/check-ipad.png) no-repeat;top:3px;}
.slider .slide-desc{ left:10px; bottom:15px;}
.slide-desc .slide-btn{ font-size:14px; padding:5px 27px}

/* Featured  part */
.feature-title{ text-align:center;}
.feature-logo{ display:block; text-align:center;}
.feature-logo a{ display:inline-block; float:none; margin-left:0; margin-right:15px;}

/* Services  part */
.services-block .services-box{ margin-left:1.2%; padding-bottom:10px; width:23.7%; min-height:169px;}
.service-desc .services-title{ font-size:16px; line-height:18px;}
.services-block img{ display:block; float:none; margin:8px auto 0; text-align:center;}
.services-block .service-desc{ float:none; width:89%; margin:15px 7px 0 7px}
.services-block .services-box:first-child .service-desc{ width:89%;}
.service-desc p{ font-size:12px; line-height:18px;}
.services-block .services-box.bulk-price .service-desc{ width:89%;}
.services-block .services-box.celebrate img{ margin-bottom:8px; width:100px;}
.btn-click{ display:block; margin:8px auto 0; float:none;}

/* Products  part */
.product-title{ width:560px;}
.product-box .prod-img{ width:80px;}
.product-box{ width:16.4%;}
.product-title h2{ font-size:20px; line-height:20px; margin-top:5px;}
.sales-item-block .product-title h3{font-size:20px; line-height:20px; margin-top:5px;}

/* Company-services  part */
.company-service-title{ font-size:15px; line-height:20px;}
.company-service-box p{ font-size:14px; line-height:20px;}

/* Welcome part */
.welcome-block h4{ font-size:20px; line-height:30px;}


/* category-page */
.category-page .category-left img{ width:80px; margin:0 0 10px;}
.category-page .category-desc img{ width:150px;}	
.category-page .category-desc{ margin: 0 0 15px;}
.category-page h1{ font-size: 34px; font-weight: 300; line-height: 38px; margin: 0 0 10px;}

.category-list h2{ font-size: 20px; line-height:24px; padding: 5px 10px;}
.category-list ul li a p{ font-size:12px; line-height:14px;}
.category-list ul li a span{ font-size:14px; line-height:18px;}
#dvTrrackif h5 { font-size:15px !important; }
#dvTrrackif, #email-form, #tos-form, #loading-message, #success-message, #error-message {   text-align: center;float:none !important;  padding-bottom: 6px; }
.categorysortorder {text-align: center;  padding-bottom: 5px;}
.categorysortorder select{text-align: center;  width: 75%;}
#email{width: 75%;}

/* product-detail-page */
.product-left{width:100%; padding:10px 0 30px;}
.product-right{width:100%; padding-right:0px;}
.price-box ul li span{width:50%;}
.prod-detail .prod-box{width:25% !important;}

.smaller-title, .cartnoofitems {padding-left:15px;}
.textloyaltypoint {float:none; margin-bottom:10px; text-align:left;display:inline-block;}
#shopping_cart .sub-total strong {font-size: 2em;line-height: 35px;}
.btn-grey-mid {font-size: 14px; padding: 0.4em 0.6em;margin-right:10px !important;}
#shopping_cart .navigation-panel .block-left {width:100%;}
#shopping_cart .navigation-panel .block-right{width:100%;margin-top:25px;}
.btn-grey-checkout {padding:0.4em 1.4em 0.4em 1.3em;font-size:15px; float:none;}
#shopping_cart .navigation-panel .block-right .btn-grey-checkout {margin-top:-6px;}
#shopping_cart .product-nametitle {font-size:1.5em;}
.tbckout h1, .tbckout h2{font-size:26px !important; line-height:28px !important;}



/*------------ check out step 3 of 4 ---------------*/
.page-content .dvfirst{width:90%;  margin:0 auto }
.dvsecond img{margin:0 auto;  margin-bottom:20px ; vertical-align:middle} 
.page-content .dvthird{width:90%; padding-top:20px; margin:0 auto; float:left}
.page-content .dvsecond{ margin:0 auto; width:90%; padding-top:10px}
.shipping-first table tr{ margin-bottom:20px; display:inline}
.shipping-first .shippingterms{float:left; width:auto; margin:0;}
.radiobuttoncol{margin-bottom:20px;}
.prettyphoto-box{display:inline}
.prettyphoto-box img{ width:50%; margin-left:20px; }

.creditcardinput .formfield input[type="text"]{width:70%}
.dvstpe3img{padding-top:10px; float:none !important}
.dvstep3btn{width:100% !important; margin-bottom:20px;  }
.dvstep3span{float:none !important}

/* css for 4 of 4 setup */
.dvinstruction input.btn-sub{width:174px !important; margin-bottom:20px;}
.inner-content .stepReview{padding-top:20px !important; }
.dvlasttotal{float:none !important; width:90% !important;  margin:0 auto !important; display:block}
.dvinstruction{float:none !important; width:90% !important;  margin:0 auto !important; display:block}
.formtextarea{margin-bottom:20px; height:120px;}
.lblInstruction{ display:block; line-height:30px}
/* contact us page */
.list-item p{margin-bottom:20px;}

/*iframe*/
iframe{width:100%; margin-bottom:30px;}

/* shippping policy page css */
.offsetContent img.fadexmap-img{width:100%; margin-bottom:30px;}
.offsetContent iframe{width:100%; margin-bottom:30px;}
.offsetContent{padding-bottom:50px;}

.wide-part .link-part ul li{width:50%;}
}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {

/* main container */
.container{ max-width:750px;}

/* nav */
nav ul li a{ font-size:11px; max-width:70px; padding:8px 5px;}

/* footer */
.footer-top .footer-left{ width:46%;}
.footer-top .footer-right{ width:49%;}
.secure a{ margin-left:15px; width:90px;}
.footer-title{ font-size:15px; line-height:15px;}
.social-media a{ margin-left:1px;}

/*--------- home page ------------*/
/* product-info part */
.prod-links{ padding:10px 0;}
.prod-links a{ font-size:12px; margin-right:7px;}
.btn-checkout{ font-size:12px; padding:5px 10px; line-height:12px; margin-top:11px;}
.viewcart{ font-size:12px; margin-right:10px; margin-top:11px;}

/* banner part */
.banner .banner-left{  max-width:487px;}
.slider .slide-desc{ left:10px; bottom:0px; width:180px}
.slide-desc .slide-btn{ font-size:14px; padding:5px 27px}
.slide-desc p{ margin-bottom:10px; font-size:12px; line-height:16px;}
.banner .banner-right{ max-width:262px;padding:23px 0 15px 37px;}
.banner-right h1{ font-size:20px; line-height:20px; margin-bottom:10px;}
.banner-right ul li{ font-size:14px; margin-bottom:7px; line-height:20px;}
.banner-right ul li:after{ width:20px; height:20px; background:url(../images/check-ipad.png) no-repeat;}

/* Featured  part */
.feature-logo{ display:block; text-align:center;}
.feature-logo a{ display:inline-block; float:none; margin-left:0; margin-right:15px;}

/* Services  part */
.services-block .services-box{ margin-left:1.2%; padding-bottom:10px; min-height:121px;}
.service-desc .services-title{ font-size:14px; line-height:16px;}
.services-block img{ max-width:100%; width:40px; height:auto;}
.services-block .services-box.celebrate img{ width:50px; height:auto; margin-top:13px;}
.btn-click{ width:60px; height:60px; line-height:60px; font-size:11px; margin-right:15px;}
.services-block .services-box.bulk-price .service-desc{ width:45%;}
.service-desc p br{ display:none;}

/* Products  part */
.product-title{ width:710px;}
.product-title h2{ font-size:22px; line-height:22px;}
.sales-item-block .product-title h3{font-size:22px; line-height:22px;}
.product-box .prod-img{ max-width:100px;}

/* Company-services  part */
.company-service-title{ font-size:19px; line-height:19px;}
.company-service-box p{ font-size:16px; line-height:22px;}

/* Welcome part */
.welcome-block h4{ font-size:20px; line-height:30px;}


/* category-page */
.category-page .category-left img{ width:80px; margin:0 0 10px;}
.category-page .category-desc{ margin: 0 0 25px;}
.category-page h1 { font-size: 40px; line-height: 44px; margin: 15px 0 20px;}
.category-page .category-desc img{ width:200px;}
.category-page .category-desc p{ margin-top: 20px;}
#dvTrrackif h5 { font-size:15px !important; }
#dvTrrackif, #email-form, #tos-form, #loading-message, #success-message, #error-message {padding-bottom: 6px;}
.categorysortorder {text-align: center;padding-bottom:5px;}

/* product-detail-page */
.product-left{width:55%;}
.product-right{width:43%; padding-right:10px;}
.product-right h1{font-size:30px; line-height:36px; margin:0px 0px 15px;}
.price-box ul li label{width:35%; font-size:17px; line-height:21px;}
.price-box ul li span{width:56%;}
.submit-btn{padding:10px 19px;}
.prod-detail .prod-box{width:25% !important;}
.smaller-title, .cartnoofitems {padding-left:15px;}
.textloyaltypoint {float:none; margin-bottom:10px; text-align:left;display:inline-block;}
#shopping_cart .sub-total strong {font-size: 2em;line-height: 35px;}
.btn-grey-mid {font-size: 14px; padding: 0.4em 0.6em;margin-right:10px !important;}
#shopping_cart .navigation-panel .block-left {width:38%;}
#shopping_cart .navigation-panel .block-right{width:62%;}
.btn-grey-checkout {padding:0.4em 1.4em 0.4em 1.3em;font-size:18px;}
#shopping_cart .navigation-panel .block-right .btn-grey-checkout {margin-top:-6px;}

.tbckout h1, .tbckout h2{font-size:26px !important; line-height:28px !important;}


/*------------ check out step 3 of 4 ---------------*/
.page-content .dvfirst{width:50%; }
.dvsecond img{margin:0 auto;  margin-bottom:20px ;} 
.page-content .dvthird{width:60%; float:left; padding-top:20px;}
.page-content .dvsecond{ margin:0 auto; width:45%;}
.shipping-first table tr:last-child{ margin-bottom:20px;}
.shipping-first .shippingterms{float:left; width:auto; margin:0;}
.radiobuttoncol{margin-bottom:20px;}
.prettyphoto-box{display:inline-block}
.prettyphoto-box img{ width:70%;}

.creditcardinput .formfield input[type="text"]{width:70%}
.dvstpe3img{padding-top:10px; float:none !important}
.dvstep3btn{width:100% !important; margin-bottom:20px;  } 
.dvstep3span{float:none !important}

/* css for 4 of 4 setup */
.dvinstruction input.btn-sub{width:174px !important;}


/* contact us page */
.list-item p{margin-bottom:20px;}

/*iframe*/
iframe{width:100%; margin-bottom:30px;}

/* shippping policy page css */
.offsetContent img.fadexmap-img{width:100%; margin-bottom:30px;}
.offsetContent iframe{width:100%; margin-bottom:30px;}
.offsetContent{padding-bottom:50px;}
.addivbottom1 {width: 80% !important; }

}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {	

/* main container */
.container{ max-width:1000px;}

/* nav */
nav ul li a{ font-size:13px; max-width:76px;}

/*--------- home page ------------*/
/* product-info part */
.prod-links a{ font-size:14px; margin-right:20px;}

/* banner part */
.banner .banner-left{ max-width:636px;}
.slider .slide-desc{ left:20px; bottom:10px}
.slide-desc .slide-btn{ font-size:16px; padding:8px 37px}
.banner .banner-right{ padding:19px 0 13px 37px;}
.banner-right ul li{ font-size:18px; margin-bottom:8px;}
.banner-right h1{ font-size:35px; line-height:35px; margin-bottom:15px;}

/* Featured  part */
.feature-logo a{ margin-left:4px;}
.feature-logo a img{ max-width:60%;}

/* Services  part */
.service-desc .services-title{ font-size:18px; line-height:20px;}
.services-block img{ max-width:100%; width:50px; height:auto;}
.services-block .services-box.celebrate img{ width:100px; height:auto; margin-top:13px;}
.btn-click{ width:60px; height:60px; line-height:60px; font-size:11px; margin-right:15px;}

/* Products  part */
.product-title { width:960px;}

#shopping_cart .sub-total strong {font-size: 2em;line-height: 35px;}
.btn-grey-mid {font-size: 14px; padding: 0.4em 0.6em;margin-right:10px !important;}
#shopping_cart .navigation-panel .block-left {width:38%;}
#shopping_cart .navigation-panel .block-right{width:62%;}
.btn-grey-checkout {padding:0.4em 1.4em 0.4em 1.3em;font-size:18px;}
#shopping_cart .navigation-panel .block-right .btn-grey-checkout {margin-top:-6px;}

/*iframe*/
iframe{width:50%; vertical-align:middle}
/* shippping policy page css */
.offsetContent img.fadexmap-img{width:45%; vertical-align:middle}
.offsetContent iframe{width:50%; vertical-align:middle}
.offsetContent{padding-bottom:50px;}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) /* Smaller than standard 768 (devices and browsers) */ {

    .kitcomponentname {
        font-size: 1em;
    }

    .inner-content {
        width: 100%;
    }
       
    /* shoppingcart */
    #shopping_cart .product-image {
        margin: 0 1em 0 0;
    }

    #shopping_cart .product-details {
        width: 32%;
    }

    #shopping_cart .prodct-pricing {
        width: 40%;
    }

    #shopping_cart .product-title {
        font-size: 1.3em;
    }

    #shopping_cart .prodct-pricing li {
        margin: 0 0 0 1.7em;
    }

    #shopping_cart .total-price {
        font-size: 1.8em;
    }
    #shopping_cart .navigation-panel .block-right img {
        max-width: 48%;
    }

    #shopping_cart .item td {
        padding: 0 1em;
    }
    .addivbottom1 {width: 85%; }
   
}
/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:2560px) {	
#wrapper{ margin-left:0 !important;}
}