/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@media (max-width: 1320px) {
    .footer-box-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }

    .footer-box:nth-child(2) {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .form:first-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 2rem;
    }

    .content-header {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }

    .content {
        padding: 0 5rem 5rem 5rem;
    }

    /* ======== KargoPage respon Start ======= */

    .kargo-vector {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .kargo-vector__img {
        width: 25rem;
        height: 25rem;
    }

    /* ======== KargoPage respon Start ======= */
}

@media (max-width: 1200px) {
    /* ======== KargoPage respon Start ======= */

    .kargo-caption {
        padding: 0 14rem;
    }

    .kargo-vector__img {
        width: 20rem;
        height: 20rem;
    }

    /* ======== KargoPage respon Start ======= */
}

@media (max-width: 992px) {
    .nav__btn-line {
        display: block;
    }

    .nav__menu {
        display: block;
    }

    .menu {
        display: none;
    }

    /* ======== mainPage respon Start ======= */

    .btn-left,
    .btn-right {
        font-size: 2rem;
    }

    .main-con {
        margin-top: 0;
    }

    .form {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 0;
    }

        .form:nth-child(3) {
            margin-top: 3rem;
        }
    /* ======== mainPage respon End ======= */

    /* ======== Doviz respon Start ======= */

    .tbl-doviz thead {
        font-size: 2rem;
        padding: 1rem 0;
    }

        .tbl-doviz thead th {
            padding: 0.7rem 0;
        }

    .doviz-aciklama {
        display: none;
    }

    /* ======== Doviz respon End ======= */

    /* ======== KargoPage respon Start ======= */

    .kargo-caption {
        font-size: 3rem;
        padding: 0 10rem;
    }

    .kargo-vector__img:nth-child(2) {
        display: none;
    }

    .kargo-footer {
        font-size: 2.3rem;
        padding: 0 10rem;
    }

    /* ======== KargoPage respon Start ======= */

    /* ======== Contact respon Start ======= */

    .contact-container {
        padding: 2rem 1.5rem;
    }

    .contact-bilgiler {
        padding: 5rem 2rem 0 2rem;
    }

    .contact-address:first-child {
        width: 35rem;
    }

    .contact-address:last-child {
        padding-right: 0;
    }

    /* ======== Contct respon Start ======= */

    /* ======== Ticket respon Start ======= */
    .ticket-container {
        padding: 3rem 1rem;
    }

    .ticket-paraph {
        font-size: 1.9rem;
    }
    /* ======== Ticket respon End ======= */

    /* ======== Ticket respon End ======= */

    .about-svg-wrapper {
        margin-top: -5rem;
        margin-bottom: -5rem;
    }

    /* ======== Ticket respon End ======= */
}

@media (max-width: 768px) {
    .header-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    /* ======== Doviz respon Start ======= */

    .tbl-doviz__caption h2 {
        border-radius: 0;
    }

    .tbl-doviz thead {
        display: none;
    }

    .tbl-doviz tbody td {
        display: block;
        font-family: "Kalame Black";
    }

        .tbl-doviz tbody td::before {
            content: attr(data-label);
            display: block;
            font-family: "Kalame Regular";
        }

    /* ======== Doviz respon End ======= */

    /* ======== KargoPage respon Start ======= */

    .kargo-caption {
        font-size: 2.9rem;
        padding: 0 4rem;
    }

    .kargo-vector__img:first-child {
        display: none;
    }

    .kargo-footer {
        padding: 0 4rem;
    }

    /* ======== KargoPage respon Start ======= */

    /* ======== Contact respon Start ======= */

    .contact-map__grid {
        height: 40rem;
    }

    .contact-bilgiler {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 3rem 3rem 0 3rem;
    }

    .contact-address:first-child {
        width: 100%;
        margin-bottom: 3rem;
    }

    .contact-address:last-child {
        width: 100%;
    }

    /* ======== Contct respon Start ======= */

    /* ======== Shopping respon Start ======= */
    .shopping-caption {
        font-size: 2.7rem;
    }

    .brand-wrapper {
        gap: 1rem;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .brand {
        -ms-flex-negative: 1;
        flex-shrink: 1;
        margin-bottom: 0;
    }
    /* ======== Shopping respon End ======= */

    /* ======== Ticket respon End ======= */

    .about-svg-wrapper {
        margin-top: -2rem;
        margin-bottom: -5rem;
    }

    /* ======== Ticket respon End ======= */
}

@media (max-width: 576px) {
    .header-title p {
        font-size: 4rem;
    }

    .content {
        padding: 0 2rem 2rem 2rem;
    }

    .nav-menu__link {
        font-size: 2rem;
    }


    .main-footer-contact {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    /* ======== KargoPage respon Start ======= */

    .kargo-caption {
        font-size: 2.4rem;
        padding: 0;
    }

    .kargo-footer {
        font-size: 2rem;
        padding: 0;
    }

    /* ======== KargoPage respon Start ======= */

    /* ======== Ticket respon Start ======= */

    .ticket-img:first-child {
        display: none;
    }

    .ticket-img-trans:last-child {
        display: none;
    }

    /* ======== Ticket respon End ======= */

    /* ======== Shopping respon Start ======= */
    .shopping-caption {
        font-size: 2.3rem;
    }

    .brand {
        width: 20rem;
        height: 10rem;
    }

    /* ======== Shopping respon End ======= */
}

@media (max-width: 469px) {
    .logo {
        margin-bottom: 0;
    }

    .header-elemnet {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .header-title {
        padding-left: 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .header-title {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .slider {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .btn-right,
    .btn-left {
        display: none;
    }

    .nav__btn--open .nav__btn-line::after {
        -webkit-transform: translateY(-14px) rotate(-45deg);
        -ms-transform: translateY(-14px) rotate(-45deg);
        transform: translateY(-14px) rotate(-45deg);
    }

    .nav__btn--open .nav__btn-line::before {
        -webkit-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg);
    }

    .digi-tbl {
        font-size: 2.5rem;
    }

    .footer-box:nth-child(2) {
        margin-left: 0;
        margin-right: 0;
    }

    /* ======== Ticket respon Start ======= */

    .ticket-caption {
        font-size: 2.6rem;
    }

    .ticket-paraph {
        text-align: justify;
    }

    .ticket-img {
        padding: 0;
    }

    .ticket-imgs {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .ticket-img:nth-child(2) {
        display: none;
    }

    .ticket-img-trans {
        padding: 0;
    }

    .ticket-services {
        text-align: right;
    }

    /* ======== Ticket respon End ======= */

    /* ======== Shopping respon Start ======= */
    .shopping-caption {
        font-size: 2.3rem;
    }

    .brand {
        width: 16rem;
        height: 9rem;
    }

    /* ======== Shopping respon End ======= */

    /* ======== Ticket respon End ======= */

    .about-svg-wrapper {
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    /* ======== Ticket respon End ======= */
}

@media (max-width: 436px) {
    .logo {
        width: 8rem;
    }

    .header-title {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .nav__btn-line {
        width: 3rem;
        height: 0.4rem;
    }

        .nav__btn-line::before,
        .nav__btn-line::after {
            width: 3rem;
            height: 0.4rem;
        }

        .nav__btn-line::before {
            top: -1rem;
        }

        .nav__btn-line::after {
            top: 1rem;
        }

    .nav__btn--open .nav__btn-line::before {
        -webkit-transform: translateY(6px) rotate(45deg);
        -ms-transform: translateY(6px) rotate(45deg);
        transform: translateY(6px) rotate(45deg);
    }

    .form {
        height: auto;
    }

    .form__digi {
        height: auto;
        padding: 2.5rem 1rem;
    }

    .digi-tbl {
        font-size: 2.2rem;
    }

    .form:first-child {
        width: 100%;
    }

    .form__one-btn {
        width: 100%;
    }

    .crypto {
        width: 4rem;
    }

    .form__search {
        padding: 2rem;
    }

    .form__panel__text {
        font-size: 1.9rem;
    }

    .form-controls {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .btn-search {
        margin-top: 2rem;
        text-align: center;
    }

    .footer-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        padding: 1rem;
    }

    .footer-desc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 1rem;
    }

    .angel-footer {
        display: none;
    }

    .main-footer-text {
        font-size: 3rem;
    }

    .contact-content {
        font-size: 1.5rem;
    }

    .left-contact {
        margin-right: 0;
    }

    /* ======== Doviz respon Start ======= */
    .doviz-container {
        padding: 0;
        margin-top: 4rem;
    }

    .tbl-doviz__caption h2 {
        font-size: 2.5rem;
    }

    .tbl-doviz tbody {
        font-size: 2.2rem;
    }

    .crypto {
        margin-bottom: 0.5rem;
    }
    /* ======== Doviz respon End ======= */

    /* ======== KargoPage respon Start ======= */

    .kargo-vector {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
    }

    .kargo-footer {
        text-align: justify;
    }

    /* ======== KargoPage respon Start ======= */

    /* ======== Contact respon Start ======= */

    .contact-container {
        padding: 2rem 0;
    }

    .contact-bilgiler {
        padding: 3rem 0 0 0;
        font-size: 1.6rem;
    }

    /* ======== Contct respon Start ======= */

    /* ======== Shopping respon Start ======= */

    .shopping-caption {
        text-align: justify;
    }

    .brand {
        width: 12rem;
        height: 8rem;
        border-radius: 1rem;
    }

    /* ======== Shopping respon End ======= */

    .chat-plat {
        width: 100%;
    }
}

@media (max-width: 350px) {
    .slider {
        display: none;
    }

    .digi-tbl {
        font-size: 2.5rem;
    }

        .digi-tbl td {
            display: block;
        }

            .digi-tbl td:first-child {
                border-right: 2px solid #acacac;
                border-bottom: 0;
                text-align: center;
            }

            .digi-tbl td:nth-child(2) {
                border-right: 2px solid #acacac;
                border-left: 2px solid #acacac;
                border-bottom: 0;
                border-top: 0;
            }

            .digi-tbl td:last-child {
                border-right: 2px solid #acacac;
                border-left: 2px solid #acacac;
                border-top: 0;
                text-align: center;
            }


    .form__panel__text {
        font-size: 1.8rem;
    }

    .main-footer-text {
        font-size: 2.7rem;
    }
}