@media (min-width:1400px) {

}
@media (max-width:75em) {
    .video_play i {
        font-size: 3.5em;
        line-height: 20px;
    }
    .h_social_item{
        max-width: 380px;
        margin: 0 auto;
    }
    .xzoom-container{
        width: 100%;
        float: none;
    }
    .xzoom-thumbs{
        flex-direction: row;
        width: 100%;
        justify-content: center;
    }
    .xzoom-thumbs a{
        margin-right: 5px;
    }
}
@media (max-width:62em) {
    .home_intro,
    #layer-two,
    #layer-one{
        /*background-position: 38% top*/
    }
    .main_nav {
        position: fixed;
        padding: 25px;
        top: 0;
        left: 0;
        right: 100%;
        bottom: 0;
        width: 0;
        background: #1b1c1b;
        height: 100%;
        z-index: 9;
        max-width: 350px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
        text-align: start;
        overflow-y: auto;
    }
    .main_nav.open{
        width: calc(100vw - 60px);
        right: auto;
        opacity: .97;
        visibility: visible;
    }
    .main_nav >ul >li {
        display: block;
        margin-left: 0;
    }
    .main_nav li.has_submenu >ul.submenu,
    .main_nav li.has_submenu:hover >ul.submenu{
        width: 100%;
        visibility: visible;
        opacity: 1;
        display: none;
        position: static;
    }
    .main_nav li.has_submenu [id^=sub]:checked + ul.submenu {
        visibility: visible;
        opacity: 1;
        display: block;
    }

}
@media (max-width:48em) {
    .steps_side{
        min-height: auto;
    }
    .steps_list{
        margin-left: -15px;
        margin-right: -15px;
    }
    .steps_list li{
        padding: 15px 5px;
        border-radius: 0;
        float: left;
        margin-bottom: 0;
        width: 33.3%;
        margin-right: 0;
    }
    .steps_list li h5 {
        font-size: 14px;
        margin-bottom: 0;
        text-align: center;
    }
    .steps_list li p{
        display: none;
    }
    .steps_list li:after{
        left: calc(50% - 20px);
        top:  calc(100% + 15px);
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .inner_footer {
        position: absolute;
        left: 0;
        width: 100%;
        top: 100%;
        background: #1b1c1b;
    }
    .view_prod_btn a{
        font-size: 12px;
        margin: 5px;
        padding: 10px 15px
    }
    .main_footer{
        margin-top: 0;
    }

}
@media (max-width:34em) {
    .intro_logo a{
        max-width: 200px;
    }
    .intro_text{
        font-size: 14px;
        line-height: 28px;
        color: #f5f5f5;
    }
    .intro_mail{
        font-size: 14px;
    }
    .warranty_home {
        padding: 15px !important;
    }
}
@media (max-width:480px) {

}