/*
* ----------------------------------------------------------------------------------------
Author        : Rama Hardian Sidik
Template Name : Remhos - Furniture Interiors Landing Page Multipurpose Bootstrap Template 
Version       : 1.0
Filename      : responsive.css
* ----------------------------------------------------------------------------------------
*/

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}

@media only screen and (device-width : 375px) and (device-height : 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio : 3) {}

@media only screen and (device-width : 812px) and (device-height : 375px) and (orientation: portrait) and (-webkit-device-pixel-ratio : 3) {}

@media screen and (max-width: 2560px) {}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1366px) {}

@media screen and (max-width: 1128px) {}

@media screen and (max-width: 1024px) {}

@media (max-width: 999px) {
    .openmenu.mobile-navwrap {
        height: 100%;
        visibility: visible;
    }

    .toggle-nav {
        display: block;
    }

    .navigation-big {
        display: none;
    }

    .head-title h3 {
        font-size: 50px;
    }

    #gap-wrap .head-title h3 {
        font-size: unset;
    }

    .sec-foot {
        padding-top: 30px;
    }

    .link-bottom {
        text-align: left;
    }

    .bottomfot {
        padding-top: 30px;
        text-align: left;
    }

    .corner-es-sec,
    .corner-es {
        display: none;
    }

    .sosmed-li {
        display: none;
    }

    #wrap-offers {
        padding-top: 50px;
    }

    .offer-con {
        padding-top: 100px !important;
    }

    .texts h4 {
        font-size: 18px;
    }

    .inner-detailhero {
        text-align: center;
    }

    .inner-detailhero h3 {
        font-size: 40px;
    }
}

@media (max-width: 799px) {

    .link-bottom li {
        display: block;
        margin: 10px 0 10px 0;
    }

    .wrap-bghero {
        height: 600px;
    }

    .wrap-testimonial {
        padding: 60px 20px;
    }

    .wrap-imguser {
        width: 70px;
        height: 70px;
    }

    .info-testi {
        padding: 0 0;
    }

    .detail-user h3 {
        font-size: 15px;
    }

    .detail-user {
        padding-right: 20px;
    }

    .title-hero {
        height: 600px;
    }

    .overlay-bg {
        height: 600px;
    }

    .image-broken-frame img {
        height: 100%;
    }

    .head-title h3 {
        font-size: 40px;
    }

    .navigationslide {
        right: unset;
        left: 50px;
    }
}

@media only screen and (max-width: 699px) {}

@media only screen and (max-width: 580px) {}

@media (max-width: 480px) {

    .wrap-innernews {
        padding: 50px 30px 30px;
    }

    .inner-detailhero h3 {
        font-size: 30px;
    }
}

@media (max-width: 360px) {}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {}