/****** STORE SKRÆME ******/

@media only screen and (min-width: 1920px) {}

@media only screen and (max-height: 988px) {

    .home .page-slider-section .slick-list,
    .home .page-slider-section .slide-element {
        max-height: 738px !important;
        min-height: 738px !important;
    }
}


/****** BÆRBAR / MINDRE SKÆRME ******/

@media only screen and (max-width: 1440px) {
    body.redesign-page #main-content p {
        font-size: 16px;
    }
    
    body.redesign-page .page-slider-section .slider-text-inner h1 {
        font-size: 60px;
    }

    body.redesign-page .page-slider-section .slider-text-inner p {
        font-size: 18px;
    }

    body.redesign-page .page-slider-section .slider-text-inner .stom-button a {
        
    }

    .section-wrap.clear.usp-section .section .element p {
        font-size: 16px;
    }

    .section-wrap.clear.price-section .section table tbody tr th, 
    .section-wrap.clear.price-section .section table tbody tr td {
        font-size: 16px;
    }
}

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

    h1,
    .page-slider-section h2 {
        font-size: 50px !important;
    }

    h2,
    .page-slider-section h3 {
        font-size: 35px !important;
    }

    h3,
    .page-slider-section h4 {
        font-size: 22px !important;
    }

    h4,
    .page-slider-section h5,
    #colophon .widget-title,
    .page-slider-section p {
        font-size: 18px !important;
    }

    html,
    body,
    input,
    select,
    optgroup,
    textarea,
    #colophon {
        font-size: 15px !important;
    }

    .home .page-slider-section .slick-list,
    .home .page-slider-section .slide-element {
        min-height: 700px !important;
        max-height: 700px !important;
    }

    .page-slider-section .slider-text {
        padding: 185px 0 85px;
    }

    .page-slider-section .slider-text-inner {
        padding: 0 30px;
        width: auto;
        max-width: 80%;
    }
    #pop_out_section.stom-grid-section .section .grid-element.contact_pop_out {
        margin-top: -90px;
    }
    #stom_three_box_products.stom-grid-section .section .grid-element .overlay img {
        width: 40px;
    }

    #stom_three_box_products.stom-grid-section .section .grid-element .overlay p {
        margin-bottom: 0;
    }

    #stom_three_box_products.stom-grid-section .section.columns-3 .grid-element {
        height: 450px;
    }

    /* #vinduespolering_section .grid-element.heading_container .overlay {
        padding: 20px;
    } */

    #referencer_section.section-wrap .section {
        padding: 30px 0 10px;
    }

    header .section-wrap:not(#topbar_top) .section {
        /* padding: 7px 30px; */
    }

    #vinduespolering_section.stom-grid-section .section .grid-elements {
        padding: 0 30px;
    }

    .section-wrap.clear.usp-section .section .element p:first-of-type img {
        max-height: 28px;
        width: auto;
    }

    .section-wrap.clear.usp-section .section .element p {
        font-size: 16px !important;
    }

    body.redesign-page .page-slider-section .slide-element {
        min-height: 75vh;
    }

    .section-wrap.clear.contact-section .section .grid-elements .grid-element.content .overlay .element > p:first-of-type img {
        min-width: 50px;
        max-width: 50px;
    }

    .section-wrap.clear.contact-section .section .grid-elements .grid-element.content .overlay .element .content > h3 {
        font-size: 16px !important;
    }

}


@media only screen and (max-width: 1100px) {
    .section-wrap.clear.usp-section .section {
        display: none;
    }
}


/****** IPADS - VERTIKALT ******/

@media only screen and (max-width: 959px) {
    .page-slider-section .slider-text {
        padding: 0;
    }
    h1,
    .page-slider-section h2 {
        font-size: 40px !important;
    }

    h2,
    .page-slider-section h3 {
        font-size: 30px !important;
    }

    h3,
    .page-slider-section h4 {
        font-size: 20px !important;
    }

    h4,
    .page-slider-section h5,
    #colophon .widget-title,
    .page-slider-section p {
        font-size: 17px !important;
    }

    html,
    body,
    input,
    select,
    optgroup,
    textarea,
    #colophon {
        font-size: 14px !important;
    }

    .site-branding #logo img {
        max-width: 65px;
    }

    .style-header-4 #logo {
        padding: 0 48px;
	
    }

    #pop_out_section.stom-grid-section .section .grid-elements {
        flex-direction: column-reverse;
    }

    #pop_out_section.stom-grid-section .section .grid-element.contact_pop_out {
        margin-top: 0;
        max-width: unset;
        width: 100%;
    }

    .page-slider-section .slider-text-inner {
        max-width: 100%;
        width: unset;
    }

    #pop_out_section.stom-grid-section .section .grid-element .overlay {
        padding: 60px 0 30px;
    }

    #pop_out_section.stom-grid-section .section .grid-element:not(.contact_pop_out) {
        max-width: 100%;
        width: unset;
    }

    #stom_three_box_products.stom-grid-section .section.columns-3 .grid-element {
        width: 100%;
        margin-bottom: 8px;
        max-height: 400px;
    }


    .footer-widgets.stom-cols-3 {
        width: 48% !important;

    }

    .footer-widgets.stom-cols-3.widgets-2 {
        margin-right: 0 !important;
    }

    .footer-widgets.stom-cols-3.widgets-3 {
        width: 100% !important;
    }

    #secondary {
        background-color: #00000044;
        box-shadow: unset;
    }

    #secondary .close-button {
        color: white;
    }

    /* #secondary .custom-overflow-wrapper {
        display: flex;
        align-items: center;
    } */

}



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



/****** MINDRE END IPADS VERTIKALT ******/

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



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

    h1,
    .page-slider-section h2 {
        font-size: 35px !important;
    }

    h2,
    .page-slider-section h3 {
        font-size: 25px !important;
    }

    h3,
    .page-slider-section h4 {
        font-size: 19px !important;
    }

    h4,
    .page-slider-section h5,
    #colophon .widget-title,
    .page-slider-section p {
        font-size: 16px !important;
    }

    html,
    body,
    input,
    select,
    optgroup,
    textarea,
    #colophon {
        font-size: 14px !important;
    }

    #vinduespolering_section .grid-element:not(.heading_container) {
        height: unset;
        width: 100%;
        margin-bottom: 15px;
        top: 100px;

    }

    #vinduespolering_section .grid-element:not(.heading_container) .overlay {
        padding: 60px 28px 60px;
    }

    #vinduespolering_section .heading_container h2 {
        margin-bottom: 0;
    }

    #vinduespolering_section.section-wrap .section {
        padding: 26px 0 36px;
    }

    .style-header-4 #logo {
       /* top: -75px;*/
    }

    #pop_out_section.stom-grid-section .section .grid-element .overlay {
        padding: 60px 0 0;
    }

    .header-wrapper {
        padding: 0 20px;
    }

    .section-wrap.clear.price-section .section table tbody tr th, 
    .section-wrap.clear.price-section .section table tbody tr td {
        font-size: 14px;
    }

    .section-wrap.clear.contact-section .section .grid-elements {
        display: block;
    }

    .section-wrap.clear.faq-section .section .grid-elements .grid-element .overlay .mere-tekst-wrapper button {
        font-size: 16px;
    }

    body.redesign-page .section-wrap.clear.stom-billede-sektion {
        margin-top: 0;
    }

    .section-wrap.clear.breaker-section {
        margin-top: 0;
    }

    .section-wrap.clear.breaker-section .section {
        padding-block: 50px;
    }

    .section-wrap.clear.price-section {
        margin-top: 0;
    }

    .section-wrap.clear.faq-section {
        margin-top: 0;
    }
}



@media only screen and (max-width: 639px) {
    header .top-bar {
        display: none;
    }

    .style-header-4 #logo {
        top: -37px;
    }

    .header-wrapper {
        padding: 0;
    }

    .style-header-4 #logo {
        position: unset;
    }

    header .header-wrapper .clear {
        display: none;
    }

    header .header-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .style-header-4 .site-branding {
        margin-top: 0;
        flex-grow: 0;
    }

    .site-branding #logo img {
        max-width: 30px;
    }

    .style-header-4 #logo {
        padding: 6px 13px;
    }

    .home .page-slider-section .slick-list,
    .home .page-slider-section .slide-element {
        min-height: 500px !important;
        max-height: 500px !important;
    }


    .text_by_img.stom-grid-section .section .grid-elements {
        flex-direction: column-reverse;
    }

    .text_by_img.stom-grid-section .section .grid-element {
        width: 100%;
    }

    .text_by_img.stom-grid-section .section .alignright {
        float: unset;
        margin: 0;
        width: 100%;
    }
}



/****** MOBILER ******/

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

    h1,
    .page-slider-section h2 {
        font-size: 28px !important;
    }

    h2,
    .page-slider-section h3 {
        font-size: 23px !important;
    }

    h3,
    .page-slider-section h4 {
        font-size: 18px !important;
    }

    h4,
    .page-slider-section h5,
    #colophon .widget-title,
    .page-slider-section p {
        font-size: 16px !important;
    }

    html,
    body,
    input,
    select,
    optgroup,
    textarea,
    #colophon {
        font-size: 14px !important;
    }

    .footer-widgets.stom-cols-3 {
        width: 100% !important;
        margin: 0;
    }

    .section,
    .section-wrap .section {
        padding: 30px 20px;
    }

    .style-header-4 #logo {
        padding: 9px 13px;
    }

    .home .page-slider-section .slick-list,
    .home .page-slider-section .slide-element {
        min-height: 550px !important;
        max-height: 550px !important;
    }

    body.burger-menu #site-navigation .menu-toggle {
        padding: 7px;
    }

    .gform_wrapper .gform_footer input[type="submit"],
    .stom-button a {
        margin: 0 0 10px 0;
    }

    #secondary .custom-overflow-wrapper {
        width: unset;
    }

    #pop_out_section.stom-grid-section .section .grid-element.contact_pop_out .overlay {
        padding: 40px 25px;
    }

    .gform_wrapper .gform_footer input[type="submit"],
    .stom-button a {
        min-width: 200px;
    }

    .page-slider-section .stom-button,
    .page-slider-section .stom-button a {
        width: 100%;
        min-width: unset;
    }

    body.redesign-page .stom-button a {
        font-size: 16px;
    }

    .section-wrap.clear.price-section .section table tbody tr th, 
    .section-wrap.clear.price-section .section table tbody tr td {
        font-size: 12px;
    }

}



@media only screen and (max-width: 410px) {
    #main-content .section-wrap.clear.faq-section .section .grid-elements .grid-element .overlay .mere-tekst-wrapper .mere-tekst p {
        font-size: 14px;
    }
}