@media screen and (max-width: 1400px) {
    .product{
        width: 150px;
        min-height: 270px;
    }

    .imgWrap{
        width: 150px;
        height: 150px;
    }

    .imgWrap img {
        max-height: 150px;
    }

    .productPlus.btnBuy{
        background:#f2d300;
        padding: 10px 5px;
        border-radius: 5px;
        cursor: pointer;
        font-size: 9px;
        color: #000;
        font-weight: bold;
        white-space: nowrap;
    }
}
@media screen and (max-width: 1200px) {
    #easyOrder, #menu, #brandLogos{
        display: none;
    }

    #pageLogo{
        display: inline;
        margin-bottom: 20px;
    }

    #easyOrder2{
        display: block;
        max-width: 50%;
        height: auto;
        width: auto\9; /* ie8 */
        margin: -55px 0 20px 0;
        background: #d0e8dc;
        padding: 10px 5%;
    }

    #cartWrap{
        width: 40%;
        top: 30px;
    }

    #showCart{
        width: 40%;
        top: 30px;
    }

    .productAmount{
        width: 25px;
    }

    #productWrap{
        width: 55%;
        margin: 0;
    }

    .product{
        width: 100px;
        min-height: 270px;
    }

    .product input{
        right: 0;
    }

    .imgWrap{
        width: 100px;
        height: 100px;
    }

    .imgWrap img {
        max-height: 100px;
    }

    #topNoticeWrap {
        font-size: 13px;
    }

    .prodName{
        height: 50px;
    }

    #searchForm {
        width: 59%;
        position: absolute;
        top: 100px;
        left: 0;
        text-align: center;
    }

    .hideMobile{
        display: block;
        background:#f2d300;
        width: 100%;
        position: relative;
        overflow: hidden;
        margin-bottom: 50px;
    }

    .showMobile{
        display: block;
        background:#f2d300;
        width: 100%;
        position: relative;
        overflow: hidden;
        margin-bottom: 50px;
    }

    .hideLinks{
        display: none;
    }

    #menuMobile{
        width: 59%;
        float: left;
    }

    #menuMobile a{
        float: left;
        color: #444;
        font-size: 14px;
        text-decoration: none;
        padding: 10px;
        background: #EFEFEF;
        border-radius: 5px;
        margin: 10px;
    }

    #menuMobile a:hover{
        background: #FFF;
    }

    #menuMobile a.mmActive{
        background: #777;
        color: #FFF;
    }

    #header{
        margin-bottom: 0;
    }
/*}

@media screen and (max-width: 750px) {*/
    #cartWrap, #topNoticeWrap{
        display: none;
    }

    .hideMobile{
        display: none;
    }


    #cartWrap.showMenu{
        height: auto;
        display: block;
        z-index: 99999;
        width: 100%;
        position: absolute;
        overflow: auto;
        top: 53px;
        right: auto;
    }

    #cartWrap{
        opacity: 0.97;
    }

    #showCart{
        display: block;
        width: 90%;
        padding: 5px 5% 0 5%;
        background: #f2d300;
        color: #444;
        font-size: 24px;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        position: fixed;
        top: 0;
        left: 0;
        right: auto;
        z-index: 99999;
        border-bottom: solid 1px #444;
        height: 45px;
    }

    #menuIcon{
        display: block;
        width: 90%;
        padding: 10px 5%;
        background: #777;
        color: #FFF;
        font-size: 16px;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        z-index: 99998;
        margin-bottom: 50px;
        border-top: solid 1px #666;
    }

    .menuArrow{
        display: inline;
        position: absolute;
        top: 20px;
        right: 5%;
    }

    #cartHeader{
        display: none;
    }

    #logo{
        max-width: 80%;
        height: auto;
        width: auto\9; /* ie8 */
    }

    #productWrap{
        width: 96%;
    }

    #header{
        margin-top: 0;
        margin-bottom: 0;
        position: relative;
        background: #444;
        height: 99px;
    }

    #logo{
        top: 71px;
    }

    #easyOrder2{
        max-width: 90%;
        margin: -5px 0 20px 0;
    }

    #header.noMobileMargin{
        margin: 0;
    }

    #logo.noMobileMargin{
        top: 20px;
    }

    #searchForm {
        width: 100%;
        position: absolute;
        top: 57px;
        left: 0;
        text-align: center;
    }

    #searchText{
        display: none;
    }

    #sf1{
        width: 70%;
        float: left;
        position: relative;
    }

    #sf2{
        width: 30%;
        float: left;
        position: relative;
    }

    .btnSubmit1{
        width: 96%;
        background:#777;
        padding: 10px 2%;
        border-radius: 0;
        cursor: pointer;
        font-size: 16px;
        color: #FFF;
        font-weight: bold;
        -webkit-appearance: none;
    }

    .btnSubmit{
        -webkit-appearance: none;
    }

    .inputText{
        width: 96%;
        border: solid 1px #FFF;
        background: #FFF;
        padding: 9px 2%;
        margin: 0;
        font-size: 16px;
        -webkit-appearance: none;
    }

    .inputText:focus{
        outline: solid 2px #777;
    }

    #menuMobile{
        width: 100%;
    }

    #cartWrap input{
        font-size: 16px;
    }

    #cartWrap select{
        font-size: 16px;
    }

    .hideCart{
        display: inline;
        text-decoration: none;
        color:#02a4f5;
        margin: 30px 5%;
        float: left;
        position: relative;
    }

    .hideCart:hover{
        text-decoration: underline;
    }

    #menuMobile a.hideMenu{
        display: inline;
        text-decoration: none;
        color:#02a4f5;
        margin: 10px;
        float: left;
        position: relative;
        clear: left;
        background: none;
        border-radius: unset;
        padding: 0;
    }

    #menuMobile a.hideMenu:hover{
        text-decoration: underline;
    }

    .youtubeFrame{
        width: 100%;
        height: 315px;
    }

}

@media screen and (max-width: 400px) {
    #showCart{
        font-size: 16px;
    }

    .menuArrow{
        top: 11px;
    }

    #cartWrap.showMenu{
        top: 42px;
    }


}