html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

/*************************/
/* Generic media queries */

@media only screen and (max-width: 1199px) {
    /*---------------- error page ---------------*/

    .error-page {
        background: #f4f5f0;
        padding: 40px 0;
    }

        .error-page .info {
            background: #ea5a06;
            font-size: 118px;
            font-family: 'LatoBlack', Arial, sans-serif;
            float: left;
            text-align: center;
            height: 222px;
            line-height: 219px;
            width: 25%;
            color: #fff;
            min-height: 252px;
        }

        .error-page .text {
            float: left;
            -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
            -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background: #fff;
            padding: 20px;
            min-height: 252px;
            width: 71%;
        }

            .error-page .text h2 {
                font-family: 'BitterBold', Georgia, 'Times New Roman', serif;
                color: #000;
                font-size: 28px;
                text-transform: none;
            }

        .error-page .boxes {
            padding: 20px 0 0 0;
        }

            .error-page .boxes .box {
                background: #fff;
                padding: 10px 20px;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
                -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
                box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
            }

                .error-page .boxes .box h2 {
                    font-family: 'BitterBold', Georgia, 'Times New Roman', serif;
                    text-transform: none;
                    color: #000;
                    font-size: 20px;
                }

                .error-page .boxes .box h3 {
                    color: #999;
                }

                .error-page .boxes .box p {
                }

                .error-page .boxes .box ul {
                }

                .error-page .boxes .box li {
                }

                    .error-page .boxes .box li a {
                    }

            .error-page .boxes .container_4 .grid_3 {
                width: 31.3%;
            }

        .error-page .wrapper-boxes {
            width: 98%;
            background: #fff;
            margin: 30px auto 0 auto;
            -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
            -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

            .error-page .wrapper-boxes .boxes {
                padding: 0;
            }

                .error-page .wrapper-boxes .boxes .box {
                    background: transparent;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                }

            .error-page .wrapper-boxes hr {
                border-top: 1px solid #ddd;
                border-bottom: none;
                border-right: none;
                border-left: none;
            }


    #main-menu-mobile {
        display: none;
    }

    .mega-menu .mega-menu-items-content {
        display: block;
        width: auto;
    }

        .mega-menu .mega-menu-items-content .mega-menu-column {
            float: left;
            border-left: none;
            width: 50%;
            padding: 0;
        }

            .mega-menu .mega-menu-items-content .mega-menu-column + .mega-menu-column + .mega-menu-column {
                border-top: 1px solid #d7d7d7;
                margin-top: 10px;
                padding-top: 10px;
            }

            .mega-menu .mega-menu-items-content .mega-menu-column:nth-child(2n+1) {
                clear: both;
            }

    .product-grid .product .title,
    .product-grid .product .title * {
        font-size: 16px;
    }

    .product-grid .product .text {
        font-size: 12px;
        line-height: 20px;
        min-height: 295px!important;
    }

    .product-grid .product .pricing {
        position: absolute;
        padding: 10px;
        left: 0;
        top: auto;
        bottom: 0;
    }


    .price {
        line-height: 42px;
    }

    .buy a.button {
        width: 4em;
        padding: 0 5px;
    }

    .product-grid .product {
        min-height: 586px !Important;
        height: 586px !Important;
    }

    .product-image .play-icon {
        background-size: 25% auto;
    }

    /* IE10: */
    .ie10 .product-thumbs {
        position: relative;
    }

    .ie10 .product-thumbs-wrapper {
        position: static;
    }
    /* --- */



    #review-form span.r {
        background-image: url(../images/bg-radio-ratings-hires-fs8.png);
        background-size: 68px 17px;
    }

    span.ratings {
        margin-left: 0;
    }

    header {
        padding-top: 70px;
        padding-bottom: 0;
        position: relative;
        z-index: 991;
        border-bottom-width: 7px;
    }
    #options-menu {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        right: 0;
        left: 70px;
    }
}

@media only screen (min-width: 480px) {
    .product .image > div {
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
    }
}