@media (max-width: 1040px) {
	.width_1000 {width:auto !important;}
	.main-menu ul {display:none;}
	.main-menu.active ul {display:block;}
	.main-menu > ul > li ul {display:block !important;}
	.main-menu.active ul li {float:none !important;}
	.main-menu.active ul li a {width:80%;margin:0px auto 0px auto;}
	.main-menu {position:relative;}
	.main-menu.active:before {content:"";position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:-1;background:rgba(255, 255, 255, 0.85);}
	.main-menu.active {position:absolute;top:0px;left:0px;z-index:100;width:100%;height:100%;}
	.main-menu:after {content:"";cursor:pointer;position:absolute;right:0;top:50%;margin-top:-1em;width:2em;height:2em;background:linear-gradient(to bottom, black, black 20%, white 20%, white 40%, black 40%, black 60%, white 60%, white 80%, black 80%, black 100%);}
	.main-menu.active:after {content:"";cursor:pointer;position:fixed;right:0%;top:calc(0% + 50px);margin-top:-1em;width:2em;height:2em;background-image:linear-gradient(135deg, transparent 0%, transparent 40%, black 40%, black 60%, transparent 60%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 40%, black 40%, black 60%, transparent 60%, transparent 100%);}
}

.showOnMobile{
    display:none;
}
@media only screen and (max-width: 480px){
    .siteWidth{
        width:100%;
        padding:0px!important;
    }
    
    .ostukorvTablePaddign{
        padding-left:0px!important;
        padding-right:0px!important;
    }

    .footer, .push, .footerInner {
        height: 1199px;
    }

    .wrapper{
        min-width: 100%;
        margin: 0 auto -1100px;
    }
    .hideOnMobile{
        display:none;
    }
    
    .showOnMobile.block{
        display:block;
    }
    .showOnMobile.inline{
        display:inline;
    }
    .showOnMobile.inlineBlock{
        display:inline-block;
    }
    
    .basket_btn a.desktop{
        display:none;
    }
    .basket_btn a.mobile{
        display:block;
        text-align:center;
        padding-left: 15px;
    }
    
    .headerMiddleContainer{
        padding:0px 4%;
        padding-left: 0px;
        height:auto;
        position: relative;
        z-index: 9;
    }
    .headerMiddleContainer>.siteWidth{
        height: 65px;
        height: 17vw;
        overflow: visible;
    }
    .headerMiddleContainer>.siteWidth>div{
        position:relative;
        top:50%;
        transform: translateX(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    .logoContainer{
        width:31%;
    }
    .logoContainer img{
        width:100%;
    }
    .logoContainer>a{
        margin: 0px;
    }
    
    .headerRight{
        width: 30%;
    }
    .mobileSearch{
        width:35%;
        padding:0px 2%;
    }
    .searchSuggestions{
        position:absolute;
    }
    .mobileSearch input{
        background-image: none!important;
        font-size: 4vw;
    }
    .searchContainerForm input[name="q"]{
        width:100%;
        box-sizing: border-box;
    }
    
    .openMobileNavContainer{
        height: 100%;
    }
    .openMobileNav{
        display: block;
        width: 100%;
        height: 100%;
        line-height: 48px;
        color: #eaeaea;
        font-weight: 900;
        font-size: 27px;
        text-decoration: none;
        text-transform: uppercase;
    }
    .openMobileNav>img{
        vertical-align: middle;
    }
    .openMobileNav .centerer{
        margin:auto;
        padding: 0px 20px;
    }
    .mobileNavList{
        position: absolute;
        left:0px;
        right:0px;
        z-index: 100;
        background-color: rgba(0,49,115,0.97);
        display: none;
    }
    .mobileNavList>ul>li ul{
        padding-left:20px;
    }
    .mobileNavList li.openable>a{
       
    }
    .mobileNavList>ul>li ul>li>a{
        padding-left: 40px;
        white-space: normal;
        font-size: 14px;
        font-size: 3.2vw;
    }
    .mobileNavList ul{
        margin: 0px;
        padding: 10px 0px;
        list-style-type: none;
    }
    .mobileNavList ul li a{
        text-transform: uppercase;
        font-weight: 900;
        display:block;
        color:white;
        text-decoration: none;
        height: 50px;
        line-height: 50px;
        padding: 0px 20px;
        padding-right:0px;
    }
    .mobileNavList ul li a:hover{
        background-color: #073B82;
    }
    .mobileNavList ul li.active a{
        color: #ff9100;
    }
    .submenuOpener{
        background-image: URL('../img/icons/m-openable.png');
        background-repeat: no-repeat;
        background-position: right 20px center;
        width: 50px;
        display: block;
        height:100%;
    }
    .swiper-container {
        width: 100%;
        height: 350px;
    }
    .swiper-container img {
        height: 100%;
        width: auto;
    }
    .swiper-container .swiper-title {
        position: absolute;
        color: #fff;
        z-index: 999;
        text-transform: uppercase;
        font-size: 23px;
        font-weight: 600;
        width: 100%;
        text-align: center;
        display: block;
        margin: auto;
        top: 28%;
    }
    .swiper-container .swiper-title span {
        width: 80%;
        max-width: 860px;
        display: block;
        margin: auto;
    }

    .bannerContainer{
        margin-top:auto !important;
    }
    .bannerContainer .bx-controls{
        display: none;
    }
    .sidebarContainer{
        display: none;
    }
    .sidebarContainer+.mainContent{
        width: auto;
        float:none;
    }
    .theContent{
        padding-left: 5%!important;
        padding-right: 5%!important;
    }
    .eachItemContainer{
        display: block !important;
        margin: auto !important;
        float: none!important;
        margin-bottom: 40px!important;
    }
    .theContent.static img[style="float:right"], .theContent.static img[style="float:left"]{
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    
    .mobileAddressFooter{
        text-align: right;
        padding-right: 12px;
        color: #003173;
        font-weight: 900;
        font-size: 14px;
        font-size: 3.5vw;
        height: 60px;
        line-height: 60px;
        position: relative;
    }
    .footerEmail{
    }
    .footer ul{
        display: block;
        margin-left: 0px;
    }
    .footer ul li {
        padding: 0px 3.5vw;
    }

    .footerInner{
        padding-left: 4vw!important;
    }
    .footerInner .footer-col, .footerInner .footer-col.first, .footerInner .footer-col.last {
        width: 100%;
    }
    
    .breadTitleContainer{
        background-color: white;
        background-image: none;
        height: auto;
    }
    .breadTitleContainer h2{
        line-height: 70px;
    }
    .breadTitleContainer h2 a{
        font-size: 3vw;
    }
    .contentContainer{
        background: white;
    }
    .productTitle{
        margin-bottom: 5px;
        margin-bottom: 30px;
    }
    /*.productImages{
        width:100%;
    }*/
    /*SHOP*/
    .productPictures{
        width: 100%;
    }
    .productPictures .bx-wrapper{
        width: 100%;
        margin-bottom:10px;
    }
    .productPictures img{
        width: 100%;
    }
    .productPictures .bx-wrapper .bx-viewport{
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.29);
        top: 2px;
    }
    .productPictures .bx-pager-item{
        width: 26%;
        padding: 2%;
        margin-right: 2%;
    }
    .productInfo{
        width:100%;
    }
    .productInfoTop{
        padding-top: 0px;
    }
    .priceContainer a{
        margin-left:20px;
    }
    
    .specsContainer>table{
        margin-bottom:30px;
        margin-right: 0px;
    }
    /*.bx-controls{
        display:none;
    }*/
    .titleH2.strikeRight, h1.strike{
        background: white;
        font-size: 5vw;
    }
    .titleH2.strikeRight+hr, h1.strike+hr{
        margin-top: -7.5vw;
    }
    .productOtherProductscContainer{
        padding-top: 0px;
    }
    
    /*OSTUKORV*/
    .theContent.nopadd{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    table.basketTable thead td{
        font-size: 11px;
        padding: 0px;
    }
    .longestColumn{
        width:0px!important;
    }
    .firstColumn{
        width: auto!important;
        padding-left:10px!important;
    }
    div.basketTitleContainer{
        display:none;
    }
    table.basketTable tbody td{
        font-size: 12px;
    }
    
    .plus_btn.showOnMobile.block{
        background-image: none;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 20px 10px;
        border-color: transparent transparent #ff9100 transparent;
        margin-bottom:5px;
    }
    .minus_btn.showOnMobile.block{
        margin-top:5px;
        background-image: none;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 10px 0 10px;
        border-color: #ff9100 transparent transparent transparent;
    }
    div.basketKokku{
        margin-right: 20px;
        margin-bottom: 0px;
    }
    div.saajaAndmed{
        padding-left: 5%;
        padding-right: 5%;
        margin-left: 0px;
        margin-right: 0px;
    }
    div.saajaAndmed>div>div{
        float:none;
    }
    table.saajaAndmedTabel{
        width: 100%;
    }
    div.saajaAndmed input[type='text']{
        width:100%;
        box-sizing: border-box;
    }
    .tarneCotnainer{
        margin-top:40px;
    }
    .tarneAndmedTabel{
        width:100%;
    }
    .tarneAndmedTabel input[type='text']{
        width:100%;
        box-sizing: border-box;
    }
    .makseviisUL{
        text-align:center;
    }
    .makseviisUL li{
        display:inline-block;
        float:none!important;
        margin: 15px 22px!important;
    }
    div.conclusion{
        width:100%;
        clear:both;
        margin-bottom: 20px;
    }
    div.messageBox{
        clear:both;
        margin-top:10px;
    }
    
    
    
    .mobileLang{
        position: absolute;
        bottom: 0px;
        left: 15px;
        z-index: 1000;
        margin:0px;
        padding:0px;
        list-style-type: none;
    }
    .mobileLang li{
        float:left;
    }
    .mobileLang li a{
        text-decoration: none;
        display: inline-block;
        background: #E2E2E2;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 20px;
        font-size: 11px;
        font-weight: 300;
        position:relative;
        -webkit-transition: margin 200ms;
        -moz-transition: margin 200ms;
        -ms-transition: margin 200ms;
        -o-transition: margin 200ms;
        transition: margin 200ms;
    }
    .mobileLang.hide li a{
        margin-right: -47px;
    }
    .mobileLang.show li a{
        margin-right: 7px;
    }
    .mobileLang li a.active{
        background: rgb(90, 132, 187);
        color: #D0DAFF;
        z-index: 10;
    }
    
    .basketDP,.basketDP>img{
        width: 55px;
    }
    /*OSTAME*/
    .ostameSendEmailForm{
        width:100%;
        margin-top: 60px;
        display: block;
    }
    .eachUploadedFile{
        width: auto;
    }
    #valiPiltLabel{
        float:none;
        display: block;
        margin-bottom: 20px;
        text-align: center;
    }
    .ostameSendEmailForm label{
        text-align: left;
    }
    #pildid{
        float:none;
        
    }
    .ostameSendEmailForm input{
        width: 100%!important;
        box-sizing: border-box;
    }
    .ostameSendEmailForm textarea{
        box-sizing: border-box;
        width: 100%!important;
        resize: vertical;
    }
    .ostameSendEmailForm .messageBox{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .ostameSendEmail{
        margin-top: 30px;
    }
}