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

    p {font-size: 16px;}

    .mobile_nav.opened .mobile_menu_bar:before {
        content: "\4d"; color: #fff; }
    span.mobile_menu_bar.mobile_menu_bar_toggle:before {
        color: #fff;
    }
    html .et_mobile_menu {
        border-top: 2px solid #fff;
    }
    html .et_header_style_left #logo, html .et_header_style_split #logo {
        max-width: 60%;
    }
    html .et_mobile_menu li a {
        padding: 3px 5%;
        font-size: 18px;
    }


    /* HERO BLOCK */

    div#page-hero {
        min-height: 385px;
    }
    html div.hero-txt {
        justify-content: flex-start;
    }
    div.hero-txt h1, html div.hero-txt h2 {
        font-size: 18px !important;
    }
    html .et_pb_module.et_pb_fullwidth_code.et_pb_fullwidth_code_0.vertical-align {
        max-width: max-content;
    }


    html .lft-col {
        border-right:none;
    }


    /* PRODUCT SINGLE */

    @media screen and (max-width: 767px) {
        html div#product-bottom {
            background:#d3d5d6;
        }        
    }
    html #product-top {
        padding-bottom: 0;
    }
    

    /* FOOTER */

    .footer-widget .textwidget.custom-html-widget {
        text-align: center;
    }
    #main-footer #footer-widgets .footer-widget {
        margin-bottom: 5% !important;
    }
    #main-footer div#media_image-2, #main-footer div#media_image-2 img {
        width: 100% !important;
        margin-top: 20px;
    }


    /* KONTAKT */

    .et_pb_contact .et_pb_contact_field {
        max-width: 100%;
        margin-bottom: 0 !important;
    }
    html #kontakt h2 {
        font-size: 36px !important;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    html #faq h2 {
        font-size: 36px !important;
        margin: 0px auto;
    }
    html #faq h3 {
        font-size: 24px !important;
    }

    /* STA JE REVANESSE */

    html #benefit h2, html #porodica h2 {
        font-size: 36px !important;
    }
    html #benefit h3 {
        font-size: 24px !important;
    }
    #porodica img {
        max-height: 11px;
    }



}