/*--------------------------------------------------
RESPONSIVE CSS
-------------------------------------------------- */
/* Large desktop */
@media (min-width: 1200px) {
.container-fluid  .row-fluid {
max-width: 960px; 
}
}




/* Large desktop */
@media (max-width: 1200px) {
.container-fluid  .row-fluid {max-width: 960px;}
}





/* Large desktop */
@media (min-width: 980px) and (max-width: 1100px) { 

}





/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) { 

body {
margin: 0;
padding: 0; 
}

.container-fluid {
padding: 0 20px;
}

header  .row-fluid a.logo  {
margin: 36px auto 40px auto;
}

header div.row-fluid div.navbar-inner  {
background: url(/basics/images/dot.png) repeat-x 0 0 !important;
margin: 0;
padding:0;
}

header div.row-fluid div.navbar  {
margin: 0 0 40px 0;
}

header div.row-fluid div.navbar ul.nav  {
padding:  0;
margin:  0;
background: transparent;
}

header div.row-fluid div.navbar ul.nav li  a   {
float: none;
display: block;
margin: 0;
text-align: center;
background: url(/basics/images/dot.png) repeat-x 0 100%;
padding: 10px 0;
}

header div.row-fluid div.navbar ul.nav  li.active a,
header div.row-fluid div.navbar ul.nav  li.active a:hover, 
header div.row-fluid div.navbar ul.nav  li a:hover {
background: url(/basics/images/dot.png) repeat-x 0 100%;
}

/*subNav*/
header div.row-fluid ul.subNav {
margin: 0 0 30px -10px;
}

header div.row-fluid ul.subNav li a  {
margin: 0  0 10px 10px;
width: 133px;
height: 130px;
overflow: hidden;
}

header div.row-fluid ul.subNav li:last-child a  {
margin: 0  0 10px 10px;
}

header div.row-fluid ul.subNav li a  img {
width: 133px;
height: 100px;
overflow: hidden;
}

header div.row-fluid ul.subNav li a  strong {
font-size: 22px;
padding: 4px 0 0 0;
height: 30px;
overflow: hidden;
}

header div.row-fluid ul.subNav li.active a  strong {
background: url(/basics/images/box-half.png) no-repeat 0 0;
}

.mainContent {
padding: 40px 20px;
}

ul.productList  li {
margin: 0 0 15px 0;
padding:  0 0 15px 0;
}

ul.productList  li div.productImages  img {
margin: 0 0 15px 0;
}

ul.productList  li div.productImages div.productImagesThumb  {
margin: 0  0 15px 0;
}

ul.productList  li div.productImages div.productImagesThumb:after  {
 visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}

ul.productList  li div.productImages div.productImagesThumb img {
margin: 0 15px 0 0;
float: left;
width: 28%;
}

ul.productList  li div.productImages div.productImagesThumb img:last-child {
margin: 0;
}

ul.productList  li  p {
margin: 0 0 20px 0;
}

ul.productList  li a.orderButton {
background-size: 100% 100%;
}

ul.productList  li div.button {
background-size: 100% 100%;
}

ul.productList  li div.button a {
display: block;
}

.leftBar {
float: none;
width: auto;
padding: 0;
}

.leftBar h1, 
.leftBar h2 {
height: 42px;
font-size: 30px;
color: #fff;
margin: 0 0 35px -10px;
width: auto;
}

.leftBar h1:before, 
.leftBar h2:before {
display: none;
}

.leftBar p {
margin: 0 0 30px 0;
}

.rightBar {
float: none;
width: auto;
margin: 0;
padding: 0px;
}

.rightBar h2 {
height: 42px;
background:  url(/basics/images/banderole-l.png) no-repeat 0 0;
padding: 28px 0 0 50px;
line-height: 100%;
margin: 0 0 30px -10px;
width: auto;
}

.rightBar h2:before {
display: none;
}

}







/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

}





/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 


footer div.row-fluid  ul.footerNav {
position: static;
margin: 0;
padding: 0;
width: auto;
}

footer div.row-fluid  ul.footerNav li {
float: left;
}

footer div.row-fluid  ul.footerNav  li a {
margin: 0 3px 0 0;
padding: 24px 0 12px 0;
background: url(/basics/images/footernav.png) no-repeat 0  0;
background-size: cover;
width: 90px;
font-size: 18px;
}

footer div.row-fluid  ul.footerNav  li:last-child a {
margin:  0;
}

footer div.row-fluid   blockquote {
margin: 20px 0;
width: auto;
float: none;
max-width: 100%;
}

}
 





 /* Phone landscape und down */
@media (max-width: 480px) {

}





@media (max-width: 320px) {

}