/****** STORE SKRÆME ******/
@media only screen and (min-width:1920px) {

}

/****** Når primary width er 1720 skal den ændres her ******/
@media only screen and (max-width:1800px) {
    :root {
        --primary-site-width: calc(100% - 200px);
    }

    .section-wrap.section-fullpage {
        padding-left: 0;
        padding-right: 0;
    }

}

/****** BÆRBAR / Mellem SKÆRME ******/
@media only screen and (max-width:1600px) {
    .secondary-site-width.banner-2-farvet .banner-2-farvet-buttons span {
        padding-left: 20px;
    }

    .section-wrap.billed-indgangsvinkler .grid-elements .grid-element {
        margin-bottom: 25px;
    }

    .stom-grid-section .section.columns-2 .grid-element {
        width: calc((100% - (25px * 1)) / 2);
    }

    .stom-grid-section .section.columns-3 .grid-element {
        width: calc((100% - (25px * 2)) / 3);
    }

    .stom-grid-section .section.columns-4 .grid-element {
        width: calc((100% - (25px * 2)) / 4);
    }

    .stom-grid-section .section.columns-5 .grid-element {
        width: calc((100% - (25px * 2)) / 5);
    }

    .stom-grid-section .section.columns-6 .grid-element {
        width: calc((100% - (25px * 2)) / 6);
    }

    #colophon .footer-widget-area .section .openingstime-footer-widgets:before {
        width: calc(100% - 5%);
    }

    .home h1, .home h2 {
        font-size: 40px;
    }

    .home h3 {
        font-size: 36px;
    }

    .sample-cars-wrap .car-grid .post-content-wrapper h3, .text-button a {
        font-size: 28px;
    }

    .car-search .cars-outer-wrap .grid-sizer, .car-search .cars-outer-wrap .grid-item {
        width: 24.2%;
    }

    .car-search .cars-outer-wrap .gutter-sizer {
        width: 1%;
    }

}

/****** BÆRBAR / Mellem SKÆRME ******/
@media only screen and (max-width:1500px) {
    .sample-cars-wrap .car-grid {
        width: 23.8%;
        margin-right: 1.5%;
    }

}

/****** BÆRBAR / Mellem SKÆRME ******/
@media only screen and (max-width:1400px) {
    :root {
        --primary-site-width: calc(100% - 100px);
        --secondary-site-width: 1120px;
    }

    .car-search .cars-outer-wrap .grid-sizer, .car-search .cars-outer-wrap .grid-item {
        width: 31.3%;
    }

    .car-search .cars-outer-wrap .car-grid {
        min-height: unset;
    }

    .car-search .cars-outer-wrap .gutter-sizer {
        width: 3%;
    }


    .banner-2-farvet-text {
        padding-right: 25px;
    }

    .banner-2-farvet-buttons {
       float: unset;
    }

    .sample-cars-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        margin: auto;
    }

    .sample-cars-wrap .car-grid {
        margin: unset;
        width: calc((100% - (30px * 1)) / 2);
        position: relative;
        float: unset;
        min-height: unset;
        margin-bottom: 30px;
    }

    .sample-cars-wrap .car-grid:nth-of-type(1n), .sample-cars-wrap .car-grid:nth-of-type(3n) {
        margin-left: 0;
    }

    .sample-cars-wrap .car-grid:nth-of-type(2n), .sample-cars-wrap .car-grid:nth-of-type(4n) {
        margin-right: 0;
    }

    .home h2 {
        font-size: 36px;
    }

    .home h3 {
        font-size: 32px;
    }

    .sample-cars-wrap .car-grid .post-content-wrapper h3, .text-button a {
        font-size: 26px;
    }

}

/****** BÆRBAR / MINDRE SKÆRME ******/
@media only screen and (max-width:1200px) {
    :root {
        --secondary-site-width: calc(100% - 100px);
        --primary-padding: 50px;
        --secondary-padding: 25px;
        --primary-button-text-size: 16px;
        --primary-text-size: 16px;
        --primary-button-font-weight: 400;
        --primary-text-font-weight: 300;
        --primary-text-font-bold: 700;
        --primary-menu-font-weight: 400;
        --primary-transition-style: all 0.25s;
        --standard-text-line-height: 1.2;
        --headline-text-line-height: 1;
    }

    .stom-button a {
        font-size: 20px;
    }

    .car-search .cars-outer-wrap .grid-sizer, .car-search .cars-outer-wrap .grid-item {
        width: 32.6%;
    }

    .car-search .cars-outer-wrap .gutter-sizer {
        width: 1%;
    }

    body .cars-outer-wrap .car-grid .post-content-wrapper .car-specs.single-row-data tbody tr td:first-child {
        font-size: 14px;
    }

    body.burger-menu #site-navigation ul.menu li {
        padding-left: 0;
    }
	
	

    .openingstime-footer-widgets .footer-widgets.section .aabningstider-list {
        width: calc((100% - (70px * 2)) / 3);
    }

    .forside-skriv-til-os-contact {
        width: 70%;
        margin: auto;
    }

    body header .section-wrap.top-bar > .section {
        padding: 5px 0;
    }

    #colophon .footer-widget-area .section .openingstime-footer-widgets:before {
        width: calc(100% - 1%);
    }

    #content, .section-wrap .section, .section-wrap.section-fullpage .section {
        padding: var(--primary-padding) 0;
    }

    #content, .section-wrap .section, footer.site-footer .site-info {
        max-width: var(--primary-site-width);
        margin: 0 auto;
        padding: var(--primary-padding) 0;
    }

    header .header-wrapper, header .section-wrap.top-bar > .section {
        padding: 0;
    }

    .secondary-site-width.banner-2-farvet .banner-2-farvet-buttons span {
        text-align: center;
        padding-left: 0;
    }

    .section-wrap.stom-grid-section.section-fullpage .section .grid-element {
        margin: 0 0 25px;
    }

    .section-wrap.stom-grid-section.section-fullpage .section.columns-2 .grid-element {
        width: calc((100% - (25px * 1)) / 2);
    }

    .stom-grid-section .section.columns-3 .grid-element {
        width: calc((100% - (25px * 2)) / 3);
    }

    .stom-grid-section .section.columns-4 .grid-element {
        width: calc((100% - (25px * 3)) / 4);
    }

    .stom-grid-section .section.columns-5 .grid-element {
        width: calc((100% - (25px * 4)) / 5);
    }

    .stom-grid-section .section.columns-6 .grid-element {
        width: calc((100% - (25px * 5)) / 6);
    }

    /* button classes styles */
    .primary-button a, .secondary-button a, .gform_wrapper.gravity-theme .gform_footer input.gform_button {
        padding: 13px 15px 10px;
    }

    /* button classes end  */

    /* font changes styles */

    #colophon.site-footer .footer-widget-area .section .footer-widgets .widget-title {
        font-size: 20px;
    }

    .text-button a {
        font-size: 28px;
    }

    .site-main .section h1 {
        font-size: 40px;
    }

    .site-main .section h2 {
        font-size: 36px;
    }

    .site-main .section h3 {
        font-size: 30px;
    }

    .site-main .section h4 {
        font-size: 26px
    }

    .site-main .section h5 {
        font-size: 22px;
    }

    /* font changes end */

    .forside-saelg .gform_wrapper.gravity-theme form {
		        display: block;
        grid-template-columns: unset;
        grid-template-rows: unset;
        grid-template-areas:unset;
    }
	.forside-saelg .gform_wrapper.gravity-theme form input {
		margin-bottom:20px;
	}
    .forside-saelg .section {
        width: var(--primary-site-width);
        max-width: var(--primary-site-width);
        transform: none;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .forside-saelg .section .salg {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .forside-saelg .section .salg-img {
        display: none;
    }

    #main-content .selection .section .grid-elements {
        grid-template-rows: 200px auto;
        gap: 20px;
    }

    #main-content .selection .section .grid-elements > div,
    #main-content .selection .section .grid-elements .grid-element:last-of-type {
        grid-column: span 3;
    }

    #main-content .about .section>div:first-of-type,
    #main-content .about .section>div:last-of-type {
        width: 50%;
    }

    .section-wrap.stom-billede-sektion.about .stom-cols-6 {
        padding: 50px;
    }

    .fp-contact .gform_wrapper.gravity-theme .gfield.gfield--width-half {
        grid-column: span 12;
    }

    #main-content .fp-contact .section {
        align-items: start;
    }

    #main-content .fp-contact .section p,
    #main-content .fp-contact .section img {
        display: none;
    }

    #main-content .fp-contact .section {
        grid-template-columns: 1fr;
    }

    #main-content .fp-contact .section h3 {
        grid-column: span 1;
    }

    .fp-contact .gform_wrapper.gravity-theme .gfield.gfield--width-half {
        grid-column: span 6;
    }

    #colophon .site-info .stom-cols-9 {
        grid-template-columns: repeat(2, 1fr);
    }

    .contact-info-box .section {
        max-width: 700px;
        padding-left: 50px;
        padding-right: 50px;
    }

}

/****** IPADS - VERTIKALT ******/
@media only screen and (max-width:959px) {
    .openingstime-footer-widgets .footer-widgets.section .aabningstider-list {
        width: calc((100% - (20px * 2)) / 3);
    }
    body #stom_popups_wrapper .stom_popup {
        width: calc(100% - 100px) !important;
    }
    body.home .main-slider-section .slide-element {
        min-height: calc(100vh - var(--stom-header-height) - 40px - 60px);
    }
    .openingstime-footer-widgets .footer-widgets.section .aabningstider-list tbody tr td {
        font-size: 12px;
        line-height: 20px;
    }

    .section-wrap.stom-grid-section.section-fullpage .section.columns-2 .grid-element, .stom-grid-section .section.columns-3 .grid-element, .stom-grid-section .section.columns-4 .grid-element, .stom-grid-section .section.columns-5 .grid-element, .stom-grid-section .section.columns-6 .grid-element {
        width: 100%;
    }

    .section-wrap.stom-billede-sektion .stom-picture, .section-wrap.stom-billede-sektion .stom-cols-6 {
        width: 100%;
    }

    .section-wrap.stom-billede-sektion .stom-picture {
        position: relative;
    }

    .section-wrap.stom-billede-sektion .section {
        max-width: 100%;
    }

    .banner-2-farvet-text {
        width: 100%;
        margin-bottom: 20px;
        padding: 0;
        text-align: center;
    }

    .banner-2-farvet-buttons {
        width: 100%;
        text-align: center;
    }

    .secondary-site-width.banner-2-farvet .banner-2-farvet-buttons span {
        text-align: center;
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px;
    }

    #colophon .footer-widget-area .section .openingstime-footer-widgets:before {
        width: 100%;
        border-radius: 0;
    }

    .car-search .cars-outer-wrap .grid-sizer, .car-search .cars-outer-wrap .grid-item {
        width: 47.5%;
    }

    .car-search .cars-outer-wrap .gutter-sizer {
        width: 5%;
    }

    .car-search .car-search-form input.search-text {
        width: 50%;
        border-right: 1px solid;
        float: unset;
        margin: auto;
        display: block;
        margin-bottom: 20px;
    }

    .car-search .car-search-form button.search-submit {
        width: 50%;
        float: unset;
        margin: auto;
        display: block;
    }

    #main-content .about .section>div:first-of-type {
        width: 100%;
    }

    #main-content .about .section>div:first-of-type div,
    #main-content .about .section>div:first-of-type div h3,
    #main-content .about .section>div:first-of-type div p {
        text-align: center !important;
    }

    #main-content .about .section>div:last-of-type {
        display: none;
    }

    .section-wrap.banner-2-farvet .section {
        padding: var(--primary-padding) 0;
    }

    .primary-site-width.banner-2-farvet .banner-2-farvet-buttons {
        display: flex;
        justify-content: center;
    }

    .primary-site-width.banner-2-farvet .banner-2-farvet-buttons > span {
        margin: 0 10px;
    }
	
	#main-content .about .section>div:first-of-type div, #main-content .about .section>div:first-of-type div h3, #main-content .about .section>div:first-of-type div p {
		margin: 0 auto;
	}

}

@media only screen and (max-width:810px) {
    .home h1, .home h2 {
        font-size: 30px;
    }

    .home h3 {
        font-size: 26px;
    }

    /* font changes save */
    .site-main .section h1 {
        font-size: 34px;
    }

    .site-main .section h2 {
        font-size: 30px;
    }

    .site-main .section h3 {
        font-size: 26px;
    }

    .site-main .section h4 {
        font-size: 24px
    }

    .site-main .section h5 {
        font-size: 20px;
    }

    /* font changes end */
}

/****** MINDRE END IPADS VERTIKALT ******/
@media only screen and (max-width:782px) {
}

@media only screen and (max-width:767px) {
    .car-search .cars-outer-wrap .grid-sizer, .car-search .cars-outer-wrap .grid-item {
        width: 48.5%;
    }

    .car-search .cars-outer-wrap .gutter-sizer {
        width: 3%;
    }

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

    .primary-button a, .secondary-button a, .gform_wrapper.gravity-theme .gform_footer input.gform_button {
        min-width: unset;
        padding: 8px 10px 8px;
    }

    #colophon.site-footer .footer-widget-area .section .openingstime-footer-widgets .footer-widgets .widget-title {
        display: inline-block;
        width: 100%;
    }

    .openingstime-footer-widgets .footer-widgets.section .aabningstider-list {
        width: 51%;
        margin: auto;
    }

    #colophon.site-footer .footer-widget-area .section .openingstime-footer-widgets .footer-widgets .widget {
        padding-right: 0;
    }

    .stom-billede-sektion {
        padding-bottom: 0;
    }

    /* font changes save */
    .site-main .section h1 {
        font-size: 32px !important;
    }

    .site-main .section h2 {
        font-size: 28px;
    }

    .site-main .section h3 {
        font-size: 24px;
    }

    .site-main .section h4 {
        font-size: 22px
    }

    /* font changes end */
    .sample-cars-wrap {
        justify-content: center;
    }

    .sample-cars-wrap .car-grid {
        width: 65%;
    }

    .banner-text .section p {
        margin-bottom: 20px;
        max-width: unset;
        padding: 0 var(--secondary-padding);
    }

    .forside-skriv-til-os-contact {
        width: 100%;
        z-index: 2;
    }

    .footer-nyhedsbrev .footer-nyhedsbrev-box .gform_wrapper .gform_body #gform_fields_3 {
        width: 100%;
    }

    .footer-nyhedsbrev .footer-nyhedsbrev-box .gform_wrapper.gravity-theme .gform_footer input.gform_button {
        min-width: 100%;
        position: relative;
        top: 0px;
        margin-top: 20px;
        padding: 10px 10px 10px;
    }

    #main-content .selection .section .grid-elements .grid-element:last-of-type .overlay p:nth-child(2) {
        font-size: 18px;
    }

    #main-content .selection .section .grid-elements .grid-element:last-of-type .overlay p:nth-child(3) {
        font-size: 20px;
    }

    #main-content .selection .section .grid-elements .grid-element:last-of-type .overlay > p img {
        max-width: 220px;
        height: auto;
    }

    .fp-contact .gform_wrapper.gravity-theme .gfield.gfield--width-half {
        grid-column: span 12;
    }

    footer.site-footer .site-info, footer.site-footer .site-info .copyright {
        text-align: left;
    }

    #masthead .top-bar {
        display: none;
    }

}

@media only screen and (max-width:639px) {
    .car-search .cars-outer-wrap .grid-sizer, .car-search .cars-outer-wrap .grid-item {
        width: 100%;
    }

    .car-search .cars-outer-wrap .gutter-sizer {
        width: 0%;
    }

    /* font changes save */
    .site-main .section h1 {
        font-size: 34px !important;
    }

    .site-main .section h2 {
        font-size: 30px;
    }

    .site-main .section h3 {
        font-size: 26px;
    }

    .site-main .section h4 {
        font-size: 24px
    }

    .site-main .section h5 {
        font-size: 20px;
    }

    /* font changes end */
    .gform_wrapper.gravity-theme .gform_body .gform_fields input, .gform_body .gform_fields textarea {
        padding: 6px 10px 6px;
    }

    .sample-cars-wrap .car-grid {
        width: 100%;
    }

    .openingstime-footer-widgets .footer-widgets.section .aabningstider-list {
        width: 65%;
    }

    body .site-branding #logo img {
        max-height: 50px;
    }

    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled header .site-branding #logo img {
        max-height: 50px;
    }

    .forside-saelg .gform_wrapper.gravity-theme form {
        grid-template-columns: 1fr;
        grid-template-rows: 45px 45px 45px 45px auto auto auto;
        grid-template-areas:
            "name"
            "contact"
            "reg"
            "km"
            "msg"
            "note"
            "send";
    }

    .forside-saelg .gform_wrapper.gravity-theme .gform_footer input.gform_button {
        padding: 0;
        width: 100%;
    }

    .forside-saelg .section .salg {
        padding: 45px;
    }

    #main-content .selection .section .grid-elements .grid-element:last-of-type .overlay {
        flex-direction: row-reverse;
        align-items: flex-start;
    }

    #main-content .selection .section .grid-elements .grid-element:last-of-type .overlay div {
        text-align: left;
        margin-right: 0;
        margin-left: 40px;
    }

    #main-content .selection .section .grid-elements .grid-element:last-of-type .overlay > p img {
        max-width: 180px;
    }

    #colophon .site-info .stom-cols-9 {
        grid-template-columns: 1fr;
    }

    #colophon .site-info .stom-cols-9 > div {
        max-width: 400px;
        text-align: center;
        margin: 0 auto;
    }

    #colophon .site-info .stom-cols-9 > div > span:after {
        left: 50%;
        transform: translateX(-50%);
    }

    #colophon .socials-wrapper {
        margin-left: unset;
        justify-content: center;
    }

    #colophon .footer04 {
        align-items: center;
    }

    .page-slider-section .slider-text-inner {
        text-align: center;
    }

    .contact-info-box .section {
        grid-template-columns: 1fr;
    }

    .contact-info-box .section h1 {
        grid-column: span 1;
    }

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

    .page-id-24 .main-slider-section .slide-element, .page-id-1145 .main-slider-section .slide-element{
        min-height:300px
    }
}
/****** MOBILER ******/
@media only screen and (max-width:569px) {
    :root {
        --primary-site-width: calc(100% - 50px);
        --secondary-site-width: calc(100% - 50px);
    }
    body #stom_popups_wrapper .stom_popup {
        width: calc(100% - 40px) !important;
    }
    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled header .site-branding #logo img {
        max-height: 30px;
    }
    body #stom_popups_wrapper .stom_popup_content_wrapper .stom_popup_content {
        padding: 20px;
    }
    body #stom_popups_wrapper .stom_popup_content_wrapper .stom_popup_content h3 {
    font-size: 24px;
    }
    .stom-button a {
        font-size: 14px;
    }

    .auws-cta-area-body.svelte-tcx2fm {
        justify-content: center!important;
        margin: 10px auto 0 auto!important;
    }

    .footer-nyhedsbrev .footer-nyhedsbrev-box {
        background-color: rgba(255, 255, 255, 0.9);
    }

    .section-wrap.footer-nyhedsbrev .section {
        width: 100%;
        padding: 0;
        max-width: 100%;
    }

    .site-main .section h1 {
        font-size: 30px !important;
    }

    .site-main .section h2 {
        font-size: 28px;
    }

    .site-main .section h3 {
        font-size: 24px;
    }

    .site-main .section h4 {
        font-size: 22px
    }

    .site-main .section h5 {
        font-size: 18px;
    }

    .footer-nyhedsbrev {
        margin: 25px auto;
    }

    .banner-text .section p {
        padding: 2px;
        font-size: 14px;
    }
}

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

    .page-id-24 .main-slider-section .slide-element, .page-id-1145 .main-slider-section .slide-element{
        min-height:250px
    }
    body.home .main-slider-section .slide-element {
        min-height: 400px;
    }
}

/****** MOBILER ******/
@media only screen and (max-width:479px) {
    :root {
        --primary-padding: 25px;
        --secondary-padding: 25px;
    }

    .page-id-24 .main-slider-section .slide-element, .page-id-1145 .main-slider-section .slide-element{
        min-height:225px
    }

	.forside-saelg .section .salg {
		padding:10px;
	}

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

    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled header .site-branding #logo img {
        max-height: 25px;
    }

    body .car-grid .post-content-wrapper .car-specs.single-row-data tbody tr td:first-child {
        padding: 2px;
        font-size: 14px;
    }

    body .car-grid .post-content-wrapper .car-specs.single-row-data tbody tr td.single_row_data_line {
        padding: 0;
    }

    .openingstime-footer-widgets .footer-widgets.section .aabningstider-list {
        width: 100%;
    }

    .gform_wrapper.gravity-theme .gform_body .gfield.gfield--width-full {
        float: unset;
        width: 100%;
    }

    .forside-skriv-til-os-contact .gform_wrapper.gravity-theme .gform_body .gform_fields .ginput_container.ginput_container_textarea textarea {
        width: 100%;
    }

    .gform_wrapper.gravity-theme .gform_body .gfield#field_2_5 {
        position: relative;
        right: unset;
        float: unset;
        text-align: right;
    }

    .gform_wrapper.gravity-theme .gform_body .gfield.gfield--width-full:last-of-type, .gform_wrapper.gravity-theme .gform_body .gfield.gfield--width-full#field_2_6 {
        margin-bottom: 20px;
    }

    #main-content .selection .section .grid-elements .grid-element:last-of-type .overlay {
        flex-direction: column-reverse;
        align-items: center;
    }

    #main-content .selection .section .grid-elements .grid-element:last-of-type .overlay div {
        text-align: center;
        margin-left: 0;
    }

    #main-content .selection .section .grid-elements .grid-element:last-of-type .overlay > p img {
        max-width: unset;
        margin-bottom: 30px;
        width: 100%;
    }

}

@media only screen and (max-width:400px) {
    #page .main-slider-section .slider-inner .slider-text .slider-text-inner h1 {
        font-size: 32px !important;
    }
    .page-id-24 .main-slider-section .slide-element, .page-id-1145 .main-slider-section .slide-element{
        min-height:200px
    }
    #main-content .fp-contact .section h3 {
        font-size: 37px;
    }

    .section-wrap.stom-billede-sektion.about .stom-cols-6 {
        padding: 50px 30px;
    }

    .contact-info-box .section {
        padding-left: 30px;
        padding-right: 30px;
    }

    .primary-site-width.banner-2-farvet .banner-2-farvet-buttons {
        flex-direction: column;
    }

    .primary-site-width.banner-2-farvet .banner-2-farvet-buttons {
        text-align: center;
    }

    .primary-site-width.banner-2-farvet .banner-2-farvet-buttons span {
        margin: 10px 0;
    }

    .primary-site-width.banner-2-farvet .banner-2-farvet-buttons span a {
        min-width: 100%;
    }
}