/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-device-width : 640px) {


#container{width:96%; margin:0px 2%}
#header{ padding-bottom:0px; margin-top:10px;}
#header #logo{width:92%; margin:10px 4%; padding:0px;}
#header #logo img{width:100%;}
.headright{margin: 0px 4% 10px 4%;
    padding: 0;
    width: 92%;}
#header #search{width:100%; margin:0px; z-index:9999999}
#header #search input{width:70%}
#header .button-search{width:30%; height:35px; max-height:35px;}
#header #cart{width:100%; position:relative; top:0; right:0}
#header #cart .heading{width:100%; margin:10px 0px 0px 0px; padding:8px 8px 2px 8px}
#header #cart .heading h4{ text-align:left; float:left; width:40%}
#header #cart .heading a{ text-align:left; float:left; width:60%}
#header #cart .heading a span{ padding:0px; float:right; width:100%; text-align:center}
#header #cart.active .heading{padding:8px 8px 2px 8px}
#menu,#header-usps{display:none}
.navbar-default
{
	background-color: #00a664;
	border-color: #00a664; margin:0 4%; border-radius:5px; width:92%; margin-bottom:15px;
}
#content{width:100%; margin:10px 0px}
#content iframe{width:100%; height:100%; margin-bottom:10px}
#content p{text-align:justify}
.box-product > div{width:100%; margin-right:0px}
.box-product .image{float:left; width:30%}.box-product .image img{width:100%; padding:0px;}
.box-product .name {float:right; width:65%; text-align:left}
.box-product .price, .box-product .cart{float:right; width:65%; text-align:left}
.slideshow{display:none}
.language{bottom:10px;
    position:absolute;
    width:106px;
    left:50%;
    margin-left:-53px; }
.links{display:none}

h1, .welcome{font-size:18px; margin-bottom:10px}
#column-left{display:none;}
#column-right{display:none;}
.content2{width:100%}
.product-list .name{width:35%}
.product-list > div {
	margin-bottom: 5px; padding: 8px 0px 0px 0px;
}
.product-grid > div{width:47%; margin:1% 0px 5px 1%}
.category-info{margin-bottom:0px;}
.login-content .left, .login-content .right{width:100%}

.login-content .right input[type="text"] {width:100%}
.login-content .right input[type="password"]{width:100%}
.cart input[type="text"] {width:auto !important}

.category-info .image{width:100%}
.product-info > .left{width:100%; margin:0px;}
.product-info > .left + .right{width:100%; margin:0px;}
.product-info .image{width:100%}
.tab-content{margin-bottom:0px}
.box-product a.button{margin-left:5%}
.checkout-content .left, .checkout-content .right, .checkout-content .right input[type="text"], input[type="password"]{width:100%}

input.large-field, select.large-field{width:100%}
input[type="text"], input[type="password"], textarea{width:100%; margin:5px 0px}
#content select{ width:100%; margin:8px 0px}
.product-filter .display, .product-filter .sort, .product-filter .limit{width:100%}
.product-compare{margin-bottom:5px}
.product-list1 .image{width:30%}.product-list1 .image img{width:100%}

.product-list1 .description{width:65%; float:right}
.product-list1 .name{width:65%; float:right}
.product-list1 .price{width:65%; float:right}
.product-list1 .cart{width:65%; float:right}
.product-list1 > div + div{padding-top:8px}
.return-model, .return-opened{width:49%; float:right; margin-right:0px;}
.return-name, .return-reason{width:49%; float:left; margin-right:0px;}
.return-captcha{margin-top:15px}.return-detail{margin:0px;}
.cart-info{overflow:scroll}
#footer{padding:0px;}
#footer .column{width:92%; border-right:none; border-bottom:1px solid #cccccc; margin-top:10px; min-height:50px;}
#powered{margin:0px; height:65px}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1000px) {

#container{width:98%; margin:0px 1%}
#header{ padding-bottom:0px; margin-top:10px;}
#header #logo{margin:10px 1%; padding:0px;}
#header #logo img{width:100%;}
.headright{margin: 10px 1% 10px 0px; width:54%; 
    padding: 0;
   }
   .links{width:60%; margin:8px 0px 0px 0px}
   .language{margin:8px 0px 0px 0px}
   #header-usps{margin:0 1%; width:98%;}
#header #search{ float: left;
    margin: 10px 0 0;
    width: 54%;
    z-index: 9999999;}
#header #search input{width:62%}
#header .button-search{width:37%; height:35px; max-height:35px;}
#header #cart{position:absolute; top:10px; right:1%;}

.navbar-default
{
	background-color: #00a664;
	border-color: #00a664; margin:0 1%; border-radius:5px; width:98%;
}
#content{width:100%; margin:10px 0px}
#content iframe{ float:right; margin:10px;}
#content p{text-align:justify}
.box-product > div{    margin-right: 2%;
    width: 31%;}
.box-product .image{float:left; width:30%}.box-product .image img{width:100%; padding:0px;}
.box-product .name {float:right; width:65%; text-align:left}
.box-product .price, .box-product .cart{float:right; width:65%; text-align:left}


h1, .welcome{font-size:18px; margin-bottom:10px}
#column-left{display:block;}
#column-right{display:block;}
.content2{width:72%}
.product-list .name{width:35%}
.product-list > div {
	margin-bottom: 5px; padding: 8px 0px 0px 0px;
}
.product-grid > div{width:47%; margin:1% 0px 5px 1%}
.category-info{margin-bottom:0px;}
.login-content .left, .login-content .right{width:100%}

.login-content .right input[type="text"] {width:100%}
.login-content .right input[type="password"]{width:100%}
.cart input[type="text"] {width:auto !important}
.slideshow{display:none}
.category-info .image{width:100%}
.product-info > .left{width:100%; margin:0px;}
.product-info > .left + .right{width:100%; margin:0px;}
.product-info .image{width:100%}
.tab-content{margin-bottom:0px}
.box-product a.button{margin-left:5%}
.checkout-content .left, .checkout-content .right, .checkout-content .right input[type="text"], input[type="password"]{width:100%}

input.large-field, select.large-field{width:100%}
input[type="text"], input[type="password"], textarea{width:100%; margin:5px 0px}
#content select{ width:100%; margin:8px 0px}
.product-filter .display, .product-filter .sort, .product-filter .limit{width:100%}
.product-compare{margin-bottom:5px}
.product-list1 .image{width:30%}.product-list1 .image img{width:100%}

.product-list1 .description{width:65%; float:right}
.product-list1 .name{width:65%; float:right}
.product-list1 .price{width:65%; float:right}
.product-list1 .cart{width:65%; float:right}
.product-list1 > div + div{padding-top:8px}
.return-model, .return-opened{width:49%; float:right; margin-right:0px;}
.return-name, .return-reason{width:49%; float:left; margin-right:0px;}
.return-captcha{margin-top:15px}.return-detail{margin:0px;}
.cart-info{overflow:scroll}
#footer{padding:0px;}
#footer .column{border-bottom: 1px solid #cccccc;
    border-right: medium none;
    margin-top: 10px;
    min-height: 120px;
    width: 22%;}
#powered{margin:0px auto; text-align:center}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
#container{width:96%; margin:0px 2%}
#header{ padding-bottom:0px; margin-top:10px;}
#header #logo{width:92%; margin:10px 4%; padding:0px;}
#header #logo img{width:100%;}
.headright{margin: 0px 4% 10px 4%;
    padding: 0;
    width: 92%;}
#header #search{width:100%; margin:0px;}
#header #search input{width:70%}
#header .button-search{width:30%; height:35px; max-height:35px;}
#header #cart{width:100%; position:relative; top:0; right:0}
#header #cart .heading{width:100%; margin:10px 0px 0px 0px; padding:8px 8px 2px 8px}
#header #cart .heading h4{ text-align:left; float:left; width:40%}
#header #cart .heading a{ text-align:left; float:left; width:60%}
#header #cart .heading a span{ padding:0px; float:right; width:100%; text-align:center}
#header #cart.active .heading{padding:8px 8px 2px 8px}
#menu,#header-usps{display:none}
.navbar-default
{
	background-color: #00a664;
	border-color: #00a664; margin:0 4%; border-radius:5px; width:92%; margin-bottom:15px;
}
#content{width:100%; margin:10px 0px}
#content iframe{width:100%; height:100%; margin-bottom:10px}
#content p{text-align:justify}
.box-product > div{width:100%; margin-right:0px}
.box-product .image{float:left; width:30%}.box-product .image img{width:100%; padding:0px;}
.box-product .name {float:right; width:65%; text-align:left}
.box-product .price, .box-product .cart{float:right; width:65%; text-align:left}
.slideshow{display:none}
.language{bottom:10px;
    position:absolute;
    width:106px;
    left:50%;
    margin-left:-53px; }
.links{display:none}

h1, .welcome{font-size:18px; margin-bottom:10px}
#column-left{display:none;}
#column-right{display:none;}
.content2{width:100%}
.product-list .name{width:35%}
.product-list > div {
	margin-bottom: 5px; padding: 8px 0px 0px 0px;
}
.product-grid > div{width:47%; margin:1% 0px 5px 1%}
.category-info{margin-bottom:0px;}
.login-content .left, .login-content .right{width:100%}

.login-content .right input[type="text"] {width:100%}
.login-content .right input[type="password"]{width:100%}
.cart input[type="text"] {width:auto !important}

.category-info .image{width:100%}
.product-info > .left{width:100%; margin:0px;}
.product-info > .left + .right{width:100%; margin:0px;}
.product-info .image{width:100%}
.tab-content{margin-bottom:0px}
.box-product a.button{margin-left:5%}
.checkout-content .left, .checkout-content .right, .checkout-content .right input[type="text"], input[type="password"]{width:100%}

input.large-field, select.large-field{width:100%}
input[type="text"], input[type="password"], textarea{width:100%; margin:5px 0px}
#content select{ width:100%; margin:8px 0px}
.product-filter .display, .product-filter .sort, .product-filter .limit{width:100%}
.product-compare{margin-bottom:5px}
.product-list1 .image{width:30%}.product-list1 .image img{width:100%}

.product-list1 .description{width:65%; float:right}
.product-list1 .name{width:65%; float:right}
.product-list1 .price{width:65%; float:right}
.product-list1 .cart{width:65%; float:right}
.product-list1 > div + div{padding-top:8px}
.return-model, .return-opened{width:49%; float:right; margin-right:0px;}
.return-name, .return-reason{width:49%; float:left; margin-right:0px;}
.return-captcha{margin-top:15px}.return-detail{margin:0px;}
#footer{padding:0px;}
#footer .column{width:92%; border-right:none; border-bottom:1px solid #cccccc; margin-top:10px; min-height:50px;}
#powered{margin:0px; height:65px}
}