@media only screen and (max-width: 980px) {
    #wrap, #footer {
        width:980px!important;
    }
  
}
@media only screen and (max-width: 768px) {
    #wrap, #footer, #footer .container, #header .container, #navigation .container, #main, #main .container {
        width:100%!important;
    }
    * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #main .container {
        padding:10px;
    }
    #main .glue .fixed, #navigation a#to-cart {
        display:none;
    }
    #mobile-menu {
        display:block;
        position:absolute;
        left:0;
        bottom:0;
        width:48px;
        height:44px;
        background:url(../img/mobile-menu.png) no-repeat 50% 50%;
    }
    #header {
        border-bottom:1px solid rgba(0,0,0,0.3);
    }
    #headernav {
        height:auto;
    }
    .affix {
        position:relative!important;
    }
    #navigation #categorytree, #navigation #categorytree li, #navigation #categorytree li a, #navigation a#uistin {
        width:100%!important;
        height:auto;
        overflow:hidden;
        position:relative;
        left:0;
        top:0;
    }
    #navigation #categorytree {
        margin:0;
        padding:0;
        background:#13243d;
    }
    #navigation a#uistin {
        background:#13243d;
        padding:5px 10px;
        display:none;
    }
    #navigation #categorytree {
        display:none;
    }
    #navigation #categorytree li {
        padding:0!important;
        margin:0!important;
        float:left;
        border-bottom:1px solid rgba(0,0,0,0.3);
        border-right:0!important;
    }
    #navigation #categorytree li li {
        border-bottom:0;
    }
    #navigation #categorytree li span {
        width:40px;
        height:40px;
        position:absolute;
        right:0;
        top:0;
        border-left:1px solid rgba(0,0,0,0.3);
        cursor:pointer;
        background: transparent url('../img/menu-toggle.png') no-repeat 50% 50%;
    }
    #navigation #categorytree li ul {
        position:relative;
        left:0;
        top:0;
        float:left;
        width:100%;
    }
    #navigation #categorytree li a {
        padding:5px 10px!important;
        float:left;
    }
    #navigation #categorytree  li a:hover, #navigation #categorytree li a.current, #navigation a#uistin:hover {
        background:#2a4366!important;
    }
    #header #head .lang {
        position:absolute;
        right:100px;
        left:auto;
        z-index:10;
    }
    #header #head .lang a {
        font-size:0;
        width:48px;
        height:48px;
        background-position:50% 50%;
    }
    #header, #header #head {
        height:88px;
    }
    #header #head a.logo {
        position:absolute;
        left:0;
        top:0;
        width:220px;
        z-index:100;
    }
    #header #head h1 {
        width: 100%;
        height: 48px;
        background: transparent url('../img/mobile-logo.png') no-repeat 10px 50%;
        background-size:auto 28px;
    }
    #header #head #user {
        position:absolute;
        width:100%;
        height:100%;
        left:0;
        top:0;
    }
    #header #head #user .search {
        width:calc(100% - 48px);
        position:absolute;
        left:auto;
        right:0;
        bottom:0;
        padding:0;
        margin:0;
        height:40px;
        float:left;
        padding:5px;
    }
    #header #head #user .search .input, #header #head #user .search .input input {
        width:100%;
        background:transparent;
    }
    #header #head #user .search .input input {
        background:#647383 url(../img/icon-search.png) no-repeat 100% 50%;
        border:1px solid #768493;
        padding:0px 10px;
        border-radius:4px;
        box-shadow:inset 0px 1px 2px rgba(0,0,0,0.15);
    }
    #header #head #user .cart #wmanage-cart-rows span {
        display:none;
    }
    #header #head #user .cart #wmanage-cart-rows a {
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
    }
    #header #head #user .cart #wmanage-cart-rows span.wshop-cart-amount {
        display:block;
        border-radius:50%;
        background:#647383;
        width:18px;
        height:18px;
        padding:0;
        line-height:18px;
        text-align:center;
        color:#FFF;
        font-size:9px;
        font-weight:bold;
        position:absolute;
        left:50%;
        bottom:50%;
    }
    #header #head #user .cart .buy {
        display:none;
    }
    #header #head #user .links, #header #head #user .cart {
        width:48px;
        height:48px;
        position:absolute;
        right:0;
        top:0;
        
    }
    #header #head #user .links { background:url(../img/icon-user.png) no-repeat 50% 50%; }
    #header #head #user .cart { background:url(../img/icon-cart-white.png) no-repeat 50% 50%; }
    #header #head #user .links {
        right:48px;
    }
    #header #head #user .links li {
        display:none;
        position:relative;
    }
    #header #head #user .links li:last-child {
        display:block;
        width:48px;
        height:48px;
    }
    #header #head #user .links li a {
        position:absolute;
        width:100%;
        height:100%;
        font-size:0;
        left:0;
        top:0;
        text-indent:-999px;
        margin:0;
        padding:0;
    }
    .wmanage-banner.wmanage-banner-container, .glue, #main .glue .fixed-615, .wmanage-banner-element, #main .glue .dynamic, #main .dynamic .banner{
        width:100%!important;
        overflow:hidden;
        margin:0;
        padding:0;
        height:auto!important;
    }
    #main .glue .fixed-615 {
        padding-bottom:15px;
    }
    #banner_BannerBig.wmanage-banner.wmanage-banner-container {
       padding-bottom:40%!important;
    }
    .page-frontpage .pull {
        height:auto;
    }
    .wmanage-banner-element {
        background-size:100% 100%!important;
        background-repeat:no-repeat;
        height:0!important;
        padding-bottom:70%!important;
    }
    #banner_BannerMediumL .wmanage-banner-element {
        padding-bottom:40%!important;
    }
    #banner_BannerBig .wmanage-banner-element {
        height:0!important;
        padding-bottom:40%!important;
        background-size:cover!important;
    }
    #banner_fanner .wmanage-banner-element {
        height:0!important;
        padding-bottom:10%!important;
        background-size:100% auto!important;
    }
    .jcarousel-skin-tango, .page-frontpage .banner, .jcarousel-skin-tango .jcarousel-container-horizontal, .jcarousel-skin-tango .jcarousel-clip-horizontal {
        width:100%!important;
        margin:0!important;
        padding:0!important;
        left:0!important;
        top:0!important;
    }
    .jcarousel-skin-tango .jcarousel-item-horizontal {
        width:50%!important;
        overflow:hidden;
        margin:0;
        height:320px!important;
    }
    .jcarousel-skin-tango .jcarousel-prev-horizontal, .jcarousel-skin-tango .jcarousel-next-horizontal {
        display:none!important;
    }
    .page-frontpage .banner .banner-element .banner-element-border {
        width:100%;
    }
    .page-frontpage .banner .banner-element .banner-element-text a {
        padding:10px 10px;
    }
    .smallFrontBanner, .smallFrontBannerb {
        width:50%;
        margin:0;
    }
    .page-frontpage #main h2, .page-frontpage_v2 #main h2, .page-content #main h2, .page-register #main h2, .page-profile #main h2, .page-forgot_password #main h2, .page-company #main h2, .page-index #main h2, .related h2.tiiitle {
        height:auto;
        line-height:16px;
        padding:8px 5px;
    }
    #main .category .brand-img, #main .dynamic .category .description, #main .dynamic .description, #main .dynamic .clear .image, .i-i {
        width:100%!important;
        padding:0;
    }
    #main .category .brand-img, #main .category .image-frame {
        height:auto;
        overflow:hidden;
        position:relative;
        padding-bottom:0%;
    }
    #main .category .image-frame  {
        padding-bottom:40%;
    }
    .i-i {
        height:0;
        padding-bottom:40%;
        overflow:hidden;
    }
    .i-i img {
        top:50%;
        margin-top:-100px;
    }
    #main .dynamic #crumbpath {
        margin:0;
        padding:0;
    }
    #main .dynamic .categories, #main .dynamic .products {
        margin:0;
    }
    #main .dynamic .products .product .info {
        height:50px;
    }
    #main .dynamic .products .product .info .buy {
        right:0;
    }
    .page-search #main .dynamic .products .product .image {
        margin:0;
        width:100%;
        height:auto;
    }
    #main .dynamic .categories .category, #main .dynamic .products .product {
        margin:0;
        width:33.33333%;
        height:0;
        padding-bottom:30%;
    }
    #main .dynamic .products .product {
        padding-bottom:35%;
    }
    .page-brand #main .image span img, #main .dynamic .products .product .image a img {
        width:100%;
        height:auto;
    }
    .page-brand #main #preview {
        width:380px!important;
        left:50%!important;
        margin-left:-190px;
        height:0;
        padding-bottom:60%;
    }
    #main .product {
        margin:5px 0px;
    }
    #main .product .span3 {
        width:50%;
        float:left;
        position:relative;
    }
    #main .product .image-frame, #main .product .image-frame img {
        width:100%;
    }
    .product-product-image-zoom {
        display:none;
    }
    .page-product #main .product .info, .page-product #main .product .description {
        height:auto;
        overflow:hidden;
    }
    #main .product .span3:last-child {
        padding-left:15px;
    }
    .related {
        height:auto;
    }
    table.profile tr, table.profile tr td, table.checkout-information tr, table.checkout-information td, table.checkout-information th, .checkout table.info tr, .checkout table.info td, .checkout table.info th {
        display:block;
        overflow:hidden;
        width:100%!important;
        text-align:left!important;
        padding:0px 0px!important;
    }
    .checkout table.info {
        overflow:hidden;
    }
    .checkout h2 {
        overflow:hidden;
        height:auto;
    }
    #sv-widget {
        width:100%!important;
    }
    table.checkout-information th {
        margin:10px 0px;
        padding:0 5px!important;
    }
    .profile .profile-right a {
        margin:15px 0px!important;
        display:block;
    }
    .page-register .text {
        padding:15px 0px;
    }
    .checkout .cart .row .description h3, .checkout .cart .row .description h3 a, .checkout .cart .row .description h4, .checkout .cart .row .description h4 a {
        margin:5px 0px;
    }
    .checkout .wmanage-cart {
        overflow:hidden;
        width:100%;
        height:28px;
    }
    .checkout .cart .total .price {
        margin-top:15px;
    }
    .checkout .checkout-information .information-value input[type=text], .checkout .checkout-information .information-value input[type=password], .checkout .checkout-information .information-value textarea, .checkout .checkout-information .information-value select {
        width:100%;
    }
    #footer {
        height:auto;
        background-position:0 100%;
        background-color:#17304a;
        padding:10px;
    }
    #footer .container {
        padding:0;
    }
    #footer .columns .column-1, #footer .columns .column-2, #footer .columns .column-3 {
        width:100%;
        padding:0;
        margin:0;
        border:0;
    }
    #footer #newsletter, #footer #newsletter input {
        width:100%;
        background:transparent;
    }
    #footer #newsletter input[type=email] {
        background:#647383 url(../img/icon-arrow-right.png) no-repeat 100% 50%;
        border:1px solid #768493;
        padding:0px 5px;
        border-radius:4px;
        box-shadow:inset 0px 1px 2px rgba(0,0,0,0.15);
    }
    .row .span1, .row .span2, .row .span3, .row .span4, .row .span5, .row .span6, .row .span7, .row .span8 {
        width:50%!important;
        float:left;
    }
    .checkout .checkout-header .checkout-header-left li {
        width:25%;
        background:#FAFAFA!important;
        padding:10px 5px;
        text-align:center;
        font-size:8px;
        list-style:none;
        border-right:1px solid #DDD;
    }
    .checkout .checkout-header .checkout-header-left li:last-child {
        border:0;
    }
}
@media only screen and (max-width: 650px) {
    #main .dynamic .categories .category, #main .dynamic .products .product {
        width:50%;
        padding-bottom:45%;
    }
    #main .dynamic .products .product  {
        padding-bottom:52%;
    }
}
@media only screen and (max-width: 560px) {
    #main .product .span3 {
        width:100%!important;
        padding:0!important;
    }
    #main .product .image-frame {
        height:auto;
    }
    .someProduct {
        height:30px;
        overflow:hidden;
    }
    #main #crawl {
        position:relative;
    }
    #main #crawl li {
        float:left;
    }
    #main #crawl li:last-child {
        float:right;
    }
    #main #crawl li .item {
        padding:2px 6px;
        background:#FAFAFA;
        border-radius:4px;
        margin-top:5px;
    }
}
@media only screen and (max-width: 420px) {
    .jcarousel-skin-tango .jcarousel-item-horizontal {
        width:100%!important;
        height:auto!important;
        padding-bottom:15px!important;
    }
    .jcarousel-skin-tango .wmanage-banner-element {
        height:0!important;
        padding-bottom:60%!important;
        background-size:cover!important;
    }
    #main .dynamic .categories .category, #main .dynamic .products .product {
        width:100%;
        padding-bottom:82%;
    }
    #main .dynamic .products .product {
        padding-bottom:100%;
    }
}
@media only screen and (max-width: 380px) {
    #header #head a.logo {
        width:140px;
    }
    #header #head h1 {
        
        background-size: calc(100% - 10px) auto;
    }
}