@media (max-device-width: 480px), (max-width: 800px) {
    body {
        -webkit-text-size-adjust: 100%;
        overflow: initial;
        --main-bg-color: #ececec;
    }

    a:hover::after {
        display: none !important;
    }

    .main {
        height: auto;
        overflow: initial;
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh) * 100);
        display: flex;
        flex-direction: column;
    }

    .mobile-only {
        display: block;
    }

    .mobile-home-images {
        display: block;

        padding: 130px 20px 100px 20px;
    }

    .mobile-home-image {
        max-width: 100%;
        box-sizing: border-box;
    }

    .home-images {
        display: none !important;
    }

    .mobile-home-item {
        padding: 50px 20px;
        width: 100%;
        box-sizing: border-box;
        display: block;
    }

    .mobile-home-item:nth-child(2n) {
        text-align: right;
    }

    .mobile-home-item > span {
        position: relative;
        font-family: "ArnoPro-ItalicDisplay";
    }

    .mobile-home-item > span::after {
        content: "";
        height: 1px;
        width: calc(100% - 2px);
        left: 1px;
        bottom: -1px;
        background-color: var(--main-font-color);
        position: absolute;
    }

    .mobile-footer {
        text-align: center;
        display: block;
        padding-bottom: 30px;
        /* bottom: -10px; */
        transition: bottom 0.4s;
        margin-top: auto;
    }

    .menu {
        display: flex;
        width: 100%;
        height: 100%;
        right: -100%;
        /* left: 0px; */
        top: 0px;
        background-color: var(--main-bg-color);
        height: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 0px;
        line-height: 0px;

        /* transition: transform 0.4s; */
        transform: translateY(10px);
        transition: transform 0.2s, opacity 0.2s;

        position: fixed;
        z-index: -1;
        opacity: 0;
    }

    .menu a {
        font-size: 14px;
        line-height: 18px;
    }

    .menu a:not(:last-child) {
        margin-bottom: 40px;
    }

    .openMenu .menu {
        /* transform: translateX(-100%); */
        z-index: 1;
        opacity: 1;
        right: 0px;
        transform: translateY(0px);
    }

    .openMenu main {
        display: none;
    }

    .openMenu .mobile-footer {
        position: fixed;
        bottom: 0px;
        z-index: 100;
        width: 100%;
    }

    .openMenu .mobile-footer p:first-child {
        display: none;
    }

    .mobile-menu {
        display: block;
        position: absolute !important;
        right: 0px;
        top: -12px;
        padding: 20px;
        width: 20px;
    }
    .mobile-menu::after {
        background: none !important;
    }
    .mobile-menu span {
        width: 100%;
        height: 2px;
        margin-bottom: 7px;
        background-color: var(--main-font-color);
        display: block;
        transition: transform 0.2s;
    }

    .openMenu .mobile-menu {
        margin-top: 5px;
    }
    .openMenu .mobile-menu span:first-child {
        transform: rotate(45deg);
    }
    .openMenu .mobile-menu span:last-child {
        transform: rotate(-45deg);
        position: absolute;
        top: 20px;
        width: 20px;
    }

    header {
        width: 100%;
    }
    footer {
        z-index: 90;
    }

    .pdf-menu {
        grid-template-columns: 100%;
        grid-row-gap: 60px;
        height: auto;
        padding: 130px 50px 100px 50px;
        box-sizing: border-box;
        max-height: initial;
    }

    .pdf-menu article::after {
        display: none !important;
    }

    article img {
        height: auto;
        width: 100%;
    }

    .mobile-title {
        display: block;
        text-align: center;
        font-family: "ArnoPro-ItalicDisplay";
    }

    .tigid-gallery {
        display: none !important;
    }

    .team-items {
        display: grid !important;
        grid-template-columns: 100%;
        grid-row-gap: 60px;
        height: auto;
        padding: 130px 50px 100px 50px;
        box-sizing: border-box;
    }

    .gallery-items {
        display: grid !important;
        grid-template-columns: 100%;
        grid-row-gap: 50px;
        height: auto;
        padding: 130px 20px 100px 20px;
        box-sizing: border-box;
    }

    .gallery-items .mobile-title {
        margin-bottom: 10px;
    }

    .gallery-items .vert-image {
        width: calc(100% - 80px);
        margin-left: 40px;
    }

    .contact {
        height: auto;
        padding: 130px 50px 30px 50px;
        box-sizing: border-box;
        max-height: initial;
    }
    .contact > div {
        display: grid !important;
        grid-template-columns: 100%;
        grid-row-gap: 60px;
        max-height: initial;
    }
    .contact::before {
        display: none;
    }
    .pdf-menu-about {
        max-width: 100% !important;
    }

    /*.pdf-menu-about br {
        display: none;
    }*/
    /* 
    .contact .pdf-menu-about{
        display: none;
    } */

    .created-by-otomweb {
        position: static !important;
        text-align: center;
    }

    .openMenu .mobile-footer p:last-of-type {
        display: none;
    }

    .openMenu .mobile-footer p:nth-last-child(2) {
        margin-bottom: 0px;
    }

    .deleteFooter {
        display: none;
    }

    .openMenu .deleteFooter {
        display: block;
    }

    .contact img {
        height: auto !important;
        margin-bottom: 50px;
    }

    .popup {
        width: calc(100% - 40px);
    }

    .delivery-text {
        display: none;
    }

    .mobile-only a {
        display: block;
        width: min-content;
        white-space: nowrap;
        margin: 0px auto;
    }

    .mobile-only a::after {
        content: "";
        height: 1px;
        width: calc(100% - 2px);
        left: 1px;
        bottom: -2px;
        background-color: var(--main-font-color) !important;
        position: absolute;
    }

    .delivery::before {
        display: none;
    }

    .tigid-gallery__image img {
        display: inline-block;
    }

    .delivery-image img,
    .contact img {
        display: inline-block;
    }





    .popup-page-2 .popup {
        padding: 30px 20px 30px 20px;
        width: 100%;
        max-width: 100vw;
    }

    .popup-page-2 input:not(input[type="radio"]){
        padding: 10px 0px 7px 0px;
    }
    
    .form-grid {
        gap: 24px 20px;
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .radio-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px 20px;
        margin-bottom: 40px;
        text-align: left;
    }
    .radio-grid label:last-child {
        grid-area: 1/2/2/3;
    }
    input[type="radio"] {
        width: 25px;
        height: 28px;
    }
    input[type="radio"]::before {
        left: 0px;
        top: 4px;
        width: 17px;
        height: 17px;
    }
    input[type="radio"]:checked::after {
        width: 7px;
        height: 7px;
        left: 5px;
        top: 9px;
    }

    .popup-page-2 button {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .popup-page-2.thanks-form .thanks-block {
        padding: 35px 20px 30px 20px;
        width: 100%;
        max-width: 100vw;
    }

}