/*  mobile */ 
.toggleMenu {
display: none;
padding: 5px 15px;
color: #fff;
background: url(../image/nav-icon.png) no-repeat 10px;
text-indent: -105px;
position: absolute;
top: 132px;
left: 0;
border-bottom: #6d8764 solid 2px;
width: 100%;
}

@media screen and (max-width: 5050px) {
.toggleMenu { display:none !important;}
#content .box-category ul { display:none }
#content .box-heading { display:none; }
/*body {background-image: url("https://www.nettioutlet.fi/catalog/view/theme/default/image/ninaBG.jpg");}*/
body {background-color: #1d1e1c;}
.pagination .links a {
    display: inline-block !important;
    padding: 4px 10px !important;
    text-decoration: none !important;
    color: #000 !important;
    border: 1px solid #CCC !important;
}
#content .pagination .links {margin-left: 0px !important; display:inline !important;}
 }

@media screen and (max-width: 1050px) {
html {overflow-x: hidden;}	
body {min-width: 750px; margin: auto; width: 750px;}
#column-right, #header #welcome { display:none }
#column-left {width: 201px; margin-left: 5px !important;}
#header .header-top1 { float: left !important; }
#container, #menu { width: 100% !important; }
.main-container {width: 750px;}
#footer { margin-right: 300px !important; }
#footer { width: 800px !important; }
#header #search {float: left;}
#search input { width: 170px !important; }
#header .cart-position { float: left; margin-left: 240px !important; }
#header .links { float:left; margin-left: 230px !important; }
#footer .column {margin-top:10px !important; width:22%;}

#column-left + #column-right + #content {margin-left:221px; margin-right: 0px;}
#content .banner ul li {width: 100%; height: auto;}

.success, .warning, .attention, .information {width:98% !important}
.slideshow {margin-top: 5px !important;}

.product-info .wrapper .left {margin-right: 500px;}
.extra-wrap {width: 489px;}

}



@media screen and (max-width: 770px) {
body {min-width: 500px; margin: auto; width: 500px;}
.outer {width: 500px}
#header .links, #column-right, #column-left { display:none }
#content .box-heading { display:inline; }
#column-left + #column-right + #content, #column-left + #content {margin-left: 5px !important;}
#column-right + #content {margin-right: 0px !important;}
.jcarousel-skin-opencart {display:none}
#content {width:490px !important}
.main-container {width: 500px;}

#header #logo {position: absolute; left: 100px; bottom: 80px;}
#header .cart-position {float: left; margin-left:0px !important; margin-right: 13px !important; }
#header .header-top1 {margin-top:150px !important; }

#header #search {width: 240px !important; float: left;}
#header #search input {width: 107px !important;}

#footer { margin-right: 250px !important; }
#footer { width: 480px !important; }

#content .box { display:inline; line-height;}
#content .box .box-heading {margin-top:20px; font-size: 20px; line-height: 22px; padding: 22px 400px 10px 20px; line-height: 100px;}
#content .box-heading {margin-top:20px; font-size: 20px; line-height: 22px; padding: 22px 20px 10px 20px;}
#content .banner {margin-top: 20px;}

#content .box-category ul { display:inline; }
#content .box.category .box-content {padding: 0px; background: #707070 url("../image/cat_bg.gif") repeat-y scroll 0% 0%;}
#content .box-category > ul > li > a {font-size: 20px; line-height: 26px; padding: 22px 0px 10px 20px;}
.success, .warning, .attention, .information {width:30% !important}
#container, #menu { margin-left: 2px !important; }
#content .banner ul li {width: 100%;}
.extra-wrap {width: 489px;}

}

@media screen and (max-width: 620px) {
#header {overflow-x: hidden;}
body {min-width: 320px; margin: auto; width: 320px;}
.outer {width: 320px;}
#header .header-top1 {margin-top:90px !important; width:320px;}
#header #logo a, #header #logo a img {width: 70%;}
#header #search {width: 300px !important; margin-left: 5px;}
#header .header-top2 {padding: 0px 0px;}
#header #logo {float: ; bottom: 100px;}
#header .cart-position { float: left; margin-left: 6px !important; }
#search {float: left;}
#content .box-category > ul > li > a {font-size: 12px; line-height: 18px; padding: 8px;}
#content {width:310px !important}
#content .banner ul li img {width: 85%; height: auto;}
.main-container {width: 320px;}
#container { margin-left: 0px !important; }
#footer { margin-right: 0px !important; }
#footer .column {width: 300px;}
#footer { width: 320px !important; }
.product-list .right {width: 120px;}
.product-filter { display:none }
a.button {width: 110px;}
a.button span {font-size: 13px; line-height: 22px; white-space: normal;}
.return-captcha {float: none;}
.return-reason {width: 50%}
.manufacturer-list ul {width: 50%;}
#header #cart .content {width:241px;}
.cart-info td {padding: 1px;}

.checkout-content.opt .left, .login-content .left {width: 80%; height: auto;}
.checkout-content.opt .right, .login-content .right {width: 80%; height: auto;}
.extra-wrap {width: 300px;}
}


@media screen and (max-width: 50px) {
	
#content {margin-top: 49px !important;}
#menu {padding:0px !important; z-index: 100 !important;margin-top: 42px !important;}
#menu > ul {width:100% !important}
#menu > ul > li {width:100%; -webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius: 0 !important;border-bottom: 1px solid #ebebeb !important; }
#menu > ul > li > a {width: 100% !important; display: block !important; background: #9d9684;color: #fff !important;}
#menu > ul > li > div {padding:0px !important;position:relative !important; -webkit-border-radius: 0px !important; background: #8c836c  !important;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
width: 100%;}

#menu > ul > li > div > ul > li > a {padding: 5px 5px 5px 40px !important; width:100% !important;}
#menu > ul > li > div > ul > li {width:100% !important}
.product-grid > div {width: auto !important;float: none !Important;display: inline-block;}
.product-grid {text-align:center}

#currency {
top: 119px !important;
right: 5px !important;
left: auto !important;
color: #fff !important;
}

#language {
top: 139px !important;
right: 55px !important;
left: auto !important;
}
#header {height: 112px !important;}
#header #cart .heading h4 {display:none}
#header #cart .content { position:absolute !important; top: 59px !important; left:0 !important;
}
#header #cart .heading {height: auto !important;padding: 20px 10px !important;z-index: 200 !important;}
#header #logo {top: 65px !important;left: 0 !important;width: 100% !important;text-align: center !important; text-align:center; }
#header #logo img {max-height: 95px !important; max-width:97%;}

.cart-info tbody .model, 
.cart-info thead .model,
.cart-info tbody .image, 
.cart-info thead .image,
.cart-info thead .price,
.cart-info tbody .price
 {display:none}


.product-info > .left {
float: none !important;
margin-right: 0 !important;
}
.product-info > .left + .right {
margin-left: 0px !important;
display: block !important;
float: left !important;
width: 100%;
padding: 10px;
}

.current {

background: #9d9684 !important; color:#fff !important; z-index:45;
}

.current a {
font-weight:normal !important; color:#fff !important; 	
}
#menu > ul > li  a:hover {
	background: #4c3d38 !important;
}


}


@media screen and (max-width: 60px) {
.tab-content {width: 94%;border: 0px !important;}
.htabs {border: 0px !important;height: auto !important;overflow: hidden;width: 100% !important;padding: 0px !important;margin: 0px !important;}
.htabs a {float: left;display: inline-block;width: 91% !important;background: none !important;border-left: 0px !important;border-right: 0px important;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;-khtml-border-radius: 0px !important;border-radius: 0px !important;-moz-border-radius: 5px 5px 0px 0px;-khtml-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;}
.htabs a.selected {font-weight:bold}
.htabs a:last-child {border-bottom: 1px solid #DDDDDD;}
.tab-content {width: 94%;border: 0px !important;}
.nivo-directionNav {display:none}
	
#footer {text-align: center  !important; padding:0px !important;}
#footer .column {width: auto !important;display: inline-block !important;vertical-align: top  !important;padding: 5px 0 0 15px  !important;text-align: left  !important; min-height: 142px;}
#footer .column ul {margin-top: 0px !important;margin-left: 0 !important;padding-left: 0 !important;}
#footer .column ul li {list-style: none !important;padding: 4px 0 !important;}		
.checkout-content .right, .checkout-content .left {width: 98% !important; float: none !important;}	
	.checkout-content {overflow-x: hidden !important}
	
input[type='text'], input[type='password'], textarea {width: auto;}
.compare, .product-compare {display:none}
.product-list .name, .product-list .description {float: none !important; width: 100% !important; clear: both !important;}
}

@media screen and (max-width: 50px) {
.product-list .image {float:none !important}
.product-list .name, .product-list .price, .product-list .description {float:left !important; text-align: left !important; width:100% !important}
	
#cboxCurrent {display:none !important}
table.form td {width: auto !important;float: left;}		
#content .content .left , #content .content .right, .login-content .right, .login-content .left, .order-list .order-content div, .sitemap-info .left, .sitemap-info .right {width: 100% !important; float: none !important;}
.order-list .order-content div {margin:5px 0}
.right input[type='text'], 
.right input[type='password'], 
.right textarea,
.left input[type='text'], 
.left input[type='password'], 
.left textarea,
#return-product input[type='text'], 
#return-product input[type='password'], 
#return-product textarea
{width:95% !important;}


.return-name, .return-model, .return-quantity, .return-reason, .return-opened, .return-captcha {float: none !important;width: 100% !important;}


	
}