html, body {
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    color: #ffffff;
    background-color: #0f0f0f;
    overflow-x: hidden;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.background-top-wrapper {
    height: 195px;
}

.background-top {
    width: 100%;
    height: 235px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    
    background-size: 100vw;
    background-position: center left;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-mobile {
    width: 100vw;
    position: relative;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    pointer-events: none;
}

.bg-mobile img{
    width: 100vw;
    height: auto;
    pointer-events: none;
}

.carousel-wrapper {
    height: 19rem;
}

.carousel {
    width: 100%;
    height: max(50vw, 50rem);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: none;
}

.carousel-image {
    height: max(50vw, 50rem);
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
}

.carousel-image img {
    width: 100%;
    min-width: 1300px;
    pointer-events: none;
}

.image-filter {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(rgba(102, 102, 102, 0.25), rgba(0, 0, 0, 0.25))
}

.carousel .itc-slider__indicators {
    bottom: 7rem;
    z-index: 500;
}

.carousel .itc-slider__indicator {
    background-color: #ffffff;
    width: 56px;
    height: 2px;
}

.carousel .itc-slider__indicator_active {
    background-color: #ed9325;
}


.menu-ditem,
.menu-dflags {
    display: none;
}


.dflex {
    display: flex;
}

.two-columns {
    margin-top: 5rem;
}

.two-columns h2 {
    margin-bottom: 0;
    text-align: left;
}

.details-title-mobile, .details-title-desktop {
    margin-bottom: 0;
    text-align: left;
    font-size: 2.5rem;
}

.details-title-mobile {
    padding-bottom: 3rem;
    text-align: center;
}

.details-title-desktop {
    display: none;
}

.fgrow {
    flex-grow: 1;
}

.mainlogo {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.logodark {
    width: 194px;
    height: 26px;
    pointer-events: none;
}

.container {
    padding-left: 1rem;
    padding-right: 1rem;
}

#menu-button {
    padding: 0.5rem 0.7rem;
    cursor: pointer;
}

#menu-close-button {
    position: fixed;
    right: 1rem;
    padding: 1rem 0.9rem;
    cursor: pointer;
    display: none;
}

#menu-mobile {
    display: none;
    padding-left: 5rem;
    top: 5rem;
    padding-top: 1rem;
    position: fixed;
    background-color: #2e2e2e;
    opacity: 0.95;
    z-index: 700;
    width: 100%;
    font-size: 1.125rem;
}

.menu-mobile-items {
    min-height: 35vh;
}

.menu-mitem {
    display: block;
    color: #ffffff;
    text-decoration: none;
    padding: 0.8rem 0.5rem;
    font-weight: 600;
}

.menu-mitem:hover {
    text-decoration: underline;
    color: #ED9325;
}

.menu-active {
    color: #ed9325 !important;
    cursor: default;
}

.menu-mflags {
    padding-bottom: 3rem;
    min-height: 30vh;
}

.menu-mflags a {
    padding: 0.5rem;
}

.menu-top {
    width: 100%;
    position: relative;
    z-index: 300;
    padding-top: 1.25rem;
}


.border-bottom {
    height: 567px;
    border-bottom: 5px solid #ed9325;
}

.main-top-left {
    text-align: center;
    z-index: 50;
    position: relative;
    margin-top: 13rem;
}

h1 {
    font-size: 1.25rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 400;
    padding: 0;
    min-height: 3.5rem;
}

.background-top h1 {
    font-family: "Roboto", sans-serif;
    font-size: 2.75rem;
    font-weight: 700;
    text-align: center;
    margin: 1rem;
    margin-top: 3rem;
}

h2 {
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    padding: 0;
    margin-top: 1rem;
    margin-bottom: 3rem;
    font-family: "Roboto", sans-serif;
}

.mth {
    margin-top: 5rem;
}

.gotobutton {
    font-weight: 700;
    background-color: #ed9325;
    padding: 0.9rem 3rem;
    text-decoration: none;
    color: #ffffff;
    border-radius: 1rem;
    cursor: pointer;
    display: inline-block;
    margin-top: 30px;
}

.order-button {
    height: 50px;
    font-weight: 700;
    background-color: #ed9325;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
    border-radius: 1rem;
    width: 100%;
    margin-top: 0.7rem;
    position: absolute;
    bottom: 0;
}

.mta {
    margin-top: 3.5rem;
}

.npb {
    padding-bottom: 0;
}


.column-contact .feedback-inner {
    padding-top: 2rem;
}

#feedback-form {
    width: 100%;
    padding-left: 0.5rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 5rem;
}

#feedback-form input:focus,
#feedback-form textarea:focus {
    outline: none;
}

#feedback-form input:not(:first-child),
#feedback-form textarea:not(:first-child) {
    margin-top: 1.5rem;
}

#feedback-form input,
#feedback-form textarea {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    width: 90%;
    padding: 0.3rem 0.7rem;
    border-radius: 0;
    border: 0;
    display: block;
    box-sizing: content-box;
    background-color: transparent;
    color: #ffffff;
}

#feedback-form input {
    border-bottom: 1px solid #ED9325;
}

#feedback-form textarea {
    resize: none;
    border: 1px solid #ED9325;
    border-radius: 1rem;
    min-height: 6rem;
}

#feedback-form ::placeholder {
    font-weight: 300;
    color: #ffffff;
}

#feedback-form button {
    width: 90%;
    font-size: 1.125rem;
    padding: 1rem 0.7rem;
    border-radius: 1rem;
    border: 0;
    box-sizing: content-box;
    margin-top: 1.5rem;
    background-color: #ed9325;
    color: #ffffff;
    cursor: pointer;
}

footer {
    margin-top: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-weight: 400;
    line-height: 2.5rem;
}

footer .container {
    border-top: 1px solid #333333;
    padding-top: 2rem;
    padding-left: 0;
    padding-right: 0;
    margin-left: 1rem;
    margin-right: 1rem;
}

footer a {
    color: #ffffff;
    text-decoration: none;
    text-decoration-color: #696969;
    text-underline-offset: 0.2em;
}

footer a svg {
    padding-right: 1rem;
}

footer a span {
    text-decoration: underline;
    text-decoration-color: #696969;
    text-underline-offset: 0.2em;
}

.footer-description {
    line-height: 1.5rem;
}


footer a svg,
footer a span {
    vertical-align: middle;
}

.footer-col-links {
    text-align: center;
    padding: 0 3rem;
}

.footer-col-contacts {
    padding-left: 2rem;
}

.footer-col-menu {
    height: 1rem;
}

.copyright {
    font-weight: 400;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 3rem;
}

.car-boxes {
    gap: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.car-box {
    position: relative;
    width: 100%;
}

b {
    color: #ed9325;
    font-weight: 700;
}

.car-picture {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    position: relative;
    height: auto;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

#slider .car-picture {
    pointer-events: none;
    cursor: default;
}


.car-picture img {
    height: auto;
    width: 100%;
}

.car-box .itc-slider__btn {
    top: 88%;
    background: transparent;
}

.car-box .itc-slider__btn_prev {
    left: 36%;
}

.car-box .itc-slider__btn_prev::before {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M22.5%2012C22.5%209.9233%2021.8842%207.89323%2020.7304%206.16651C19.5767%204.4398%2017.9368%203.09399%2016.0182%202.29927C14.0996%201.50455%2011.9884%201.29661%209.95155%201.70176C7.91475%202.1069%206.04383%203.10693%204.57538%204.57538C3.10693%206.04383%202.1069%207.91475%201.70175%209.95155C1.29661%2011.9884%201.50454%2014.0996%202.29926%2016.0182C3.09398%2017.9368%204.4398%2019.5767%206.16651%2020.7304C7.89323%2021.8842%209.9233%2022.5%2012%2022.5C14.7848%2022.5%2017.4555%2021.3938%2019.4246%2019.4246C21.3938%2017.4555%2022.5%2014.7848%2022.5%2012ZM18%2012.75L8.8875%2012.75L13.0725%2016.9553L12%2018L6%2012L12%206L13.0725%207.07025L8.8875%2011.25L18%2011.25L18%2012.75Z%22%20fill%3D%22%23ED9325%22%20fill-opacity%3D%220.6%22%2F%3E%3C%2Fsvg%3E);
    width: 32px;
    height: 32px;
}

.car-box .itc-slider__btn_next {
    right: 36%;
}

.car-box .itc-slider__btn_next::before {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.5%2012C1.5%2014.0767%202.11581%2016.1068%203.26957%2017.8335C4.42332%2019.5602%206.0632%2020.906%207.98182%2021.7007C9.90045%2022.4955%2012.0116%2022.7034%2014.0484%2022.2982C16.0852%2021.8931%2017.9562%2020.8931%2019.4246%2019.4246C20.8931%2017.9562%2021.8931%2016.0852%2022.2982%2014.0484C22.7034%2012.0116%2022.4955%209.90045%2021.7007%207.98182C20.906%206.0632%2019.5602%204.42332%2017.8335%203.26957C16.1068%202.11581%2014.0767%201.5%2012%201.5C9.21523%201.5%206.54451%202.60625%204.57538%204.57538C2.60625%206.54451%201.5%209.21523%201.5%2012ZM6%2011.25H15.1125L10.9275%207.04475L12%206L18%2012L12%2018L10.9275%2016.9298L15.1125%2012.75H6V11.25Z%22%20fill%3D%22%23ED9325%22%20fill-opacity%3D%220.6%22%2F%3E%3C%2Fsvg%3E);
    width: 32px;
    height: 32px;
}

.car-white {
    background-color: #ffffff;
    border-radius: 1rem;
    color: #000000;
    position: relative;
    bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875rem;
    min-height: 130px;
    padding-bottom: 50px;
}

.car-title {
    font-weight: 700;
    font-size: 1.25rem;
    padding-left: 1rem;
    padding-right: 0.3rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    font-family: "Roboto", sans-serif;
    width: 100%;
}

.car-detail {
    font-weight: 400;
    padding-left: 1rem;
    padding-right: 0.3rem;
    padding-bottom: 0.3rem;
}

.car-detail-left {
    width: 53%;
    padding-right: 0;
}

.car-detail-right {
    width: 35%;
    padding-left: 0;
}

.cartr-detail-left {
    width: 45%;
    padding-right: 0;
}

.cartr-detail-right {
    width: 47%;
    padding-left: 0;
}

.car-detail svg,
.car-detail span {
    vertical-align: middle;
}

.car-detail span {
    padding-left: 0.1rem;
}

.detail-gallery {
    position: relative;
}

.detail-gallery .itc-slider__btn {
    top: 88%;
    background: transparent;
}

.detail-gallery .itc-slider__btn_prev::before {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.9996%202.9996L18.9996%2020.9996C18.999%2021.1818%2018.9488%2021.3605%2018.8542%2021.5163C18.7597%2021.6721%2018.6245%2021.7991%2018.4631%2021.8838C18.3017%2021.9684%2018.1203%2022.0075%2017.9383%2021.9967C17.7564%2021.9859%2017.5809%2021.9257%2017.4306%2021.8226L4.43062%2012.8226C3.89162%2012.4496%203.89162%2011.5516%204.43062%2011.1776L17.4306%202.1776C17.5806%202.07342%2017.7562%202.01233%2017.9384%202.00096C18.1206%201.98959%2018.3025%202.02838%2018.4642%202.11311C18.626%202.19784%2018.7614%202.32527%2018.8558%202.48156C18.9502%202.63785%2018.9999%202.81702%2018.9996%202.9996Z%22%20fill%3D%22%23ED9325%22%20fill-opacity%3D%220.6%22%2F%3E%3C%2Fsvg%3E);
    width: 32px;
    height: 32px;
}



.detail-gallery .itc-slider__btn_next::before {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.00038%2021.0004L5.00038%203.0004C5.00095%202.81816%205.05122%202.63953%205.14576%202.48373C5.2403%202.32793%205.37555%202.20086%205.53693%202.11621C5.69832%202.03155%205.87974%201.99252%206.06167%202.0033C6.24359%202.01408%206.41913%202.07428%206.56938%202.1774L19.5694%2011.1774C20.1084%2011.5504%2020.1084%2012.4484%2019.5694%2012.8224L6.56938%2021.8224C6.41944%2021.9266%206.24381%2021.9877%206.06159%2021.999C5.87936%2022.0104%205.6975%2021.9716%205.53578%2021.8869C5.37405%2021.8022%205.23863%2021.6747%205.14424%2021.5184C5.04985%2021.3622%205.0001%2021.183%205.00038%2021.0004Z%22%20fill%3D%22%23ED9325%22%20fill-opacity%3D%220.6%22%2F%3E%3C%2Fsvg%3E);
    width: 32px;
    height: 32px;
}

.detail-gallery .car-picture {
    border-radius: 1rem;
    height: auto;
    width: 100%;
}

.detail-gallery .car-picture img {
    border-radius: 1rem;
    height: auto;
    width: 100%;
}

.detail-gallery .meist-picture img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 1rem;
}

.dlogo {
    display: none;
    pointer-events: none;
}

.teenused-content {
    cursor: pointer;
    text-decoration: none;
    color: white;
}

.teenused-title {
    color: #ED9325;
    font-size: 1.875rem;
    padding: 0;
    margin-bottom: 1rem;
}

.teenused-details {
    font-size: 1.25rem;
    text-align: center;
    margin: 1rem;
}

.teenused-block {
    text-align: center;
    margin-bottom: 3rem;
}

.teenused-btn-yellow {
    visibility: hidden;
    position: absolute;
}

.column-info li {
    padding-bottom: 0.5rem;
    font-weight: 400;
    font-size: 1rem;
}

.column-info {
    font-weight: 400;
}

li::marker {
    font-size: 0.9rem;
}

a {
    color: #ED9325;
}

.column-info h2 {
    padding-bottom: 1rem;
}



.rendileping {
    line-height: 2.5rem;
}

h3 {
    font-size: 1.25rem;
    font-weight: 700;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
}

.rendileping h3,
.meist h3 {
    color: #ED9325;
    font-weight: 800;
    font-size: 2.25rem;
    margin: 0;
    padding-top: 2rem;
    padding-bottom: 0.5rem;
}

.detail-info {
    order: 2;
}

.detail-gallery-photos {
    display: none;
}

.detail-options {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.detail-options div {
    display: flex;
}

.detail-options div svg {
    padding-right: 1rem;
}


.detail-teenused ul, .price-lists {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 2rem;
    padding-top: 0;
    margin-top: 0;
}

.price-lists {
    gap: 2rem;
}

.price-list {
    width: 100%;
    text-align: center;
}



.price-list-title {
    background-color: #ed9325;
    color: white;
    padding: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border: 1px solid #ed9325;
    font-family: "Roboto", sans-serif;
}

.price-list-item {
    border-left: 1px solid #ed9325;
    border-right: 1px solid #ed9325;
    border-bottom: 1px solid #ed9325;
    padding: 0.75rem;
}

.price-list-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.price-list-single {
    width: 595px;
    text-align: center;
}

.bottom-block {
    background-color: #282828;
    border-radius: 25px;
    margin-top: 5rem;
    text-align: center;
    padding: 1.5rem;
    font-family: "Roboto", sans-serif;
    line-height: 2rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.bottom2 {
    color: #ED9325;
    padding-top: 1rem;
}

.transfer-block {
    width: 250px;
    text-align: center;
}


.transfer-block-title {
    font-family: "Roboto", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    padding-bottom: 1rem;
}

.transfer-block-terms {
    padding-top: 1rem;
}

.transfer-block-group {
    display: flex;
    flex-wrap: wrap;
    gap: 5rem;
    justify-content: center;
}

.eelised-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
}

.eelised-group:not(:first-child) {
    margin-top: 1.5rem;
}

.eelised-block {
    border-radius: 25px;
    background-color: #ed9325;
    width: 397px;
    height: 100px;
    display: flex;
    align-items: center;
    padding-left: 0.5rem;
}

.eelised-texts {
    padding-left: 0.5rem;
}

.eelised-title {
    font-family: "Roboto", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #2E2E2E;
    padding-bottom: 0.5rem;
}

.eelised-detail {
    font-size: 0.875rem;
    font-weight: 600;
}

.two-columns {
    display: flex;
    flex-wrap: wrap;
    row-gap: 5rem;
    column-gap: 5rem;
}

.detail-gallery .itc-slider__btn_prev {
    left: 45%;
}

.detail-gallery .itc-slider__btn_next {
    left: 55%;
}

.menu-dflags a, .menu-mflags a {
    text-decoration: none;
}

.carousel-wrapper .container {
    padding-left: 0;
    padding-right: 0;
}

.feedback-description {
    margin-left: 20px;
}

.detail-columns {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
    row-gap: 1rem;
}

.mlogo {
    width: 350px;
    height: 46px;
    pointer-events: none;
}

.modal-overlay {
    visibility: hidden;
    position: fixed;
}

.meist-gallery-photos {
    margin-top: 3rem;
    gap: 1rem;
    display: flex;
    flex-direction: column;
}

.meist-gallery-photos img {
    width: 100%;
    border-radius: 1rem;
    pointer-events: none;
}

@media (min-width: 768px) {
    .modal-overlay {
        display: flex;
        position: fixed;
        align-items: center;
        justify-content: center;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, .8);
    }

    .modal-overlay .detail-gallery {
        width: 100%;
    }

    .modal-overlay .car-picture img {
        cursor: default;
    }

    #modal-close-button {
        position: absolute;
        right: 1rem;
        top: 1rem;
        cursor: pointer;
    }

    .transfer-block {
        padding-top: 2rem;
    }

    .transfer-block-title {
        min-height: 6rem;
        padding-bottom: 0;
    }

    #slider .car-picture {
        pointer-events: all;
        cursor: pointer;
    }

    #slider:fullscreen .car-picture{
        cursor: default;
    }

    .car-box {
        min-height: 452px;
        position: relative;
        width: 282px;
    }

    .car-picture {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        position: relative;
        height: 280px;
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }
    
    
    .car-picture img {
        height: 280px;
        width: auto;
    }

    .bg-mobile {
        display: none;
    }

    .carousel-wrapper {
        height: 22rem;
    }

    .carousel {
        display: block;
    }

    .column-contact h2 {
        padding-bottom: 1rem;
    }

    .column-info h2 {
        padding-bottom: 2rem;
    }

    .carousel-wrapper {
        height: max(50vw, 50rem);
    }

    .detail-gallery .itc-slider__btn_prev {
        left: 48%;
    }
    
    .detail-gallery .itc-slider__btn_next {
        left: 52%;
    }

    .bottom-block {
        border-radius: 100px;
        padding: 1.5rem 8rem;
        font-size: 1.5rem;
    }
    

    .detail-teenused ul, .price-lists {
        grid-template-columns: 1fr 1fr;
    }

    .detail-options {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    .detail-gallery-photos {
        margin-top: 1rem;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 1rem;
    }

    .detail-gallery-photos img {
        width: 100%;
        border-radius: 1rem;
        cursor: pointer;
    }

    .meist-gallery-photos {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1rem;
    }

    .meist-gallery-photos img {
        cursor: pointer;
        pointer-events: all;
    }

    .background-top h1 {
        padding-bottom: 6rem;
        font-size: 3.75rem;
    }

    .background-top-wrapper {
        height: max(30vw, 526px);
    }

    .background-top {
        height: max(30vw, 526px);
    }

    .less-height {
        height: max(26vw, 457px);
    }

    #feedback-form button {
        width: 200px;
    }

    .footer-col-links {
        text-align: left;
        padding: 0;
    }

    .carousel .itc-slider__indicators {
        bottom: 2.5rem;
    }

    h2 {
        font-size: 3.75rem;
    }

    .teenused-bg {
        height: max(35vw, 653px);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 5rem;
        display: flex;
        justify-content: center;
    }

    .contact-bg {
        min-height: max(25vw, 433px);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 5rem;
        display: flex;
    }

    .contact-bg .container {
        width: 1170px;
        display: flex;
        place-content: end;
    }

    .feedback-inner {
        padding-top: 3rem;
        font-size: 1rem;
        line-height: 1.5rem;
        width: 510px;
    }

    .teenused-block {
        width: 413px;
        height: 653px;
        text-align: center;
        display: flex;
        flex-direction: column;
    }

    .teenused-block::before {
        flex-grow: 1;
        content: '';
    }

    .teenused-block:hover {
        width: 413px;
        height: 653px;
        backdrop-filter: blur(2px);
        background-color: rgba(255, 255, 255, 0.1);
    }



    .teenused-title {
        font-size: 2.25rem;
        margin-bottom: 1rem;
    }

    .teenused-block:hover .teenused-title {
        color: #ED9325;
        font-size: 3.75rem;
        margin-bottom: 0;
    }

    .teenused-details {
        display: none;
    }

    .teenused-block svg {
        margin-top: 0.5rem;
        margin-bottom: 3rem;
    }

    .teenused-block:hover .teenused-details {
        display: block;
        font-size: 1.25rem;
        text-align: center;
        margin: 1rem;
    }

    .teenused-buttons {
        position: relative;
        display: flex;
        justify-content: center;
    }



    .teenused-block:hover .teenused-btn-yellow {
        visibility: visible;
    }

    .teenused-block:hover .teenused-btn {
        visibility: hidden;
    }



    .gotobutton {
        padding: 0.9rem 1.5rem;
        margin-top: 1rem;
    }


    .mlogo {
        display: none;
    }

    .dlogo {
        display: block;
        width: 455px;
        height: 60px;
    }

    h1 {
        font-size: 2.5rem;
        font-weight: 400;
    }

    .delivery-picture img {
        width: auto;
    }

    .delivery-picture {
        position: absolute;
        right: 0;
        bottom: 165px;
    }


    footer {
        min-height: 12rem;
    }

    .footer-title {
        margin-top: 0;
    }

    footer .container {
        display: flex;
    }

    .footer-col-links {
        max-width: 15rem;
    }

    .footer-col-menu {
        flex-grow: 1;
    }


    #feedback-form {
        width: 30rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .container {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .main-top-left {
        text-align: left;
        max-width: 38rem;
        margin-top: 3.5rem;
    }
}

@media (min-width: 992px) {
    .mth {
        margin-top: 8rem;
    }

    .details-title-mobile {
        display: none;
    }

    .details-title-desktop {
        display: block;
    }

    .detail-info {
        width: 37%;
        order: 0;
    }

    .detail-info h2 {
        margin-top: 0;
    }

    .detail-gallery {
        width: 60%;
    }

    .column-info {
        width: 49%;
    }

    .column-contact {
        width: 44%;
    }

    .menu-top {
        position: relative;
        display: block;
        padding-top: 1.5rem;
        color: #ffffff;
    }

    .menu-top .container {
        background-color: #2e2e2e;
        border-radius: 10rem;
        opacity: 0.9;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .mainlogo {
        padding-left: 1.5rem;
        padding-top: 1rem;
        padding-bottom: 0.5rem;
    }

    .menu-ditem {
        display: block;
        color: #ffffff;
        text-decoration: none;
        padding: 1rem 1rem;
        font-weight: 600;
    }

    .menu-ditem:hover {
        text-decoration: underline;
        color: #ED9325;
    }


    .menu-dflags {
        display: flex;
        padding: 0.7rem 2rem;
    }

    .menu-dflags a {
        padding: 0.2rem 0.5rem;
    }

    #menu-button {
        display: none;
    }

    .meist-gallery-photos {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 1rem;
    }

}

@media (min-width: 1300px) {
    .container {
        max-width: 1218px;
        margin: auto;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    footer .container {
        margin: auto;
    }

}