@import 'bannerMenu.mobile.css';

.header { position: relative; height: 140px; }
.header .logo     {position: absolute; left: 0; bottom: 3px; width: 20px; height: 5px; top: 60px;}
.header .menu     { position: absolute; left: 0; right: 0; top: 0;}

 .footer #copyright { float: left; color: white; font-weight: bold; font-size: 9px }
 #search {
    position: absolute;
    bottom: 3px;
    left: 10px;
    right: 10px;
  }

 #menu-shoppingcart {
    position: absolute;
    bottom: 22px;
    left: 10px;
    right: 10px;
    text-align: center;
 }

    
@media only screen and (max-width: 479px) {
    .inner-container {
        width: 320px;
    }

    .main .content {
        width: 300px;
    }

    .header .logo { position: relative; margin-left: auto; margin-right: auto; width: 50%; height: 50%; bottom: 3px; top: 30px;}

    .header .menu #shoppingcart {position: relative; float: right;top: 55px;}
    .header .menu img {position: absolute;top: 85px;right: 185px;}

    #search input#searchstr { width: 269px; height: 25px;}
    #search #searchbtn { height: 28px;}

    .footer #languages { position: relative; float: left; height: 50px; top: 5px; padding-right: 10px; color: white; font-weight: bold; font-size: 11px;}
    #ctrl_languages { height: 50px; line-height: 25px;}
}

 @media only screen and (min-width: 480px) and (max-width: 767px) {
 .inner-container {
        width: 480px;
 }

   .main .content {
       width: 460px;
}
 #search input#searchstr {
        width: 430px;
    }

}