* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --input-bg: #fff;
    --remziBlack: #161616;
    --remziColorBlack: #1F1F1F;
    --remziBeige: #F7F7F8;
    --remziGray: #676767;
    --remziDarkGray: #3C3436;
    --remziBorderGray: #E6E6E6;
    --remziBorderLightGray: #E8E8E8;
    --remziburgundy: #8F1D34;
    --remziCharcoal: #3C3C3C;
    --remziSlate: #3C3E3E;
    --sb-track-color: transparent;
    --sb-thumb-color: #f0f0f2;
    --sb-size: 2px;
    --headerPadding: calc((100vw - 1240px) / 2);
}

html, body {
    height: 100%;
    margin: 0;
    background-color: white;
}

body {
    overflow-x: hidden;
}

#form1 {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main-wrapper {
    flex: 1;
}

dl, ol, ul, p {
    margin-bottom: 0;
}

h1 {
    margin: 0;
}

input, textarea {
    background: var(--input-bg);
    border: none;
    outline: none;
}

.success {
    color: #28a745;
}

.danger {
    color: #dc3545;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--input-bg) inset !important;
    transition: background-color 9999s ease-in-out 0s;
    font-family: OpenSans-Regular;
}

input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

.clear-both {
    clear: both;
}

.top-scroll {
    position: fixed;
    right: 7.72%;
    bottom: 7%;
    cursor: pointer;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99;
    cursor: pointer;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #6D6E71;
    display: flex;
    background-color: white;
    flex-direction: column;
    font-size: 15px;
    line-height: 20px;
    font-family: OpenSans-Regular;
    color: var(--remziCharcoal);
    white-space: nowrap;
    gap: 13.2px;
    padding-top: 34.2px;
}

    .top-scroll::after {
        content: '';
        position: absolute;
        inset: -1.5px;
        border-radius: 50%;
        border: 2px solid transparent;
        border-top-color: #333;
        animation: spin 1.2s infinite;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
        animation-timing-function: ease-in;
    }

    50% {
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    100% {
        transform: rotate(360deg);
    }
}

.top-scroll i {
    color: black;
    position: relative;
    font-size: 21px;
}

/*#region Container*/
.remzi-container {
    width: 1240px;
    margin: 0 auto;
}



.file-application-container {
    width: 1138px;
    margin: 0 auto;
}

.remzi-container-s {
    width: 925px;
    margin: 0 auto;
}

.kvk-form-container {
    width: 651px;
    margin: 0 auto;
    padding: 0 !important;
}
/*#endregion*/

/*#region Container Alt Sayfa*/
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .remzi-container {
        width: 90%;
    }

    .file-application-container {
        width: 85%;
    }

    .remzi-container-s {
        width: 74%;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .remzi-container {
        width: 95%;
    }

    .activity-container {
        width: 92%;
    }

    .file-application-container {
        width: 90%;
    }

    .remzi-container-s {
        width: 80%;
    }
}
/*#endregion*/

/*#region Container Responsive*/
/* iphone 5/5s dikey - iphone 14 Yatay */
@media only screen and (max-width:999px) {
    .remzi-container {
        width: 95%;
    }

    .activity-container {
        width: 92%;
    }

    .file-application-container {
        width: 95%;
    }

    .remzi-container-s {
        width: 80%;
    }
}


/*#endregion*/

/*#region Fonts*/
@font-face {
    font-family: 'Font Awesome 7 Brands';
    src: url('/Assets/Fonts/FontAwesome7Brands-Regular.eot');
    src: url('/Assets/Fonts/FontAwesome7Brands-Regular.eot?#iefix') format('embedded-opentype'), url('/Assets/Fonts/FontAwesome7Brands-Regular.woff2') format('woff2'), url('/Assets/Fonts/FontAwesome7Brands-Regular.woff') format('woff'), url('/Assets/Fonts/FontAwesome7Brands-Regular.ttf') format('truetype'), url('/Assets/Fonts/FontAwesome7Brands-Regular.svg#FontAwesome7Brands-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome v4 Compatibility';
    src: url('/Assets/Fonts/FontAwesomev4Compatibility-Regular.eot');
    src: url('/Assets/Fonts/FontAwesomev4Compatibility-Regular.eot?#iefix') format('embedded-opentype'), url('/Assets/Fonts/FontAwesomev4Compatibility-Regular.woff2') format('woff2'), url('/Assets/Fonts/FontAwesomev4Compatibility-Regular.woff') format('woff'), url('/Assets/Fonts/FontAwesomev4Compatibility-Regular.ttf') format('truetype'), url('/Assets/Fonts/FontAwesomev4Compatibility-Regular.svg#FontAwesomev4Compatibility-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 7 Free Regular';
    src: url('/Assets/Fonts/FontAwesome7Free-Regular.eot');
    src: url('/Assets/Fonts/FontAwesome7Free-Regular.eot?#iefix') format('embedded-opentype'), url('/Assets/Fonts/FontAwesome7Free-Regular.woff2') format('woff2'), url('/Assets/Fonts/FontAwesome7Free-Regular.woff') format('woff'), url('/Assets/Fonts/FontAwesome7Free-Regular.ttf') format('truetype'), url('/Assets/Fonts/FontAwesome7Free-Regular.svg#FontAwesome7Free-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 7 Free Solid';
    src: url('/Assets/Fonts/FontAwesome7Free-Solid.eot');
    src: url('/Assets/Fonts/FontAwesome7Free-Solid.eot?#iefix') format('embedded-opentype'), url('/Assets/Fonts/FontAwesome7Free-Solid.woff2') format('woff2'), url('/Assets/Fonts/FontAwesome7Free-Solid.woff') format('woff'), url('/Assets/Fonts/FontAwesome7Free-Solid.ttf') format('truetype'), url('/Assets/Fonts/FontAwesome7Free-Solid.svg#FontAwesome7Free-Solid') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('/Assets/Fonts/OpenSans-Regular.eot');
    src: url('/Assets/Fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('/Assets/Fonts/OpenSans-Regular.woff2') format('woff2'), url('/Assets/Fonts/OpenSans-Regular.woff') format('woff'), url('/Assets/Fonts/OpenSans-Regular.ttf') format('truetype'), url('/Assets/Fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('/Assets/Fonts/OpenSans-Bold.eot');
    src: url('/Assets/Fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('/Assets/Fonts/OpenSans-Bold.woff2') format('woff2'), url('/Assets/Fonts/OpenSans-Bold.woff') format('woff'), url('/Assets/Fonts/OpenSans-Bold.ttf') format('truetype'), url('/Assets/Fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('/Assets/Fonts/OpenSans-SemiBold.eot');
    src: url('/Assets/Fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('/Assets/Fonts/OpenSans-SemiBold.woff2') format('woff2'), url('/Assets/Fonts/OpenSans-SemiBold.woff') format('woff'), url('/Assets/Fonts/OpenSans-SemiBold.ttf') format('truetype'), url('/Assets/Fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans-Italic';
    src: url('/Assets/Fonts/OpenSans-Italic.eot');
    src: url('/Assets/Fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('/Assets/Fonts/OpenSans-Italic.woff2') format('woff2'), url('/Assets/Fonts/OpenSans-Italic.woff') format('woff'), url('/Assets/Fonts/OpenSans-Italic.ttf') format('truetype'), url('/Assets/Fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url('/Assets/Fonts/OpenSans-Light.eot');
    src: url('/Assets/Fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('/Assets/Fonts/OpenSans-Light.woff2') format('woff2'), url('/Assets/Fonts/OpenSans-Light.woff') format('woff'), url('/Assets/Fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('/Assets/Fonts/OpenSans-ExtraBold.eot');
    src: url('/Assets/Fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/Assets/Fonts/OpenSans-ExtraBold.woff2') format('woff2'), url('/Assets/Fonts/OpenSans-ExtraBold.woff') format('woff'), url('/Assets/Fonts/OpenSans-ExtraBold.ttf') format('truetype'), url('/Assets/Fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*#endregion*/

/*#region Header*/
.header-logo img {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.mm-navbar__title > span {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .mm-navbar__title > span .header-logo {
        max-width: 100%;
    }

.mm-panel::-webkit-scrollbar {
    width: 3px;
}

.mm-panel::-webkit-scrollbar-track {
    background: var(--sb-track-color);
    border-radius: 1px;
    margin-right: 8px;
}

.mm-panel::-webkit-scrollbar-thumb {
    background: var(--remziburgundy);
    border-radius: 3px;
}

@supports not selector(::-webkit-scrollbar) {
    .mm-panel {
        scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    }
}



.mobile-menu-button {
    display: none;
}

.header-main {
    background-color: white;
    position: sticky;
    top: 0;
    z-index: 9999;
}

.header {
    display: flex;
    padding: 20px 0;
    justify-content: space-between;
    align-items: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

    .header.scrolled {
        padding: 10px 0;
    }

.header-logo {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 276/50;
    max-width: 276px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.header.scrolled .header-logo {
    max-width: 19.25%;
}

.header-right {
    width: 31.45%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.header-search {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #EDEDED;
    padding: 6px 15px;
    position: relative;
}

.search-content {
    position: absolute;
    bottom: 0%;
    left: 0;
    width: 100%;
    transform: translate(0, 101%);
    z-index: 1;
    background-color: white;
    box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    /* Efekt */
    opacity: 0;
    transform: translate(0, 95%);
    transition: opacity 0.2s ease, transform 0.25s ease;
    pointer-events: none;
}

    .search-content.active {
        opacity: 1;
        transform: translate(0, 100%);
        pointer-events: all;
        z-index: 5;
    }

.search-content-item {
    font-size: 14px;
    line-height: 34px;
    color: black;
    font-family: OpenSans-SemiBold;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s ease-in-out all;
}

    .search-content-item#searchEmpty {
        color: #5C5C5C;
        font-size: 18px;
        font-family: OpenSans-SemiBold;
        line-height: 24px;
        display: block;
        text-align: center;
        padding: 50px 10px;
    }

    .search-content-item:hover {
        background-size: 100% 100%;
        -webkit-text-fill-color: transparent;
    }

    .search-content-item span {
        width: 50%;
    }

        .search-content-item span:last-child {
            text-align: right;
        }

.header-search input, .header-search input::placeholder {
    font-size: 13px;
    font-family: OpenSans-Regular;
    color: var(--remziGray);
    width: 100%;
}

.header-search input {
    font-size: 14px;
}

.header-search-button {
    color: #131313;
    font-size: 21px;
    text-decoration: none;
}

.header-menu {
    background-color: var(--remziBeige);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.66%;
    position: relative;
    box-shadow: none;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 2;
}

    .header-menu.scrolled {
        box-shadow: 0 10px 12px rgba(0, 0, 0, .04);
    }

    .header-menu > li {
        list-style-type: none;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        border-top: 3px solid transparent;
        border-bottom: 3px solid transparent;
        transition: .25s ease-in-out all;
    }

        .header-menu > li:hover {
            border-bottom-color: var(--remziburgundy);
        }

        .header-menu > li > a {
            text-decoration: none;
            font: 17px/23px OpenSans-Semibold;
            letter-spacing: 0.68px;
            color: var(--remziColorBlack);
        }

.header-books-main {
    transform: translate(-50%, 0%);
    position: absolute;
    display: block;
    width: 100%;
    height: 61.32vh;
    top: 90%;
    left: 50%;
    visibility: hidden;
    opacity: 0;
    display: flex;
    transition: all 0.3s ease, transform 0.3s ease;
    z-index: 1;
    flex-wrap: wrap;
}



    .header-books-main::after {
        display: block;
        content: '';
        position: relative;
        z-index: 1;
        height: calc(38.68vh - 140px);
        background: #000000;
        opacity: .1;
        pointer-events: none;
        width: 100%;
    }

.scrolled .header-books-main::after {
    height: calc(38.68vh - 113.23px);
}

.header-books-main .remzi-container, .header-books-main .header-books {
    height: 100%;
}

.header-menu li:hover .header-books-main {
    opacity: 1;
    visibility: visible;
    top: 100%;
    pointer-events: auto;
}

.header-books {
    width: 28.03%;
    display: flex;
    flex-direction: column;
    padding: 40px 21px 32px var(--headerPadding);
    border-right: 2px solid #EDEDED;
    gap: 14px;
    overflow-y: auto;
    background-color: white;
    position: relative;
    z-index: 1;
}

    .header-books::-webkit-scrollbar {
        width: var(--sb-size);
    }

    .header-books::-webkit-scrollbar-track {
        background: var(--sb-track-color);
        border-radius: 1px;
        margin-right: 8px;
    }

    .header-books::-webkit-scrollbar-thumb {
        background: var(--sb-thumb-color);
        border-radius: 3px;
    }

@supports not selector(::-webkit-scrollbar) {
    .header-books {
        scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    }
}

.header-book {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    color: black;
    font-family: OpenSans-Bold;
    font-size: 15px;
    transition: .03s ease-in-out all;
    cursor: pointer;
    background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s ease-in-out all;
    text-decoration: none;
}

    .header-book:hover {
        background-size: 100% 100%;
        -webkit-text-fill-color: transparent;
    }


.header-book-main {
    width: 71.97%;
    height: fit-content;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    padding-right: var(--headerPadding);
    background-color: white;
    position: relative;
    z-index: 1;
}

.header-book-scroll-main {
    height: fit-content;
    max-height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    scroll-padding-top: 80px;
    scroll-margin-top: 80px;
}

.header-book-scroll-main {
    margin-top: 0;
}

    .header-book-scroll-main:has(.header-book-detail:not([style*="display: none"])) {
        margin-top: 40px;
    }

    .header-book-scroll-main::-webkit-scrollbar {
        width: var(--sb-size);
    }

    .header-book-scroll-main::-webkit-scrollbar-track {
        background: var(--sb-track-color);
        border-radius: 1px;
        margin-right: 8px;
    }

    .header-book-scroll-main::-webkit-scrollbar-thumb {
        background: var(--sb-thumb-color);
        border-radius: 3px;
    }

@supports not selector(::-webkit-scrollbar) {
    .header-book-scroll-main {
        scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    }
}

.header-book-detail {
    padding: 0px 0 53px 50px;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 24px 11%;
    align-items: start;
    align-content: baseline;
    background-color: white;
}



.header-book-overlay {
    content: '';
    height: 100%;
    width: 100%;
    background: #000000;
    opacity: .1;
    display: block;
    position: absolute;
}


.header-book-detail li {
    display: block;
    list-style-type: none;
}

.header-book-detail > li {
    width: 26%;
}

.header-book-detail li a {
    font-family: OpenSans-Regular;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    padding-left: 0;
    -webkit-text-fill-color: var(--remziDarkGray);
    background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s ease-in-out all;
}

.header-book-detail > li > a {
    font-family: OpenSans-Bold;
}

.header-book-detail li a:hover {
    background-size: 100% 100%;
    -webkit-text-fill-color: transparent;
    padding-left: 5px;
}




.header-book-detail > li > ul {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    width: 100%;
    gap: 3px;
}


.header-right-books {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: end;
    height: 100%;
    width: 15.71%;
    padding: 40px 0 0 0;
    gap: 10px;
}

    .header-right-books li {
        display: block;
        list-style-type: none;
    }

        .header-right-books li a {
            margin-left: auto;
            text-decoration: none;
            display: block;
            border-radius: 50%;
            border: 1px solid var(--remziBorderGray);
            overflow: hidden;
            width: 61.85%;
            aspect-ratio: 1;
            transition: border-color 0.3s ease, box-shadow 0.3s ease;
        }

            .header-right-books li a:hover {
                border-color: #aaa;
                box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
            }

            .header-right-books li a img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 0.4s ease;
            }

            .header-right-books li a:hover img {
                transform: scale(1.15);
            }

.header-writer {
    z-index: 1;
    height: auto;
}

    .header-writer::after {
        content: none;
    }

.header-writer-overlay {
    position: absolute;
    width: 100vw;
    height: calc(100vh - 100%);
    top: 100%;
    left: 0;
    background-color: black;
    opacity: .1;
    pointer-events: none;
}


.active .search-overlay {
    pointer-events: auto;
    opacity: .31;
}

#searchContent {
    height: fit-content;
    max-height: 61.32vh;
    overflow: auto;
    padding: 45px 3.449% 86px;
    display: flex;
    gap: 36px 4.5%;
    flex-wrap: wrap;
}

.search-book-item {
    width: 21.623%;
    display: flex;
    gap: 5.83%;
    text-decoration: none;
}

.search-book-detail {
    width: 63.76%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.search-book-image {
    width: 30.41%;
    aspect-ratio: 73/109;
}

    .search-book-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.search-book-title {
    display: block;
    font-size: 14px;
    line-height: 19px;
    font-family: OpenSans-Bold;
    height: fit-content;
    max-height: 62.09px;
    color: black;
    overflow: hidden;
    background-image: linear-gradient(to right, black, black);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s ease-in-out all;
    text-decoration: none;
}

.search-book-writer {
    display: block;
    color: #5C5C5C;
    font-size: 14px;
    line-height: 19px;
    font-family: OpenSans-Regular;
    height: 19px;
    overflow: hidden;
    background-image: linear-gradient(to right, black, black);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s ease-in-out all;
}

.search-book-writer-main {
    color: black;
    text-decoration: underline;
}

.search-book-item:hover .search-book-title,
.search-book-item:hover .search-book-writer {
    background-size: 100% 100%;
    -webkit-text-fill-color: transparent;
}

#searchContent::-webkit-scrollbar {
    width: var(--sb-size);
}

#searchContent::-webkit-scrollbar-track {
    background: var(--sb-track-color);
    border-radius: 1px;
    margin-right: 8px;
}

#searchContent::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 3px;
}

@supports not selector(::-webkit-scrollbar) {
    #searchContent {
        scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    }
}


.header-writer-main {
    padding-top: 0;
    width: 100%;
    height: fit-content;
    max-height: calc(100% - 32px);
    background-color: white;
    padding: 0 var(--headerPadding) 20px;
    position: relative;
    z-index: 2;
}

.header-writer-content-main {
    margin-top: 33px;
    height: fit-content;
    max-height: 48vh;
    overflow-y: auto;
}

    .header-writer-content-main::-webkit-scrollbar {
        width: var(--sb-size);
    }

    .header-writer-content-main::-webkit-scrollbar-track {
        background: var(--sb-track-color);
        border-radius: 1px;
        margin-right: 8px;
    }

    .header-writer-content-main::-webkit-scrollbar-thumb {
        background: var(--sb-thumb-color);
        border-radius: 3px;
    }

@supports not selector(::-webkit-scrollbar) {
    .header-writer-content-main {
        scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    }
}

.header-writer-detail {
    /* padding-top: 33px; */
    display: flex;
    justify-content: start;
    align-items: start;
    align-content: baseline;
    flex-wrap: wrap;
    gap: 12px 2%;
    width: 100%;
}

    .header-writer-detail li {
        width: 23.5%;
        display: block;
    }

        .header-writer-detail li a {
            font-size: 15px;
            text-decoration: none;
            color: black;
            line-height: 15px;
            font-family: OpenSans-Regular;
        }

            .header-writer-detail li a:hover {
                font-family: OpenSans-SemiBold;
                text-decoration: underline;
            }

.writer-letter-main {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px #EDEDED solid;
    padding: 20.5px 0;
}

.writer-letter-item {
    font-size: 16px;
    font-family: OpenSans-SemiBold;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    aspect-ratio: 1;
    transition: .25s ease-in-out all;
    background-color: white;
    cursor: pointer;
}

    .writer-letter-item:hover, .writer-letter-item.active {
        background-color: var(--remziColorBlack);
        color: white;
    }


/*#endregion*/

/*#region Header Alt Sayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .header.scrolled .header-logo img {
        width: 260px;
        height: 47px;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .header.scrolled .header-logo img {
        width: 245px;
        height: 44px;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .header.scrolled .header-logo img {
        width: 238px;
        height: 43px;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .header.scrolled .header-logo img {
        width: 221px;
        height: 40px;
    }
    #searchContent {
        padding: 35px 3.449% 50px;
    }

    :root {
        --headerPadding: calc((100vw - 90%) / 2);
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .header.scrolled .header-logo img
    {
        width:187px;
        height:34px;
    }

    #searchContent {
        padding: 35px 3.449% 50px;
    }

    .header-books {
        padding-top: 30px;
    }

    .header-book-detail {
        padding: 30px 0 30px 30px;
        gap: 20px 9%;
    }

    :root {
        --headerPadding: calc((100vw - 95%) / 2);
    }
}
/*#endregion*/

/*#region Header Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .header-logo {
        display: flex;
        justify-content: center;
    }

        .header-logo img {
            width: 173px;
            height: 31px;
        }

    .header.scrolled .header-logo img {
        width: 160px;
        height: 29px;
    }
    .header-search input, .header-search input::placeholder {
        font-size: 14px;
    }

    .mobile-menu-button {
        display: block;
        position: absolute;
        top: 10px;
        left: 2.5%;
        font-size: 24px;
        text-decoration: none;
        color: var(--remziBlack);
    }

    .header-menu {
        display: none;
    }

    .header {
        padding: 10px 2.5% !important;
        margin: 0;
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .header-logo {
        max-width: 57%;
    }

    .header.scrolled {
        box-shadow: 0 10px 12px rgba(0, 0, 0, .04);
    }

        .header.scrolled .header-logo {
            max-width: 52%;
        }

    .header-right {
        width: 85%;
    }

    .header-search {
        padding: 3px 15px;
    }

    .header-search-button {
        font-size: 16px;
    }

    .search-book-item {
        width: 100%;
    }

    #searchContent {
        padding: 10px 0% 10px;
        gap: 10px;
    }

    .search-content-item#searchEmpty {
        padding: 15px 10px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .header-logo {
        display: flex;
        justify-content: center;
    }

        .header-logo img {
            width: 193px;
            height: 35px;
        }

    .header.scrolled .header-logo img {
        width: 204px;
        height: 37px;
    }
    .header-search input, .header-search input::placeholder {
        font-size: 14px;
    }

    .mobile-menu-button {
        display: block;
        position: absolute;
        top: 10px;
        left: 2.5%;
        font-size: 24px;
        text-decoration: none;
        color: var(--remziBlack);
    }

    .header-menu {
        display: none;
    }

    .header {
        padding: 10px 2.5% !important;
        margin: 0;
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .header-logo {
        max-width: 57%;
    }

    .header.scrolled {
        box-shadow: 0 10px 12px rgba(0, 0, 0, .04);
    }

        .header.scrolled .header-logo {
            max-width: 52%;
        }

    .header-right {
        width: 85%;
    }

    .header-search {
        padding: 3px 15px;
    }

    .header-search-button {
        font-size: 16px;
    }

    .search-book-item {
        width: 100%;
    }

    #searchContent {
        padding: 10px 0% 10px;
        gap: 10px;
    }

    .search-content-item#searchEmpty {
        padding: 15px 10px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .header-logo {
        display: flex;
        justify-content: center;
    }

        .header-logo img {
            width: 210px;
            height: 38px;
        }

    .header.scrolled .header-logo img {
        width: 188px;
        height: 34px;
    }
    .header-search input, .header-search input::placeholder {
        font-size: 14px;
    }

    .mobile-menu-button {
        display: block;
        position: absolute;
        top: 10px;
        left: 2.5%;
        font-size: 24px;
        text-decoration: none;
        color: var(--remziBlack);
    }

    .header-menu {
        display: none;
    }

    .header {
        padding: 10px 2.5% !important;
        margin: 0;
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .header-logo {
        max-width: 57%;
    }

    .header.scrolled {
        box-shadow: 0 10px 12px rgba(0, 0, 0, .04);
    }

        .header.scrolled .header-logo {
            max-width: 52%;
        }

    .header-right {
        width: 85%;
    }


    .header-search-button {
        font-size: 18px;
    }

    .search-book-item {
        width: 100%;
    }

    #searchContent {
        padding: 10px 0% 10px;
        gap: 10px;
    }

    .search-content-item#searchEmpty {
        padding: 15px 10px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .header-logo {
        display: flex;
        justify-content: center;
    }

        .header-logo img {
            width: 210px;
            height: 38px;
        }

    .header.scrolled .header-logo img {
        width: 193px;
        height: 35px;
    }
    .header-search input, .header-search input::placeholder {
        font-size: 14px;
    }

    .mobile-menu-button {
        display: block;
        position: absolute;
        top: 10px;
        left: 2.5%;
        font-size: 24px;
        text-decoration: none;
        color: var(--remziBlack);
    }

    .header-menu {
        display: none;
    }

    .header {
        padding: 10px 2.5% !important;
        margin: 0;
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .header-logo {
        max-width: 57%;
    }

    .header.scrolled {
        box-shadow: 0 10px 12px rgba(0, 0, 0, .04);
    }

        .header.scrolled .header-logo {
            max-width: 52%;
        }

    .header-right {
        width: 85%;
    }


    .header-search-button {
        font-size: 18px;
    }

    .search-book-item {
        width: 100%;
    }

    #searchContent {
        padding: 10px 0% 10px;
        gap: 10px;
    }

    .search-content-item#searchEmpty {
        padding: 15px 10px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .header-logo {
        display: flex;
        justify-content: center;
    }

        .header-logo img {
            width: 226px;
            height: 41px;
        }

    .header.scrolled .header-logo img {
        width: 204px;
        height: 37px;
    }
    .header-search input, .header-search input::placeholder {
        font-size: 14px;
    }

    .mobile-menu-button {
        display: block;
        position: absolute;
        top: 10px;
        left: 2.5%;
        font-size: 24px;
        text-decoration: none;
        color: var(--remziBlack);
    }

    .header-menu {
        display: none;
    }

    .header {
        padding: 10px 2.5% !important;
        margin: 0;
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .header-logo {
        max-width: 57%;
    }

    .header.scrolled {
        box-shadow: 0 10px 12px rgba(0, 0, 0, .04);
    }

        .header.scrolled .header-logo {
            max-width: 52%;
        }

    .header-right {
        width: 85%;
    }


    .header-search-button {
        font-size: 18px;
    }

    .search-book-item {
        width: 100%;
    }

    #searchContent {
        padding: 10px 0% 10px;
        gap: 10px;
    }

    .search-content-item#searchEmpty {
        padding: 15px 10px;
    }
}
/*#endregion*/

/*#region Header Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .header-logo {
        display: flex;
        justify-content: center;
    }

        .header-logo img {
            width: 210px;
            height: 38px;
        }

    .header.scrolled .header-logo img {
        width: 193px;
        height: 35px;
    }
    .header-search input, .header-search input::placeholder {
        font-size: 14px;
    }

    .mobile-menu-button {
        display: block;
        position: absolute;
        top: 10px;
        left: 2.5%;
        font-size: 24px;
        text-decoration: none;
        color: var(--remziBlack);
    }

    .header-menu {
        display: none;
    }

    .header {
        padding: 10px 2.5% !important;
        margin: 0;
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .header-logo {
        max-width: 46%;
    }

    .header.scrolled {
        box-shadow: 0 10px 12px rgba(0, 0, 0, .04);
    }

        .header.scrolled .header-logo {
            max-width: 40%;
        }

    .header-right {
        width: 82%;
    }

    .header-search {
        padding: 3px 15px;
    }

    .search-book-item {
        width: 48.75%;
        gap: 2.83%;
    }

    #searchContent {
        padding: 10px 0% 10px;
        gap: 10px 2.5%;
    }

    .search-content-item#searchEmpty {
        padding: 15px 10px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .header-logo {
        display: flex;
        justify-content: center;
    }

        .header-logo img {
        width: 210px;
        height: 38px;
        }

    .header.scrolled .header-logo img {
            width: 193px;
            height: 35px;
    }
    .header-search input, .header-search input::placeholder {
        font-size: 14px;
    }

    .mobile-menu-button {
        display: block;
        position: absolute;
        top: 10px;
        left: 2.5%;
        font-size: 24px;
        text-decoration: none;
        color: var(--remziBlack);
    }

    .header-menu {
        display: none;
    }

    .header {
        padding: 10px 2.5% !important;
        margin: 0;
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .header-logo {
        max-width: 36%;
    }

    .header.scrolled {
        box-shadow: 0 10px 12px rgba(0, 0, 0, .04);
    }

        .header.scrolled .header-logo {
            max-width: 33%;
        }

    .header-right {
        width: 74%;
    }

    .header-search {
        padding: 4px 15px;
    }

    .search-book-item {
        width: 48.75%;
        gap: 2.83%;
    }

    #searchContent {
        padding: 10px 0% 10px;
        gap: 10px 2.5%;
    }

    .search-content-item#searchEmpty {
        padding: 15px 10px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .header-logo {
        display: flex;
        justify-content: center;
    }

        .header-logo img {
            width: 210px;
            height: 38px;
        }

    .header.scrolled .header-logo img {
        width: 182px;
        height: 33px;
    }
    .header-search input, .header-search input::placeholder {
        font-size: 14px;
    }

    .mobile-menu-button {
        display: block;
        position: absolute;
        top: 10px;
        left: 2.5%;
        font-size: 24px;
        text-decoration: none;
        color: var(--remziBlack);
    }

    .header-menu {
        display: none;
    }

    .header {
        padding: 10px 2.5% !important;
        margin: 0;
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .header-logo {
        max-width: 35%;
    }

    .header.scrolled {
        box-shadow: 0 10px 12px rgba(0, 0, 0, .04);
    }

        .header.scrolled .header-logo {
            max-width: 30%;
        }

    .header-right {
        width: 65%;
    }

    .header-search {
        padding: 3px 15px;
    }

    .search-book-item {
        width: 48.75%;
        gap: 2.83%;
    }

    #searchContent {
        padding: 10px 0% 10px;
        gap: 10px 2.5%;
    }

    .search-content-item#searchEmpty {
        padding: 15px 10px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .header-logo {
        display: flex;
        justify-content: center;
    }

        .header-logo img {
            width: 221px;
            height: 40px;
        }

    .header.scrolled .header-logo img {
        width: 188px;
        height: 34px;
    }
    .header-search input, .header-search input::placeholder {
        font-size: 14px;
    }

    .mobile-menu-button {
        display: block;
        position: absolute;
        top: 10px;
        left: 2.5%;
        font-size: 24px;
        text-decoration: none;
        color: var(--remziBlack);
    }

    .header-menu {
        display: none;
    }

    .header {
        padding: 10px 2.5% !important;
        margin: 0;
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .header-logo {
        max-width: 35%;
    }

    .header.scrolled {
        box-shadow: 0 10px 12px rgba(0, 0, 0, .04);
    }

        .header.scrolled .header-logo {
            max-width: 30%;
        }

    .header-right {
        width: 63%;
    }

    .header-search {
        padding: 3px 15px;
    }

    .search-book-item {
        width: 48.75%;
        gap: 2.83%;
    }

    #searchContent {
        padding: 10px 0% 10px;
        gap: 10px 2.5%;
    }

    .search-content-item#searchEmpty {
        padding: 15px 10px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .header-logo {
        display: flex;
        justify-content: center;
    }

        .header-logo img {
            width: 243px;
            height: 44px;
        }

    .header.scrolled .header-logo img {
        width: 210px;
        height: 38px;
    }
    .header-search input, .header-search input::placeholder {
        font-size: 14px;
    }

    .mobile-menu-button {
        display: block;
        position: absolute;
        top: 10px;
        left: 2.5%;
        font-size: 24px;
        text-decoration: none;
        color: var(--remziBlack);
    }

    .header-menu {
        display: none;
    }

    .header {
        padding: 10px 2.5% !important;
        margin: 0;
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .header-logo {
        max-width: 35%;
    }

    .header.scrolled {
        box-shadow: 0 10px 12px rgba(0, 0, 0, .04);
    }

        .header.scrolled .header-logo {
            max-width: 30%;
        }

    .header-right {
        width: 57%;
    }

    .header-search {
        padding: 3px 15px;
    }

    .search-book-item {
        width: 48.75%;
        gap: 2.83%;
    }

    #searchContent {
        padding: 10px 0% 10px;
        gap: 10px 2.5%;
    }

    .search-content-item#searchEmpty {
        padding: 15px 10px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .header-logo {
        display: flex;
        justify-content: center;
    }

        .header-logo img {
            width: 248px;
            height: 45px;
        }

    .header.scrolled .header-logo img {
        width: 210px;
        height: 38px;
    }
    .header-search input, .header-search input::placeholder {
        font-size: 14px;
    }

    .mobile-menu-button {
        display: block;
        position: absolute;
        top: 10px;
        left: 2.5%;
        font-size: 24px;
        text-decoration: none;
        color: var(--remziBlack);
    }

    .header-menu {
        display: none;
    }

    .header {
        padding: 10px 2.5% !important;
        margin: 0;
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .header-logo {
        max-width: 34%;
    }

    .header.scrolled {
        box-shadow: 0 10px 12px rgba(0, 0, 0, .04);
    }

        .header.scrolled .header-logo {
            max-width: 29%;
        }

    .header-right {
        width: 54%;
    }

    .header-search {
        padding: 5px 15px;
    }

    .search-book-item {
        width: 48.75%;
        gap: 2.83%;
    }

    #searchContent {
        padding: 10px 0% 10px;
        gap: 10px 2.5%;
    }

    .search-content-item#searchEmpty {
        padding: 15px 10px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .header-logo {
        display: flex;
        justify-content: center;
    }

        .header-logo img {
            width: 262px;
            height: 47px;
        }

    .header.scrolled .header-logo img {
        width: 233px;
        height: 42px;
    }
    .header-search input, .header-search input::placeholder {
        font-size: 14px;
    }

    .mobile-menu-button {
        display: block;
        position: absolute;
        top: 10px;
        left: 2.5%;
        font-size: 24px;
        text-decoration: none;
        color: var(--remziBlack);
    }

    .header-menu {
        display: none;
    }

    .header {
        padding: 10px 2.5% !important;
        margin: 0;
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .header-logo {
        max-width: 34%;
    }

    .header.scrolled {
        box-shadow: 0 10px 12px rgba(0, 0, 0, .04);
    }

        .header.scrolled .header-logo {
            max-width: 29%;
        }

    .header-right {
        width: 50%;
    }

    .header-search {
        padding: 5px 15px;
    }

    .search-book-item {
        width: 48.75%;
        gap: 2.83%;
    }

    #searchContent {
        padding: 10px 0% 10px;
        gap: 10px 2.5%;
    }

    .search-content-item#searchEmpty {
        padding: 15px 10px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .header-logo {
        display: flex;
        justify-content: center;
    }

        .header-logo img {
            width: 248px;
            height: 45px;
        }

    .header.scrolled .header-logo img {
        width: 232px;
        height: 42px;
    }
    .header-search input, .header-search input::placeholder {
        font-size: 14px;
    }

    .mobile-menu-button {
        display: block;
        position: absolute;
        top: 10px;
        left: 2.5%;
        font-size: 24px;
        text-decoration: none;
        color: var(--remziBlack);
    }

    .header-menu {
        display: none;
    }

    .header {
        padding: 10px 2.5% !important;
        margin: 0;
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .header-logo {
        max-width: 31%;
    }

    .header.scrolled {
        box-shadow: 0 10px 12px rgba(0, 0, 0, .04);
    }

        .header.scrolled .header-logo {
            max-width: 29%;
        }

    .header-right {
        width: 50%;
    }

    .header-search {
        padding: 5px 15px;
    }

    .search-book-item {
        width: 31.66%;
        gap: 2.83%;
    }

    #searchContent {
        padding: 10px 0% 10px;
        gap: 10px 2.5%;
    }

    .search-content-item#searchEmpty {
        padding: 15px 10px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .header-logo
    {
        display:flex;
        justify-content:center;
    }
    .header-logo img {
        width: 273px;
        height: 49px;
    }
    .header.scrolled .header-logo img {
        width: 260px;
        height: 47px;
    }

    .header-search input, .header-search input::placeholder {
        font-size: 14px;
    }

    .mobile-menu-button {
        display: block;
        position: absolute;
        top: 10px;
        left: 2.5%;
        font-size: 24px;
        text-decoration: none;
        color: var(--remziBlack);
    }

    .header-menu {
        display: none;
    }

    .header {
        padding: 10px 2.5% !important;
        margin: 0;
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .header-logo {
        max-width: 31%;
    }

    .header.scrolled {
        box-shadow: 0 10px 12px rgba(0, 0, 0, .04);
    }

        .header.scrolled .header-logo {
            max-width: 29%;
        }

    .header-right {
        width: 50%;
    }

    .header-search {
        padding: 6px 15px;
    }

    .search-book-item {
        width: 31.66%;
        gap: 2.83%;
    }

    #searchContent {
        padding: 10px 0% 10px;
        gap: 10px 2.5%;
    }

    .search-content-item#searchEmpty {
        padding: 15px 10px;
    }
}

/*#endregion*/

/*#region Footer*/
.footer {
    width: 100%;
    margin: 70px auto 40px;
    padding-top: 40px;
    border-top: 1px solid var(--remziBorderGray);
}

.footer-container {
    display: flex;
    justify-content: start;
}

.footer-main-pages {
    width: 32.1%;
    margin-top: 2px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 24px;
}

    .footer-main-pages li {
        list-style-type: none;
        display: block;
    }

        .footer-main-pages li a {
            text-decoration: none;
            color: var(--remziBlack);
            font-family: OpenSans-Bold;
            font-size: 16px;
            line-height: 16px;
            background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
            background-size: 0% 100%;
            background-repeat: no-repeat;
            -webkit-background-clip: text;
            background-clip: text;
            transition: .4s ease-in-out all;
        }

            .footer-main-pages li a:hover {
                background-size: 100% 100%;
                -webkit-text-fill-color: transparent;
            }

.footer-sub-pages {
    width: 31.58%;
    margin-top: 2px;
}

.footer-sub-page-title {
    text-decoration: none;
    color: var(--remziBlack);
    font-family: OpenSans-Bold;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 15px;
    display: block;
}

.footer-sub-pages ul {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 14px;
    flex-wrap: wrap;
}

    .footer-sub-pages ul li {
        list-style-type: none;
        display: block;
        width: 100%;
    }

        .footer-sub-pages ul li a {
            color: var(--remziBlack);
            font-family: OpenSans-Regular;
            font-size: 15px;
            line-height: 15px;
            text-decoration: none;
            background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
            background-size: 0% 100%;
            background-repeat: no-repeat;
            -webkit-background-clip: text;
            background-clip: text;
            transition: .4s ease-in-out all;
        }

            .footer-sub-pages ul li a:hover {
                background-size: 100% 100%;
                -webkit-text-fill-color: transparent;
            }

.footer-e-bulten {
    width: 36.32%;
}

.e-bulten-title {
    font-size: 18px;
    line-height: 18px;
    color: var(--remziBlack);
    display: block;
    font-family: OpenSans-SemiBold;
    margin-bottom: 15px;
}

.e-bulten-subtitle {
    color: #818181;
    font-size: 12px;
    display: block;
    font-family: OpenSans-Regular;
}

.ebulten-form {
    margin-top: 12px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid black;
    padding: 13px 0 5px;
    position: relative;
}

    .ebulten-form .error-stars {
        top: 0;
    }

.ebulten-annotation, .form-annotation {
    position: absolute;
    bottom: -60%;
    left: 0;
    font-family: OpenSans-Regular;
    font-size: 14px;
}

.form-annotation {
    text-align: center;
    left: auto;
    right: auto;
    bottom: -4%;
    display: block;
    width: 100%;
}

.ebulten-form input {
    font-family: OpenSans-Regular;
    color: #818181;
    font-size: 14px;
}

.footer-submit-button {
    font-size: 14px;
    text-decoration: none;
    color: var(--remziBlack);
    display: flex;
    justify-content: end;
    align-items: center;
    position: relative;
}

    .footer-submit-button::after {
        content: '';
        position: absolute;
        width: 20px;
        height: 2px;
        transform: translate(0%, -50%);
        top: 50%;
        right: 95%;
        background-color: var(--remziBlack);
        animation: lineGrow 1.2s ease-in-out infinite alternate;
        transform-origin: right center;
        z-index: 0;
    }

@keyframes lineGrow {
    from {
        transform: translate(0%, -50%) scaleX(.25);
    }

    to {
        transform: translate(0%, -50%) scaleX(1);
    }
}

.footer-socialmedia {
    display: flex;
    gap: 23px;
    justify-content: start;
    align-items: center;
    margin-top: 27px;
}

    .footer-socialmedia a {
        color: var(--remziBlack);
        font-size: 17px;
        text-decoration: none;
    }

.footer-copyright-container {
    border-top: 1px solid var(--remziBorderGray);
}

.footer-copyright-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 29px 0;
}

.copyright-text {
    font-size: 13px;
    color: var(--remziBlack);
    font-family: OpenSans-Regular;
}

.remzi-footer-text {
    margin-left: 3px;
    display: inline-block;
    font-family: OpenSans-Bold;
}

.footer-downloadable-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .footer-downloadable-main a {
        font-size: 13px;
        text-decoration: none;
        color: var(--remziBlack);
        font-family: OpenSans-Regular;
        display: flex;
        align-items: center;
        gap: 8px;
    }

        .footer-downloadable-main a:last-child {
            margin-left: 30px;
        }

        .footer-downloadable-main a i {
            font-size: 18px;
        }

.footer-bottom-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
    background-color: var(--remziBeige);
}

    .footer-bottom-container, .footer-bottom-container a {
        font-size: 13px;
        font-family: OpenSans-Regular;
        color: var(--remziBlack);
        text-decoration: none
    }

        .footer-bottom-container a {
            margin-left: 3px;
        }
/*#endregion*/

/*#region Footer Alt Sayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .footer {
        margin: 50px auto 35px;
        padding-top: 35px;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .footer {
        margin: 45px auto 30px;
        padding-top: 30px;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .footer {
        margin: 45px auto 30px;
        padding-top: 30px;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .footer {
        margin: 40px auto 25px;
        padding-top: 25px;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .footer {
        margin: 40px auto 25px;
        padding-top: 25px;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .footer {
        margin: 35px auto 20px;
        padding-top: 20px;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .footer {
        margin: 35px auto 20px;
        padding-top: 20px;
    }
}
/*#endregion*/

/*#region Footer Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .footer-submit-button::after {
        width: 10px;
    }

    .home-title-link-arrow {
        margin-left: 20px !important;
    }

    .footer {
        margin: 30px auto 15px;
        padding-top: 27px;
    }

    .ebulten-form {
        margin: 0;
    }

    .footer-main-pages {
        display: none;
    }

    .footer-sub-pages {
        display: none;
    }

    .footer-e-bulten {
        width: 100%;
    }

    .copyright-text {
        width: 80%;
        text-align: center;
    }

    .ebulten-form input {
        width: 76%;
    }

    .footer-copyright-main {
        padding: 5px 0;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .footer-submit-button::after {
        width: 10px;
    }

    .home-title-link-arrow {
        margin-left: 20px !important;
    }

    .footer {
        margin: 30px auto 15px;
        padding-top: 27px;
    }

    .ebulten-form {
        margin: 0;
    }

    .footer-main-pages {
        display: none;
    }

    .footer-sub-pages {
        display: none;
    }

    .footer-e-bulten {
        width: 100%;
    }

    .copyright-text {
        width: 71%;
        text-align: center;
    }

    .ebulten-form input {
        width: 76%;
    }

    .footer-copyright-main {
        padding: 5px 0;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .footer-submit-button::after {
        width: 10px;
    }

    .home-title-link-arrow {
        margin-left: 20px !important;
    }

    .footer {
        margin: 30px auto 15px;
        padding-top: 27px;
    }

    .ebulten-form {
        margin: 0;
    }

    .footer-main-pages {
        display: none;
    }

    .footer-sub-pages {
        display: none;
    }

    .footer-e-bulten {
        width: 100%;
    }

    .copyright-text {
        text-align: center;
    }

    .ebulten-form input {
        width: 76%;
    }

    .footer-copyright-main {
        padding: 5px 0;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .footer-submit-button::after {
        width: 10px;
    }

    .home-title-link-arrow {
        margin-left: 20px !important;
    }

    .footer {
        margin: 30px auto 15px;
        padding-top: 27px;
    }

    .ebulten-form {
        margin: 0;
    }

    .footer-main-pages {
        display: none;
    }

    .footer-sub-pages {
        display: none;
    }

    .footer-e-bulten {
        width: 100%;
    }

    .copyright-text {
        text-align: center;
    }

    .ebulten-form input {
        width: 76%;
    }

    .footer-copyright-main {
        padding: 5px 0;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .footer-submit-button::after {
        width: 10px;
    }

    .home-title-link-arrow {
        margin-left: 20px !important;
    }

    .footer {
        margin: 30px auto 15px;
        padding-top: 27px;
    }

    .ebulten-form {
        margin: 0;
    }

    .footer-main-pages {
        display: none;
    }

    .footer-sub-pages {
        display: none;
    }

    .footer-e-bulten {
        width: 100%;
    }

    .copyright-text {
        text-align: center;
    }

    .ebulten-form input {
        width: 76%;
    }

    .footer-copyright-main {
        padding: 5px 0;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
}
/*#endregion*/

/*#region Footer Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .footer-submit-button::after {
        width: 10px;
    }

    .home-title-link-arrow {
        margin-left: 20px !important;
    }

    .footer {
        margin: 15px auto 15px;
        padding-top: 15px;
    }

    .ebulten-form {
        margin: 0;
    }

    .footer-main-pages {
        display: none;
    }

    .footer-sub-pages {
        display: none;
    }

    .footer-e-bulten {
        width: 97%;
        margin: 0 auto;
    }



    .footer-copyright-main {
        padding: 10px 0;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .footer-submit-button::after {
        width: 10px;
    }

    .home-title-link-arrow {
        margin-left: 20px !important;
    }

    .footer {
        margin: 25px auto 20px;
        padding-top: 15px;
    }

    .ebulten-form {
        margin: 0;
    }

    .footer-main-pages {
        display: none;
    }

    .footer-sub-pages {
        display: none;
    }

    .footer-e-bulten {
        width: 87%;
        margin: 0 auto;
    }



    .footer-copyright-main {
        padding: 10px 0;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .footer-submit-button::after {
        width: 10px;
    }

    .home-title-link-arrow {
        margin-left: 20px !important;
    }

    .footer {
        margin: 25px auto 20px;
        padding-top: 15px;
    }

    .ebulten-form {
        margin: 0;
    }

    .footer-main-pages {
        display: none;
    }

    .footer-sub-pages {
        display: none;
    }

    .footer-e-bulten {
        width: 77%;
        margin: 0 auto;
    }



    .footer-copyright-main {
        padding: 10px 0;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .footer-submit-button::after {
        width: 12px;
    }

    .home-title-link-arrow {
        margin-left: 22px !important;
    }

    .footer {
        margin: 25px auto 20px;
        padding-top: 15px;
    }

    .ebulten-form {
        margin: 0;
    }

    .footer-main-pages {
        display: none;
    }

    .footer-sub-pages {
        display: none;
    }

    .footer-e-bulten {
        width: 75%;
        margin: 0 auto;
    }



    .footer-copyright-main {
        padding: 15px 0;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px;
    }

    .footer-downloadable-main a:last-child {
        margin-left: 10px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .footer-submit-button::after {
        width: 14px;
    }

    .home-title-link-arrow {
        margin-left: 24px !important;
    }

    .footer {
        margin: 25px auto 20px;
        padding-top: 15px;
    }

    .ebulten-form {
        margin: 0;
    }

    .footer-main-pages {
        display: none;
    }

    .footer-sub-pages {
        display: none;
    }

    .footer-e-bulten {
        width: 68%;
        margin: 0 auto;
    }



    .footer-copyright-main {
        padding: 15px 0;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px;
    }

    .footer-downloadable-main a:last-child {
        margin-left: 10px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .footer-submit-button::after {
        width: 14px;
    }

    .home-title-link-arrow {
        margin-left: 24px !important;
    }

    .footer {
        margin: 25px auto 20px;
        padding-top: 15px;
    }

    .ebulten-form {
        margin: 0;
    }

    .footer-main-pages {
        display: none;
    }

    .footer-sub-pages {
        display: none;
    }

    .footer-e-bulten {
        width: 64%;
        margin: 0 auto;
    }

    .footer-copyright-main {
        padding: 15px 0;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px;
    }

    .footer-downloadable-main a:last-child {
        margin-left: 10px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .footer-submit-button::after {
        width: 16px;
    }

    .home-title-link-arrow {
        margin-left: 26px !important;
    }

    .footer {
        margin: 25px auto 20px;
        padding-top: 15px;
    }

    .ebulten-form {
        margin: 0;
    }

    .footer-main-pages {
        display: none;
    }

    .footer-sub-pages {
        display: none;
    }

    .footer-e-bulten {
        width: 59%;
        margin: 0 auto;
    }

    .footer-copyright-main {
        padding: 15px 0;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px;
    }

    .footer-downloadable-main a:last-child {
        margin-left: 10px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .footer-submit-button::after {
        width: 18px;
    }

    .home-title-link-arrow {
        margin-left: 28px !important;
    }

    .footer {
        margin: 28px auto 20px;
        padding-top: 20px;
    }

    .ebulten-form {
        margin: 0;
    }

    .footer-main-pages {
        display: none;
    }

    .footer-sub-pages {
        display: none;
    }

    .footer-e-bulten {
        width: 59%;
        margin: 0 auto;
    }

    .footer-copyright-main {
        padding: 15px 0;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px;
    }

    .footer-downloadable-main a:last-child {
        margin-left: 10px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .footer-submit-button::after {
        width: 18px;
    }

    .home-title-link-arrow {
        margin-left: 28px !important;
    }

    .footer {
        margin: 30px auto 25px;
        padding-top: 25px;
    }

    .ebulten-form {
        margin: 0;
    }

    .footer-main-pages {
        display: none;
    }

    .footer-sub-pages {
        display: none;
    }

    .footer-e-bulten {
        width: 59%;
        margin: 0 auto;
    }

    .footer-copyright-main {
        padding: 15px 0;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px;
    }

    .footer-downloadable-main a:last-child {
        margin-left: 10px;
    }
}

/*#endregion*/

/*#region Default*/
.slider-main video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slider-main-link {
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: block;
}

.slider-main {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.slider-splide {
    height: 74.075vh;
    width: 100%;
    background-color: white;
    max-height: calc(90vw * (35 / 62));
}

    .slider-splide .splide__track {
        height: 100%;
        position: relative;
    }

.slider-splide-right-arrow {
    position: absolute;
    top: 50%;
    right: .807%;
    transform: translate(0%, -50%);
    z-index: 1;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.slider-splide-left-arrow {
    position: absolute;
    top: 50%;
    left: .807%;
    transform: translate(0%, -50%);
    z-index: 1;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.slider-splide-right-arrow, .slider-splide-left-arrow {
    border-radius: 50%;
    background-color: rgba(255,255,255,.77);
    transition: .3s ease-in-out all;
}

    .slider-splide-right-arrow:hover, .slider-splide-left-arrow:hover {
        background-color: rgba(255,255,255,1);
    }

    .slider-splide-right-arrow i, .slider-splide-left-arrow i {
        font-size: 15px;
        color: #707070;
        transition: .3s ease-in-out all;
    }

    .slider-splide-right-arrow:hover i, .slider-splide-left-arrow:hover i {
        color: var(--remziBlack);
    }

.splide__pagination__page {
    width: 8px;
    border: 1px solid transparent;
}

    .splide__pagination__page.is-active {
        width: 8px;
        background-color: var(--remziburgundy);
        opacity: 1;
        transform: scale(1);
        border: 1px solid var(--remziburgundy);
    }

.slider-container {
    width: 65.64%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.46%;
}

.slider-text {
    width: 57.2%;
    position: relative;
}

.slider-text-link-main {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.slider-book-image {
    width: 40.29%;
    aspect-ratio: 328/485;
    max-width: 328px;
    overflow: hidden;
}

    .slider-book-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.slider-title {
    font-size: 33px;
    line-height: 33px;
    color: black;
    font-family: OpenSans-Bold;
    display: block;
    margin-bottom: 37px;
}

.slider-subtitle {
    color: var(--remziGray);
    font-size: 22px;
    line-height: 22px;
    font-family: OpenSans-Regular;
    display: block;
    margin: 0 0 50px;
}

.slider-description {
    width: 63.54%;
    font-family: OpenSans-Regular;
    font-size: 18px;
    line-height: 24px;
    color: var(--remziGray);
    display: block;
    padding-bottom: 23%;
}

.slider-link {
    color: var(--remziburgundy);
    font-family: OpenSans-Bold;
    font-size: 22px;
    text-decoration: none;
    background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s ease-in-out all;
    position: absolute;
    bottom: 0;
}

    .slider-link:hover {
        background-size: 100% 100%;
        -webkit-text-fill-color: transparent;
    }

.slider-splide .splide__pagination {
    bottom: 28px;
    gap: 3px;
}

.slider-splide .splide__pagination__page:not(.is-active) {
    opacity: 1;
    background-color: white;
    border: 1px solid var(--remziburgundy);
}

.default-title, .discovery-hub h1 {
    font-family: OpenSans-SemiBold;
    font-size: 22px;
    color: var(--remziColorBlack);
    display: block;
    margin: 0 auto 0;
    padding: 71px 0 26px;
    text-align: center;
}

.discovery-hub {
    width: 100%;
    background-color: var(--remziBeige);
    padding-bottom: 90px;
    overflow: hidden;
}

.new-books-splide {
    opacity: 0.4;
    transform: scale(0.85);
    transition: transform 0.4s ease, opacity 0.4s ease;
}

    .new-books-splide .splide__track {
        padding-top: 20px;
        padding-bottom: 20px;
        overflow: visible;
    }

.new-books-splide {
    /* Taşan gölgeyi dışarıdan kırp */
    padding: 0;
    margin: -20px;
    width: 100%;
}

    .new-books-splide.is-active {
        opacity: 1;
        transform: scale(1);
    }

    .new-books-splide .splide__slide {
        background-color: white;
        padding: 3.15%;
        transition: .25s ease-in-out all;
    }

        .new-books-splide .splide__slide:hover {
            box-shadow: 0px 0px 25px #00000014;
        }

.home-new-book-item {
    display: flex;
    width: 100%;
    height: 100%;
    text-decoration: none;
    justify-content: space-between;
    align-items: center;
    gap: 10.98%;
}

.home-new-book-image {
    aspect-ratio: 218/321;
    width: 39.92%;
    max-width: 218px;
}

    .home-new-book-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.home-new-book-content {
    width: 49.1%;
    height: 100%;
    padding-top: 20px;
}

.home-new-book-title {
    color: black;
    font-family: OpenSans-Bold;
    font-size: 24px;
    line-height: 33px;
    display: block;
    height: 33px;
    margin-bottom: 7%;
    overflow: hidden;
}

.home-new-book-subtitle {
    color: var(--remziGray);
    font-size: 16px;
    line-height: 23px;
    height: 64px;
    font-family: OpenSans-Regular;
    display: block;
    overflow: hidden;
}

.home-new-book-description {
    color: var(--remziGray);
    font-size: 14px;
    line-height: 19px;
    font-family: OpenSans-Regular;
    display: block;
    min-width: 85.68%;
    max-width: 100%;
    max-height: 57px;
    overflow: hidden;
    text-align: justify;
}

.home-new-book-link {
    color: var(--remziburgundy);
    font-size: 16px;
    font-family: OpenSans-Bold;
    display: block;
    background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s ease-in-out all;
}

.home-new-book-content .home-new-book-link:nth-child(4) {
    margin-top: 12.35%;
}

.home-new-book-content .home-new-book-link:not(:nth-child(4)) {
    margin-top: 10px;
}


.home-new-book-item:hover .home-new-book-link {
    background-size: 100% 100%;
    -webkit-text-fill-color: transparent;
}

.home-activity-title {
    position: relative;
}

.home-activity-container {
    width: calc(100vw - 100px);
    margin: 0 auto;
}

.home-activity-link {
    position: absolute;
    bottom: 42px;
    right: 0;
    transform: translate(0, 50%);
}

.events-splide .splide__slide {
    background-color: white;
}

.home-event-item {
    width: 100%;
    text-decoration: none;
    display: block;
}

.home-event-image {
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
}

    .home-event-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.home-event-description {
    padding: 11.03px 20px 22px;
    border: 1px solid var(--remziBorderGray);
}

.home-event-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home-event-top-left {
    display: flex;
    justify-content: start;
    align-items: center;
}

    .home-event-top-left i {
        font-size: 17px;
        color: black;
        background-image: linear-gradient(to right, black, black);
        background-size: 0% 100%;
        background-repeat: no-repeat;
        -webkit-background-clip: text;
        background-clip: text;
        transition: .3s ease-in-out all;
    }

.home-event-clock-icon {
    background-image: url('/Assets/Images/clock-icon.png') !important;
    aspect-ratio: 1;
    width: 19px;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: block !important;
    background-clip: border-box !important;
    margin: 0 !important;
}

.home-event-clock-icon-red {
    background-image: url('/Assets/Images/clock-icon-red.png') !important;
    aspect-ratio: 1;
    width: 18px;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: block !important;
    background-clip: border-box !important;
    margin: 0 !important;
}

.home-event-envelope-icon-red {
    background-image: url('/Assets/Images/envelope-icon-red.png') !important;
    aspect-ratio: 1;
    width: 18px;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: block !important;
    background-clip: border-box !important;
    margin: 0 !important;
}

.home-event-envelope-icon {
    background-image: url('/Assets/Images/envelope-icon.png') !important;
    width: 20.27px;
    height: 19.09px;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: block !important;
    background-clip: border-box !important;
    margin: 0 !important;
}

.home-event-top-left span {
    font-size: 12px;
    line-height: 17px;
    font-family: OpenSans-Regular;
    color: black;
    display: inline-block;
    margin-left: 5.36px;
    background-image: linear-gradient(to right, black, black);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .3s ease-in-out all;
}

.home-event-top-right {
    display: flex;
    justify-content: end;
    align-items: center;
}

    .home-event-top-right i {
        font-size: 20.27px;
        color: black;
        background-image: linear-gradient(to right, black, black);
        background-size: 0% 100%;
        background-repeat: no-repeat;
        -webkit-background-clip: text;
        background-clip: text;
        transition: .4s ease-in-out all;
    }

    .home-event-top-right span {
        font-size: 12px;
        line-height: 17px;
        font-family: OpenSans-Regular;
        color: black;
        display: inline-block;
        margin-right: 6.91px;
        background-image: linear-gradient(to right, black, black);
        background-size: 0% 100%;
        background-repeat: no-repeat;
        -webkit-background-clip: text;
        background-clip: text;
        transition: .5s ease-in-out all;
    }

.home-event-title {
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    font-family: OpenSans-Bold;
    display: block;
    color: black;
    margin-top: 11.85px;
    background-image: linear-gradient(to right, black, black);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .53s ease-in-out all;
}

.home-event-content {
    font-size: 13px;
    line-height: 18px;
    font-family: OpenSans-Regular;
    color: #7C7C7C;
    display: block;
    height: 36px;
    overflow: hidden;
    margin-top: 10px;
    background-image: linear-gradient(to right, #7C7C7C, #7C7C7C);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .8s ease-in-out all;
    text-align: justify;
}

.home-event-item:hover .home-event-top-left i,
.home-event-item:hover .home-event-top-left span,
.home-event-item:hover .home-event-top-right i,
.home-event-item:hover .home-event-top-right span,
.home-event-item:hover .home-event-title,
.home-event-item:hover .home-event-content {
    background-size: 100% 100%;
    -webkit-text-fill-color: transparent;
}

.home-mid-content {
    width: 100%;
    background-color: white;
    padding: 70px 0 0px;
}

.home-events {
    display: flex;
    gap: 20px;
}

.home-event-duo-item {
    text-decoration: none;
    display: block;
    width: 50%;
}


.home-event-duo-image {
    width: 100%;
    aspect-ratio: 610/360;
    overflow: hidden;
}

    .home-event-duo-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: .4s ease-in-out all;
    }

.home-event-duo-item:hover img {
    transform: scale(1.04);
}

.home-event-duo-content {
    border: 1px solid var(--remziBorderGray);
    padding: 20px;
}

.home-event-duo-title {
    font-size: 18px;
    font-family: OpenSans-Regular;
    line-height: 25px;
    color: black;
    display: block;
    height: 50px;
    overflow: hidden;
    background-image: linear-gradient(to right, black, black);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .5s ease-in-out all;
}



.home-event-duo-link {
    margin-top: 9px;
    font-size: 15px;
    font-family: OpenSans-Bold;
    line-height: 20px;
    text-decoration: underline;
    color: black;
    display: block;
    background-image: linear-gradient(to right, black, black);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .35s ease-in-out all;
}

.home-event-duo-item:hover .home-event-duo-title,
.home-event-duo-item:hover .home-event-duo-link {
    background-size: 100% 100%;
    -webkit-text-fill-color: transparent;
}

.bestsellers-splide .splide__track, .ourSelectionsSplide .splide__track, .bestsellers-splide2 .splide__track, .ourselections-splide2 .splide__track {
    position: relative;
}

.bestsellers-splide .splide__slide, .ourselections-splide .splide__slide, .bestsellers-splide2 .splide__slide, .ourselections-splide2 .splide__slide {
    text-decoration: none;
}

    .bestsellers-splide .splide__slide:hover .home-bestsellers-title, .ourselections-splide .splide__slide:hover .home-bestsellers-title, .bestsellers-splide2 .splide__slide:hover .home-bestsellers-title, .ourselections-splide2 .splide__slide:hover .home-bestsellers-title {
        background-size: 100% 100%;
        -webkit-text-fill-color: transparent;
    }

.bestsellers-splide-left-arrow, .ourselections-splide-left-arrow, .bestsellers-splide-left-arrow2, .ourselections-splide-left-arrow2, .home-blog-splide-left-arrow {
    display: flex;
    width: 40px;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: white;
    opacity: .7;
    position: absolute;
    top: 49.42%;
    left: 1.61%;
    transform: translate(0%, -50%);
    cursor: pointer;
    transition: .3s ease-in-out all;
}

.bestsellers-splide-right-arrow, .ourselections-splide-right-arrow, .bestsellers-splide-right-arrow2, .ourselections-splide-right-arrow2, .home-blog-splide-right-arrow {
    display: flex;
    width: 40px;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: white;
    opacity: .7;
    position: absolute;
    top: 49.42%;
    right: 1.61%;
    transform: translate(0%, -50%);
    cursor: pointer;
    transition: .3s ease-in-out all;
}

    .bestsellers-splide-left-arrow:hover, .bestsellers-splide-right-arrow:hover, .ourselections-splide-left-arrow:hover, .ourselections-splide-right-arrow:hover, .home-blog-splide-right-arrow:hover,
    .bestsellers-splide-left-arrow2:hover, .bestsellers-splide-right-arrow2:hover, .ourselections-splide-left-arrow2:hover, .ourselections-splide-right-arrow2:hover, .home-blog-splide-left-arrow:hover {
        opacity: 1;
    }

    .bestsellers-splide-left-arrow i, .bestsellers-splide-right-arrow i, .ourselections-splide-left-arrow i, .ourselections-splide-right-arrow i, .home-blog-splide-right-arrow i,
    .bestsellers-splide-left-arrow2 i, .bestsellers-splide-right-arrow2 i, .ourselections-splide-left-arrow2 i, .ourselections-splide-right-arrow2 i, .home-blog-splide-left-arrow i {
        font-size: 15px;
    }

.home-bestsellers-image {
    width: 100%;
    aspect-ratio: 232/345;
    max-height: 345px;
    position: relative;
    text-decoration: none;
    display: block;
}

    .home-bestsellers-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.book-mobile-option-icon {
    width: 48px;
    aspect-ratio: 1;
    background-image: url('/Assets/Images/book-tel.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    bottom: 3.48%;
    left: 4.75%;
    position: absolute;
    transform: translate(0%, 0%);
}

.book-listen-option-icon {
    width: 48px;
    aspect-ratio: 1;
    background-image: url('/Assets/Images/book-listen.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    bottom: 3.48%;
    left: 4.75%;
    position: absolute;
    transform: translate(0%, 0%);
}

.book-new-icon {
    width: 61px;
    aspect-ratio: 1;
    background-image: url('/Assets/Images/book-new.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    position: absolute;
    transform: translate(0%, 0%);
}

.book-soon-icon {
    width: 39.46%;
    aspect-ratio: 91/30;
    background-image: url('/Assets/Images/book-soon.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    bottom: 9.29%;
    right: 3.02%;
    position: absolute;
    transform: translate(0%, 0%);
}

.home-bestsellers-content {
    padding: 0 5px 5px 5px;
}

.home-bestsellers-title {
    padding-top: 10px;
    font-family: OpenSans-Bold;
    font-size: 14px;
    line-height: 19px;
    max-height: 48px;
    overflow: hidden;
    color: black;
    display: block;
    background-image: linear-gradient(to right, black, black);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s ease-in-out all;
    text-decoration: none;
    transition: .3s ease-in-out all;
}

.home-bestsellers-writer {
    font-size: 14px;
    line-height: 19px;
    height: 19px;
    overflow: hidden;
    display: block;
    text-decoration: underline;
    color: #5C5C5C;
    font-family: OpenSans-Regular;
    text-decoration: none;
    transition: .3s ease-in-out all;
    padding-top: 0px;
}

    .home-bestsellers-writer:nth-child(2) {
        height: 24.09px;
        padding-top: 5.09px;
    }

    .home-bestsellers-writer:nth-child(4) {
        padding-bottom: 5.09px;
    }


    .home-bestsellers-writer:hover {
        color: black;
        text-decoration: underline;
    }

.home-bestsellers-price {
    color: black;
    font-size: 14px;
    line-height: 19px;
    height: 19px;
    overflow: hidden;
    font-family: OpenSans-Bold;
    margin-top: 4.91px;
    text-decoration: none;
    transition: .3s ease-in-out all;
}

.home-title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 80px 0 30px;
}

.home-title-text {
    font-size: 22px;
    color: var(--remziColorBlack);
    line-height: 30px;
    font-family: OpenSans-SemiBold;
    display: flex;
    justify-content: start;
    align-items: center;
}

.home-title-link {
    display: flex;
    font-size: 14px;
    line-height: 19px;
    color: black;
    text-decoration: none;
    font-family: OpenSans-SemiBold;
}

    .home-title-link:hover span:not(.home-title-link-arrow) {
        text-decoration: underline;
    }

.home-title-link-arrow {
    display: block;
    margin-left: 28px;
}


.home-events-2 {
    margin-top: 64px;
}

.home-blog {
    background-color: var(--remziBeige);
    padding: 3px 0 83px;
    margin-top: 72px;
}

.home-blog-item {
    text-decoration: none;
    transition: .25s ease-in-out all;
}

    .home-blog-item:hover {
        box-shadow: 0px 0px 25px #00000014;
    }

.home-blog-image {
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
}

    .home-blog-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.home-blog-content {
    padding: 16px 21px;
    background-color: white;
}

.home-blog-time {
    display: flex;
    font-family: OpenSans-Regular;
    font-size: 12px;
    line-height: 17px;
    height: 17px;
    overflow: hidden;
    color: black;
    gap: 5.36px;
    justify-content: start;
    align-items: center;
    background-image: linear-gradient(to right, black, black);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .3s ease-in-out all;
}


.home-blog-item:hover .home-blog-time {
    background-size: 100% 100%;
    -webkit-text-fill-color: transparent;
}

.home-blog-time i {
    font-size: 17.45px;
}

.home-blog-title {
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    font-family: OpenSans-Bold;
    color: black;
    margin-top: 10px;
    display: block;
    background-image: linear-gradient(to right, black, black);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .3s ease-in-out all;
}

.home-blog-item:hover .home-blog-title {
    background-size: 100% 100%;
    -webkit-text-fill-color: transparent;
}


.home-blog-description {
    font-size: 13px;
    line-height: 18px;
    margin-top: 6px;
    color: #7C7C7C;
    font-family: OpenSans-Regular;
    height: 36px;
    overflow: hidden;
    display: block;
    background-image: linear-gradient(to right, #7C7C7C, #7C7C7C);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s ease-in-out all;
}

.home-blog-item:hover .home-blog-description {
    background-size: 100% 100%;
    -webkit-text-fill-color: transparent;
}

.home-blog-splide .splide__track {
    position: relative;
}

.home-slide-bilboard {
    aspect-ratio: 31 / 10;
    display: block;
    overflow: hidden;
    margin: 68.91px auto 0;
}

    .home-slide-bilboard ~ .home-slide-bilboard {
        aspect-ratio: 1;
    }

    .home-slide-bilboard img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: .3s ease-in-out all;
    }

    .home-slide-bilboard:hover img {
        transform: scale(1.04);
    }
/*#endregion*/

/*#region Default Alt Sayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .default-title, .discovery-hub h1 {
        padding: 55px 0 26px;
    }

    .home-event-content {
        height: 54px;
    }

    .discovery-hub {
        padding-bottom: 60px;
    }

    .home-mid-content {
        padding: 55px 0 0px;
    }

    .home-title-container, .home-title-container.bestsellers-title-container {
        padding: 55px 0 30px !important;
    }

    .home-slide-bilboard {
        margin: 50px auto 0;
    }

    .home-blog {
        padding: 0px 0 55px;
        margin-top: 50px;
    }

    .slider-splide {
        height: 65.075vh;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .default-title, .discovery-hub h1 {
        padding: 50px 0 26px;
    }

    .home-event-content {
        height: 54px;
    }

    .discovery-hub {
        padding-bottom: 55px;
    }

    .home-mid-content {
        padding: 50px 0 0px;
    }

    .home-title-container, .home-title-container.bestsellers-title-container {
        padding: 50px 0 30px !important;
    }

    .home-slide-bilboard {
        margin: 45px auto 0;
    }

    .home-blog {
        padding: 0px 0 50px;
        margin-top: 45px;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .default-title, .discovery-hub h1 {
        padding: 45px 0 26px;
    }

    .home-new-book-title {
        font-size: 24px;
    }

    .home-event-content {
        height: 54px;
    }

    .discovery-hub {
        padding-bottom: 50px;
    }

    .home-mid-content {
        padding: 45px 0 0px;
    }

    .home-title-container, .home-title-container.bestsellers-title-container {
        padding: 45px 0 30px !important;
    }

    .home-slide-bilboard {
        margin: 40px auto 0;
    }

    .home-blog {
        padding: 0px 0 45px;
        margin-top: 40px;
    }

    .slider-splide {
        height: 84.075vh;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .default-title, .discovery-hub h1 {
        padding: 40px 0 26px;
    }

    .home-new-book-title {
        font-size: 22px;
    }

    .home-event-content {
        height: 72px;
    }

    .discovery-hub {
        padding-bottom: 45px;
    }

    .home-mid-content {
        padding: 40px 0 0px;
    }

    .home-title-container, .home-title-container.bestsellers-title-container {
        padding: 40px 0 30px !important;
    }

    .home-slide-bilboard {
        margin: 35px auto 0;
    }

    .home-blog {
        padding: 0px 0 40px;
        margin-top: 35px;
    }

    .slider-splide {
        height: 77.075vh;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .default-title, .discovery-hub h1 {
        padding: 35px 0 26px;
    }

    .home-new-book-title {
        font-size: 20px;
    }

    .home-event-content {
        height: 72px;
    }

    .discovery-hub {
        padding-bottom: 40px;
    }

    .home-mid-content {
        padding: 35px 0 0px;
    }

    .home-title-container, .home-title-container.bestsellers-title-container {
        padding: 35px 0 30px !important;
    }

    .home-slide-bilboard {
        margin: 30px auto 0;
    }

    .home-blog {
        padding: 0px 0 35px;
        margin-top: 30px;
    }

    .slider-splide {
        height: 90.075vh;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .slider-book-image {
        width: 36.29%;
    }

    .slider-description {
        padding-bottom: 19%;
    }

    .slider-subtitle {
        margin: 0 0 30px;
    }

    .slider-title {
        margin-bottom: 23px;
    }

    .default-title, .discovery-hub h1 {
        padding: 30px 0 26px;
    }

    .home-new-book-title {
        font-size: 18px;
    }

    .discovery-hub {
        padding-bottom: 35px;
    }

    .new-books-splide .splide__slide {
        padding: 2.15%;
    }

    .home-new-book-content {
        padding-top: 0;
    }

        .home-new-book-content .home-new-book-link:nth-child(4) {
            margin-top: 6.35%;
        }

    .home-mid-content {
        padding: 30px 0 0px;
    }

    .home-title-container, .home-title-container.bestsellers-title-container {
        padding: 30px 0 30px !important;
    }

    .home-slide-bilboard {
        margin: 25px auto 0;
    }

    .home-blog {
        padding: 0px 0 30px;
        margin-top: 25px;
    }

    .home-blog-description {
        height: 54px;
    }

    .slider-splide {
        height: 86.075vh;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {

    .slider-description {
        padding-bottom: 19%;
    }

    .slider-subtitle {
        margin: 0 0 30px;
        font-size: 18px;
        line-height: 18px;
    }

    .slider-description {
        width: 80.54%;
    }

    slider-link {
        font-size: 18px;
    }

    .slider-title {
        margin-bottom: 23px;
        font-size: 26px;
        line-height: 26px;
    }

    .default-title, .discovery-hub h1 {
        padding: 26px 0 26px;
    }

    .home-event-content {
        height: 54px;
    }

    .discovery-hub {
        padding-bottom: 30px;
    }

    .home-mid-content {
        padding: 25px 0 0px;
    }

    .new-books-splide .splide__slide {
        padding: 2.15%;
    }

    .home-new-book-content {
        padding-top: 0;
    }

        .home-new-book-content .home-new-book-link:nth-child(4) {
            margin-top: 6.35%;
        }

        .home-new-book-content .home-new-book-link:not(:nth-child(4)) {
            margin-top: 5px;
        }

    .home-title-container, .home-title-container.bestsellers-title-container {
        padding: 25px 0 25px !important;
    }

    .home-slide-bilboard {
        margin: 20px auto 0;
    }

    .home-blog {
        padding: 0px 0 25px;
        margin-top: 20px;
    }

    .home-blog-description {
        height: 54px;
    }

    .slider-splide {
        height: 74.075vh;
    }
}
/*#endregion*/

/*#region Default Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .home-event-top-right span {
        font-size: 14px;
    }

    .slider-splide {
        height: 30vh;
    }

    .bestsellers-splide-right-arrow i, .ourselections-splide-right-arrow i, .bestsellers-splide-right-arrow2 i, .ourselections-splide-right-arrow2 i, .home-blog-splide-right-arrow i,
    .slider-splide-right-arrow i, .slider-splide-left-arrow i, .bestsellers-splide-left-arrow i, .ourselections-splide-left-arrow i, .bestsellers-splide-left-arrow2 i, .ourselections-splide-left-arrow2 i, .home-blog-splide-left-arrow i {
        font-size: 10px;
    }

    .slider-splide-right-arrow, .slider-splide-left-arrow, .bestsellers-splide-right-arrow, .ourselections-splide-right-arrow, .bestsellers-splide-right-arrow2, .ourselections-splide-right-arrow2, .home-blog-splide-right-arrow, .bestsellers-splide-left-arrow, .ourselections-splide-left-arrow, .bestsellers-splide-left-arrow2, .ourselections-splide-left-arrow2, .home-blog-splide-left-arrow {
        width: 20px;
        height: 20px;
    }

    .slider-container {
        width: 83.64%;
    }

    .slider-title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .slider-subtitle {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 32px;
    }

    .slider-link {
        font-size: 16px;
    }

    .slider-description {
        display: none;
    }


    .slider-splide .splide__pagination {
        bottom: -12%;
    }

    .home-new-book-title {
        font-size: 18px;
        max-height: 44px;
        height: auto;
        line-height: 22px;
    }

    .home-new-book-link {
        font-size: 14px;
    }

    .home-new-book-content .home-new-book-link:nth-child(4) {
        margin-top: 5.35%;
    }

    .home-new-book-content .home-new-book-link:not(:nth-child(4)) {
        margin-top: 5px;
    }

    .home-new-book-subtitle {
        max-height: 60px;
        margin-bottom: 10px;
        height: auto;
        font-size: 15px;
        line-height: 20px;
    }

    .default-title, .discovery-hub h1 {
        padding: 25px 2.5% 10px;
        font-size: 18px;
    }

    .new-books-splide {
        margin: 0;
    }

    .home-activity-container {
        width: 95%;
        margin: 0 auto;
    }

    .default-title, .discovery-hub h1 {
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0);
        flex-wrap: wrap;
        gap: 10px;
    }

        .default-title:first-of-type {
            justify-content: center;
        }

    .new-books-splide .splide__track {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .home-new-book-item {
        gap: 3.98%;
    }

    .home-new-book-content {
        width: 56.1%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 0;
    }

    .home-activity-link {
        position: static;
        transform: translate(0);
    }

    .events-splide {
        width: 95%;
        margin: 0 auto;
    }

    .home-event-content {
        height: 54px;
    }

    .discovery-hub {
        padding-bottom: 25px;
    }

    .home-mid-content {
        padding: 20px 0 0px;
    }

    .home-events {
        flex-direction: column;
    }

    .home-event-duo-item {
        width: 100%;
    }

    .home-event-duo-content {
        padding: 10px;
    }

    .home-event-duo-title {
        font-size: 14px;
        line-height: 19px;
        height: 57px;
    }

    .home-event-duo-link {
        margin-top: 5px;
        font-size: 14px;
    }

    .home-title-text {
        width: fit-content;
        font-size: 18px;
        line-height: 25px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .home-title-link {
        width: fit-content;
        margin-left: auto;
    }

    .home-title-container {
        padding: 20px 0 10px !important;
        flex-wrap: wrap;
    }

    .home-slide-bilboard {
        margin: 20px auto 0;
    }

    .home-blog {
        background-color: var(--remziBeige);
        padding: 0px 0 20px;
        margin-top: 20px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .home-event-top-right span {
        font-size: 14px;
    }

    .slider-splide {
        height: 30vh;
    }

    .bestsellers-splide-right-arrow i, .ourselections-splide-right-arrow i, .bestsellers-splide-right-arrow2 i, .ourselections-splide-right-arrow2 i, .home-blog-splide-right-arrow i,
    .slider-splide-right-arrow i, .slider-splide-left-arrow i, .bestsellers-splide-left-arrow i, .ourselections-splide-left-arrow i, .bestsellers-splide-left-arrow2 i, .ourselections-splide-left-arrow2 i, .home-blog-splide-left-arrow i {
        font-size: 10px;
    }

    .slider-splide-right-arrow, .slider-splide-left-arrow, .bestsellers-splide-right-arrow, .ourselections-splide-right-arrow, .bestsellers-splide-right-arrow2, .ourselections-splide-right-arrow2, .home-blog-splide-right-arrow, .bestsellers-splide-left-arrow, .ourselections-splide-left-arrow, .bestsellers-splide-left-arrow2, .ourselections-splide-left-arrow2, .home-blog-splide-left-arrow {
        width: 20px;
        height: 20px;
    }

    .slider-container {
        width: 83.64%;
    }

    .slider-title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .slider-subtitle {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 32px;
    }

    .slider-link {
        font-size: 16px;
    }

    .slider-description {
        display: none;
    }


    .slider-splide .splide__pagination {
        bottom: -12%;
    }


    .home-new-book-subtitle {
        max-height: 60px;
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 20px;
        height: auto;
    }

    .home-new-book-title {
        font-size: 18px;
        max-height: 44px;
        height: auto;
        line-height: 22px;
    }

    .home-new-book-link {
        font-size: 14px;
    }

    .home-new-book-content .home-new-book-link:nth-child(4) {
        margin-top: 5.35%;
    }

    .home-new-book-content .home-new-book-link:not(:nth-child(4)) {
        margin-top: 5px;
    }

    .default-title, .discovery-hub h1 {
        padding: 30px 2.5% 15px;
        font-size: 18px;
    }

    .new-books-splide {
        margin: 0;
    }

    .home-activity-container {
        width: 95%;
        margin: 0 auto;
    }

    .default-title, .discovery-hub h1 {
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0);
        flex-wrap: wrap;
        gap: 10px;
    }

        .default-title:first-of-type {
            justify-content: center;
        }

    .new-books-splide .splide__track {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .home-new-book-item {
        gap: 3.98%;
    }

    .home-new-book-content {
        width: 56.1%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home-activity-link {
        position: static;
        transform: translate(0);
    }

    .events-splide {
        width: 95%;
        margin: 0 auto;
    }

    .home-event-content {
        height: 54px;
    }

    .discovery-hub {
        padding-bottom: 25px;
    }

    .home-mid-content {
        padding: 20px 0 0px;
    }

    .home-events {
        flex-direction: column;
    }

    .home-event-duo-item {
        width: 100%;
    }

    .home-event-duo-content {
        padding: 10px;
    }

    .home-event-duo-title {
        font-size: 14px;
        line-height: 19px;
        height: 57px;
    }

    .home-event-duo-link {
        margin-top: 5px;
        font-size: 14px;
    }

    .home-title-text {
        width: fit-content;
        font-size: 18px;
        line-height: 25px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .home-title-link {
        width: fit-content;
        margin-left: auto;
    }

    .home-title-container {
        padding: 20px 0 10px !important;
        flex-wrap: wrap;
        gap: 5px;
    }

    .home-slide-bilboard {
        margin: 20px auto 0;
    }

    .home-blog {
        background-color: var(--remziBeige);
        padding: 0px 0 20px;
        margin-top: 20px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .home-event-top-right span {
        font-size: 14px;
    }

    .slider-splide {
        height: 30vh;
    }

    .bestsellers-splide-right-arrow i, .ourselections-splide-right-arrow i, .bestsellers-splide-right-arrow2 i, .ourselections-splide-right-arrow2 i, .home-blog-splide-right-arrow i,
    .slider-splide-right-arrow i, .slider-splide-left-arrow i, .bestsellers-splide-left-arrow i, .ourselections-splide-left-arrow i, .bestsellers-splide-left-arrow2 i, .ourselections-splide-left-arrow2 i, .home-blog-splide-left-arrow i {
        font-size: 10px;
    }

    .slider-splide-right-arrow, .slider-splide-left-arrow, .bestsellers-splide-right-arrow, .ourselections-splide-right-arrow, .bestsellers-splide-right-arrow2, .ourselections-splide-right-arrow2, .home-blog-splide-right-arrow, .bestsellers-splide-left-arrow, .ourselections-splide-left-arrow, .bestsellers-splide-left-arrow2, .ourselections-splide-left-arrow2, .home-blog-splide-left-arrow {
        width: 20px;
        height: 20px;
    }

    .slider-container {
        width: 83.64%;
    }

    .slider-title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .slider-subtitle {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 32px;
    }

    .slider-link {
        font-size: 16px;
    }

    .slider-description {
        display: none;
    }


    .slider-splide .splide__pagination {
        bottom: -12%;
    }

    .home-new-book-subtitle {
        max-height: 60px;
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 20px;
        height: auto;
    }

    .home-new-book-title {
        font-size: 18px;
        max-height: 44px;
        height: auto;
        line-height: 22px;
    }

    .home-new-book-link {
        font-size: 14px;
    }

    .home-new-book-content {
        padding-top: 0;
    }

        .home-new-book-content .home-new-book-link:nth-child(4) {
            margin-top: 5.35%;
        }

        .home-new-book-content .home-new-book-link:not(:nth-child(4)) {
            margin-top: 5px;
        }


    .default-title, .discovery-hub h1 {
        padding: 30px 2.5% 15px;
        font-size: 18px;
    }

    .new-books-splide {
        margin: 0;
    }

    .home-activity-container {
        width: 95%;
        margin: 0 auto;
    }

    .default-title, .discovery-hub h1 {
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0);
        flex-wrap: wrap;
        gap: 10px;
    }

        .default-title:first-of-type {
            justify-content: center;
        }

    .new-books-splide .splide__track {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .home-new-book-item {
        gap: 3.98%;
    }

    .home-new-book-content {
        width: 56.1%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home-activity-link {
        position: static;
        transform: translate(0);
    }

    .events-splide {
        width: 95%;
        margin: 0 auto;
    }

    .home-event-content {
        height: 54px;
    }

    .discovery-hub {
        padding-bottom: 25px;
    }

    .home-mid-content {
        padding: 20px 0 0px;
    }

    .home-events {
        flex-direction: column;
    }

    .home-event-duo-item {
        width: 100%;
    }

    .home-event-duo-content {
        padding: 10px;
    }

    .home-event-duo-title {
        font-size: 14px;
        line-height: 19px;
        height: 57px;
    }

    .home-event-duo-link {
        margin-top: 5px;
        font-size: 14px;
    }

    .home-title-text {
        width: fit-content;
        font-size: 18px;
        line-height: 25px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .home-title-link {
        width: fit-content;
        margin-left: auto;
    }

    .home-title-container {
        padding: 20px 0 10px !important;
        flex-wrap: wrap;
        gap: 5px;
    }

    .home-slide-bilboard {
        margin: 20px auto 0;
    }

    .home-blog {
        background-color: var(--remziBeige);
        padding: 0px 0 20px;
        margin-top: 20px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .home-event-top-right span {
        font-size: 14px;
    }

    .slider-splide {
        height: 30vh;
    }

    .bestsellers-splide-right-arrow i, .ourselections-splide-right-arrow i, .bestsellers-splide-right-arrow2 i, .ourselections-splide-right-arrow2 i, .home-blog-splide-right-arrow i,
    .slider-splide-right-arrow i, .slider-splide-left-arrow i, .bestsellers-splide-left-arrow i, .ourselections-splide-left-arrow i, .bestsellers-splide-left-arrow2 i, .ourselections-splide-left-arrow2 i, .home-blog-splide-left-arrow i {
        font-size: 10px;
    }

    .slider-splide-right-arrow, .slider-splide-left-arrow, .bestsellers-splide-right-arrow, .ourselections-splide-right-arrow, .bestsellers-splide-right-arrow2, .ourselections-splide-right-arrow2, .home-blog-splide-right-arrow, .bestsellers-splide-left-arrow, .ourselections-splide-left-arrow, .bestsellers-splide-left-arrow2, .ourselections-splide-left-arrow2, .home-blog-splide-left-arrow {
        width: 20px;
        height: 20px;
    }

    .slider-container {
        width: 83.64%;
    }

    .slider-title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .slider-subtitle {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 32px;
    }

    .slider-link {
        font-size: 16px;
    }

    .slider-description {
        display: none;
    }


    .slider-splide .splide__pagination {
        bottom: -12%;
    }

    .home-new-book-subtitle {
        max-height: 60px;
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 20px;
        height: auto;
    }

    .home-new-book-title {
        font-size: 18px;
        max-height: 44px;
        height: auto;
        line-height: 22px;
    }

    .home-new-book-link {
        font-size: 14px;
    }

    .home-new-book-content {
        padding-top: 0;
    }

        .home-new-book-content .home-new-book-link:nth-child(4) {
            margin-top: 5.35%;
        }

        .home-new-book-content .home-new-book-link:not(:nth-child(4)) {
            margin-top: 5px;
        }


    .default-title, .discovery-hub h1 {
        padding: 30px 2.5% 15px;
        font-size: 18px;
    }

    .new-books-splide {
        margin: 0;
    }

    .home-activity-container {
        width: 95%;
        margin: 0 auto;
    }

    .default-title, .discovery-hub h1 {
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0);
        flex-wrap: wrap;
        gap: 10px;
    }

        .default-title:first-of-type {
            justify-content: center;
        }

    .new-books-splide .splide__track {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .home-new-book-item {
        gap: 3.98%;
    }

    .home-new-book-content {
        width: 56.1%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home-activity-link {
        position: static;
        transform: translate(0);
    }

    .events-splide {
        width: 95%;
        margin: 0 auto;
    }

    .home-event-content {
        height: 54px;
    }

    .discovery-hub {
        padding-bottom: 25px;
    }

    .home-mid-content {
        padding: 20px 0 0px;
    }

    .home-events {
        flex-direction: column;
    }

    .home-event-duo-item {
        width: 100%;
    }

    .home-event-duo-content {
        padding: 10px;
    }

    .home-event-duo-title {
        font-size: 14px;
        line-height: 19px;
        height: 57px;
    }

    .home-event-duo-link {
        margin-top: 5px;
        font-size: 14px;
    }

    .home-title-text {
        width: fit-content;
        font-size: 18px;
        line-height: 25px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .home-title-link {
        width: fit-content;
        margin-left: auto;
    }

    .home-title-container {
        padding: 20px 0 10px !important;
        flex-wrap: wrap;
        gap: 5px;
    }

    .home-slide-bilboard {
        margin: 20px auto 0;
    }

    .home-blog {
        background-color: var(--remziBeige);
        padding: 0px 0 20px;
        margin-top: 20px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .slider-splide {
        height: 30vh;
    }

    .bestsellers-splide-right-arrow i, .ourselections-splide-right-arrow i, .bestsellers-splide-right-arrow2 i, .ourselections-splide-right-arrow2 i, .home-blog-splide-right-arrow i,
    .slider-splide-right-arrow i, .slider-splide-left-arrow i, .bestsellers-splide-left-arrow i, .ourselections-splide-left-arrow i, .bestsellers-splide-left-arrow2 i, .ourselections-splide-left-arrow2 i, .home-blog-splide-left-arrow i {
        font-size: 10px;
    }

    .slider-splide-right-arrow, .slider-splide-left-arrow, .bestsellers-splide-right-arrow, .ourselections-splide-right-arrow, .bestsellers-splide-right-arrow2, .ourselections-splide-right-arrow2, .home-blog-splide-right-arrow, .bestsellers-splide-left-arrow, .ourselections-splide-left-arrow, .bestsellers-splide-left-arrow2, .ourselections-splide-left-arrow2, .home-blog-splide-left-arrow {
        width: 20px;
        height: 20px;
    }

    .slider-container {
        width: 83.64%;
    }

    .slider-title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .slider-subtitle {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 32px;
    }

    .slider-link {
        font-size: 16px;
    }

    .slider-description {
        display: none;
    }


    .slider-splide .splide__pagination {
        bottom: -12%;
    }

    .home-new-book-subtitle {
        max-height: 60px;
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 20px;
        height: auto;
    }

    .home-new-book-title {
        font-size: 18px;
        max-height: 44px;
        height: auto;
        line-height: 22px;
    }

    .home-new-book-link {
        font-size: 14px;
    }

    .home-new-book-content {
        padding-top: 0;
    }

        .home-new-book-content .home-new-book-link:nth-child(4) {
            margin-top: 5.35%;
        }

        .home-new-book-content .home-new-book-link:not(:nth-child(4)) {
            margin-top: 5px;
        }


    .default-title, .discovery-hub h1 {
        padding: 30px 2.5% 15px;
        font-size: 18px;
    }

    .new-books-splide {
        margin: 0;
    }

    .home-activity-container {
        width: 95%;
        margin: 0 auto;
    }

    .default-title, .discovery-hub h1 {
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0);
        flex-wrap: wrap;
        gap: 10px;
    }

        .default-title:first-of-type {
            justify-content: center;
        }

    .new-books-splide .splide__track {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .home-new-book-item {
        gap: 3.98%;
    }

    .home-new-book-content {
        width: 56.1%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home-activity-link {
        position: static;
        transform: translate(0);
    }

    .events-splide {
        width: 95%;
        margin: 0 auto;
    }

    .home-event-content {
        height: 54px;
    }

    .discovery-hub {
        padding-bottom: 25px;
    }

    .home-mid-content {
        padding: 20px 0 0px;
    }

    .home-events {
        flex-direction: column;
    }

    .home-event-duo-item {
        width: 100%;
    }

    .home-event-duo-content {
        padding: 10px;
    }

    .home-event-duo-title {
        font-size: 14px;
        line-height: 19px;
        height: 57px;
    }

    .home-event-duo-link {
        margin-top: 5px;
        font-size: 14px;
    }

    .home-title-text {
        width: fit-content;
        font-size: 18px;
        line-height: 25px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .home-title-link {
        width: fit-content;
        margin-left: auto;
    }

    .home-title-container {
        padding: 20px 0 10px !important;
        flex-wrap: wrap;
        gap: 5px;
    }

    .home-slide-bilboard {
        margin: 20px auto 0;
    }

    .home-blog {
        background-color: var(--remziBeige);
        padding: 0px 0 20px;
        margin-top: 20px;
    }
}
/*#endregion*/

/*#region Default Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width: 480px) and (max-width: 559px) {
    .slider-splide {
        height: 80vh;
    }

    .bestsellers-splide-right-arrow i, .ourselections-splide-right-arrow i, .bestsellers-splide-right-arrow2 i, .ourselections-splide-right-arrow2 i, .home-blog-splide-right-arrow i,
    .slider-splide-right-arrow i, .slider-splide-left-arrow i, .bestsellers-splide-left-arrow i, .ourselections-splide-left-arrow i, .bestsellers-splide-left-arrow2 i, .ourselections-splide-left-arrow2 i, .home-blog-splide-left-arrow i {
        font-size: 10px;
    }

    .slider-splide-right-arrow, .slider-splide-left-arrow, .bestsellers-splide-right-arrow, .ourselections-splide-right-arrow, .bestsellers-splide-right-arrow2, .ourselections-splide-right-arrow2, .home-blog-splide-right-arrow, .bestsellers-splide-left-arrow, .ourselections-splide-left-arrow, .bestsellers-splide-left-arrow2, .ourselections-splide-left-arrow2, .home-blog-splide-left-arrow {
        width: 20px;
        height: 20px;
    }

    .slider-container {
        width: 83.64%;
    }

    .slider-title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .slider-subtitle {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 32px;
    }

    .slider-link {
        font-size: 16px;
    }

    .slider-description {
        display: none;
    }


    .slider-splide .splide__pagination {
        bottom: -9%;
    }

    .home-new-book-subtitle {
        max-height: 60px;
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 20px;
        height: auto;
    }

    .home-new-book-title {
        font-size: 18px;
        max-height: 44px;
        height: auto;
        line-height: 22px;
    }

    .home-new-book-link {
        font-size: 14px;
    }

    .home-new-book-content {
        padding-top: 0;
    }

        .home-new-book-content .home-new-book-link:nth-child(4) {
            margin-top: 5.35%;
        }

        .home-new-book-content .home-new-book-link:not(:nth-child(4)) {
            margin-top: 5px;
        }


    .default-title, .discovery-hub h1 {
        padding: 30px 2.5% 15px;
        font-size: 18px;
    }

    .new-books-splide {
        margin: 0;
    }

    .home-activity-container {
        width: 100%;
        margin: 0 auto;
    }

    .default-title, .discovery-hub h1 {
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0);
        flex-wrap: wrap;
        gap: 10px;
    }

        .default-title:first-of-type {
            justify-content: center;
        }

    .new-books-splide .splide__track {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .home-new-book-item {
        gap: 3.98%;
    }

    .home-new-book-content {
        width: 56.1%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home-activity-link {
        transform: translate(0, 50%);
        bottom: 27px;
        right: 2.5%;
    }

    .events-splide {
        width: 95%;
        margin: 0 auto;
    }

    .home-event-content {
        height: 54px;
    }

    .discovery-hub {
        padding-bottom: 25px;
    }

    .home-mid-content {
        padding: 20px 0 0px;
    }

    .home-events {
        flex-direction: column;
    }

    .home-event-duo-item {
        width: 100%;
    }

    .home-event-duo-content {
        padding: 10px;
    }

    .home-event-duo-title {
        font-size: 14px;
        line-height: 19px;
        height: 57px;
    }

    .home-event-duo-link {
        margin-top: 5px;
        font-size: 14px;
    }

    .home-title-text {
        width: fit-content;
        font-size: 18px;
        line-height: 25px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .home-title-link {
        width: fit-content;
        margin-left: auto;
    }

    .home-title-container {
        padding: 20px 0 10px !important;
        flex-wrap: wrap;
        gap: 5px;
    }

    .home-slide-bilboard {
        margin: 20px auto 0;
    }

    .home-blog {
        background-color: var(--remziBeige);
        padding: 0px 0 20px;
        margin-top: 20px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .slider-splide {
        height: 80vh;
    }

    .bestsellers-splide-right-arrow i, .ourselections-splide-right-arrow i, .bestsellers-splide-right-arrow2 i, .ourselections-splide-right-arrow2 i, .home-blog-splide-right-arrow i,
    .slider-splide-right-arrow i, .slider-splide-left-arrow i, .bestsellers-splide-left-arrow i, .ourselections-splide-left-arrow i, .bestsellers-splide-left-arrow2 i, .ourselections-splide-left-arrow2 i, .home-blog-splide-left-arrow i {
        font-size: 10px;
    }

    .slider-splide-right-arrow, .slider-splide-left-arrow, .bestsellers-splide-right-arrow, .ourselections-splide-right-arrow, .bestsellers-splide-right-arrow2, .ourselections-splide-right-arrow2, .home-blog-splide-right-arrow, .bestsellers-splide-left-arrow, .ourselections-splide-left-arrow, .bestsellers-splide-left-arrow2, .ourselections-splide-left-arrow2, .home-blog-splide-left-arrow {
        width: 20px;
        height: 20px;
    }

    .slider-container {
        width: 83.64%;
    }

    .slider-book-image {
        width: 34.29%;
    }

    .slider-title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .slider-subtitle {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 19px;
    }

    .slider-link {
        font-size: 16px;
    }

    .slider-description {
        font-size: 14px;
        line-height: 19px;
        width: 100%;
        max-height: 111px;
        overflow: hidden;
        padding-bottom: 35px;
    }


    .slider-splide .splide__pagination {
        bottom: -9%;
    }

    .home-new-book-subtitle {
        max-height: 60px;
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 20px;
        height: auto;
    }

    .home-new-book-title {
        font-size: 18px;
        max-height: 44px;
        height: auto;
        line-height: 22px;
    }

    .home-new-book-link {
        font-size: 15px;
    }

    .home-new-book-content {
        padding-top: 0;
    }

        .home-new-book-content .home-new-book-link:nth-child(4) {
            margin-top: 7.35%;
        }

        .home-new-book-content .home-new-book-link:not(:nth-child(4)) {
            margin-top: 7px;
        }


    .home-event-title {
        font-size: 15px;
        line-height: 19px;
        height: 19px;
    }

    .default-title, .discovery-hub h1 {
        padding: 30px 2.5% 15px;
        font-size: 18px;
    }

    .new-books-splide {
        margin: 0;
    }

    .home-activity-container {
        width: 100%;
        margin: 0 auto;
    }

    .default-title, .discovery-hub h1 {
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0);
        flex-wrap: wrap;
        gap: 10px;
    }

        .default-title:first-of-type {
            justify-content: center;
        }

    .new-books-splide .splide__track {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .home-new-book-item {
        gap: 3.98%;
    }

    .home-new-book-content {
        width: 56.1%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home-activity-link {
        transform: translate(0, 50%);
        bottom: 28px;
        right: 2.5%;
    }

    .events-splide {
        width: 95%;
        margin: 0 auto;
    }

    .home-event-content {
        height: 72px;
    }

    .discovery-hub {
        padding-bottom: 25px;
    }

    .home-mid-content {
        padding: 20px 0 0px;
    }

    .home-events {
        flex-direction: column;
    }

    .home-event-duo-item {
        width: 100%;
    }

    .home-event-duo-content {
        padding: 10px;
    }

    .home-event-duo-title {
        font-size: 14px;
        line-height: 19px;
        height: 57px;
    }

    .home-event-duo-link {
        margin-top: 5px;
        font-size: 14px;
    }

    .home-title-text {
        width: fit-content;
        font-size: 18px;
        line-height: 25px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .home-title-link {
        width: fit-content;
        margin-left: auto;
    }

    .home-title-container {
        padding: 25px 0 15px !important;
        flex-wrap: wrap;
        gap: 5px;
    }

    .home-slide-bilboard {
        margin: 20px auto 0;
    }

    .home-blog {
        background-color: var(--remziBeige);
        padding: 0px 0 20px;
        margin-top: 20px;
    }

    .home-blog-description {
        height: 54px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .slider-splide {
        height: 80vh;
    }

    .bestsellers-splide-right-arrow i, .ourselections-splide-right-arrow i, .bestsellers-splide-right-arrow2 i, .ourselections-splide-right-arrow2 i, .home-blog-splide-right-arrow i,
    .slider-splide-right-arrow i, .slider-splide-left-arrow i, .bestsellers-splide-left-arrow i, .ourselections-splide-left-arrow i, .bestsellers-splide-left-arrow2 i, .ourselections-splide-left-arrow2 i, .home-blog-splide-left-arrow i {
        font-size: 10px !important;
    }

    .slider-splide-right-arrow, .slider-splide-left-arrow, .bestsellers-splide-right-arrow, .ourselections-splide-right-arrow, .bestsellers-splide-right-arrow2, .ourselections-splide-right-arrow2, .home-blog-splide-right-arrow, .bestsellers-splide-left-arrow, .ourselections-splide-left-arrow, .bestsellers-splide-left-arrow2, .ourselections-splide-left-arrow2, .home-blog-splide-left-arrow {
        width: 20px;
        height: 20px;
    }

    .slider-container {
        width: 83.64%;
    }

    .slider-book-image {
        width: 34.29%;
    }

    .slider-title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .slider-subtitle {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 19px;
    }

    .slider-link {
        font-size: 16px;
    }

    .slider-description {
        font-size: 14px;
        line-height: 19px;
        width: 100%;
        max-height: 111px;
        overflow: hidden;
        padding-bottom: 35px;
    }


    .slider-splide .splide__pagination {
        bottom: -9%;
    }

    .home-new-book-subtitle {
        max-height: 66px;
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 22px;
        height: auto;
    }

    .home-new-book-title {
        font-size: 20px;
        max-height: 44px;
        height: auto;
        line-height: 22px;
    }

    .home-new-book-link {
        font-size: 15px;
    }

    .home-new-book-content {
        padding-top: 0;
    }

        .home-new-book-content .home-new-book-link:nth-child(4) {
            margin-top: 7.35%;
        }

        .home-new-book-content .home-new-book-link:not(:nth-child(4)) {
            margin-top: 7px;
        }

    .home-event-title {
        font-size: 15px;
        line-height: 19px;
        height: 19px;
    }

    .default-title, .discovery-hub h1 {
        padding: 30px 2.5% 15px;
        font-size: 18px;
    }

    .new-books-splide {
        margin: 0;
    }

    .home-activity-container {
        width: 100%;
        margin: 0 auto;
    }

    .default-title, .discovery-hub h1 {
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0);
        flex-wrap: wrap;
        gap: 10px;
    }

        .default-title:first-of-type {
            justify-content: center;
        }

    .new-books-splide .splide__track {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .home-new-book-item {
        gap: 3.98%;
    }

    .home-new-book-content {
        width: 56.1%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home-activity-link {
        transform: translate(0, 50%);
        bottom: 28px;
        right: 2.5%;
    }

    .events-splide {
        width: 95%;
        margin: 0 auto;
    }

    .home-event-content {
        height: 72px;
    }

    .discovery-hub {
        padding-bottom: 25px;
    }

    .home-mid-content {
        padding: 20px 0 0px;
    }

    .home-events {
        flex-direction: column;
    }

    .home-event-duo-item {
        width: 100%;
    }

    .home-event-duo-content {
        padding: 10px;
    }

    .home-event-duo-title {
        font-size: 14px;
        line-height: 19px;
        height: 57px;
    }

    .home-event-duo-link {
        margin-top: 5px;
        font-size: 14px;
    }

    .home-title-text {
        width: fit-content;
        font-size: 18px;
        line-height: 25px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .home-title-link {
        width: fit-content;
        margin-left: auto;
    }

    .home-title-container {
        padding: 25px 0 15px !important;
        flex-wrap: wrap;
        gap: 5px;
    }

    .home-slide-bilboard {
        margin: 20px auto 0;
    }

    .home-blog {
        background-color: var(--remziBeige);
        padding: 0px 0 20px;
        margin-top: 20px;
    }

    .home-blog-description {
        height: 54px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .slider-splide {
        height: 80vh;
    }

    .bestsellers-splide-right-arrow i, .ourselections-splide-right-arrow i, .bestsellers-splide-right-arrow2 i, .ourselections-splide-right-arrow2 i, .home-blog-splide-right-arrow i,
    .slider-splide-right-arrow i, .slider-splide-left-arrow i, .bestsellers-splide-left-arrow i, .ourselections-splide-left-arrow i, .bestsellers-splide-left-arrow2 i, .ourselections-splide-left-arrow2 i, .home-blog-splide-left-arrow i {
        font-size: 14px;
    }

    .slider-splide-right-arrow, .slider-splide-left-arrow, .bestsellers-splide-right-arrow, .ourselections-splide-right-arrow, .bestsellers-splide-right-arrow2, .ourselections-splide-right-arrow2, .home-blog-splide-right-arrow, .bestsellers-splide-left-arrow, .ourselections-splide-left-arrow, .bestsellers-splide-left-arrow2, .ourselections-splide-left-arrow2, .home-blog-splide-left-arrow {
        width: 30px;
        height: 30px;
    }

    .slider-container {
        width: 83.64%;
    }

    .slider-book-image {
        width: 34.29%;
    }

    .slider-title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .slider-subtitle {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 19px;
    }

    .slider-link {
        font-size: 16px;
    }

    .slider-description {
        font-size: 14px;
        line-height: 19px;
        width: 100%;
        max-height: 111px;
        overflow: hidden;
        padding-bottom: 35px;
    }


    .slider-splide .splide__pagination {
        bottom: -9%;
    }

    .home-new-book-subtitle {
        margin-bottom: 10px;
        height: auto;
    }

    .home-new-book-title {
        font-size: 20px;
        max-height: 44px;
        height: auto;
        line-height: 22px;
    }


    .home-new-book-content {
        padding-top: 0;
    }

        .home-new-book-content .home-new-book-link:nth-child(4) {
            margin-top: 7.35%;
        }

        .home-new-book-content .home-new-book-link:not(:nth-child(4)) {
            margin-top: 7px;
        }

    .home-event-title {
        font-size: 15px;
        line-height: 19px;
        height: 19px;
    }

    .default-title, .discovery-hub h1 {
        padding: 30px 2.5% 15px;
        font-size: 18px;
    }

    .new-books-splide {
        margin: 0;
    }

    .home-activity-container {
        width: 100%;
        margin: 0 auto;
    }

    .default-title, .discovery-hub h1 {
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0);
        flex-wrap: wrap;
        gap: 10px;
    }

        .default-title:first-of-type {
            justify-content: center;
        }

    .new-books-splide .splide__track {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .home-new-book-item {
        gap: 3.98%;
    }

    .home-new-book-content {
        width: 56.1%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home-activity-link {
        transform: translate(0, 50%);
        bottom: 28px;
        right: 2.5%;
    }

    .events-splide {
        width: 95%;
        margin: 0 auto;
    }

    .home-event-content {
        height: 72px;
    }

    .discovery-hub {
        padding-bottom: 25px;
    }

    .home-mid-content {
        padding: 20px 0 0px;
    }

    .home-events {
        gap: 2%;
    }

    .home-event-duo-item {
        width: 100%;
    }

    .home-event-duo-content {
        padding: 10px;
    }

    .home-event-duo-title {
        font-size: 14px;
        line-height: 19px;
        height: 57px;
    }

    .home-event-duo-link {
        margin-top: 5px;
        font-size: 14px;
    }

    .home-title-text {
        width: fit-content;
        font-size: 18px;
        line-height: 25px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .home-title-link {
        width: fit-content;
        margin-left: auto;
    }

    .home-title-container {
        padding: 25px 0 15px !important;
        flex-wrap: wrap;
        gap: 5px;
    }

    .home-slide-bilboard {
        margin: 20px auto 0;
    }

    .home-blog {
        background-color: var(--remziBeige);
        padding: 0px 0 20px;
        margin-top: 20px;
    }

    .home-blog-description {
        height: 54px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .slider-splide {
        height: 80vh;
    }

    .bestsellers-splide-right-arrow i, .ourselections-splide-right-arrow i, .bestsellers-splide-right-arrow2 i, .ourselections-splide-right-arrow2 i, .home-blog-splide-right-arrow i,
    .slider-splide-right-arrow i, .slider-splide-left-arrow i, .bestsellers-splide-left-arrow i, .ourselections-splide-left-arrow i, .bestsellers-splide-left-arrow2 i, .ourselections-splide-left-arrow2 i, .home-blog-splide-left-arrow i {
        font-size: 14px;
    }

    .slider-splide-right-arrow, .slider-splide-left-arrow, .bestsellers-splide-right-arrow, .ourselections-splide-right-arrow, .bestsellers-splide-right-arrow2, .ourselections-splide-right-arrow2, .home-blog-splide-right-arrow, .bestsellers-splide-left-arrow, .ourselections-splide-left-arrow, .bestsellers-splide-left-arrow2, .ourselections-splide-left-arrow2, .home-blog-splide-left-arrow {
        width: 30px;
        height: 30px;
    }

    .slider-container {
        width: 83.64%;
    }

    .slider-book-image {
        width: 34.29%;
    }

    .slider-title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .slider-subtitle {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 19px;
    }

    .slider-link {
        font-size: 16px;
    }

    .slider-description {
        font-size: 14px;
        line-height: 19px;
        width: 100%;
        max-height: 111px;
        overflow: hidden;
        padding-bottom: 35px;
    }


    .slider-splide .splide__pagination {
        bottom: -9%;
    }

    .home-new-book-subtitle {
        margin-bottom: 10px;
        height: auto;
    }

    .home-new-book-title {
        font-size: 20px;
        max-height: 44px;
        height: auto;
        line-height: 22px;
    }


    .home-new-book-content {
        padding-top: 0;
    }

        .home-new-book-content .home-new-book-link:nth-child(4) {
            margin-top: 7.35%;
        }

    .home-event-title {
        font-size: 15px;
        line-height: 19px;
        height: 19px;
    }

    .default-title, .discovery-hub h1 {
        padding: 30px 2.5% 15px;
        font-size: 18px;
    }

    .new-books-splide {
        margin: 0;
    }

    .home-activity-container {
        width: 100%;
        margin: 0 auto;
    }

    .default-title, .discovery-hub h1 {
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0);
        flex-wrap: wrap;
        gap: 10px;
    }

        .default-title:first-of-type {
            justify-content: center;
        }

    .new-books-splide .splide__track {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .home-new-book-item {
        gap: 3.98%;
    }

    .home-new-book-content {
        width: 56.1%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home-activity-link {
        transform: translate(0, 50%);
        bottom: 28px;
        right: 2.5%;
    }

    .events-splide {
        width: 95%;
        margin: 0 auto;
    }

    .home-event-content {
        height: 72px;
    }

    .discovery-hub {
        padding-bottom: 25px;
    }

    .home-mid-content {
        padding: 20px 0 0px;
    }

    .home-events {
        gap: 2%;
    }

    .home-event-duo-item {
        width: 100%;
    }

    .home-event-duo-content {
        padding: 10px;
    }

    .home-event-duo-title {
        font-size: 14px;
        line-height: 19px;
        height: 57px;
    }

    .home-event-duo-link {
        margin-top: 5px;
        font-size: 14px;
    }

    .home-title-text {
        width: fit-content;
        font-size: 18px;
        line-height: 25px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .home-title-link {
        width: fit-content;
        margin-left: auto;
    }

    .home-title-container {
        padding: 25px 0 15px !important;
        flex-wrap: wrap;
        gap: 5px;
    }

    .home-slide-bilboard {
        margin: 20px auto 0;
    }

    .home-blog {
        background-color: var(--remziBeige);
        padding: 0px 0 20px;
        margin-top: 20px;
    }

    .home-blog-description {
        height: 54px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .slider-splide {
        height: 80vh;
    }

    .bestsellers-splide-right-arrow i, .ourselections-splide-right-arrow i, .bestsellers-splide-right-arrow2 i, .ourselections-splide-right-arrow2 i, .home-blog-splide-right-arrow i,
    .slider-splide-right-arrow i, .slider-splide-left-arrow i, .bestsellers-splide-left-arrow i, .ourselections-splide-left-arrow i, .bestsellers-splide-left-arrow2 i, .ourselections-splide-left-arrow2 i, .home-blog-splide-left-arrow i {
        font-size: 14px;
    }

    .slider-splide-right-arrow, .slider-splide-left-arrow, .bestsellers-splide-right-arrow, .ourselections-splide-right-arrow, .bestsellers-splide-right-arrow2, .ourselections-splide-right-arrow2, .home-blog-splide-right-arrow, .bestsellers-splide-left-arrow, .ourselections-splide-left-arrow, .bestsellers-splide-left-arrow2, .ourselections-splide-left-arrow2, .home-blog-splide-left-arrow {
        width: 30px;
        height: 30px;
    }

    .slider-container {
        width: 83.64%;
    }

    .slider-book-image {
        width: 34.29%;
    }

    .slider-title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .slider-subtitle {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 19px;
    }

    .slider-link {
        font-size: 16px;
    }

    .slider-description {
        font-size: 14px;
        line-height: 19px;
        width: 100%;
        max-height: 111px;
        overflow: hidden;
        padding-bottom: 35px;
    }


    .slider-splide .splide__pagination {
        bottom: -9%;
    }

    .home-new-book-subtitle {
        margin-bottom: 10px;
        height: auto;
    }

    .home-new-book-title {
        font-size: 20px;
        max-height: 44px;
        height: auto;
        line-height: 22px;
    }


    .home-new-book-content {
        padding-top: 0;
    }

        .home-new-book-content .home-new-book-link:nth-child(4) {
            margin-top: 7.35%;
        }

    .home-event-title {
        font-size: 15px;
        line-height: 19px;
        height: 19px;
    }

    .default-title, .discovery-hub h1 {
        padding: 35px 2.5% 20px;
        font-size: 18px;
    }

    .new-books-splide {
        margin: 0;
    }

    .home-activity-container {
        width: 100%;
        margin: 0 auto;
    }

    .default-title, .discovery-hub h1 {
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0);
        flex-wrap: wrap;
        gap: 10px;
    }

        .default-title:first-of-type {
            justify-content: center;
        }

    .new-books-splide .splide__track {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .home-new-book-item {
        gap: 3.98%;
    }

    .home-new-book-content {
        width: 56.1%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home-activity-link {
        transform: translate(0, 50%);
        bottom: 32px;
        right: 2.5%;
    }

    .events-splide {
        width: 95%;
        margin: 0 auto;
    }

    .home-event-content {
        height: 72px;
    }

    .discovery-hub {
        padding-bottom: 25px;
    }

    .home-mid-content {
        padding: 20px 0 0px;
    }

    .home-events {
        gap: 2%;
    }

    .home-event-duo-item {
        width: 100%;
    }

    .home-event-duo-content {
        padding: 10px;
    }

    .home-event-duo-title {
        font-size: 14px;
        line-height: 19px;
        height: 57px;
    }

    .home-event-duo-link {
        margin-top: 5px;
        font-size: 14px;
    }

    .home-title-text {
        width: fit-content;
        margin-left: auto;
        font-size: 18px;
        line-height: 25px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .home-title-link {
        width: fit-content;
        margin-left: auto;
    }

    .home-title-container {
        padding: 30px 0 20px !important;
        flex-wrap: wrap;
        gap: 5px;
    }

    .home-slide-bilboard {
        margin: 20px auto 0;
    }

    .home-blog {
        background-color: var(--remziBeige);
        padding: 0px 0 20px;
        margin-top: 20px;
    }

    .home-blog-description {
        height: 54px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .slider-splide {
        height: 100vh;
    }

    .bestsellers-splide-right-arrow i, .ourselections-splide-right-arrow i, .bestsellers-splide-right-arrow2 i, .ourselections-splide-right-arrow2 i, .home-blog-splide-right-arrow i,
    .slider-splide-right-arrow i, .slider-splide-left-arrow i, .bestsellers-splide-left-arrow i, .ourselections-splide-left-arrow i, .bestsellers-splide-left-arrow2 i, .ourselections-splide-left-arrow2 i, .home-blog-splide-left-arrow i {
        font-size: 14px;
    }

    .slider-splide-right-arrow, .slider-splide-left-arrow, .bestsellers-splide-right-arrow, .ourselections-splide-right-arrow, .bestsellers-splide-right-arrow2, .ourselections-splide-right-arrow2, .home-blog-splide-right-arrow, .bestsellers-splide-left-arrow, .ourselections-splide-left-arrow, .bestsellers-splide-left-arrow2, .ourselections-splide-left-arrow2, .home-blog-splide-left-arrow {
        width: 30px;
        height: 30px;
    }

    .slider-container {
        width: 83.64%;
    }

    .slider-book-image {
        width: 34.29%;
    }

    .slider-title {
        font-size: 21px;
        line-height: 21px;
        margin-bottom: 10px;
    }

    .slider-subtitle {
        font-size: 17px;
        line-height: 17px;
        margin: 0px 0 23px;
    }

    .slider-link {
        font-size: 16px;
    }

    .slider-description {
        font-size: 15px;
        line-height: 24px;
        width: 100%;
        max-height: 131px;
        overflow: hidden;
        padding-bottom: 35px;
    }


    .slider-splide .splide__pagination {
        bottom: -9%;
    }

    .home-new-book-subtitle {
        margin-bottom: 10px;
        height: auto;
    }

    .home-new-book-title {
        font-size: 20px;
        max-height: 44px;
        height: auto;
        line-height: 22px;
    }


    .home-new-book-content {
        padding-top: 0;
    }

        .home-new-book-content .home-new-book-link:nth-child(4) {
            margin-top: 7.35%;
        }

    .home-event-title {
        font-size: 15px;
        line-height: 19px;
        height: 19px;
    }

    .default-title, .discovery-hub h1 {
        padding: 35px 2.5% 20px;
        font-size: 18px;
    }

    .new-books-splide {
        margin: 0;
    }

    .home-activity-container {
        width: 100%;
        margin: 0 auto;
    }

    .default-title, .discovery-hub h1 {
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0);
        flex-wrap: wrap;
        gap: 10px;
    }

        .default-title:first-of-type {
            justify-content: center;
        }

    .new-books-splide .splide__track {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .home-new-book-item {
        gap: 3.98%;
    }

    .home-new-book-content {
        width: 56.1%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home-activity-link {
        transform: translate(0, 50%);
        bottom: 33px;
        right: 2.5%;
    }

    .events-splide {
        width: 95%;
        margin: 0 auto;
    }

    .home-event-content {
        height: 72px;
    }

    .discovery-hub {
        padding-bottom: 25px;
    }

    .home-mid-content {
        padding: 20px 0 0px;
    }

    .home-events {
        gap: 2%;
    }

    .home-event-duo-item {
        width: 100%;
    }

    .home-event-duo-content {
        padding: 10px;
    }

    .home-event-duo-title {
        font-size: 14px;
        line-height: 19px;
        height: 57px;
    }

    .home-event-duo-link {
        margin-top: 5px;
        font-size: 14px;
    }

    .home-title-text {
        width: fit-content;
        font-size: 18px;
        line-height: 25px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .home-title-link {
        width: fit-content;
        margin-left: auto;
    }

    .home-title-container {
        padding: 30px 0 20px !important;
        flex-wrap: wrap;
        gap: 5px;
    }

    .home-slide-bilboard {
        margin: 20px auto 0;
    }

    .home-blog {
        background-color: var(--remziBeige);
        padding: 0px 0 20px;
        margin-top: 20px;
    }

    .home-blog-description {
        height: 54px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .slider-splide {
        height: 100vh;
    }

    .bestsellers-splide-right-arrow i, .ourselections-splide-right-arrow i, .bestsellers-splide-right-arrow2 i, .ourselections-splide-right-arrow2 i, .home-blog-splide-right-arrow i,
    .slider-splide-right-arrow i, .slider-splide-left-arrow i, .bestsellers-splide-left-arrow i, .ourselections-splide-left-arrow i, .bestsellers-splide-left-arrow2 i, .ourselections-splide-left-arrow2 i, .home-blog-splide-left-arrow i {
        font-size: 14px;
    }

    .slider-splide-right-arrow, .slider-splide-left-arrow, .bestsellers-splide-right-arrow, .ourselections-splide-right-arrow, .bestsellers-splide-right-arrow2, .ourselections-splide-right-arrow2, .home-blog-splide-right-arrow, .bestsellers-splide-left-arrow, .ourselections-splide-left-arrow, .bestsellers-splide-left-arrow2, .ourselections-splide-left-arrow2, .home-blog-splide-left-arrow {
        width: 30px;
        height: 30px;
    }

    .slider-container {
        width: 83.64%;
    }

    .slider-book-image {
        width: 34.29%;
    }

    .slider-title {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .slider-subtitle {
        font-size: 18px;
        line-height: 18px;
        margin: 0px 0 25px;
    }

    .slider-link {
        font-size: 18px;
    }

    .slider-description {
        font-size: 16px;
        line-height: 24px;
        width: 100%;
        max-height: 131px;
        overflow: hidden;
        padding-bottom: 35px;
    }


    .slider-splide .splide__pagination {
        bottom: -9%;
    }

    .home-new-book-subtitle {
        margin-bottom: 10px;
        height: auto;
    }

    .home-new-book-title {
        font-size: 20px;
        max-height: 44px;
        height: auto;
        line-height: 22px;
    }


    .home-new-book-content {
        padding-top: 0;
    }

        .home-new-book-content .home-new-book-link:nth-child(4) {
            margin-top: 7.35%;
        }

    .home-event-title {
        font-size: 15px;
        line-height: 19px;
        height: 38px;
    }

    .default-title, .discovery-hub h1 {
        padding: 38px 2.5% 20px;
        font-size: 18px;
    }

    .new-books-splide {
        margin: 0;
    }

    .home-activity-container {
        width: 100%;
        margin: 0 auto;
    }

    .default-title, .discovery-hub h1 {
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0);
        flex-wrap: wrap;
        gap: 10px;
    }

        .default-title:first-of-type {
            justify-content: center;
        }

    .new-books-splide .splide__track {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .home-new-book-item {
        gap: 3.98%;
    }

    .home-new-book-content {
        width: 56.1%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home-activity-link {
        transform: translate(0, 50%);
        bottom: 33px;
        right: 2.5%;
    }

    .events-splide {
        width: 95%;
        margin: 0 auto;
    }

    .home-event-content {
        height: 72px;
    }

    .discovery-hub {
        padding-bottom: 25px;
    }

    .home-mid-content {
        padding: 20px 0 0px;
    }

    .home-events {
        gap: 2%;
    }

    .home-event-duo-item {
        width: 100%;
    }

    .home-event-duo-content {
        padding: 10px;
    }

    .home-event-duo-title {
        font-size: 14px;
        line-height: 19px;
        height: 57px;
    }

    .home-event-duo-link {
        margin-top: 5px;
        font-size: 14px;
    }

    .home-title-text {
        width: fit-content;
        font-size: 18px;
        line-height: 25px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .home-title-link {
        width: fit-content;
        margin-left: auto;
    }

    .home-title-container {
        padding: 30px 0 20px !important;
        flex-wrap: wrap;
        gap: 5px;
    }

    .home-slide-bilboard {
        margin: 20px auto 0;
    }

    .home-blog {
        background-color: var(--remziBeige);
        padding: 0px 0 20px;
        margin-top: 20px;
    }

    .home-blog-description {
        height: 54px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .slider-splide {
        height: 100vh;
    }

    .bestsellers-splide-right-arrow i, .ourselections-splide-right-arrow i, .bestsellers-splide-right-arrow2 i, .ourselections-splide-right-arrow2 i, .home-blog-splide-right-arrow i,
    .slider-splide-right-arrow i, .slider-splide-left-arrow i, .bestsellers-splide-left-arrow i, .ourselections-splide-left-arrow i, .bestsellers-splide-left-arrow2 i, .ourselections-splide-left-arrow2 i, .home-blog-splide-left-arrow i {
        font-size: 14px;
    }

    .slider-splide-right-arrow, .slider-splide-left-arrow, .bestsellers-splide-right-arrow, .ourselections-splide-right-arrow, .bestsellers-splide-right-arrow2, .ourselections-splide-right-arrow2, .home-blog-splide-right-arrow, .bestsellers-splide-left-arrow, .ourselections-splide-left-arrow, .bestsellers-splide-left-arrow2, .ourselections-splide-left-arrow2, .home-blog-splide-left-arrow {
        width: 30px;
        height: 30px;
    }

    .slider-container {
        width: 83.64%;
    }

    .slider-book-image {
        width: 34.29%;
    }

    .slider-title {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .slider-subtitle {
        font-size: 18px;
        line-height: 18px;
        margin: 0px 0 25px;
    }

    .slider-link {
        font-size: 18px;
    }

    .slider-description {
        font-size: 16px;
        line-height: 24px;
        width: 100%;
        max-height: 131px;
        overflow: hidden;
        padding-bottom: 35px;
    }


    .slider-splide .splide__pagination {
        bottom: -9%;
    }

    .home-new-book-subtitle {
        margin-bottom: 10px;
        height: auto;
    }

    .home-new-book-title {
        font-size: 20px;
        max-height: 44px;
        height: auto;
        line-height: 22px;
    }


    .home-new-book-content {
        padding-top: 0;
    }

    .home-event-title {
        font-size: 15px;
        line-height: 19px;
        height: 19px;
    }

    .default-title, .discovery-hub h1 {
        padding: 40px 2.5% 20px;
        font-size: 20px;
    }

    .new-books-splide {
        margin: 0;
    }

    .home-activity-container {
        width: 100%;
        margin: 0 auto;
    }

    .default-title, .discovery-hub h1 {
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(0);
        flex-wrap: wrap;
        gap: 10px;
    }

        .default-title:first-of-type {
            justify-content: center;
        }

    .new-books-splide .splide__track {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .home-new-book-item {
        gap: 3.98%;
    }

    .home-new-book-content {
        width: 56.1%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home-activity-link {
        transform: translate(0, 50%);
        bottom: 34px;
        right: 2.5%;
    }

    .events-splide {
        width: 95%;
        margin: 0 auto;
    }

    .home-event-content {
        height: 72px;
    }

    .discovery-hub {
        padding-bottom: 25px;
    }

    .home-mid-content {
        padding: 20px 0 0px;
    }

    .home-events {
        gap: 2%;
    }

    .home-event-duo-item {
        width: 100%;
    }

    .home-event-duo-content {
        padding: 10px;
    }

    .home-event-duo-title {
        font-size: 14px;
        line-height: 19px;
        height: 57px;
    }

    .home-event-duo-link {
        margin-top: 5px;
        font-size: 14px;
    }

    .home-title-text {
        width: fit-content;
        font-size: 20px;
        line-height: 25px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .home-title-link {
        width: fit-content;
        margin-left: auto;
    }

    .home-title-container {
        padding: 35px 0 25px !important;
        flex-wrap: wrap;
        gap: 5px;
    }

    .home-slide-bilboard {
        margin: 30px auto 0;
    }

    .home-blog {
        background-color: var(--remziBeige);
        padding: 0px 0 20px;
        margin-top: 20px;
    }

    .home-blog-description {
        height: 72px;
    }
}

/*#endregion*/

/*#region BreadCrumb*/
.breadcrumb {
    background-color: white;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .breadcrumb ul {
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 3px;
    }

        .breadcrumb ul li {
            display: flex;
            gap: 5px;
        }

            .breadcrumb ul li::after {
                content: '>';
                display: block;
                margin-right: 5px;
                font-family: OpenSans-Regular;
                font-size: 13px;
                line-height: 18px;
                text-decoration: none;
                color: #ADADAD;
            }

            .breadcrumb ul li a {
                color: #ADADAD;
                font-family: OpenSans-Regular;
                font-size: 13px;
                line-height: 18px;
                text-decoration: none;
            }

            .breadcrumb ul li:last-of-type a {
                color: var(--remziDarkGray);
            }

            .breadcrumb ul li:last-of-type::after {
                display: none;
            }

.previous-page {
    font-size: 14px;
    line-height: 18px;
    font-family: OpenSans-Regular;
    color: var(--remziDarkGray);
    text-decoration: none;
}
/*#endregion*/

/*#region BreadCrumb Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .breadcrumb {
        flex-wrap: wrap;
        gap: 5px;
    }

        .breadcrumb ul {
            flex-wrap: wrap;
        }

    .previous-page {
        width: fit-content;
        margin-left: auto;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .breadcrumb {
        flex-wrap: wrap;
        gap: 5px;
    }

        .breadcrumb ul {
            flex-wrap: wrap;
        }

    .previous-page {
        width: fit-content;
        margin-left: auto;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .breadcrumb {
        flex-wrap: wrap;
        gap: 5px;
    }

        .breadcrumb ul {
            flex-wrap: wrap;
        }

    .previous-page {
        width: fit-content;
        margin-left: auto;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .breadcrumb {
        flex-wrap: wrap;
        gap: 5px;
    }

        .breadcrumb ul {
            flex-wrap: wrap;
        }

    .previous-page {
        width: fit-content;
        margin-left: auto;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .breadcrumb {
        flex-wrap: wrap;
        gap: 5px;
    }

        .breadcrumb ul {
            flex-wrap: wrap;
        }

    .previous-page {
        width: fit-content;
        margin-left: auto;
    }
}
/*#endregion*/

/*#region BreadCrumb Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .breadcrumb {
        flex-wrap: wrap;
        gap: 5px;
    }

        .breadcrumb ul {
            flex-wrap: wrap;
        }

    .previous-page {
        width: fit-content;
        margin-left: auto;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .breadcrumb {
        flex-wrap: wrap;
        gap: 5px;
    }

        .breadcrumb ul {
            flex-wrap: wrap;
        }

    .previous-page {
        width: fit-content;
        margin-left: auto;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .breadcrumb {
        flex-wrap: wrap;
        gap: 5px;
    }

        .breadcrumb ul {
            flex-wrap: wrap;
        }

    .previous-page {
        width: fit-content;
        margin-left: auto;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .breadcrumb {
        flex-wrap: wrap;
        gap: 5px;
    }

        .breadcrumb ul {
            flex-wrap: wrap;
        }

    .previous-page {
        width: fit-content;
        margin-left: auto;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .breadcrumb {
        flex-wrap: wrap;
        gap: 5px;
    }

        .breadcrumb ul {
            flex-wrap: wrap;
        }

    .previous-page {
        width: fit-content;
        margin-left: auto;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .breadcrumb {
        flex-wrap: wrap;
        gap: 5px;
    }

        .breadcrumb ul {
            flex-wrap: wrap;
        }

    .previous-page {
        width: fit-content;
        margin-left: auto;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .breadcrumb {
        flex-wrap: wrap;
        gap: 5px;
    }

        .breadcrumb ul {
            flex-wrap: wrap;
        }

    .previous-page {
        width: fit-content;
        margin-left: auto;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .breadcrumb {
        flex-wrap: wrap;
        gap: 5px;
    }

        .breadcrumb ul {
            flex-wrap: wrap;
        }

    .previous-page {
        width: fit-content;
        margin-left: auto;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .breadcrumb {
        flex-wrap: wrap;
        gap: 5px;
    }

        .breadcrumb ul {
            flex-wrap: wrap;
        }

    .previous-page {
        width: fit-content;
        margin-left: auto;
    }
}

/*#endregion*/

/*#region KitapListe*/
.null-content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    font-family: OpenSans-Bold;
    margin: 20px 0;
    font-size: 20px;
    text-align: center;
}

.book-list-container {
    display: flex;
    align-items: start;
    gap: 1.58%;
}

.treeview {
    width: 18.7%;
}

.treeview-title {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.32px;
    color: #000000;
    font-family: OpenSans-SemiBold;
    border-bottom: 1px solid var(--remziBorderLightGray);
    padding-bottom: 10.5px;
    display: block;
    margin-top: 20px;
}

.remzi-book-list {
    width: 79.72%;
}

.treeview > ul {
    margin-top: 21.5px;
}

.treeview ul li {
    display: block;
    align-items: center;
    list-style-type: none;
}

.treeview ul a {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    line-height: 30px;
    text-decoration: none;
    color: black;
    background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s ease-in-out all;
}

    .treeview ul a:hover {
        background-size: 100% 100%;
        -webkit-text-fill-color: transparent;
    }

.treeview ul > li {
    position: relative;
}

    .treeview ul > li > a {
        font-family: OpenSans-SemiBold;
    }

    .treeview ul > li > ul {
        margin: 0;
        height: 0;
        opacity: 0;
        pointer-events: none;
        transition: .25s ease-in-out all;
    }

    .treeview ul > li.open > ul, .treeview ul > li.open > ul.show-ul {
        height: 100%;
        opacity: 1;
        pointer-events: auto;
        margin: 0px 0 8px 10px;
    }

    .treeview ul > li > ul a {
        font-family: OpenSans-Regular;
        line-height: 27px;
    }

    .treeview ul > li.open > a {
        color: var(--remziburgundy);
        background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
    }

    .treeview ul > li.open > ul > li.open > a.active {
        color: var(--remziburgundy);
        background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
        text-decoration: underline;
    }

.toggle-arrow {
    font-size: 12px;
    color: var(--remziDarkGray);
    position: absolute;
    right: -10px;
    top: 0;
    transition: .25s ease-in-out all;
    width: 30px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transform: rotate(180deg);
}

li.open .toggle-arrow {
    color: #8E1D34;
    transform: rotate(0deg);
}

.remzi-book-list h1 {
    font-family: OpenSans-Bold;
    font-size: 30px;
    line-height: 41px;
    color: black;
    margin-top: 15px;
}


.book-list-events {
    display: flex;
    gap: 20.06px
}

.activiy-select.book-select .ts-control {
    padding: 0 !important;
    width: fit-content;
    min-width:auto;
}

.activiy-select.book-select .ts-placeholder
{
    gap:29px;
}

.activiy-select.book-select .ts-wrapper
{
    position:static;
}

.activiy-select.book-select .ts-dropdown {
    width: fit-content;
    left: 100%;
    transform: translate(-100%, 15.58px);
    min-width: 202px;
    padding: 17.5px 4px;
}


.book-list-list-count {
    font-size: 13px;
    line-height: 18px;
    color: black;
    font-family: OpenSans-Regular;
    margin-top: 21.5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.book-list-order {
    display: flex;
    gap: 29px;
    cursor: pointer;
    margin-right: 25px;
}

    .book-list-order span {
        font-size: 13px;
        line-height: 18px;
        color: var(--remziSlate);
    }

    .book-list-order i {
        color: black;
        font-size: 12px;
        transition: .25s ease-in-out all;
    }

    .book-list-order.clicked i {
        transform: rotate(180deg);
    }



.book-list-content {
    position: absolute;
    box-shadow: 0px 9px 13px #00000029;
    padding: 0px;
    right: 0%;
    background-color: white;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    width: max-content;
    top: 18px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px) scale(0.97);
    transform-origin: top right;
    transition: opacity 0.2s ease, transform 0.2s ease, top 0.2s ease;
    z-index: 1;
    padding: 12px 4px;
}

    .book-list-content.opened {
        top: 28.5px;
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0) scale(1);
    }

.book-list-item {
    font-size: 13px;
    line-height: 26px;
    font-family: OpenSans-Regular;
    color: var(--remziSlate);
    padding: 0 15.5px;
    cursor: pointer;
    transition: .4s ease-in-out all;
    display: block;
    background-color: transparent;
    border-radius: 7px;
}

    .book-list-item:hover {
        background-color: #dfdfdf;
        background-color: var(--remziBeige);
        opacity: .9;
    }

.book-show-three, .book-show-four {
    font-size: 20px;
    color: #B2B2B2;
    transition: .3s ease-in-out all;
    cursor: pointer;
    transform: rotate(90deg);
}


    .book-show-three:hover, .book-show-four:hover {
        color: #8E1D34;
    }

    .book-show-three.runned, .book-show-four.runned {
        color: #8E1D34;
    }

.book-list-filter {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: 20px;
}

.book-list-filter-title {
    font-size: 14px;
    line-height: 18px;
    font-family: OpenSans-Regular;
    color: black;
    padding-right: 15px;
    border-right: 1px solid var(--remziBorderLightGray);
}

.book-list-filter-content {
    display: flex;
    padding: 0 35px 0 22px;
    gap: 32px;
}

    .book-list-filter-content li {
        list-style-type: none;
        display: block;
    }

        .book-list-filter-content li a {
            font-size: 14px;
            color: #222222;
            letter-spacing: 0.13px;
            line-height: 18px;
            font-family: OpenSans-Regular;
            display: block;
            text-decoration: none;
        }

.book-list-clear-filter {
    color: var(--remziburgundy);
    font-size: 14px;
    letter-spacing: 0.13px;
    line-height: 18px;
    font-family: OpenSans-Regular;
    display: block;
    text-decoration: none;
}

.book-list-main {
    display: flex;
    flex-wrap: wrap;
    gap: 31.91px 1.99%;
    margin-top: 26px;
}

.book-list-card {
    width: 23.5%;
    transition: .3s ease-in-out all;
    text-decoration: none;
}

.book-list-main.list-three .book-list-card {
    width: 32%;
}

.book-list-card .home-bestsellers-image {
    max-height: none;
}

.list-three .home-bestsellers-title .list-three .home-bestsellers-writer, .list-three .home-bestsellers-writer2, .list-three .home-bestsellers-price {
    font-size: 16px;
}
/*#endregion*/

/*#region KitapListe Alt Sayfa*/
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .book-listen-option-icon, .book-mobile-option-icon {
        width: 45px;
    }

    .book-list-main {
        gap: 25px 1.99%;
    }
}

/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .book-listen-option-icon, .book-mobile-option-icon {
        width: 40px;
    }

    .book-list-main {
        gap: 25px 1.99%;
    }

    .treeview ul a {
        line-height: 30.5px;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .book-listen-option-icon, .book-mobile-option-icon {
        width: 40px;
    }

    .book-list-main {
        gap: 25px 1.99%;
    }

    .remzi-book-list {
        width: 72.72%;
    }

    .treeview {
        width: 25.7%;
    }

        .treeview ul a {
            line-height: 33.5px;
        }
}
/*#endregion*/

/*#region KitapListe Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .book-list-order {
        margin-right: 2.5%;
    }

    .remzi-book-list h1, .writerlist-container h1 {
        margin-top: 0 !important;
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .treeview {
        display: none;
    }

    .remzi-book-list {
        width: 100%;
    }

    .book-show-three, .book-show-four {
        display: none;
    }

    .book-list-list-count {
        margin-top: 5px;
    }

    .book-list-main {
        margin-top: 15px;
        gap: 15px 1.99%;
    }

    .book-list-card {
        width: 100%;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .book-list-order {
        margin-right: 2.5%;
    }

    .remzi-book-list h1, .writerlist-container h1 {
        margin-top: 0 !important;
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .treeview {
        display: none;
    }

    .remzi-book-list {
        width: 100%;
    }

    .book-show-three, .book-show-four {
        display: none;
    }

    .book-list-list-count {
        margin-top: 5px;
    }

    .book-list-main {
        margin-top: 15px;
        gap: 15px 1.99%;
    }

    .book-list-card {
        width: 100%;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .book-list-order {
        margin-right: 2.5%;
    }

    .remzi-book-list h1, .writerlist-container h1 {
        margin-top: 0 !important;
        font-size: 22px !important;
        line-height: 32px !important;
    }

    .treeview {
        display: none;
    }

    .remzi-book-list {
        width: 100%;
    }

    .book-show-three, .book-show-four {
        display: none;
    }

    .book-list-list-count {
        margin-top: 5px;
    }

    .book-list-main {
        margin-top: 15px;
        gap: 15px 2%;
    }

    .book-list-card {
        width: 49%;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .book-list-order {
        margin-right: 2.5%;
    }

    .remzi-book-list h1, .writerlist-container h1 {
        margin-top: 0;
        font-size: 22px !important;
        line-height: 32px !important;
    }

    .treeview {
        display: none;
    }

    .remzi-book-list {
        width: 100%;
    }

    .book-show-three, .book-show-four {
        display: none;
    }

    .book-list-list-count {
        margin-top: 5px;
    }

    .book-list-main {
        margin-top: 15px;
        gap: 15px 2%;
    }

    .book-list-card {
        width: 49%;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .book-list-order {
        margin-right: 2.5%;
    }

    .remzi-book-list h1, .writerlist-container h1 {
        margin-top: 0 !important;
        font-size: 22px !important;
        line-height: 32px !important;
    }

    .treeview {
        display: none;
    }

    .remzi-book-list {
        width: 100%;
    }

    .book-show-three, .book-show-four {
        display: none;
    }

    .book-list-list-count {
        margin-top: 5px;
    }

    .book-list-main {
        margin-top: 15px;
        gap: 15px 2%;
    }

    .book-list-card {
        width: 49%;
    }
}
/*#endregion*/

/*#region KitapListe Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .book-list-order {
        margin-right: 2.5%;
    }

    .remzi-book-list h1, .writerlist-container h1 {
        margin-top: 0 !important;
        font-size: 23px !important;
        line-height: 34px !important;
    }

    .treeview {
        display: none;
    }

    .remzi-book-list {
        width: 100%;
    }

    .book-show-three, .book-show-four {
        display: none;
    }

    .book-list-list-count {
        margin-top: 5px;
    }

    .book-list-main {
        margin-top: 15px;
        gap: 15px 2%;
    }

    .book-list-card {
        width: 49%;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .book-list-order {
        margin-right: 2.5%;
    }

    .remzi-book-list h1, .writerlist-container h1 {
        margin-top: 0 !important;
        font-size: 23px !important;
        line-height: 34px !important;
    }

    .treeview {
        display: none;
    }

    .remzi-book-list {
        width: 100%;
    }

    .book-show-three, .book-show-four {
        display: none;
    }

    .book-list-list-count {
        margin-top: 5px;
    }

    .book-list-main {
        margin-top: 15px;
        gap: 15px 2%;
    }

    .book-list-card {
        width: 32%;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .book-list-order {
        margin-right: 2.5%;
    }

    .remzi-book-list h1, .writerlist-container h1 {
        margin-top: 0 !important;
        font-size: 23px !important;
        line-height: 34px !important;
    }

    .treeview {
        display: none;
    }

    .remzi-book-list {
        width: 100%;
    }

    .book-show-three, .book-show-four {
        display: none;
    }

    .book-list-list-count {
        margin-top: 5px;
    }

    .book-list-main {
        margin-top: 15px;
        gap: 15px 2%;
    }

    .book-list-card {
        width: 32%;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .book-list-order {
        margin-right: 2.5%;
    }

    .remzi-book-list h1, .writerlist-container h1 {
        margin-top: 0 !important;
        font-size: 23px !important;
        line-height: 34px !important;
    }

    .treeview {
        display: none;
    }

    .remzi-book-list {
        width: 100%;
    }

    .book-show-three, .book-show-four {
        display: none;
    }

    .book-list-list-count {
        margin-top: 5px;
    }

    .book-list-main {
        margin-top: 15px;
        gap: 15px 2%;
    }

    .book-list-card {
        width: 32%;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .book-list-order {
        margin-right: 2.5%;
    }

    .remzi-book-list h1, .writerlist-container h1 {
        margin-top: 0 !important;
        font-size: 24px !important;
        line-height: 36px !important;
    }

    .treeview {
        display: none;
    }

    .remzi-book-list {
        width: 100%;
    }

    .book-show-three, .book-show-four {
        display: none;
    }

    .book-list-list-count {
        margin-top: 5px;
    }

    .book-list-main {
        margin-top: 15px;
        gap: 15px 2%;
    }

    .book-list-card {
        width: 32%;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .book-list-order {
        margin-right: 2.5%;
    }

    .remzi-book-list h1, .writerlist-container h1 {
        margin-top: 0 !important;
        font-size: 25px !important;
        line-height: 36px !important;
    }

    .treeview {
        display: none;
    }

    .remzi-book-list {
        width: 100%;
    }

    .book-show-three, .book-show-four {
        display: none;
    }

    .book-list-list-count {
        margin-top: 5px;
    }

    .book-list-main {
        margin-top: 15px;
        gap: 15px 2%;
    }

    .book-list-card {
        width: 32%;
    }

    .home-bestsellers-title {
        max-height: 67px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .book-list-order {
        margin-right: 2.5%;
    }

    .remzi-book-list h1, .writerlist-container h1 {
        margin-top: 0 !important;
        font-size: 27px !important;
        line-height: 36px !important;
    }

    .treeview {
        display: none;
    }

    .remzi-book-list {
        width: 100%;
    }

    .book-show-three, .book-show-four {
        display: none;
    }

    .book-list-list-count {
        margin-top: 5px;
    }

    .book-list-main {
        margin-top: 15px;
        gap: 20px 5%;
    }

    .book-list-card {
        width: 30%;
    }

    .home-bestsellers-title {
        max-height: 67px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .book-list-order {
        margin-right: 2.5%;
    }

    .remzi-book-list h1, .writerlist-container h1 {
        margin-top: 0 !important;
        font-size: 28px !important;
        line-height: 38px !important;
    }

    .treeview {
        display: none;
    }

    .remzi-book-list {
        width: 100%;
    }

    .book-list-events {
        gap: 15px;
    }

    .book-list-list-count {
        margin-top: 5px;
    }

    .book-list-main {
        margin-top: 15px;
        gap: 20px 2%;
    }

    .home-bestsellers-title {
        max-height: 67px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .book-list-order {
        margin-right: 2.5%;
    }

    .remzi-book-list h1, .writerlist-container h1 {
        margin-top: 0 !important;
    }

    .treeview {
        display: none;
    }

    .remzi-book-list {
        width: 100%;
    }

    .book-list-events {
        gap: 15px;
    }

    .book-list-list-count {
        margin-top: 5px;
    }

    .book-list-main {
        margin-top: 15px;
        gap: 20px 2%;
    }

    .home-bestsellers-title {
        max-height: 67px;
    }
}

/*#endregion*/

/*#region Kitap Detay*/
.bookdetail {
    background-color: var(--remziBeige);
    padding: 34.63px 0 34.7px;
}

.bookdetail-container {
    display: flex;
    gap: 2.5%;
}

.bookdetail-image-container {
    width: 36.291%;
}

.bookdetail-image {
    width: 100%;
    aspect-ratio: 450/590;
    position: relative;
    border: 1px solid var(--remziBorderGray);
}

.bookdetail-image-extra {
    aspect-ratio: 450/668;
    border: none;
}

.bookdetail-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bookdetail-song-icon {
    width: 22.01%;
    aspect-ratio: 1;
    position: absolute;
    bottom: 3.73%;
    left: 5.12%;
    background-image: url('/Assets/Images/book-listen.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events:none;
}

.bookdetail-tel-icon {
    width: 22.01%;
    aspect-ratio: 1;
    position: absolute;
    bottom: 3.73%;
    left: 5.12%;
    background-image: url('/Assets/Images/book-tel-detail.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: none;
}

.bookdetail-new-icon {
    width: 26%;
    aspect-ratio: 1;
    background-image: url('/Assets/Images/book-new-detail.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    position: absolute;
    transform: translate(0%, 0%);
    pointer-events: none;
}

.bookdetail-soon-icon {
    width: 33%;
    aspect-ratio: 148/48;
    position: absolute;
    bottom: 9.16%;
    right: 4.89%;
    background-image: url('/Assets/Images/book-soon.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events:none;
}

.bookdetail-content-container {
    width: 61.21%;
}

    .bookdetail-content-container h1 {
        font-size: 30px;
        color: black;
        line-height: 41px;
        font-family: OpenSans-Bold;
    }

.bookdetail-subwriter {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    line-height: 20px;
    color: black;
    font-family: OpenSans-Italic;
}

.bookdetail-topwriter {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
    color: black;
    font-family: OpenSans-SemiBold;
}

.bookdetail-writer {
    text-decoration: none;
    font-size: 18px;
    line-height: 24px;
    font-family: OpenSans-Regular;
    color: var(--remziburgundy);
    display: block;
    margin-top: 8.09px;
    transition: .03s ease-in-out all;
    background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s ease-in-out all;
}

    .bookdetail-writer:hover {
        background-size: 100% 100%;
        -webkit-text-fill-color: transparent;
    }

.bookdetail-price {
    font-size: 16px;
    line-height: 24px;
    color: black;
    font-family: OpenSans-Bold;
    display: block;
    margin-top: 20px;
}

.bookdetail-other-info {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: black;
    font-family: OpenSans-Italic;
}

.bookdetail-coverletter {
    font-family: OpenSans-Bold;
    font-size: 16px;
    line-height: 24px;
    color: black;
    margin-top: 35px;
    display: block;
}

.bookdetail-description {
    margin-top: 15.91px;
    font-size: 13px;
    font-family: OpenSans-Regular;
    line-height: 17px;
    color: black;
    text-align: justify;
}

    .bookdetail-description strong {
        font-family: OpenSans-Bold;
    }

    .bookdetail-description em {
        font-family: OpenSans-Italic;
    }

    .bookdetail-description table {
        width: 100%;
        border-collapse: collapse;
        margin: 16px 0;
        border-radius: 6px;
        border: 1px solid #eeeeee;
        table-layout: fixed;
        text-align: left;
    }

        .bookdetail-description table th,
        .bookdetail-description table td {
            word-break: break-word;
            overflow-wrap: break-word;
            white-space: normal;
            padding: 5px 15px;
        }

        .bookdetail-description table tr {
            transition: .04s ease-in-out all;
        }

            .bookdetail-description table tr:nth-child(2n+1) {
                background-color: #f2f2f2;
            }

            .bookdetail-description table tr:hover {
                background-color: var(--remziBorderLightGray);
            }

    .bookdetail-description img {
        max-width: 100%;
        max-height: 60vh;
        width: auto;
        height: auto;
        display: block;
        border-radius: 6px;
        margin: 16px 0;
        float: left;
        margin: 4px 20px 16px 0;
    }

.bookdetail-book-alternate {
    display: flex;
    margin-top: 29px;
    gap: 29px;
    justify-content: start;
    align-items: center;
}

.bookdetail-alternate-item {
    font-size: 14px;
    text-decoration: none;
    color: var(--remziBlack);
    line-height: 34px;
    font-family: OpenSans-Bold;
}

.alternate-book-icon {
    padding-left: 36.54px;
    background-image: url('/Assets/Images/book-icon.png');
    background-size: auto 26.91px;
    background-repeat: no-repeat;
    background-position: left center;
}

.alternate-audiobook-icon {
    padding-left: 33.33px;
    background-image: url('/Assets/Images/audiobook-icon.png');
    background-size: auto 25.33px;
    background-repeat: no-repeat;
    background-position: left center;
}

.alternate-ebook-icon {
    padding-left: 30.05px;
    background-image: url('/Assets/Images/ebook-icon.png');
    background-size: auto 28.91px;
    background-repeat: no-repeat;
    background-position: left center;
}

.bookdetail-action-container {
    margin-top: 28.32px;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 10px;
}

.bookdetail-buy {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
    background-color: var(--remziburgundy);
    color: #fff;
    font-family: OpenSans-Bold;
    font-size: 16px;
    line-height: 18px;
    padding: 16px 17.3%;
    border: none;
    cursor: pointer;
    transition: .4s ease-in-out all;
    background-size: 0% 100%;
    background-repeat: no-repeat;
}

    .bookdetail-buy:hover {
        background-size: 100% 100%;
    }

    .bookdetail-buy i {
        position: absolute;
        font-size: 20px;
        right: 20.5%;
        top: 50%;
        transform: translateY(-50%);
        transition: .3s ease-in-out all;
    }

    .bookdetail-buy.show i {
        transform: translateY(-50%) rotate(180deg);
    }

.bookdetail-preview {
    font-size: 16px;
    line-height: 18px;
    font-family: OpenSans-Bold;
    text-decoration: none;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14.4px;
    padding: 10.335px 5.07%;
    background-color: #EAEAEA;
}

.adobe-acrobat-icon {
    width: 22px;
    height: 29px;
}

    .adobe-acrobat-icon img {
        width: 100%;
        object-fit: contain;
    }

.bookdetail-social-media {
    display: flex;
    margin-top: 25px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #191918;
    gap: 19px;
    font-family: OpenSans-Bold;
    align-items: center;
}

.bookdetail-social-media-item, .bookdetail-social-media-item i {
    text-decoration: none;
    color: var(--remziBlack);
    font-size: 18px;
    background-image: linear-gradient(to right, var(--remziBlack), var(--remziBlack));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s ease-in-out all;
}

.bookdetail-writer:hover {
    background-size: 100% 100%;
    -webkit-text-fill-color: transparent;
}

.splide-gallery-link {
    aspect-ratio: 1;
    width: 100%;
    display: block;
}

.splide-gallery-item {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-splide {
    margin-top: 30px;
}

    .gallery-splide .splide__slide {
        position: relative;
    }

.gallery-splide-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0, .69);
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .25s ease-in-out all;
}

    .gallery-splide-overlay i {
        font-size: 80px;
        color: white;
        opacity: .8;
        transition: .25s ease-in-out all;
    }

.gallery-splide .splide__slide:hover .gallery-splide-overlay {
    background-color: rgba(0,0,0, .3);
}

    .gallery-splide .splide__slide:hover .gallery-splide-overlay i {
        font-size: 90px;
        opacity: 1;
    }

.bookdetail-content-title {
    margin-top: 60px;
    font-size: 22px;
    line-height: 30px;
    color: var(--remziColorBlack);
    display: block;
    font-family: OpenSans-SemiBold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bookdetail-last-looked-title {
    margin: 85px auto 37.82px;
}

.splide gallery-splide .splide__track {
    position: relative;
}

.gallery-splide-arrow-left,
.toppicks-splide-left-arrow,
.lastviewed-splide-left-arrow {
    position: absolute;
    width: 40px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .25s ease-in-out all;
    top: 50%;
    transform: translate(0%, -50%);
    left: 1.62%;
    cursor: pointer;
}

    .gallery-splide-arrow-left:hover, .gallery-splide-arrow-right:hover,
    .toppicks-splide-left-arrow:hover, .toppicks-splide-right-arrow:hover,
    .lastviewed-splide-left-arrow:hover, .lastviewed-splide-right-arrow:hover {
        background-color: white;
    }

    .gallery-splide-arrow-left i, .gallery-splide-arrow-right i,
    .toppicks-splide-left-arrow i, .toppicks-splide-right-arrow i,
    .lastviewed-splide-left-arrow i, .lastviewed-splide-right-arrow i {
        font-size: 14px;
        color: var(--remziColorBlack);
    }

.gallery-splide-arrow-right, .toppicks-splide-right-arrow, .lastviewed-splide-right-arrow {
    position: absolute;
    width: 40px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .25s ease-in-out all;
    top: 50%;
    transform: translate(0%, -50%);
    right: 1.62%;
    cursor: pointer;
}

.gallery-splide-arrow-left {
    left: -20px;
    background: linear-gradient(-90deg,rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
}

    .gallery-splide-arrow-left:hover {
        background: linear-gradient(-90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    }

.gallery-splide-arrow-right {
    right: -20px;
    background: linear-gradient(90deg,rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
}

    .gallery-splide-arrow-right:hover {
        background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    }

.toppicks-splide-left-arrow, .toppicks-splide-right-arrow,
.lastviewed-splide-left-arrow, .lastviewed-splide-right-arrow {
    top: 45%;
}

.bookdetail-document {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 20px;
}

.bookdetail-document-item {
    width: 100%;
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    line-height: 30px;
    font-family: OpenSans-SemiBold;
    color: black;
    text-decoration: none;
    background-color: #F0F0F1;
    transition: .25s ease-in-out all;
}

    .bookdetail-document-item:hover {
        background-color: #E8E8E9;
    }

    .bookdetail-document-item i {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 27px;
        font-size: 24px;
        color: black;
    }

.toppicks-splide, .lastviewed-splide {
    margin-top: 30px;
}

.lastviewed-splide {
    margin-bottom: 20px;
}

    .lastviewed-splide .splide__slide {
        text-decoration: none;
    }

        .lastviewed-splide .splide__slide:hover {
            background-size: 100% 100%;
        }

.bookdetail-buy-container {
    width: 100%;
    position: absolute;
    background-color: white;
    bottom: 0%;
    left: 0;
    transform: translate(0, 100%);
    color: black;
    box-shadow: 0px 71px 94px #3C3C3C40;
    display: flex;
    flex-direction: column;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

    .bookdetail-buy-container.show {
        opacity: 1;
        visibility: visible;
    }

.bookdetail-buy-item {
    width: 100%;
    text-decoration: none;
    display: flex;
    justify-content: start;
    align-items: center;
    justify-content: space-between;
    height: 98px;
    cursor: default;
    border-bottom: 1px solid #EFEFEF;
}

.bookdetail-buy-container .bookdetail-buy-item:last-child {
    margin-bottom: 20px;
    border: none;
}

.bookdetail-buy-logo {
    width: 39.2%;
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    margin-left: 8.8%;
}

.bookdetail-link {
    width: 53%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .bookdetail-link a {
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: start;
        width: 100%;
        height: 50px;
        color: black;
        font-size: 15px;
        line-height: 20px;
        font-family: OpenSans-Bold;
        background-color: white;
        margin-right: 20.4px;
        box-sizing: border-box;
        border: 1px solid var(--remziBorderGray);
        transition: .05s ease-in-out all;
    }

        .bookdetail-link a:hover {
            background-color: var(--remziburgundy);
            border-color: var(--remziburgundy);
            color: white;
        }

.bookdetail-link-text {
    display: inline-block;
}

    .bookdetail-link-text:nth-child(1) {
        margin: 0 auto;
    }

.bookdetail-link a .bookdetail-icon {
    width: 55px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .bookdetail-link a .bookdetail-icon img {
        width: auto;
        height: auto;
        max-width: 35px;
        max-height: 33px;
        object-fit: contain;
    }

.bookdetail-link a:hover .bookdetail-icon.audio img {
    content: url('/Assets/Images/seslilogo-beyaz.png')
}

.bookdetail-link a:hover .bookdetail-icon.e-book img {
    content: url('/Assets/Images/e-kitap-beyaz.png')
}

.bookdetail-buy-logo img {
    width: auto;
    height: auto;
    object-fit: contain;
    max-width: 132px;
    max-height: 50px;
}

.bookdetail-buy-button {
    font-size: 14px;
    line-height: 18px;
    color: black;
    font-family: OpenSans-Bold;
    display: flex;
    width: 85%;
    height: 50px;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--remziBorderGray);
    margin-right: 23.8px;
    margin-top: 24.35px;
    margin-bottom: -8.55px;
}

.bookdetail-buy-item:last-of-type .bookdetail-buy-button {
    margin-right: 0;
    width: 85%;
    margin-left: 23.8px;
}
/*#endregion*/

/*#region Kitap Detay Alt Sayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .bookdetail-content-title {
        margin-top: 45px;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .bookdetail-content-title {
        margin-top: 40px;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .bookdetail-content-title {
        margin-top: 35px;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .bookdetail-action-container {
        margin-top: 25px;
    }

    .bookdetail-content-title {
        margin-top: 30px;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .bookdetail-action-container {
        margin-top: 20px;
    }

    .bookdetail-content-title {
        margin-top: 25px;
    }

    .bookdetail-document {
        margin-top: 25px;
    }
}


/*width 1280	*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .bookdetail-action-container {
        margin-top: 15px;
    }

    .bookdetail-content-title {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .bookdetail-document {
        margin-top: 20px;
    }

    .bookdetail-link a {
        margin-right: 20.4px;
    }

    .bookdetail-buy-logo {
        margin-left: 4.8%;
    }

    .bookdetail-link {
        width: 59.2%;
    }

    .bookdetail-buy {
        width: 100%;
    }

    .bookdetail-preview {
        width: 100%;
    }
}
/*width 1024	*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .bookdetail-buy-item {
        height: 92px;
    }

    .bookdetail-buy-logo {
        margin-left: 4.8%;
    }

        .bookdetail-buy-logo img {
            max-width: 95px;
            margin-left: 4.8%;
        }

    .bookdetail-document {
        margin-top: 15px;
    }

    .bookdetail-content-title {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .bookdetail-action-container {
        margin-top: 10px;
    }

    .bookdetail-buy {
        padding: 16px 14.3%;
    }

        .bookdetail-buy i {
            right: 10.5%;
        }


    .bookdetail-buy-item .bookdetail-buy-button {
        width: 95%;
        margin-right: 5.8px;
    }

    .bookdetail-link a {
        margin-right: 20.4px;
    }

    .bookdetail-link {
        width: 65%;
    }

        .bookdetail-link a .bookdetail-icon {
            width: 45px;
        }

    .bookdetail-buy {
        width: 100%;
    }

    .bookdetail-preview {
        width: 100%;
        padding: 10.335px 2.07%;
    }
}
/*#endregion*/

/*#region Kitap Detay Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .bookdetail-container {
        flex-direction: column;
        gap: 10px;
    }

    .bookdetail-image-container {
        width: 100%;
    }

    .bookdetail-content-container {
        width: 100%;
    }

    .bookdetail {
        padding: 15px 0 20px;
    }

    .bookdetail-social-media {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .bookdetail-topwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-content-container h1 {
        font-size: 24px;
    }

    .bookdetail-subwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-writer {
        font-size: 16px;
        line-height: 20px;
    }

    .bookdetail-price {
        margin-top: 15px;
    }

    .bookdetail-coverletter {
        margin-top: 10px;
    }

    .bookdetail-book-alternate {
        gap: 20px;
    }

    .bookdetail-action-container {
        margin-top: 15px;
        flex-direction: column;
    }

    .bookdetail-buy {
        width: 100%;
    }

        .bookdetail-buy i {
            right: 10.5%;
        }

    .bookdetail-preview {
        width: 100%;
    }

    .bookdetail-buy-item {
        height: 75px;
    }

    .bookdetail-buy-logo {
        /*width: 33.2%;*/
        margin-left: 5%;
    }

        .bookdetail-buy-logo img {
            max-width: 95px;
            max-height: 50px;
        }

    .bookdetail-link {
        width: 70%;
    }


        .bookdetail-link a {
            margin-right: 5%;
            font-size: 14px;
        }

    .bookdetail-content-title {
        margin-top: 15px;
        font-size: 18px;
        line-height: 24px;
        flex-direction: column;
        align-items: start;
    }

    .bookdetail-last-looked-title {
        margin: 15px auto 15px;
    }

    .gallery-splide {
        margin-top: 10px;
    }

    .bookdetail-document {
        margin-top: 20px;
        gap: 10px;
    }

    .bookdetail-document-item {
        padding: 5px 15px;
        font-size: 14px;
    }

    .toppicks-splide, .lastviewed-splide {
        margin-top: 10px;
    }

    .lastviewed-splide {
        margin-bottom: 0px;
    }

    .gallery-splide-arrow-left, .gallery-splide-arrow-left, .toppicks-splide-left-arrow, .lastviewed-splide-left-arrow {
        left: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-right, .toppicks-splide-right-arrow, .lastviewed-splide-right-arrow {
        right: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

        .gallery-splide-arrow-left:hover, .gallery-splide-arrow-right:hover {
            background-image: none;
            background-color: rgba(255, 255, 255, 1);
        }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .bookdetail-container {
        flex-direction: column;
        gap: 10px;
    }

    .bookdetail-image-container {
        width: 100%;
    }

    .bookdetail-content-container {
        width: 100%;
    }

    .bookdetail {
        padding: 15px 0 20px;
    }

    .bookdetail-social-media {
        margin-top: 12px;
        margin-bottom: 10px;
    }

    .bookdetail-topwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-content-container h1 {
        font-size: 24px;
    }

    .bookdetail-subwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-writer {
        font-size: 16px;
        line-height: 20px;
    }

    .bookdetail-price {
        margin-top: 15px;
    }

    .bookdetail-coverletter {
        margin-top: 10px;
    }

    .bookdetail-book-alternate {
        gap: 20px;
    }

    .bookdetail-action-container {
        margin-top: 15px;
        flex-direction: column;
    }

    .bookdetail-buy {
        width: 100%;
    }

        .bookdetail-buy i {
            right: 10.5%;
        }

    .bookdetail-preview {
        width: 100%;
    }

    .bookdetail-buy-item {
        height: 75px;
    }

    .bookdetail-buy-logo {
        /*width: 33.2%;*/
        margin-left: 5%;
    }

        .bookdetail-buy-logo img {
            max-width: 100px;
            max-height: 50px;
        }

    .bookdetail-link {
        width: 70%;
    }

        .bookdetail-link a {
            margin-right: 5%;
        }

    .bookdetail-content-title {
        margin-top: 15px;
        font-size: 18px;
        line-height: 24px;
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    .bookdetail-last-looked-title {
        margin: 15px auto 15px;
    }

    .gallery-splide {
        margin-top: 10px;
    }

    .bookdetail-document {
        margin-top: 20px;
        gap: 10px;
    }

    .bookdetail-document-item {
        padding: 5px 15px;
        font-size: 14px;
    }

    .toppicks-splide, .lastviewed-splide {
        margin-top: 10px;
    }

    .lastviewed-splide {
        margin-bottom: 0px;
    }

    .gallery-splide-arrow-left, .gallery-splide-arrow-left, .toppicks-splide-left-arrow, .lastviewed-splide-left-arrow {
        left: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-right, .toppicks-splide-right-arrow, .lastviewed-splide-right-arrow {
        right: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

        .gallery-splide-arrow-left:hover, .gallery-splide-arrow-right:hover {
            background-image: none;
            background-color: rgba(255, 255, 255, 1);
        }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .bookdetail-container {
        flex-direction: column;
        gap: 10px;
    }

    .bookdetail-image-container {
        width: 100%;
    }

    .bookdetail-content-container {
        width: 100%;
    }

    .bookdetail {
        padding: 15px 0 20px;
    }

    .bookdetail-social-media {
        margin-top: 12px;
        margin-bottom: 10px;
    }

    .bookdetail-topwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-content-container h1 {
        font-size: 24px;
    }

    .bookdetail-subwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-writer {
        font-size: 16px;
        line-height: 20px;
    }

    .bookdetail-price {
        margin-top: 15px;
    }

    .bookdetail-coverletter {
        margin-top: 10px;
    }

    .bookdetail-book-alternate {
        gap: 20px;
    }

    .bookdetail-action-container {
        margin-top: 15px;
        flex-direction: column;
    }

    .bookdetail-buy {
        width: 100%;
    }

        .bookdetail-buy i {
            right: 10.5%;
        }

    .bookdetail-preview {
        width: 100%;
    }

    .bookdetail-buy-item {
        height: 75px;
    }

    .bookdetail-buy-logo {
        /*width: 33.2%;*/
        margin-left: 5%;
    }

        .bookdetail-buy-logo img {
            max-width: 100px;
            max-height: 50px;
        }

    .bookdetail-link {
        width: 70%;
    }

        .bookdetail-link a {
            margin-right: 5%;
        }

    .bookdetail-content-title {
        margin-top: 15px;
        font-size: 18px;
        line-height: 24px;
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    .bookdetail-last-looked-title {
        margin: 15px auto 15px;
    }

    .gallery-splide {
        margin-top: 10px;
    }

    .bookdetail-document {
        margin-top: 20px;
        gap: 10px;
    }

    .bookdetail-document-item {
        padding: 5px 15px;
        font-size: 14px;
    }

    .toppicks-splide, .lastviewed-splide {
        margin-top: 10px;
    }

    .lastviewed-splide {
        margin-bottom: 0px;
    }

    .gallery-splide-arrow-left, .gallery-splide-arrow-left, .toppicks-splide-left-arrow, .lastviewed-splide-left-arrow {
        left: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-right, .toppicks-splide-right-arrow, .lastviewed-splide-right-arrow {
        right: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

        .gallery-splide-arrow-left:hover, .gallery-splide-arrow-right:hover {
            background-image: none;
            background-color: rgba(255, 255, 255, 1);
        }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .bookdetail-container {
        flex-direction: column;
        gap: 10px;
    }

    .bookdetail-image-container {
        width: 100%;
    }

    .bookdetail-content-container {
        width: 100%;
    }

    .bookdetail {
        padding: 15px 0 20px;
    }

    .bookdetail-social-media {
        margin-top: 12px;
        margin-bottom: 10px;
    }

    .bookdetail-topwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-content-container h1 {
        font-size: 24px;
    }

    .bookdetail-subwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-writer {
        font-size: 16px;
        line-height: 20px;
    }

    .bookdetail-price {
        margin-top: 15px;
    }

    .bookdetail-coverletter {
        margin-top: 10px;
    }

    .bookdetail-book-alternate {
        gap: 20px;
    }

    .bookdetail-action-container {
        margin-top: 15px;
        flex-direction: column;
    }

    .bookdetail-buy-item {
        height: 75px;
    }

    .bookdetail-buy {
        width: 100%;
    }

        .bookdetail-buy i {
            right: 10.5%;
        }

    .bookdetail-preview {
        width: 100%;
    }

    .bookdetail-buy-logo {
        /*width: 33.2%;
        margin-left: 2.8%;*/
    }

        .bookdetail-buy-logo img {
            max-width: 100px;
            max-height: 50px;
        }

    .bookdetail-link {
        width: 70%;
    }

        .bookdetail-link a {
            /*margin-right: 2.8%;*/
        }

    .bookdetail-content-title {
        margin-top: 15px;
        font-size: 18px;
        line-height: 24px;
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    .bookdetail-last-looked-title {
        margin: 15px auto 15px;
    }

    .gallery-splide {
        margin-top: 10px;
    }

    .bookdetail-document {
        margin-top: 20px;
        gap: 10px;
    }

    .bookdetail-document-item {
        padding: 5px 15px;
        font-size: 14px;
    }

    .toppicks-splide, .lastviewed-splide {
        margin-top: 10px;
    }

    .lastviewed-splide {
        margin-bottom: 0px;
    }

    .gallery-splide-arrow-left, .gallery-splide-arrow-left, .toppicks-splide-left-arrow, .lastviewed-splide-left-arrow {
        left: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-right, .toppicks-splide-right-arrow, .lastviewed-splide-right-arrow {
        right: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

        .gallery-splide-arrow-left:hover, .gallery-splide-arrow-right:hover {
            background-image: none;
            background-color: rgba(255, 255, 255, 1);
        }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .bookdetail-container {
        flex-direction: column;
        gap: 10px;
    }

    .bookdetail-image-container {
        width: 100%;
    }

    .bookdetail-content-container {
        width: 100%;
    }

    .bookdetail {
        padding: 15px 0 20px;
    }

    .bookdetail-social-media {
        margin-top: 12px;
        margin-bottom: 10px;
    }

    .bookdetail-topwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-content-container h1 {
        font-size: 24px;
    }

    .bookdetail-subwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-writer {
        font-size: 16px;
        line-height: 20px;
    }

    .bookdetail-price {
        margin-top: 15px;
    }

    .bookdetail-coverletter {
        margin-top: 10px;
    }

    .bookdetail-book-alternate {
        gap: 20px;
    }

    .bookdetail-action-container {
        margin-top: 15px;
        flex-direction: column;
    }

    .bookdetail-buy-item {
        height: 75px;
    }

    .bookdetail-buy {
        width: 100%;
    }

        .bookdetail-buy i {
            right: 10.5%;
        }

    .bookdetail-preview {
        width: 100%;
    }

    .bookdetail-buy-logo {
        width: 33.2%;
        /*margin-left: 2.8%;*/
    }

        .bookdetail-buy-logo img {
            max-width: 120px;
            max-height: 50px;
        }

    .bookdetail-link {
        /*width: 62%;*/
    }

        .bookdetail-link a {
            /*margin-right: 2.8%;*/
        }

    .bookdetail-content-title {
        margin-top: 20px;
        font-size: 18px;
        line-height: 24px;
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    .bookdetail-last-looked-title {
        margin: 15px auto 15px;
    }

    .gallery-splide {
        margin-top: 15px;
    }

    .bookdetail-document {
        margin-top: 20px;
        gap: 10px;
    }

    .bookdetail-document-item {
        padding: 5px 15px;
        font-size: 14px;
    }

    .toppicks-splide, .lastviewed-splide {
        margin-top: 10px;
    }

    .lastviewed-splide {
        margin-bottom: 0px;
    }

    .gallery-splide-arrow-left, .gallery-splide-arrow-left, .toppicks-splide-left-arrow, .lastviewed-splide-left-arrow {
        left: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-right, .toppicks-splide-right-arrow, .lastviewed-splide-right-arrow {
        right: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

        .gallery-splide-arrow-left:hover, .gallery-splide-arrow-right:hover {
            background-image: none;
            background-color: rgba(255, 255, 255, 1);
        }
}
/*#endregion*/

/*#region Kitap Detay Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .bookdetail-container {
        /* flex-direction: column; */
        /* gap: 2%; */
        display: block;
    }

    .bookdetail-image-container {
        width: 45%;
        float: left;
        padding: 0 15px 12px 0;
    }

    .bookdetail-content-container {
        width: 100%;
    }

    .bookdetail {
        padding: 15px 0 20px;
    }

    .bookdetail-social-media {
        margin-top: 12px;
    }

    .bookdetail-topwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-content-container h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .bookdetail-subwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-writer {
        font-size: 16px;
        line-height: 20px;
    }

    .bookdetail-price {
        margin-top: 15px;
    }

    .bookdetail-coverletter {
        margin-top: 10px;
    }

    .bookdetail-book-alternate {
        gap: 20px;
    }

    .bookdetail-action-container {
        margin-top: 15px;
        flex-direction: column;
    }

    .bookdetail-buy-item {
        height: 75px;
    }

    .bookdetail-buy {
        width: 100%;
    }

        .bookdetail-buy i {
            right: 10.5%;
        }

    .bookdetail-preview {
        width: 100%;
    }

    .bookdetail-buy-logo {
        /*width: 33.2%;
        margin-left: 2.8%;*/
    }

        .bookdetail-buy-logo img {
        }

    .bookdetail-link {
        /*width: 62%;*/
    }

        .bookdetail-link a {
            /*margin-right: 2.8%;*/
        }

    .bookdetail-content-title {
        margin-top: 20px;
        font-size: 18px;
        line-height: 24px;
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    .bookdetail-last-looked-title {
        margin: 15px auto 15px;
    }

    .gallery-splide {
        margin-top: 15px;
    }

    .bookdetail-document {
        margin-top: 20px;
        gap: 10px;
    }

    .bookdetail-document-item {
        padding: 5px 15px;
        font-size: 14px;
    }

    .toppicks-splide, .lastviewed-splide {
        margin-top: 10px;
    }

    .lastviewed-splide {
        margin-bottom: 0px;
    }

    .gallery-splide-arrow-left, .gallery-splide-arrow-left, .toppicks-splide-left-arrow, .lastviewed-splide-left-arrow {
        left: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-right, .toppicks-splide-right-arrow, .lastviewed-splide-right-arrow {
        right: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

        .gallery-splide-arrow-left:hover, .gallery-splide-arrow-right:hover {
            background-image: none;
            background-color: rgba(255, 255, 255, 1);
        }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .bookdetail-container {
        /* flex-direction: column; */
        /* gap: 2%; */
        display: block;
    }

    .bookdetail-image-container {
        width: 45%;
        float: left;
        padding: 0 15px 12px 0;
    }

    .bookdetail-content-container {
        width: 100%;
    }

    .bookdetail {
        padding: 15px 0 20px;
    }

    .bookdetail-social-media {
        margin-top: 12px;
    }

    .bookdetail-topwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-content-container h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .bookdetail-subwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-writer {
        font-size: 16px;
        line-height: 20px;
    }

    .bookdetail-price {
        margin-top: 15px;
    }

    .bookdetail-coverletter {
        margin-top: 10px;
    }

    .bookdetail-book-alternate {
        gap: 20px;
    }

    .bookdetail-action-container {
        margin-top: 15px;
        gap: 2%;
    }

    .bookdetail-buy {
        width: 100%;
        padding: 16px 15.3%;
        font-size: 15px;
    }

        .bookdetail-buy i {
            right: 10.5%;
        }

    .bookdetail-preview {
        width: 100%;
        padding: 10.335px 1.07%;
        font-size: 15px;
    }


    .bookdetail-buy-logo img {
        max-width: 95px;
        max-height: 50px;
    }

    .bookdetail-link {
        width: 62%;
    }

    .bookdetail-buy-logo {
        width: 39.2%;
        margin-left: 4.8%;
    }

    .bookdetail-link a {
        font-size: 14px;
        margin-right: 7.8%;
    }

    .bookdetail-link a .bookdetail-icon img {
        max-width: 28px;
        max-height: 28px;
    }

    .bookdetail-content-title {
        margin-top: 20px;
        font-size: 18px;
        line-height: 24px;
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    .bookdetail-last-looked-title {
        margin: 15px auto 15px;
    }

    .gallery-splide {
        margin-top: 15px;
    }

    .bookdetail-document {
        margin-top: 20px;
        gap: 10px;
    }

    .bookdetail-document-item {
        padding: 5px 15px;
        font-size: 14px;
    }

    .toppicks-splide, .lastviewed-splide {
        margin-top: 10px;
    }

    .lastviewed-splide {
        margin-bottom: 0px;
    }

    .gallery-splide-arrow-left, .gallery-splide-arrow-left, .toppicks-splide-left-arrow, .lastviewed-splide-left-arrow {
        left: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-right, .toppicks-splide-right-arrow, .lastviewed-splide-right-arrow {
        right: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

        .gallery-splide-arrow-left:hover, .gallery-splide-arrow-right:hover {
            background-image: none;
            background-color: rgba(255, 255, 255, 1);
        }

    .bookdetail-link a .bookdetail-icon {
        width: 40px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .bookdetail-container {
        display: block;
    }

    .bookdetail-image-container {
        float: left;
        padding: 0 15px 12px 0;
    }

    .bookdetail-content-container {
        width: 100%;
    }

    .bookdetail {
        padding: 15px 0 20px;
    }

    .bookdetail-social-media {
        margin-top: 12px;
    }

    .bookdetail-topwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-content-container h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .bookdetail-subwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-writer {
        font-size: 16px;
        line-height: 20px;
    }

    .bookdetail-price {
        margin-top: 15px;
    }

    .bookdetail-coverletter {
        margin-top: 10px;
    }

    .bookdetail-book-alternate {
        gap: 20px;
    }

    .bookdetail-action-container {
        margin-top: 15px;
        gap: 2%;
    }

    .bookdetail-buy {
        width: 100%;
        padding: 16px 15.3%;
    }

        .bookdetail-buy i {
            right: 10.5%;
        }

    .bookdetail-preview {
        width: 100%;
        padding: 10.335px 2.07%;
    }

    .bookdetail-buy-logo {
        /*width: 33.2%;
        margin-left: 2.8%;*/
    }

        .bookdetail-buy-logo img {
            max-width: 90px;
            max-height: 50px;
        }

    .bookdetail-link {
        width: 70%;
    }

        .bookdetail-link a {
            /*margin-right: 2.8%;*/
            justify-content: space-evenly;
        }

    .bookdetail-content-title {
        margin-top: 20px;
        font-size: 18px;
        line-height: 24px;
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    .bookdetail-last-looked-title {
        margin: 15px auto 15px;
    }

    .gallery-splide {
        margin-top: 15px;
    }

    .bookdetail-document {
        margin-top: 20px;
        gap: 10px;
    }

    .bookdetail-document-item {
        padding: 5px 15px;
        font-size: 14px;
    }

    .toppicks-splide, .lastviewed-splide {
        margin-top: 10px;
    }

    .lastviewed-splide {
        margin-bottom: 0px;
    }

    .gallery-splide-arrow-left, .gallery-splide-arrow-left, .toppicks-splide-left-arrow, .lastviewed-splide-left-arrow {
        left: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-right, .toppicks-splide-right-arrow, .lastviewed-splide-right-arrow {
        right: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

        .gallery-splide-arrow-left:hover, .gallery-splide-arrow-right:hover {
            background-image: none;
            background-color: rgba(255, 255, 255, 1);
        }

    .bookdetail-link a .bookdetail-icon {
        width: 40px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .bookdetail-container {
        display: block;
    }

    .bookdetail-image-container {
        float: left;
        padding: 0 15px 12px 0;
    }

    .bookdetail-content-container {
        width: 100%;
    }

    .bookdetail {
        padding: 15px 0 20px;
    }

    .bookdetail-social-media {
        margin-top: 12px;
    }

    .bookdetail-topwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-content-container h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .bookdetail-subwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-writer {
        font-size: 16px;
        line-height: 20px;
    }

    .bookdetail-price {
        margin-top: 15px;
    }

    .bookdetail-coverletter {
        margin-top: 10px;
    }

    .bookdetail-book-alternate {
        gap: 20px;
    }

    .bookdetail-action-container {
        margin-top: 15px;
        gap: 2%;
    }

    .bookdetail-buy {
        width: 100%;
        /*padding: 16px 5.3%;*/
    }

        .bookdetail-buy i {
            right: 10.5%;
        }

    .bookdetail-preview {
        width: 100%;
        padding: 10.335px 2.07%;
    }

    .bookdetail-buy-logo {
        /*width: 33.2%;
        margin-left: 2.8%;*/
    }

        .bookdetail-buy-logo img {
            max-width: 110px;
            max-height: 50px;
        }

    .bookdetail-link {
        /*width: 62%;*/
    }

        .bookdetail-link a {
            /*margin-right: 2.8%;*/
            justify-content: space-evenly;
        }

    .bookdetail-content-title {
        margin-top: 20px;
        font-size: 18px;
        line-height: 24px;
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    .bookdetail-last-looked-title {
        margin: 15px auto 15px;
    }

    .gallery-splide {
        margin-top: 15px;
    }

    .bookdetail-document {
        margin-top: 20px;
        gap: 10px;
    }

    .bookdetail-document-item {
        padding: 5px 15px;
        font-size: 14px;
    }

    .toppicks-splide, .lastviewed-splide {
        margin-top: 10px;
    }

    .lastviewed-splide {
        margin-bottom: 0px;
    }

    .gallery-splide-arrow-left, .gallery-splide-arrow-left, .toppicks-splide-left-arrow, .lastviewed-splide-left-arrow {
        left: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-right, .toppicks-splide-right-arrow, .lastviewed-splide-right-arrow {
        right: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

        .gallery-splide-arrow-left:hover, .gallery-splide-arrow-right:hover {
            background-image: none;
            background-color: rgba(255, 255, 255, 1);
        }

    .bookdetail-link a .bookdetail-icon {
        width: 40px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .bookdetail-container {
        display: block;
    }

    .bookdetail-image-container {
        float: left;
        padding: 0 15px 12px 0;
    }

    .bookdetail-content-container {
        width: 100%;
    }

    .bookdetail {
        padding: 15px 0 20px;
    }

    .bookdetail-social-media {
        margin-top: 12px;
    }

    .bookdetail-topwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-content-container h1 {
        font-size: 23px;
        line-height: 30px;
    }

    .bookdetail-subwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-writer {
        font-size: 16px;
        line-height: 20px;
    }

    .bookdetail-price {
        margin-top: 15px;
    }

    .bookdetail-coverletter {
        margin-top: 10px;
    }

    .bookdetail-book-alternate {
        gap: 20px;
    }

    .bookdetail-action-container {
        margin-top: 15px;
        gap: 2%;
    }

    .bookdetail-buy {
        width: 100%;
        /*padding: 16px 5.3%;*/
    }

        .bookdetail-buy i {
            right: 10.5%;
        }

    .bookdetail-preview {
        width: 100%;
        /*padding: 10.335px 2.07%;*/
    }

    .bookdetail-buy-logo {
        /*width: 33.2%;
        margin-left: 2.8%;*/
    }

        .bookdetail-buy-logo img {
            max-width: 110px;
            max-height: 50px;
        }

    .bookdetail-link {
        /*width: 62%;*/
    }

        .bookdetail-link a {
            /*margin-right: 2.8%;*/
            justify-content: space-evenly;
        }

    .bookdetail-content-title {
        margin-top: 20px;
        font-size: 18px;
        line-height: 24px;
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    .bookdetail-last-looked-title {
        margin: 15px auto 15px;
    }

    .gallery-splide {
        margin-top: 15px;
    }

    .bookdetail-document {
        margin-top: 20px;
        gap: 10px;
    }

    .bookdetail-document-item {
        padding: 7px 20px;
        font-size: 14px;
    }

    .toppicks-splide, .lastviewed-splide {
        margin-top: 10px;
    }

    .lastviewed-splide {
        margin-bottom: 0px;
    }

    .gallery-splide-arrow-left, .gallery-splide-arrow-left, .toppicks-splide-left-arrow, .lastviewed-splide-left-arrow {
        left: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-right, .toppicks-splide-right-arrow, .lastviewed-splide-right-arrow {
        right: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

        .gallery-splide-arrow-left:hover, .gallery-splide-arrow-right:hover {
            background-image: none;
            background-color: rgba(255, 255, 255, 1);
        }

    .bookdetail-link a .bookdetail-icon {
        width: 40px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .bookdetail-container {
        display: block;
    }

    .bookdetail-image-container {
        float: left;
        padding: 0 15px 12px 0;
    }

    .bookdetail-content-container {
        width: 100%;
    }

    .bookdetail {
        padding: 15px 0 20px;
    }

    .bookdetail-social-media {
        margin-top: 12px;
    }

    .bookdetail-topwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-content-container h1 {
        font-size: 23px;
        line-height: 30px;
    }

    .bookdetail-subwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-writer {
        font-size: 16px;
        line-height: 20px;
    }

    .bookdetail-price {
        margin-top: 15px;
    }

    .bookdetail-coverletter {
        margin-top: 10px;
    }

    .bookdetail-book-alternate {
        gap: 20px;
    }

    .bookdetail-action-container {
        margin-top: 15px;
        gap: 2%;
    }

    .bookdetail-buy {
        width: 100%;
        /*padding: 16px 5.3%;*/
    }

        .bookdetail-buy i {
            right: 10.5%;
        }

    .bookdetail-preview {
        width: 100%;
        /*padding: 10.335px 2.07%;*/
    }

    .bookdetail-buy-logo {
        /*width: 33.2%;*/
        /*margin-left: 2.8%;*/
    }

        .bookdetail-buy-logo img {
            max-width: 110px;
            max-height: 50px;
        }

    .bookdetail-link {
        /*width: 62%;*/
    }

        .bookdetail-link a {
            /*margin-right: 2.8%;*/
            justify-content: space-evenly;
        }

    .bookdetail-content-title {
        margin-top: 20px;
        font-size: 18px;
        line-height: 24px;
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    .bookdetail-last-looked-title {
        margin: 15px auto 15px;
    }

    .gallery-splide {
        margin-top: 15px;
    }

    .bookdetail-document {
        margin-top: 20px;
        gap: 10px;
    }

    .bookdetail-document-item {
        padding: 8px 20px;
        font-size: 14px;
    }

    .toppicks-splide, .lastviewed-splide {
        margin-top: 10px;
    }

    .lastviewed-splide {
        margin-bottom: 0px;
    }

    .gallery-splide-arrow-left, .gallery-splide-arrow-left, .toppicks-splide-left-arrow, .lastviewed-splide-left-arrow {
        left: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-right, .toppicks-splide-right-arrow, .lastviewed-splide-right-arrow {
        right: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

        .gallery-splide-arrow-left:hover, .gallery-splide-arrow-right:hover {
            background-image: none;
            background-color: rgba(255, 255, 255, 1);
        }

    .bookdetail-link a .bookdetail-icon {
        width: 40px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .bookdetail-container {
        display: block;
    }

    .bookdetail-image-container {
        float: left;
        padding: 0 15px 12px 0;
    }

    .bookdetail-content-container {
        width: 100%;
    }

    .bookdetail {
        padding: 15px 0 20px;
    }

    .bookdetail-social-media {
        margin-top: 12px;
    }

    .bookdetail-topwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-content-container h1 {
        font-size: 23px;
        line-height: 30px;
    }

    .bookdetail-subwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-writer {
        font-size: 16px;
        line-height: 20px;
    }

    .bookdetail-price {
        margin-top: 15px;
    }

    .bookdetail-coverletter {
        margin-top: 10px;
    }

    .bookdetail-book-alternate {
        gap: 20px;
    }

    .bookdetail-action-container {
        margin-top: 15px;
        gap: 2%;
    }

    .bookdetail-buy {
        width: 100%;
        /*padding: 16px 5.3%;*/
    }

        .bookdetail-buy i {
            right: 10.5%;
        }

    .bookdetail-preview {
        width: 100%;
        /*padding: 10.335px 2.07%;*/
    }

    .bookdetail-buy-logo img {
        max-width: 110px;
        max-height: 50px;
    }

    .bookdetail-link {
        /*width: 62%;*/
    }

        .bookdetail-link a {
            /*margin-right: 2.8%;*/
            justify-content: space-evenly;
        }

    .bookdetail-content-title {
        margin-top: 20px;
        font-size: 18px;
        line-height: 24px;
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    .bookdetail-last-looked-title {
        margin: 15px auto 15px;
    }

    .gallery-splide {
        margin-top: 15px;
    }

    .bookdetail-document {
        margin-top: 20px;
        gap: 10px;
    }

    .bookdetail-document-item {
        padding: 8px 20px;
        font-size: 14px;
    }

    .toppicks-splide, .lastviewed-splide {
        margin-top: 10px;
    }

    .lastviewed-splide {
        margin-bottom: 0px;
    }

    .gallery-splide-arrow-left, .gallery-splide-arrow-left, .toppicks-splide-left-arrow, .lastviewed-splide-left-arrow {
        left: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-right, .toppicks-splide-right-arrow, .lastviewed-splide-right-arrow {
        right: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

        .gallery-splide-arrow-left:hover, .gallery-splide-arrow-right:hover {
            background-image: none;
            background-color: rgba(255, 255, 255, 1);
        }

    .bookdetail-link a .bookdetail-icon {
        width: 40px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .bookdetail-container {
        display: block;
    }

    .bookdetail-image-container {
        float: left;
        padding: 0 15px 12px 0;
    }

    .bookdetail-content-container {
        width: 100%;
    }

    .bookdetail {
        padding: 15px 0 20px;
    }

    .bookdetail-social-media {
        margin-top: 12px;
    }

    .bookdetail-topwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-content-container h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .bookdetail-subwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-writer {
        font-size: 16px;
        line-height: 20px;
    }

    .bookdetail-price {
        margin-top: 15px;
    }

    .bookdetail-coverletter {
        margin-top: 10px;
    }

    .bookdetail-book-alternate {
        gap: 20px;
    }

    .bookdetail-action-container {
        margin-top: 15px;
        gap: 2%;
    }

    .bookdetail-buy {
        width: 100%;
        /*padding: 16px 5.3%;*/
    }

        .bookdetail-buy i {
            right: 10.5%;
        }

    .bookdetail-preview {
        width: 100%;
        /*padding: 10.335px 2.07%;*/
    }

    .bookdetail-buy-logo img {
        max-width: 120px;
        max-height: 50px;
    }

    .bookdetail-link {
        /*width: 62%;*/
    }

        .bookdetail-link a {
            /*margin-right: 2.8%;*/
            justify-content: space-evenly;
        }

    .bookdetail-content-title {
        margin-top: 20px;
        font-size: 18px;
        line-height: 24px;
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    .bookdetail-last-looked-title {
        margin: 15px auto 15px;
    }

    .gallery-splide {
        margin-top: 15px;
    }

    .bookdetail-document {
        margin-top: 20px;
        gap: 10px;
    }

    .bookdetail-document-item {
        padding: 8px 20px;
        font-size: 14px;
    }

    .toppicks-splide, .lastviewed-splide {
        margin-top: 10px;
    }

    .lastviewed-splide {
        margin-bottom: 0px;
    }

    .gallery-splide-arrow-left, .gallery-splide-arrow-left, .toppicks-splide-left-arrow, .lastviewed-splide-left-arrow {
        left: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-right, .toppicks-splide-right-arrow, .lastviewed-splide-right-arrow {
        right: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

        .gallery-splide-arrow-left:hover, .gallery-splide-arrow-right:hover {
            background-image: none;
            background-color: rgba(255, 255, 255, 1);
        }

    .bookdetail-link a .bookdetail-icon {
        width: 40px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .bookdetail-container {
        display: block;
    }

    .bookdetail-image-container {
        float: left;
        padding: 0 15px 12px 0;
    }

    .bookdetail-content-container {
        width: 100%;
    }

    .bookdetail {
        padding: 15px 0 20px;
    }

    .bookdetail-social-media {
        margin-top: 12px;
    }

    .bookdetail-topwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-content-container h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .bookdetail-subwriter {
        font-size: 14px;
        line-height: 19px;
    }

    .bookdetail-writer {
        font-size: 16px;
        line-height: 20px;
    }

    .bookdetail-price {
        margin-top: 15px;
    }

    .bookdetail-coverletter {
        margin-top: 10px;
    }

    .bookdetail-book-alternate {
        gap: 20px;
    }

    .bookdetail-action-container {
        margin-top: 15px;
        gap: 2%;
    }

    .bookdetail-buy {
        width: 100%;
        /*padding: 16px 5.3%;*/
    }

        .bookdetail-buy i {
            right: 10.5%;
        }

    .bookdetail-preview {
        width: 100%;
        /*padding: 10.335px 2.07%;*/
    }


    .bookdetail-link {
        /*width: 62%;*/
    }

        .bookdetail-link a {
            /*margin-right: 2.8%;*/
            justify-content: space-evenly;
        }

    .bookdetail-content-title {
        margin-top: 25px;
        font-size: 18px;
        line-height: 24px;
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    .bookdetail-last-looked-title {
        margin: 20px auto;
    }

    .gallery-splide {
        margin-top: 15px;
    }

    .bookdetail-document {
        margin-top: 20px;
        gap: 10px;
    }

    .bookdetail-document-item {
        padding: 10px 20px;
        font-size: 16px;
    }

    .toppicks-splide, .lastviewed-splide {
        margin-top: 10px;
    }

    .lastviewed-splide {
        margin-bottom: 0px;
    }

    .gallery-splide-arrow-left, .gallery-splide-arrow-left, .toppicks-splide-left-arrow, .lastviewed-splide-left-arrow {
        left: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-right, .toppicks-splide-right-arrow, .lastviewed-splide-right-arrow {
        right: 0%;
        background-image: none;
        background-color: rgba(255, 255, 255, 0.7);
    }

        .gallery-splide-arrow-left:hover, .gallery-splide-arrow-right:hover {
            background-image: none;
            background-color: rgba(255, 255, 255, 1);
        }

    .bookdetail-link a .bookdetail-icon {
        width: 40px;
    }
}

/*#endregion*/

/*#region YazarListe*/
.writerlist-container h1 {
    font-size: 30px;
    line-height: 41px;
    font-family: OpenSans-Bold;
    color: black;
    margin-top: 15px;
}

.writerlist-writer-letters {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 24px;
}

.writerlist-writer-letter {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s ease-in-out all;
    text-align: center;
    font-size: 16px;
    font-family: OpenSans-SemiBold;
    background-color: white;
    color: black;
    aspect-ratio: 1;
    width: 36px;
    cursor: pointer;
    text-decoration: none;
}

    .writerlist-writer-letter.show, .writerlist-writer-letter:hover {
        color: white;
        background-color: black;
    }

.writerlist-writers {
    margin-top: 68px;
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    gap: 67px 1.84%;
    margin-bottom: 25px;
}

.writerlist-item {
    display: block;
    text-decoration: none;
    width: 23.62%;
    transition: .3s ease-in-out all;
}

.writerlist-writers.list-three .writerlist-item {
    width: 32.108%;
}

.writerlist-image-item {
    width: 100%;
    aspect-ratio: 293/400;
    overflow: hidden;
}

    .writerlist-image-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: .3s ease-in-out all;
    }

.writer-item-title {
    display: block;
    margin-top: 12px;
    font-size: 15px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    color: black;
    font-family: OpenSans-Bold;
    transition: .4s ease-in-out all;
}

.writer-item-description {
    display: block;
    font-size: 14px;
    line-height: 19px;
    color: black;
    font-family: OpenSans-Regular;
    height: 38px;
    overflow: hidden;
    margin-top: 14px;
    transition: .3s ease-in-out all;
}

.writer-item-title, .writer-item-description {
    background-image: linear-gradient(to right, black, black);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    cursor: pointer;
}

.writerlist-item:hover .writer-item-title, .writerlist-item:hover .writer-item-description {
    background-size: 100% 100%;
    -webkit-text-fill-color: transparent;
}

.writerlist-item:hover .writerlist-image-item img {
    transform: scale(1.05);
}
/*#endregion*/

/*#region YazarListe Altsayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .writerlist-writers {
        margin-top: 65px;
        gap: 65px 1.84%;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .writerlist-container h1 {
        margin-top: 14px;
    }

    .writerlist-writers {
        margin-top: 60px;
        gap: 60px 1.84%;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .writerlist-container h1 {
        margin-top: 13px;
    }

    .writerlist-writers {
        margin-top: 55px;
        gap: 55px 1.84%;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .writerlist-container h1 {
        margin-top: 12px;
    }

    .writerlist-writers {
        margin-top: 50px;
        gap: 50px 1.84%;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .writerlist-container h1 {
        margin-top: 11px;
    }

    .writerlist-writers {
        margin-top: 45px;
        gap: 45px 1.8%;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .writerlist-container h1 {
        margin-top: 10px;
    }

    .writerlist-writers {
        margin-top: 40px;
        gap: 40px 1.8%;
    }
}

/*#endregion*/

/*#region YazarListe Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {

    .writerlist-writer-letters {
        margin-top: 10px;
        justify-content: space-between;
    }

    .writerlist-writer-letter {
        font-size: 14px;
        width: 30px;
    }

    .writerlist-writers {
        margin-top: 15px;
        gap: 15px 2%;
        margin-bottom: 0;
    }

    .writerlist-item {
        width: 100%;
    }

    .writer-item-description {
        margin-top: 5px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {

    .writerlist-writer-letters {
        margin-top: 10px;
    }

    .writerlist-writer-letter {
        font-size: 15px;
        width: 32px;
    }

    .writerlist-writers {
        margin-top: 15px;
        gap: 15px;
        margin-bottom: 0;
    }

    .writerlist-item {
        width: 100%;
    }

    .writer-item-description {
        margin-top: 5px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {


    .writerlist-writer-letters {
        margin-top: 10px;
        justify-content: space-between;
    }

    .writerlist-writers {
        margin-top: 15px;
        gap: 15px 2%;
    }

    .writerlist-item {
        width: 49%;
    }

    .writer-item-description {
        margin-top: 5px;
        height: 76px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .writerlist-writer-letters {
        margin-top: 10px;
        justify-content: center;
    }

    .writerlist-writers {
        margin-top: 15px;
        gap: 15px 2%;
        margin-bottom: 0;
    }

    .writerlist-item {
        width: 49%;
    }

    .writer-item-description {
        margin-top: 5px;
        height: 76px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .writerlist-writer-letters {
        margin-top: 10px;
        justify-content: center;
    }

    .writerlist-writers {
        margin-top: 15px;
        gap: 15px 2%;
        margin-bottom: 0;
    }

    .writerlist-item {
        width: 49%;
    }

    .writer-item-description {
        margin-top: 5px;
        height: 57px;
    }
}
/*#endregion*/

/*#region YazarListe Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {

    .writerlist-writer-letters {
        margin-top: 10px;
        justify-content: center;
    }

    .writerlist-writers {
        margin-top: 15px;
        gap: 15px 2%;
        margin-bottom: 0;
    }

    .writerlist-item {
        width: 49%;
    }

    .writer-item-description {
        margin-top: 5px;
        height: 57px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {

    .writerlist-writer-letters {
        margin-top: 10px;
        justify-content: center;
    }

    .writerlist-writers {
        margin-top: 15px;
        gap: 15px 2%;
        margin-bottom: 0;
    }

    .writerlist-item {
        width: 49%;
    }

    .writer-item-description {
        margin-top: 5px;
        height: 57px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {

    .writerlist-writer-letters {
        margin-top: 10px;
        justify-content: center;
    }

    .writerlist-writers {
        margin-top: 15px;
        gap: 15px 2%;
        margin-bottom: 0;
    }

    .writerlist-item {
        width: 32%;
    }

    .writer-item-description {
        margin-top: 5px;
        height: 57px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {

    .writerlist-writer-letters {
        margin-top: 10px;
        justify-content: center;
    }

    .writerlist-writers {
        margin-top: 15px;
        gap: 15px 2%;
        margin-bottom: 0;
    }

    .writerlist-item {
        width: 32%;
    }

    .writer-item-description {
        margin-top: 5px;
        height: 57px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {

    .writerlist-writer-letters {
        margin-top: 10px;
        justify-content: center;
    }

    .writerlist-writers {
        margin-top: 20px;
        gap: 20px 2%;
        margin-bottom: 0;
    }

    .writerlist-item {
        width: 32%;
    }

    .writer-item-description {
        margin-top: 5px;
        height: 57px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {

    .writerlist-writer-letters {
        margin-top: 10px;
        justify-content: center;
    }

    .writerlist-writers {
        margin-top: 20px;
        gap: 20px 2%;
        margin-bottom: 0;
    }

    .writerlist-item {
        width: 32%;
    }

    .writer-item-description {
        margin-top: 5px;
        height: 57px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {

    .writerlist-writer-letters {
        margin-top: 10px;
        justify-content: center;
    }

    .writerlist-writers {
        margin-top: 20px;
        gap: 20px 5%;
        margin-bottom: 0;
    }

    .writerlist-item {
        width: 30%;
    }

    .writer-item-description {
        margin-top: 5px;
        height: 57px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {

    .writerlist-writer-letters {
        margin-top: 10px;
        justify-content: center;
    }

    .writerlist-writers {
        margin-top: 20px;
        gap: 20px 1.8%;
        margin-bottom: 0;
    }

    .writer-item-description {
        margin-top: 5px;
        height: 57px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {

    .writerlist-writer-letters {
        margin-top: 10px;
        justify-content: center;
    }

    .writerlist-writers {
        margin-top: 20px;
        gap: 20px 1.8%;
        margin-bottom: 0;
    }

    .writer-item-description {
        margin-top: 5px;
        height: 57px;
    }
}
/*#endregion*/

/*#region Yazar Detay*/
.writerdetail-image {
    padding: 57px 65px;
    background-color: white;
}

.writerdetail-subtitle {
    font-family: OpenSans-Bold;
    font-size: 16px;
    line-height: 24px;
    color: black;
    margin-top: 20px;
    display: block;
}

.writerdetail-description {
    font-size: 15px;
    line-height: 26px;
}
/*#endregion*/

/*#region Yazar Detay Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .writerdetail-image {
        padding: 15px;
    }

    .writerdetail-subtitle {
        margin-top: 5px;
    }

    .bookdetail-description {
        margin-top: 10px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .writerdetail-image {
        padding: 15px;
    }

    .writerdetail-subtitle {
        margin-top: 5px;
    }

    .bookdetail-description {
        margin-top: 10px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .writerdetail-image {
        padding: 20px;
    }

    .writerdetail-subtitle {
        margin-top: 5px;
    }

    .bookdetail-description {
        margin-top: 10px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .writerdetail-image {
        padding: 20px;
    }

    .writerdetail-subtitle {
        margin-top: 5px;
    }

    .bookdetail-description {
        margin-top: 10px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .writerdetail-image {
        padding: 20px;
    }

    .writerdetail-subtitle {
        margin-top: 5px;
    }

    .bookdetail-description {
        margin-top: 10px;
    }
}
/*#endregion*/

/*#region Yazar Detay Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .writerdetail-image {
        padding: 10px;
    }

    .writerdetail-subtitle {
        margin-top: 5px;
    }

    .bookdetail-description {
        margin-top: 10px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .writerdetail-image {
        padding: 10px;
    }

    .writerdetail-subtitle {
        margin-top: 5px;
    }

    .bookdetail-description {
        margin-top: 10px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .writerdetail-image {
        padding: 10px;
    }

    .writerdetail-subtitle {
        margin-top: 5px;
    }

    .bookdetail-description {
        margin-top: 10px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .writerdetail-image {
        padding: 15px;
    }

    .writerdetail-subtitle {
        margin-top: 5px;
    }

    .bookdetail-description {
        margin-top: 10px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .writerdetail-image {
        padding: 15px;
    }

    .writerdetail-subtitle {
        margin-top: 5px;
    }

    .bookdetail-description {
        margin-top: 10px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .writerdetail-image {
        padding: 20px;
    }

    .writerdetail-subtitle {
        margin-top: 5px;
    }

    .bookdetail-description {
        margin-top: 10px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .writerdetail-image {
        padding: 20px;
    }

    .writerdetail-subtitle {
        margin-top: 5px;
    }

    .bookdetail-description {
        margin-top: 10px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .writerdetail-image {
        padding: 25px;
    }

    .writerdetail-subtitle {
        margin-top: 5px;
    }

    .bookdetail-description {
        margin-top: 10px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .writerdetail-image {
        padding: 25px;
    }

    .writerdetail-subtitle {
        margin-top: 5px;
    }

    .bookdetail-description {
        margin-top: 10px;
    }
}

/*#endregion*/

/*#region Hakkımızda*/
.aboutus {
    background-color: var(--remziBeige);
    padding-top: 31px;
}

    .aboutus h1 {
        margin: 0 auto 20px;
        text-align: center;
        font-family: OpenSans-Bold;
        font-size: 30px;
        color: black;
        line-height: 41px;
    }

.aboutus-splide {
}

    .aboutus-splide .splide__slide,
    .contact-splide .splide__slide {
        width: 100%;
        height: 100%;
    }

        .aboutus-splide .splide__slide img,
        .contact-splide .splide__slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .aboutus-splide .splide__track,
    .contact-splide .splide__track {
        position: relative;
        height: 440px;
    }

    .aboutus-splide .splide__pagination,
    .contact-splide .splide__pagination {
        position: static;
        padding: 25px 0 38px;
    }

.aboutus-content {
    font-size: 15px;
    font-family: OpenSans-Regular;
    line-height: 26px;
    color: black;
    column-count: 2;
    column-gap: 44px;
    margin-top: 40px;
    text-align: justify;
}

    .aboutus-content strong {
        font-family: OpenSans-Bold;
    }

    .aboutus-content table {
        width: 100%;
        border-collapse: collapse;
        margin: 16px 0;
        border-radius: 6px;
        border: 1px solid #eeeeee;
        table-layout: fixed;
        text-align: left;
    }

        .aboutus-content table th,
        .aboutus-content table td {
            word-break: break-word;
            overflow-wrap: break-word;
            white-space: normal;
            padding: 5px 15px;
        }

        .aboutus-content table tr {
            transition: .04s ease-in-out all;
        }

            .aboutus-content table tr:nth-child(2n+1) {
                background-color: #f2f2f2;
            }

            .aboutus-content table tr:hover {
                background-color: var(--remziBorderLightGray);
            }

    .aboutus-content img {
        max-width: 100%;
        max-height: 60vh;
        width: auto;
        height: auto;
        display: block;
        border-radius: 6px;
        margin: 16px 0;
        float: left;
        margin: 4px 20px 16px 0;
    }
/*#endregion*/

/*#region Hakkımızda AltSayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .aboutus {
        padding-top: 25px;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .aboutus {
        padding-top: 25px;
    }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        position: static;
        padding: 25px 0 35px;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .aboutus {
        padding-top: 20px;
    }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        position: static;
        padding: 25px 0 30px;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .aboutus-content {
        margin-top: 35px;
    }

    .aboutus {
        padding-top: 20px;
    }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        position: static;
        padding: 25px 0 30px;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .aboutus-content {
        margin-top: 30px;
    }

    .aboutus {
        padding-top: 15px;
    }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        position: static;
        padding: 25px;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .aboutus-content {
        column-gap: 25px;
        margin-top: 25px;
    }

    .aboutus {
        padding-top: 15px;
    }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        position: static;
        padding: 25px;
    }
}
/*#endregion*/

/*#region Hakkımızda Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .aboutus, .contact {
        padding-top: 5px !important;
    }

        .aboutus h1, .contact h1 {
            margin: 0 auto 5px !important;
            font-size: 20px !important;
            line-height: 30px !important;
        }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        padding: 10px 0 15px;
    }

    .aboutus-content {
        column-count: 1;
        margin-top: 10px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .aboutus, .contact {
        padding-top: 5px !important;
    }

        .aboutus h1, .contact h1 {
            margin: 0 auto 5px !important;
            font-size: 20px !important;
            line-height: 30px !important;
        }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        padding: 10px 0 15px;
    }

    .aboutus-content {
        column-count: 1;
        margin-top: 15px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .aboutus, .contact {
        padding-top: 5px !important;
    }

        .aboutus h1, .contact h1 {
            margin: 0px auto 5px !important;
            font-size: 22px !important;
            line-height: 32px;
        }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        padding: 10px 0 15px;
    }

    .aboutus-content {
        column-count: 1;
        margin-top: 15px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .aboutus, .contact {
        padding-top: 5px !important;
    }

        .aboutus h1, .contact h1 {
            margin: 0px auto 5px !important;
            font-size: 22px !important;
            line-height: 32px !important;
        }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        padding: 10px 0 15px;
    }

    .aboutus-content {
        column-count: 1;
        margin-top: 15px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .aboutus, .contact {
        padding-top: 5px !important;
    }

        .aboutus h1, .contact h1 {
            margin: 0px auto 5px !important;
            font-size: 22px !important;
            line-height: 32px;
        }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        padding: 10px 0 15px;
    }

    .aboutus-content {
        column-count: 1;
        margin-top: 15px;
    }
}
/*#endregion*/

/*#region Hakkımızda Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .aboutus, .contact {
        padding-top: 5px !important;
    }

        .aboutus h1, .contact h1 {
            margin: 0px auto 5px !important;
            font-size: 26px !important;
        }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        padding: 10px 0 15px;
    }

    .aboutus-content {
        column-count: 1;
        margin-top: 15px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .aboutus, .contact {
        padding-top: 5px !important;
    }

        .aboutus h1, .contact h1 {
            margin: 0px auto 5px !important;
            font-size: 26px !important;
        }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        padding: 10px 0 15px;
    }

    .aboutus-content {
        column-count: 2;
        column-gap: 4%;
        margin-top: 20px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .aboutus, .contact {
        padding-top: 5px !important;
    }

        .aboutus h1, .contact h1 {
            margin: 0px auto 5px !important;
            font-size: 26px !important;
        }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        padding: 10px 0 15px;
    }

    .aboutus-content {
        column-count: 2;
        column-gap: 4%;
        margin-top: 20px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .aboutus, .contact {
        padding-top: 5px !important;
    }

        .aboutus h1, .contact h1 {
            margin: 0px auto 5px !important;
            font-size: 26px !important;
        }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        padding: 10px 0 15px;
    }

    .aboutus-content {
        column-count: 2;
        column-gap: 4%;
        margin-top: 20px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .aboutus, .contact {
        padding-top: 5px !important;
    }

        .aboutus h1, .contact h1 {
            margin: 0px auto 5px !important;
            font-size: 26px !important;
        }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        padding: 10px 0 15px;
    }

    .aboutus-content {
        column-count: 2;
        column-gap: 4%;
        margin-top: 20px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .aboutus, .contact {
        padding-top: 5px !important;
    }

        .aboutus h1, .contact h1 {
            margin: 0px auto 5px !important;
            font-size: 26px !important;
        }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        padding: 10px 0 15px;
    }

    .aboutus-content {
        column-count: 2;
        column-gap: 4%;
        margin-top: 20px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .aboutus, .contact {
        padding-top: 5px !important;
    }

        .aboutus h1, .contact h1 {
            margin: 0px auto 10px !important;
            font-size: 26px !important;
        }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        padding: 10px 0 15px;
    }

    .aboutus-content {
        column-count: 2;
        column-gap: 4%;
        margin-top: 20px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .aboutus, .contact {
        padding-top: 5px !important;
    }

        .aboutus h1, .contact h1 {
            margin: 0px auto 15px !important;
            font-size: 27px !important;
        }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        padding: 10px 0 15px;
    }

    .aboutus-content {
        column-count: 2;
        column-gap: 4%;
        margin-top: 20px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .aboutus, .contact {
        padding-top: 5px !important;
    }

        .aboutus h1, .contact h1 {
            margin: 0px auto 15px !important;
            font-size: 27px !important;
        }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        padding: 10px 0 15px;
    }

    .aboutus-content {
        column-count: 2;
        column-gap: 4%;
        margin-top: 20px;
    }
}

/*#endregion*/

/*#region İletişim*/
.contact {
    background-color: var(--remziBeige);
    padding-top: 31px;
}

    .contact h1 {
        font-size: 30px;
        line-height: 41px;
        color: black;
        font-family: OpenSans-Bold;
        text-align: center;
        margin-bottom: 20px;
    }

.contact-container {
    display: flex;
    gap: 2.5%;
    margin-top: 30px;
}

.contact-treeview {
    width: 32.25%;
    border: 1px solid #EDEDED;
    padding: 30px;
}

.contact-content {
    width: 65.25%;
    position: relative;
}

.contact-treeview > ul > li:not(:first-child) {
    margin-top: 10px;
}

.contact-treeview > ul > li:not(.open) {
    font-size: 13px;
}

.contact-treeview li {
    list-style-type: none;
}

    .contact-treeview li span {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

.contact-treeview > ul > li > span {
    font-size: 13px;
    line-height: 20px;
    color: black;
    font-family: OpenSans-SemiBold;
    background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s ease-in-out all;
    cursor: pointer;
}

.contact-treeview > ul > li.open > span {
    font-size: 15px;
}


.contact-treeview > ul > li > span:hover {
    background-size: 100% 100%;
    -webkit-text-fill-color: var(--remziburgundy);
}

.contact-treeview > ul > li > span > .contact-treeview-toogle-button i {
    transition: .25s ease-in-out all;
    font-size: 12px;
}

.contact-treeview > ul > li.open > span > .contact-treeview-toogle-button i {
    transform: rotate(180deg);
}

.contact-treeview > ul > li > ul {
    margin: 10px 0;
    transition: 0.2s ease all;
}

    .contact-treeview > ul > li > ul > li > span {
        font-size: 15px;
        line-height: 26px;
        color: black;
        font-family: OpenSans-Regular;
        background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
        background-size: 0% 100%;
        background-repeat: no-repeat;
        -webkit-background-clip: text;
        background-clip: text;
        transition: .4s ease-in-out all;
        cursor: pointer;
    }

        .contact-treeview > ul > li > ul > li > span:hover {
            background-size: 100% 100%;
            -webkit-text-fill-color: transparent;
        }

    .contact-treeview > ul > li > ul > li.active > span {
        color: var(--remziburgundy);
        text-decoration: underline;
    }

.contact-treeview .contact-treeview-toogle-button {
    display: flex;
    justify-content: end;
    align-items: center;
    height: 20px;
    width: 20px;
    cursor: pointer;
}



.contact-treeview > ul > li:not(.open) > ul {
    overflow: hidden;
    opacity: 0;
    height: 0;
    margin: 0;
    pointer-events: none;
}

.contact-item {
    width: 100%;
    height: 0;
    pointer-events: none;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translateY(16px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

    .contact-item.show {
        position: static;
        pointer-events: auto;
        opacity: 1;
        height: auto;
        transform: translateY(0);
    }

.contact-item-title {
    display: block;
    margin-top: 10px;
    font-size: 22px;
    color: black;
    font-family: OpenSans-Bold;
    line-height: 30px;
}

.contact-name {
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
    color: black;
    font-family: OpenSans-SemiBold;
    display: block;
}

.contact-item-adress-infos {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 42px;
}

.contact-item-aderss-item:first-child {
    gap: 23.32px;
}

.contact-item-aderss-item {
    display: flex;
    align-items: center;
    gap: 17.26px;
    font-size: 15px;
    line-height: 20px;
    color: black;
    font-family: OpenSans-SemiBold;
    text-decoration: none;
    background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s ease-in-out all;
}

    .contact-item-aderss-item:hover {
        background-size: 100% 100%;
        -webkit-text-fill-color: transparent;
    }

.contact-location-icon {
    width: 22.41px;
    aspect-ratio: 1;
    background-image: url('/Assets/Images/contact-location-icon.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.contact-phone-icon {
    width: 22.42px;
    aspect-ratio: 1;
    background-image: url('/Assets/Images/contact-phone-icon.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.contact-fax-icon {
    width: 23.35px;
    aspect-ratio: 23.35/22.41;
    background-image: url('/Assets/Images/contact-fax-icon.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.contact-mail-icon {
    width: 23.35px;
    aspect-ratio: 23.35/16.68;
    background-image: url('/Assets/Images/contact-mail-icon.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.contact-map {
    width: 100%;
    aspect-ratio: 32/15;
    max-height: 381px;
    margin-top: 53px;
}

    .contact-map iframe {
        border: none;
    }

.contact-splide {
    width: 100%;
    height: 0;
    pointer-events: none;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

    .contact-splide.show {
        position: static;
        pointer-events: auto;
        opacity: 1;
        height: auto;
    }
/*#endregion*/

/*#region İletişim Altsayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .contact-item-adress-infos {
        margin-top: 35px;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .contact {
        padding-top: 25px;
    }

    .contact-item-adress-infos {
        margin-top: 30px;
        gap: 20px;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .contact {
        padding-top: 25px;
    }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        position: static;
        padding: 25px 0 35px;
    }

    .contact-item-adress-infos {
        margin-top: 25px;
        gap: 15px;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .contact {
        padding-top: 20px;
    }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        position: static;
        padding: 25px 0 30px;
    }

    .contact-item-adress-infos {
        margin-top: 25px;
        gap: 15px;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .contact {
        padding-top: 20px;
    }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        position: static;
        padding: 25px 0 30px;
    }

    .contact-item-adress-infos {
        margin-top: 25px;
        gap: 15px;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .contact {
        padding-top: 15px;
    }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        position: static;
        padding: 25px;
    }

    .contact-item-adress-infos {
        margin-top: 20px;
        gap: 10px;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .contact {
        padding-top: 15px;
    }

    .aboutus-splide .splide__pagination, .contact-splide .splide__pagination {
        position: static;
        padding: 25px;
    }

    .contact-item-adress-infos {
        margin-top: 15px;
        gap: 10px;
    }
}
/*#endregion*/

/*#region İletişim Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .aboutus-splide .splide__track, .contact-splide .splide__track {
        height: 180px;
    }

    .contact-container {
        flex-direction: column;
        gap: 10px;
        margin-top: 15px;
    }

    .contact-content {
        width: 100%;
    }

    .contact-treeview {
        width: 100%;
        padding: 15px;
    }

    .contact-item-adress-infos {
        gap: 10px;
        margin-top: 10px;
    }

    .contact-map {
        margin-top: 20px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .aboutus-splide .splide__track, .contact-splide .splide__track {
        height: 180px;
    }

    .contact-container {
        flex-direction: column;
        gap: 10px;
        margin-top: 15px;
    }

    .contact-content {
        width: 100%;
    }

    .contact-treeview {
        width: 100%;
        padding: 15px;
    }

    .contact-item-adress-infos {
        gap: 10px;
        margin-top: 10px;
    }

    .contact-map {
        margin-top: 20px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .aboutus-splide .splide__track, .contact-splide .splide__track {
        height: 180px;
    }

    .contact-container {
        flex-direction: column;
        gap: 10px;
        margin-top: 15px;
    }

    .contact-content {
        width: 100%;
    }

    .contact-treeview {
        width: 100%;
        padding: 15px;
    }

    .contact-item-adress-infos {
        gap: 10px;
        margin-top: 10px;
    }

    .contact-map {
        margin-top: 20px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .aboutus-splide .splide__track, .contact-splide .splide__track {
        height: 180px;
    }

    .contact-container {
        flex-direction: column;
        gap: 10px;
        margin-top: 15px;
    }

    .contact-content {
        width: 100%;
    }

    .contact-treeview {
        width: 100%;
        padding: 15px;
    }

    .contact-item-adress-infos {
        gap: 10px;
        margin-top: 10px;
    }

    .contact-map {
        margin-top: 20px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .aboutus-splide .splide__track, .contact-splide .splide__track {
        height: 180px;
    }

    .contact-container {
        flex-direction: column;
        gap: 10px;
        margin-top: 15px;
    }

    .contact-content {
        width: 100%;
    }

    .contact-treeview {
        width: 100%;
        padding: 15px;
    }

    .contact-item-adress-infos {
        gap: 10px;
        margin-top: 10px;
    }

    .contact-map {
        margin-top: 20px;
    }
}
/*#endregion*/

/*#region İletişim Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .aboutus-splide .splide__track, .contact-splide .splide__track {
        height: 180px;
    }

    .contact-container {
        flex-direction: column;
        gap: 10px;
        margin-top: 15px;
    }

    .contact-content {
        width: 100%;
    }

    .contact-treeview {
        width: 100%;
        padding: 15px;
    }

    .contact-item-adress-infos {
        gap: 10px;
        margin-top: 10px;
    }

    .contact-map {
        margin-top: 20px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .aboutus-splide .splide__track, .contact-splide .splide__track {
        height: 180px;
    }

    .contact-container {
        flex-direction: column;
        gap: 10px;
        margin-top: 15px;
    }

    .contact-content {
        width: 100%;
    }

    .contact-treeview {
        width: 100%;
        padding: 15px;
    }

    .contact-item-adress-infos {
        gap: 10px;
        margin-top: 10px;
    }

    .contact-map {
        margin-top: 20px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .aboutus-splide .splide__track, .contact-splide .splide__track {
        height: 180px;
    }

    .contact-container {
        gap: 10px;
        margin-top: 15px;
    }

    .contact-content {
        width: 100%;
    }

    .contact-treeview {
        width: 55%;
        padding: 10px;
    }

    .contact-item-adress-infos {
        gap: 10px;
        margin-top: 10px;
    }

    .contact-map {
        margin-top: 20px;
    }

    .contact-treeview > ul > li > ul {
        margin: 5px 0;
    }

        .contact-treeview > ul > li > span,
        .contact-treeview > ul > li > ul > li > span {
            font-size: 14px;
            line-height: 22px;
        }

    .contact-item-title {
        font-size: 18px;
        line-height: 26px;
        margin-top: 5px;
    }

    .contact-name {
        margin-top: 5px;
        font-size: 15px;
        line-height: 20px;
    }

    .contact-location-icon,
    .contact-phone-icon,
    .contact-fax-icon,
    .contact-mail-icon {
        width: 18px;
    }

    .contact-item-aderss-item {
        font-size: 14px;
        gap: 8px !important;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .aboutus-splide .splide__track, .contact-splide .splide__track {
        height: 180px;
    }

    .contact-container {
        gap: 10px;
        margin-top: 15px;
    }

    .contact-content {
        width: 100%;
    }

    .contact-treeview {
        width: 55%;
        padding: 10px;
    }

    .contact-item-adress-infos {
        gap: 10px;
        margin-top: 10px;
    }

    .contact-map {
        margin-top: 20px;
    }

    .contact-treeview > ul > li > ul {
        margin: 5px 0;
    }

        .contact-treeview > ul > li > span,
        .contact-treeview > ul > li > ul > li > span {
            font-size: 14px;
            line-height: 22px;
        }

    .contact-item-title {
        font-size: 18px;
        line-height: 26px;
        margin-top: 5px;
    }

    .contact-name {
        margin-top: 5px;
        font-size: 15px;
        line-height: 20px;
    }

    .contact-location-icon,
    .contact-phone-icon,
    .contact-fax-icon,
    .contact-mail-icon {
        width: 18px;
    }

    .contact-item-aderss-item {
        font-size: 14px;
        gap: 8px !important;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .aboutus-splide .splide__track, .contact-splide .splide__track {
        height: 180px;
    }

    .contact-container {
        gap: 10px;
        margin-top: 15px;
    }

    .contact-content {
        width: 100%;
    }

    .contact-treeview {
        width: 55%;
        padding: 10px;
    }

    .contact-item-adress-infos {
        gap: 10px;
        margin-top: 10px;
    }

    .contact-map {
        margin-top: 20px;
    }

    .contact-treeview > ul > li > ul {
        margin: 5px 0;
    }

        .contact-treeview > ul > li > span,
        .contact-treeview > ul > li > ul > li > span {
            font-size: 14px;
            line-height: 22px;
        }

    .contact-item-title {
        font-size: 18px;
        line-height: 26px;
        margin-top: 5px;
    }

    .contact-name {
        margin-top: 5px;
        font-size: 15px;
        line-height: 20px;
    }

    .contact-location-icon,
    .contact-phone-icon,
    .contact-fax-icon,
    .contact-mail-icon {
        width: 18px;
    }

    .contact-item-aderss-item {
        font-size: 14px;
        gap: 8px !important;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .aboutus-splide .splide__track, .contact-splide .splide__track {
        height: 180px;
    }

    .contact-container {
        gap: 10px;
        margin-top: 15px;
    }

    .contact-content {
        width: 100%;
    }

    .contact-treeview {
        width: 55%;
        padding: 10px;
    }

    .contact-item-adress-infos {
        gap: 10px;
        margin-top: 10px;
    }

    .contact-map {
        margin-top: 20px;
    }

    .contact-item-title {
        font-size: 18px;
        line-height: 26px;
        margin-top: 5px;
    }

    .contact-item-aderss-item {
        gap: 12px !important;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .aboutus-splide .splide__track, .contact-splide .splide__track {
        height: 180px;
    }

    .contact-container {
        gap: 10px;
        margin-top: 15px;
    }

    .contact-content {
        width: 100%;
    }

    .contact-treeview {
        width: 55%;
        padding: 10px;
    }

    .contact-item-adress-infos {
        gap: 10px;
        margin-top: 10px;
    }

    .contact-map {
        margin-top: 20px;
    }

    .contact-item-title {
        font-size: 20px;
        line-height: 28px;
        margin-top: 5px;
    }

    .contact-item-aderss-item {
        gap: 12px !important;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .aboutus-splide .splide__track, .contact-splide .splide__track {
        height: 180px;
    }

    .contact-container {
        gap: 10px;
        margin-top: 15px;
    }

    .contact-content {
        width: 100%;
    }

    .contact-treeview {
        width: 55%;
        padding: 10px;
    }

    .contact-item-adress-infos {
        gap: 15px;
        margin-top: 15px;
    }

    .contact-map {
        margin-top: 20px;
    }

    .contact-item-title {
        margin-top: 5px;
    }

    .contact-item-aderss-item {
        gap: 12px !important;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .aboutus-splide .splide__track, .contact-splide .splide__track {
        height: 180px;
    }

    .contact-container {
        gap: 10px;
        margin-top: 15px;
    }

    .contact-content {
        width: 100%;
    }

    .contact-treeview {
        width: 55%;
        padding: 10px;
    }

    .contact-item-adress-infos {
        gap: 15px;
        margin-top: 15px;
    }

    .contact-map {
        margin-top: 20px;
    }

    .contact-item-title {
        margin-top: 5px;
    }

    .contact-item-aderss-item {
        gap: 12px !important;
    }
}

/*#endregion*/

/*#region Çok Satanlar*/
.bestsellers-date {
    font-size: 18px;
    font-family: OpenSans-Regular;
    line-height: 24px;
    color: var(--remziColorBlack);
    display: block;
    margin-left: 20px;
}

.bestsellers-title-container {
    padding: 30px 0;
}

    .bestsellers-title-container:not(:first-child) {
        padding: 58px 0 30px;
    }

    .bestsellers-title-container:last-child {
        padding-bottom: 62px;
    }

.bestsellers-content {
    margin-bottom: 26px;
}

    .bestsellers-content:last-child {
        margin-bottom: -8px;
    }

.bestsellers-numbers {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 21.552%;
    max-width: 50px;
    aspect-ratio: 1;
    background-color: var(--remziburgundy);
    font-size: 26px;
    line-height: 36px;
    font-family: OpenSans-SemiBold;
    color: white;
    z-index: 1;
    pointer-events: none;
}
/*#endregion*/

/*#region Çok Satanlar Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .bestsellers-date {
        margin-left: 0;
        font-size: 16px;
    }

    .bestsellers-content {
        width: 100%;
        margin-bottom: 0;
    }

    .bestsellers-title-container {
        width: 100%;
    }

        .bestsellers-title-container, .bestsellers-title-container:not(:first-child) {
            padding: 10px 0;
        }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .bestsellers-date {
        margin-left: 0;
        font-size: 16px;
    }

    .bestsellers-content {
        width: 100%;
        margin-bottom: 0;
    }

    .bestsellers-title-container {
        width: 100%;
    }

        .bestsellers-title-container, .bestsellers-title-container:not(:first-child) {
            padding: 10px 0;
        }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .bestsellers-date {
        margin-left: 0;
        font-size: 16px;
    }

    .bestsellers-content {
        width: 100%;
        margin-bottom: 0;
    }

    .bestsellers-title-container {
        width: 100%;
    }

        .bestsellers-title-container, .bestsellers-title-container:not(:first-child) {
            padding: 10px 0;
        }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .bestsellers-date {
        margin-left: 0;
        font-size: 16px;
    }

    .bestsellers-content {
        width: 100%;
        margin-bottom: 0;
    }

    .bestsellers-title-container {
        width: 100%;
    }

        .bestsellers-title-container, .bestsellers-title-container:not(:first-child) {
            padding: 10px 0;
        }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .bestsellers-date {
        margin-left: 0;
        font-size: 16px;
    }

    .bestsellers-content {
        width: 100%;
        margin-bottom: 0;
    }

    .bestsellers-title-container {
        width: 100%;
    }

        .bestsellers-title-container, .bestsellers-title-container:not(:first-child) {
            padding: 10px 0;
        }
}
/*#endregion*/

/*#region Çok Satanlar Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .bestsellers-date {
        margin-left: 0;
        font-size: 16px;
    }

    .bestsellers-content {
        width: 100%;
        margin-bottom: 0;
    }

    .bestsellers-title-container {
        width: 100%;
    }

        .bestsellers-title-container, .bestsellers-title-container:not(:first-child) {
            padding: 10px 0;
        }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .bestsellers-date {
        margin-left: 0;
        font-size: 16px;
    }

    .bestsellers-content {
        width: 100%;
        margin-bottom: 0;
    }

    .bestsellers-title-container {
        width: 100%;
    }

        .bestsellers-title-container, .bestsellers-title-container:not(:first-child) {
            padding: 10px 0;
        }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .bestsellers-date {
        margin-left: 0;
        font-size: 16px;
    }

    .bestsellers-content {
        width: 100%;
        margin-bottom: 0;
    }

    .bestsellers-title-container {
        width: 100%;
    }

        .bestsellers-title-container, .bestsellers-title-container:not(:first-child) {
            padding: 10px 0;
        }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .bestsellers-date {
        margin-left: 0;
    }

    .bestsellers-content {
        width: 100%;
        margin-bottom: 0;
    }

    .bestsellers-title-container {
        width: 100%;
    }

        .bestsellers-title-container, .bestsellers-title-container:not(:first-child) {
            padding: 10px 0;
        }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .bestsellers-date {
        margin-left: 0;
    }

    .bestsellers-content {
        width: 100%;
        margin-bottom: 0;
    }

    .bestsellers-title-container {
        width: 100%;
    }

        .bestsellers-title-container, .bestsellers-title-container:not(:first-child) {
            padding: 10px 0;
        }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .bestsellers-date {
        margin-left: 0;
    }

    .bestsellers-content {
        width: 100%;
        margin-bottom: 0;
    }

    .bestsellers-title-container {
        width: 100%;
    }

        .bestsellers-title-container, .bestsellers-title-container:not(:first-child) {
            padding: 10px 0;
        }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .bestsellers-date {
        margin-left: 0;
    }

    .bestsellers-content {
        width: 100%;
        margin-bottom: 0;
    }

    .bestsellers-title-container {
        width: 100%;
    }

        .bestsellers-title-container, .bestsellers-title-container:not(:first-child) {
            padding: 10px 0;
            width: 100%;
        }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .bestsellers-date {
        margin-left: 0;
    }

    .bestsellers-content {
        width: 100%;
        margin-bottom: 0;
    }

    .bestsellers-title-container {
        width: 100%;
    }

        .bestsellers-title-container, .bestsellers-title-container:not(:first-child) {
            padding: 10px 0;
            width: 100%;
        }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .bestsellers-date {
        margin-left: 0;
    }

    .bestsellers-content {
        width: 100%;
        margin-bottom: 0;
    }

    .bestsellers-title-container {
        width: 100%;
    }

        .bestsellers-title-container, .bestsellers-title-container:not(:first-child) {
            padding: 10px 0;
            width: 100%;
        }
}

/*#endregion*/

/*#region İnsan Kaynakları*/
.hr {
    background-color: var(--remziBeige);
    margin-top: 36px;
    padding: 30px 6.72%;
    display: flex;
    gap: 7.82%;
}

.hr-right {
    width: 25%;
    background-image: url('/Assets/Images/banner-kariyer.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: 1px solid #EDEDED;
    border-radius: 30px;
}

.hr-left {
    width: 67.18%;
    position: relative;
}

.hr-title {
    font-family: OpenSans-Bold;
    font-size: 18px;
    line-height: 24px;
    color: var(--remziburgundy);
    display: block;
    margin-top: 30px;
}

.hr-subtitle {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    line-height: 35px;
    color: var(--remziCharcoal);
    font-family: OpenSans-Regular;
}

.hr-form-container {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 41px;
}

.hr-form-row {
    display: flex;
    gap: 25px;
}

.hr-form-item {
    border: 1px solid #EAEAEA;
    padding: 15px 18px;
    width: 100%;
    background-color: white;
    position: relative;
}

.hr-form-textarea-item {
    padding: 12px 18px 7px;
}

.hr-form-item input, .hr-form-item textarea {
    width: 100%;
}

.hr-form-item textarea {
    resize: none;
}

    .hr-form-item input::placeholder,
    .hr-form-item textarea::placeholder {
        color: #E1D8D8;
        font-family: OpenSans-Light;
        background-color: transparent;
        font-size: 14px;
        line-height: 18px;
    }

.hr-form-item input, .hr-form-item textarea {
    color: #818181
}

    .hr-form-item input::placeholder, .hr-form-item textarea::placeholder {
        font-size: 13px;
    }
/*cv Yükle*/
.cvUploadArea {
    width: 100%;
}

.cvUpload {
    background-color: #F9F9FA;
    width: 100%;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23811313' stroke-width='1' stroke-dasharray='16%2c16' stroke-linecap='square'/%3e%3c/svg%3e");
    border: none;
}

    .cvUpload input[type="file"] {
        display: none;
    }

.cv-text {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    cursor: pointer;
    gap: 5.84px;
}

.cv-icon {
    width: 47px;
    height: 36px;
    background-image: url('/Assets/Images/cv-icon.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.cv-content {
    display: flex;
    flex-direction: column;
}

.cv-first-text {
    font-family: OpenSans-Bold;
    font-size: 25px;
    line-height: 30px;
    color: var(--remziburgundy);
    background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s ease-out all;
}


.cvUploadArea:hover .cv-first-text {
    background-size: 100% 100%;
    -webkit-text-fill-color: transparent;
}

.cv-second-text {
    font-family: OpenSans-Regular;
    font-size: 10px;
    line-height: 16px;
    color: var(--remziburgundy);
    background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s ease-in-out all;
}



.cvUploadArea:hover .cv-second-text {
    background-size: 100% 100%;
    -webkit-text-fill-color: transparent;
}

.uplCvWarnAlign {
    position: absolute;
    width: 100%;
    bottom: 12%;
    left: 0;
}

.file-name {
    font-family: OpenSans-Regular;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    justify-content: center;
    color: black;
}
/*cv yükle end*/

.hr-form-bottom {
    margin-top: 23px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.hr-checkbox {
    font-size: 14px;
    color: black;
    font-family: OpenSans-Regular;
    line-height: 19px;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

    .hr-checkbox .error-stars {
        top: -10px;
        right: -10px;
    }

    .hr-checkbox .hr-popup-button {
        color: #811313;
        font-size: 14px;
        line-height: 30px;
        font-family: OpenSans-Bold;
        text-decoration: underline;
        cursor: pointer;
    }

    .hr-checkbox label {
        margin: 0;
    }

    .hr-checkbox input {
        appearance: none;
        -webkit-appearance: none;
        border: 1px solid var(--remziCharcoal);
        width: 15px;
        height: 15px;
    }

        .hr-checkbox input[type="checkbox"] {
            position: relative;
        }

            .hr-checkbox input[type="checkbox"]:checked::after {
                content: '\f00c';
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-40%, -50%);
                width: 100%;
                height: 100%;
                border: none;
                border-top: none;
                border-left: none;
                font-family: "Font Awesome 7 Free Solid";
                font-size: 11px;
                color: var(--remziburgundy);
            }

.form-recapcha {
    transform: scale(.77) translate(0%, 0);
    position: relative;
    width: 234px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hr-form-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    color: white;
    font-family: OpenSans-Bold;
    width: 100%;
    padding: 14px 10px;
    border: 2px solid var(--remziburgundy);
    cursor: pointer;
    transition: .4s ease-in-out all;
    background-color: var(--remziburgundy);
    margin-top: 14.8px;
}

    .hr-form-button:hover {
        background-color: white;
        color: var(--remziburgundy);
    }

.error-stars {
    font-family: OpenSans-SemiBold;
    position: absolute;
    top: 10px;
    right: 10px;
}

.kvk-modal {
    background-color: white;
    max-width: 100%;
}

.kvk-modal-header {
    background-color: var(--remziburgundy);
    width: 100%;
    display: block;
    color: white;
    text-align: center;
    font-family: OpenSans-Bold;
    color: #EFEFEF;
    font-size: 18px;
    line-height: 24px;
    padding: 19.25px 0;
    margin-left: 0;
    margin-right: 0;
    position: relative;
}

    .kvk-modal-header span {
        display: inline-block;
        margin-left: 9.28px;
    }

    .kvk-modal-header i {
        font-size: 19px;
    }

.kvk-form-close {
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    transition: .2s ease-in-out all;
}

    .kvk-form-close:hover {
        color: #0e0e0e;
    }

.kvk-modal-body {
    height: 52.2vh;
    overflow-y: auto;
    padding: 20px 30px 17px;
    line-height: 24px;
    color: var(--remziCharcoal);
    margin: 0;
}

    .kvk-modal-body::-webkit-scrollbar {
        width: var(--sb-size);
    }

    .kvk-modal-body::-webkit-scrollbar-track {
        background: var(--sb-track-color);
        border-radius: 1px;
        margin-right: 8px;
    }

    .kvk-modal-body::-webkit-scrollbar-thumb {
        background: var(--remziburgundy);
        border-radius: 3px;
    }

@supports not selector(::-webkit-scrollbar) {
    .kvk-modal-body {
        scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    }
}

.kvk-modal-footer {
    border: none;
    margin: 23px 0;
    padding: 0;
    width: 100%;
}

.kvk-modal-approve {
    width: 74.03%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    text-align: center;
    border: 1px solid var(--remziBorderGray);
    height: 50px;
    transition: .25s ease-in-out all;
    background-image: linear-gradient(to right, var(--remziburgundy), var(--remziburgundy));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .kvk-modal-approve:hover {
        background-size: 100% 100%;
    }

.kvk-modal-approve-text {
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    color: var(--remziburgundy);
    font-family: OpenSans-Bold;
    background-image: linear-gradient(to right, white, white);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s ease-in-out all .15s;
}

.kvk-modal-approve:hover .kvk-modal-approve-text {
    background-size: 100% 100%;
    -webkit-text-fill-color: transparent;
}
/*#endregion*/

/*#region İnsan Kaynakları Altasayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .hr-form-container {
        margin-top: 35px;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .hr-form-container {
        gap: 20px;
        margin-top: 30px;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .hr-form-container {
        gap: 15px;
        margin-top: 25px;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .hr-form-container {
        gap: 10px;
        margin-top: 20px;
    }

    .hr {
        padding: 36px 4.72%;
        gap: 5.82%;
    }

    .hr-right {
        width: 26%;
    }

    .hr-left {
        width: 68.18%;
    }

    .cv-first-text {
        font-size: 24px;
        line-height: 30px
    }

    .cv-icon {
        width: 42px;
        height: 48px;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .hr-form-container {
        gap: 10px;
        margin-top: 15px;
    }

    .hr {
        padding: 36px 2.72%;
        gap: 2.82%;
    }

    .hr-right {
        width: 27%;
    }

    .hr-left {
        width: 69.18%;
    }

    .cv-first-text {
        font-size: 24px;
        line-height: 30px
    }

    .cv-icon {
        width: 42px;
        height: 48px;
    }
}
/*#endregion*/

/*#region İnsan Kaynakları Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .hr, .file-application {
        margin-top: 10px;
        padding: 15px 2.5% 23px;
        flex-direction: column;
        align-items: center;
    }


    .hr-right, .file-application-right {
        display: none;
    }

    .hr-left {
        width: 100%;
    }

    .hr-title {
        margin-top: 5px;
    }

    .hr-form-container {
        margin-top: 10px;
    }

    .hr-form-container {
        gap: 10px;
    }

    .hr-form-item {
        padding: 10px 15px;
    }

    .hr-form-row {
        gap: 10px;
        flex-direction: column;
    }

    .cv-text {
        padding: 14px 0 26px;
    }

    .cv-first-text {
        font-size: 28px;
        line-height: 36px;
    }


    .hr-form-bottom {
        margin-top: 10px;
        flex-direction: column;
    }

    .hr-checkbox {
        font-size: 14px;
        line-height: 16px;
    }

        .hr-checkbox input {
            width: 18px;
            height: 15px;
        }

    .kvk-form-container {
        width: 95%;
    }

    .kvk-modal-header {
        font-size: 15px;
    }

    .kvk-modal-header {
        padding: 12px 0;
    }

    .kvk-form-close {
        top: -10px;
        right: -10px;
    }

    .kvk-modal-body {
        height: 68vh;
        line-height: 19px;
        padding: 10px 15px;
    }

    .kvk-modal-footer {
        margin: 10px 0;
    }

    .kvk-modal-approve-text {
        font-size: 14px;
        line-height: 14px;
    }

    .kvk-modal-approve {
        width: 80.03%;
        height: 40px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .hr, .file-application {
        margin-top: 10px;
        padding: 15px 2.5% 36px;
        flex-direction: column;
        align-items: center;
    }

    .hr-right, .file-application-right {
        display: none;
    }

    .hr-right {
        height: 100vw;
        aspect-ratio: 123/350;
        width: auto;
    }

    .hr-left {
        width: 100%;
    }

    .hr-title {
        margin-top: 5px;
    }

    .hr-form-container {
        margin-top: 10px;
    }

    .hr-form-container {
        gap: 10px;
    }

    .hr-form-item {
        padding: 10px 15px;
    }

    .hr-form-row {
        gap: 10px;
        flex-direction: column;
    }

    .cv-text {
        padding: 14px 0 26px;
    }

    .cv-first-text {
        font-size: 28px;
        line-height: 36px;
    }

    .hr-form-bottom {
        margin-top: 10px;
        flex-direction: column;
    }

    .hr-checkbox {
        font-size: 14px;
        line-height: 16px;
    }

        .hr-checkbox input {
            width: 18px;
            height: 15px;
        }

    .kvk-form-container {
        width: 95%;
    }

    .kvk-modal-header {
        font-size: 15px;
    }

    .kvk-modal-header {
        padding: 12px 0;
    }

    .kvk-form-close {
        top: -10px;
        right: -10px;
    }

    .kvk-modal-body {
        height: 68vh;
        line-height: 19px;
        padding: 10px 15px;
    }

    .kvk-modal-footer {
        margin: 10px 0;
    }

    .kvk-modal-approve-text {
        font-size: 14px;
        line-height: 14px;
    }

    .kvk-modal-approve {
        width: 80.03%;
        height: 40px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .hr, .file-application {
        margin-top: 10px;
        padding: 15px 2.5% 36px;
        flex-direction: column;
        align-items: center;
    }

    .hr-right, .file-application-right {
        display: none;
    }

    .hr-right {
        height: 100vw;
        aspect-ratio: 123/350;
        width: auto;
    }

    .hr-left {
        width: 100%;
    }

    .hr-title {
        margin-top: 5px;
    }

    .hr-form-container {
        margin-top: 10px;
    }

    .hr-form-container {
        gap: 10px;
    }

    .hr-form-item {
        padding: 10px 15px;
    }

    .hr-form-row {
        gap: 10px;
        flex-direction: column;
    }

    .cv-text {
        padding: 14px 0 26px;
    }

    .cv-first-text {
        font-size: 28px;
        line-height: 36px;
    }


    .hr-form-bottom {
        margin-top: 10px;
        flex-direction: column;
    }

    .hr-checkbox {
        font-size: 14px;
        line-height: 16px;
    }

        .hr-checkbox input {
            width: 18px;
            height: 15px;
        }

    .kvk-form-container {
        width: 95%;
    }

    .kvk-modal-header {
        font-size: 15px;
    }

    .kvk-modal-header {
        padding: 12px 0;
    }

    .kvk-form-close {
        top: -10px;
        right: -10px;
    }

    .kvk-modal-body {
        height: 68vh;
        line-height: 19px;
        padding: 10px 15px;
    }

    .kvk-modal-footer {
        margin: 10px 0;
    }

    .kvk-modal-approve-text {
        font-size: 14px;
        line-height: 14px;
    }

    .kvk-modal-approve {
        width: 80.03%;
        height: 40px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .hr, .file-application {
        margin-top: 10px;
        padding: 15px 2.5% 36px;
        flex-direction: column;
        align-items: center;
    }

    .hr-right, .file-application-right {
        display: none;
    }

    .hr-right {
        height: 100vw;
        aspect-ratio: 123/350;
        width: auto;
    }

    .hr-left {
        width: 100%;
    }

    .hr-title {
        margin-top: 5px;
    }

    .hr-form-container {
        margin-top: 10px;
    }

    .hr-form-container {
        gap: 10px;
    }

    .hr-form-item {
        padding: 10px 15px;
    }

    .hr-form-row {
        gap: 10px;
        flex-direction: column;
    }

    .cv-text {
        padding: 10px 0 30px;
    }

    .cv-first-text {
        font-size: 28px;
        line-height: 36px;
    }


    .hr-form-bottom {
        margin-top: 10px;
        flex-direction: column;
    }

    .hr-checkbox {
        font-size: 14px;
        line-height: 16px;
    }

        .hr-checkbox input {
            width: 18px;
            height: 15px;
        }

    .kvk-form-container {
        width: 95%;
    }

    .kvk-modal-header {
        font-size: 15px;
    }

    .kvk-modal-header {
        padding: 12px 0;
    }

    .kvk-form-close {
        top: -10px;
        right: -10px;
    }

    .kvk-modal-body {
        height: 68vh;
        line-height: 19px;
        padding: 10px 15px;
    }

    .kvk-modal-footer {
        margin: 10px 0;
    }

    .kvk-modal-approve-text {
        font-size: 14px;
        line-height: 14px;
    }

    .kvk-modal-approve {
        width: 80.03%;
        height: 40px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .hr, .file-application {
        margin-top: 10px;
        padding: 15px 2.5% 36px;
        flex-direction: column;
        align-items: center;
    }

    .hr-right, .file-application-right {
        display: none;
    }

    .hr-right {
        height: 100vw;
        aspect-ratio: 123/350;
        width: auto;
    }

    .hr-left {
        width: 100%;
    }

    .hr-title {
        margin-top: 5px;
    }

    .hr-form-container {
        margin-top: 10px;
    }

    .hr-form-container {
        gap: 10px;
    }

    .hr-form-item {
        padding: 10px 15px;
    }

    .hr-form-row {
        gap: 10px;
        flex-direction: column;
    }

    .cv-text {
        padding: 10px 0 30px;
    }

    .cv-first-text {
        font-size: 28px;
        line-height: 36px;
    }


    .hr-form-bottom {
        margin-top: 10px;
        flex-direction: column;
    }

    .hr-checkbox {
        font-size: 14px;
        line-height: 16px;
    }

        .hr-checkbox input {
            width: 18px;
            height: 15px;
        }

    .kvk-form-container {
        width: 95%;
    }

    .kvk-modal-header {
        font-size: 16px;
    }

    .kvk-modal-header {
        padding: 12px 0;
    }

    .kvk-form-close {
        top: -10px;
        right: -10px;
    }

    .kvk-modal-body {
        height: 68vh;
        line-height: 19px;
        padding: 10px 15px;
    }

    .kvk-modal-footer {
        margin: 10px 0;
    }

    .kvk-modal-approve-text {
        font-size: 14px;
        line-height: 14px;
    }

    .kvk-modal-approve {
        width: 80.03%;
        height: 40px;
    }
}
/*#endregion*/

/*#region İnsan Kaynakları Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .hr, .file-application {
        margin-top: 10px;
        padding: 15px 2.5% 36px;
        gap: 2%;
    }

    .hr-right {
        background-image: url('/Assets/Images/ik-responsive.png');
    }

    .hr-left {
        width: 100%;
    }

    .hr-title {
        margin-top: 5px;
    }

    .hr-form-container {
        margin-top: 10px;
    }

    .hr-form-container {
        gap: 10px;
    }

    .hr-form-item {
        padding: 10px 15px;
    }

    .hr-form-row {
        gap: 10px;
        flex-direction: column;
    }

    .cv-text {
        padding: 12px 0 29px;
    }

    .cv-first-text {
        font-size: 28px;
        line-height: 36px;
    }


    .hr-form-bottom {
        margin-top: 10px;
        flex-direction: column;
    }

    .hr-checkbox {
        font-size: 14px;
        line-height: 16px;
    }

        .hr-checkbox input {
            width: 18px;
            height: 15px;
        }

    .kvk-form-container {
        width: 95%;
    }

    .kvk-modal-header {
        font-size: 15px;
    }

    .kvk-modal-header {
        padding: 7px 0;
    }

    .kvk-form-close {
        top: -10px;
        right: -10px;
    }

    .kvk-modal-body {
        height: 62vh;
        line-height: 19px;
        padding: 10px 15px;
    }

    .kvk-modal-footer {
        margin: 10px 0;
    }

    .kvk-modal-approve-text {
        font-size: 14px;
        line-height: 14px;
    }

    .kvk-modal-approve {
        width: 80.03%;
        height: 40px;
    }

    .hr-form-button {
        margin-top: 0px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .hr, .file-application {
        margin-top: 10px;
        padding: 15px 2.5% 36px;
        gap: 2%;
    }

    .hr-right {
        background-image: url('/Assets/Images/ik-responsive.png');
        width: 30%;
    }

    .hr-left {
        width: 100%;
    }

    .hr-title {
        margin-top: 5px;
    }

    .hr-form-container {
        margin-top: 10px;
    }

    .hr-form-container {
        gap: 10px;
    }

    .hr-form-item {
        padding: 10px 15px;
    }

    .hr-form-row {
        gap: 10px;
        flex-direction: column;
    }

    .cv-text {
        padding: 12px 0 29px;
    }

    .cv-first-text {
        font-size: 28px;
        line-height: 36px;
    }


    .hr-form-bottom {
        margin-top: 10px;
        flex-direction: column;
    }

    .hr-checkbox {
        font-size: 14px;
        line-height: 16px;
    }

        .hr-checkbox input {
            width: 18px;
            height: 15px;
        }

    .kvk-form-container {
        width: 95%;
    }

    .kvk-modal-header {
        font-size: 15px;
    }

    .kvk-modal-header {
        padding: 7px 0;
    }

    .kvk-form-close {
        top: -10px;
        right: -10px;
    }

    .kvk-modal-body {
        height: 62vh;
        line-height: 19px;
        padding: 10px 15px;
    }

    .kvk-modal-footer {
        margin: 10px 0;
    }

    .kvk-modal-approve-text {
        font-size: 14px;
        line-height: 14px;
    }

    .kvk-modal-approve {
        width: 80.03%;
        height: 40px;
    }

    .hr-form-button {
        margin-top: 0px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .modal-dialog {
        margin: 10px 0;
    }

    .hr, .file-application {
        margin-top: 10px;
        padding: 15px 2.5% 36px;
        gap: 2%;
    }

    .hr-right {
        background-image: url('/Assets/Images/ik-responsive.png');
        width: 30%;
    }

    .hr-left {
        width: 100%;
    }

    .hr-title {
        margin-top: 5px;
    }

    .hr-form-container {
        margin-top: 10px;
    }

    .hr-form-container {
        gap: 10px;
    }

    .hr-form-item {
        padding: 10px 15px;
    }

    .hr-form-row {
        gap: 10px;
    }

    .cv-text {
        padding: 12px 0 29px;
    }

    .cv-first-text {
        font-size: 28px;
        line-height: 36px;
    }



    .hr-form-bottom {
        margin-top: 10px;
        flex-direction: column;
    }

    .hr-checkbox {
        font-size: 14px;
        line-height: 16px;
    }

        .hr-checkbox input {
            width: 18px;
            height: 15px;
        }

    .kvk-form-container {
        width: 95%;
    }

    .kvk-modal-header {
        font-size: 15px;
    }

    .kvk-modal-header {
        padding: 7px 0;
    }

    .kvk-form-close {
        top: -10px;
        right: -10px;
    }

    .kvk-modal-body {
        height: 62vh;
        line-height: 19px;
        padding: 10px 15px;
    }

    .kvk-modal-footer {
        margin: 10px 0;
    }

    .kvk-modal-approve-text {
        font-size: 14px;
        line-height: 14px;
    }

    .kvk-modal-approve {
        width: 80.03%;
        height: 40px;
    }

    .hr-form-button {
        margin-top: 0px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .modal-dialog {
        margin: 10px 0;
    }

    .hr, .file-application {
        margin-top: 10px;
        padding: 15px 2.5% 36px;
        gap: 2%;
    }

    .hr-right {
        background-image: url('/Assets/Images/ik-responsive.png');
        width: 30%;
    }

    .hr-left {
        width: 100%;
    }

    .hr-title {
        margin-top: 5px;
    }

    .hr-form-container {
        margin-top: 10px;
    }

    .hr-form-container {
        gap: 10px;
    }

    .hr-form-item {
        padding: 10px 15px;
    }

    .hr-form-row {
        gap: 10px;
    }

    .cv-text {
        padding: 12px 0 29px;
    }

    .cv-first-text {
        font-size: 28px;
        line-height: 36px;
    }


    .hr-form-bottom {
        margin-top: 10px;
        flex-direction: column;
    }

    .hr-checkbox {
        font-size: 14px;
        line-height: 16px;
    }

        .hr-checkbox input {
            width: 18px;
            height: 15px;
        }

    .kvk-form-container {
        width: 95%;
    }

    .kvk-modal-header {
        font-size: 15px;
    }

    .kvk-modal-header {
        padding: 7px 0;
    }

    .kvk-form-close {
        top: -10px;
        right: -10px;
    }

    .kvk-modal-body {
        height: 62vh;
        line-height: 19px;
        padding: 10px 15px;
    }

    .kvk-modal-footer {
        margin: 10px 0;
    }

    .kvk-modal-approve-text {
        font-size: 14px;
        line-height: 14px;
    }

    .kvk-modal-approve {
        width: 80.03%;
        height: 40px;
    }

    .hr-form-button {
        margin-top: 0px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .modal-dialog {
        margin: 10px 0;
    }

    .hr, .file-application {
        margin-top: 10px;
        padding: 15px 2.5% 36px;
        gap: 2%;
    }

    .hr-right {
        background-image: url('/Assets/Images/ik-responsive.png');
        width: 30%;
    }

    .hr-left {
        width: 100%;
    }

    .hr-title {
        margin-top: 5px;
    }

    .hr-form-container {
        margin-top: 10px;
    }

    .hr-form-container {
        gap: 10px;
    }

    .hr-form-item {
        padding: 10px 15px;
    }

    .hr-form-row {
        gap: 10px;
    }

    .cv-text {
        padding: 12px 0 29px;
    }

    .cv-first-text {
        font-size: 28px;
        line-height: 36px;
    }


    .hr-form-bottom {
        margin-top: 10px;
    }

    .hr-checkbox {
        font-size: 14px;
        line-height: 16px;
    }

        .hr-checkbox input {
            width: 18px;
            height: 18px;
        }

    .form-recapcha {
        width: 48%;
    }

    .kvk-form-container {
        width: 95%;
    }

    .kvk-modal-header {
        font-size: 15px;
    }

    .kvk-modal-header {
        padding: 7px 0;
    }

    .kvk-form-close {
        top: -10px;
        right: -10px;
    }

    .kvk-modal-body {
        height: 62vh;
        line-height: 19px;
        padding: 10px 15px;
    }

    .kvk-modal-footer {
        margin: 10px 0;
    }

    .kvk-modal-approve-text {
        font-size: 14px;
        line-height: 14px;
    }

    .kvk-modal-approve {
        width: 80.03%;
        height: 40px;
    }

    .hr-form-button {
        margin-top: 0px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .modal-dialog {
        margin: 10px 0;
    }

    .hr, .file-application {
        margin-top: 10px;
        padding: 15px 2.5% 36px;
        gap: 2%;
    }

    .hr-right {
        background-image: url('/Assets/Images/ik-responsive.png');
        width: 30%;
    }

    .hr-left {
        width: 100%;
    }

    .hr-title {
        margin-top: 5px;
    }

    .hr-form-container {
        margin-top: 10px;
    }

    .hr-form-container {
        gap: 10px;
    }

    .hr-form-item {
        padding: 10px 15px;
    }

    .hr-form-row {
        gap: 10px;
    }

    .cv-text {
        padding: 12px 0 29px;
    }

    .cv-first-text {
        font-size: 28px;
        line-height: 36px;
    }


    .hr-form-bottom {
        margin-top: 10px;
    }

    .hr-checkbox {
        font-size: 14px;
        line-height: 16px;
    }

        .hr-checkbox input {
            width: 18px;
            height: 18px;
        }

    .form-recapcha {
        width: 44%;
    }

    .kvk-form-container {
        width: 95%;
    }

    .kvk-modal-header {
        font-size: 15px;
    }

    .kvk-modal-header {
        padding: 10px 0;
    }

    .kvk-form-close {
        top: -10px;
        right: -10px;
    }

    .kvk-modal-body {
        height: 62vh;
        line-height: 19px;
        padding: 10px 15px;
    }

    .kvk-modal-footer {
        margin: 10px 0;
    }

    .kvk-modal-approve-text {
        font-size: 14px;
        line-height: 14px;
    }

    .kvk-modal-approve {
        width: 80.03%;
        height: 40px;
    }

    .hr-form-button {
        margin-top: 0px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .modal-dialog {
        margin: 10px 0;
    }

    .hr, .file-application {
        margin-top: 10px;
        padding: 15px 2.5% 36px;
        gap: 2%;
    }

    .hr-right {
        width: 30%;
    }

    .hr-left {
        width: 100%;
    }

    .hr-title {
        margin-top: 5px;
    }

    .hr-form-container {
        margin-top: 10px;
    }

    .hr-form-container {
        gap: 10px;
    }

    .hr-form-item {
        padding: 10px 15px;
    }

    .hr-form-row {
        gap: 10px;
    }

    .cv-text {
        padding: 12px 0 29px;
    }

    .cv-first-text {
        font-size: 28px;
        line-height: 36px;
    }


    .hr-form-bottom {
        margin-top: 10px;
    }

    .hr-checkbox {
        font-size: 14px;
        line-height: 16px;
    }

        .hr-checkbox input {
            width: 18px;
            height: 18px;
        }

    .form-recapcha {
        width: 42%;
    }

    .kvk-form-container {
        width: 95%;
    }

    .kvk-modal-header {
        font-size: 15px;
    }

    .kvk-modal-header {
        padding: 10px 0;
    }

    .kvk-form-close {
        top: -10px;
        right: -10px;
    }

    .kvk-modal-body {
        height: 62vh;
        line-height: 19px;
        padding: 10px 15px;
    }

    .kvk-modal-footer {
        margin: 10px 0;
    }

    .kvk-modal-approve-text {
        font-size: 14px;
        line-height: 14px;
    }

    .kvk-modal-approve {
        width: 80.03%;
        height: 40px;
    }

    .hr-form-button {
        margin-top: 0px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .modal-dialog {
        margin: 10px 0;
    }

    .hr, .file-application {
        margin-top: 10px;
        padding: 15px 2.5% 36px;
        gap: 2%;
    }

    .hr-right {
        width: 30%;
    }

    .hr-left {
        width: 100%;
    }

    .hr-title {
        margin-top: 5px;
    }

    .hr-form-container {
        margin-top: 10px;
    }

    .hr-form-container {
        gap: 10px;
    }

    .hr-form-item {
        padding: 10px 15px;
    }

    .hr-form-row {
        gap: 10px;
    }

    .cv-text {
        padding: 12px 0 29px;
    }

    .cv-first-text {
        font-size: 30px;
        line-height: 40px;
    }

    .hr-form-bottom {
        margin-top: 10px;
    }

    .hr-checkbox {
        font-size: 14px;
        line-height: 16px;
    }

        .hr-checkbox input {
            width: 18px;
            height: 18px;
        }

    .form-recapcha {
        width: 40%;
    }

    .kvk-form-container {
        width: 95%;
    }

    .kvk-modal-header {
        font-size: 15px;
    }

    .kvk-modal-header {
        padding: 10px 0;
    }

    .kvk-form-close {
        top: -10px;
        right: -10px;
    }

    .kvk-modal-body {
        height: 62vh;
        line-height: 19px;
        padding: 10px 15px;
    }

    .kvk-modal-footer {
        margin: 10px 0;
    }

    .kvk-modal-approve-text {
        font-size: 14px;
        line-height: 14px;
    }

    .kvk-modal-approve {
        width: 80.03%;
        height: 40px;
    }

    .hr-form-button {
        margin-top: 0px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .modal-dialog {
        margin: 10px 0;
    }

    .hr, .file-application {
        margin-top: 10px;
        padding: 15px 2.5% 36px;
        gap: 2%;
    }

    .hr-right {
        width: 30%;
    }

    .hr-left {
        width: 100%;
    }

    .hr-title {
        margin-top: 5px;
    }

    .hr-form-container {
        margin-top: 10px;
    }

    .hr-form-container {
        gap: 10px;
    }

    .hr-form-item {
        padding: 10px 15px;
    }

    .hr-form-row {
        gap: 10px;
    }

    .cv-text {
        padding: 12px 0 29px;
    }

    .cv-first-text {
        font-size: 30px;
        line-height: 40px;
    }

    .hr-form-bottom {
        margin-top: 10px;
    }

    .hr-checkbox {
        font-size: 14px;
        line-height: 16px;
    }

        .hr-checkbox input {
            width: 18px;
            height: 18px;
        }

    .form-recapcha {
        width: 40%;
    }

    .kvk-form-container {
        width: 95%;
    }

    .kvk-modal-header {
        font-size: 15px;
    }

    .kvk-modal-header {
        padding: 10px 0;
    }

    .kvk-form-close {
        top: -10px;
        right: -10px;
    }

    .kvk-modal-body {
        height: 62vh;
        line-height: 19px;
        padding: 10px 15px;
    }

    .kvk-modal-footer {
        margin: 10px 0;
    }

    .kvk-modal-approve-text {
        font-size: 14px;
        line-height: 14px;
    }

    .kvk-modal-approve {
        width: 80.03%;
        height: 40px;
    }

    .hr-form-button {
        margin-top: 0px;
    }
}

/*#endregion*/

/*#region Dosya Başvurusu*/
.file-application {
    margin-top: 0;
    padding: 46px 2.625% 50px;
    gap: 2.89%;
}

.file-application-right {
    width: 31.6%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: 1px solid #EDEDED;
    border-radius: 30px;
    background-image: url('/Assets/Images/banner-dosya-basvurusu.png');
    background-repeat: no-repeat;
}

.file-application-left {
    width: 65.51%;
}

.file-application-top {
    background-color: white;
    padding: 44px;
    border-radius: 30px;
}

.file-application-title {
    display: block;
    color: var(--remziburgundy);
    font-size: 18px;
    line-height: 24px;
    font-family: OpenSans-Bold;
}

.file-application-subtitle {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    line-height: 18px;
    color: #9F9F9F;
    font-family: OpenSans-Regular;
}

.file-application-text {
    margin-top: 23px;
}

.file-application-link {
    background-image: url('/Assets/Images/pdf-icon.png');
    background-position: left center;
    background-size: 17px;
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 18px;
    color: var(--remziburgundy);
    padding-left: 21px;
    font-family: OpenSans-Bold;
    text-decoration: none;
    margin-top: 6.77px;
    display: block;
}

.file-application-form-title {
    display: block;
    width: 100%;
    text-align: center;
    font-family: OpenSans-Bold;
    font-size: 18px;
    line-height: 24px;
    color: var(--remziburgundy);
    margin-top: 19px;
}

.file-application-form-subtitle {
    display: block;
    width: 100%;
    text-align: center;
    font-family: OpenSans-Regular;
    font-size: 14px;
    line-height: 19px;
    margin-top: 7px;
    color: var(--remziCharcoal);
}

.file-application-form-container {
    margin-top: 15px;
}
/*#endregion*/

/*#region Dosya Başvurusu Altsayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .file-application-top {
        padding: 35px;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .file-application-top {
        padding: 30px;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .file-application-top {
        padding: 25px;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .file-application-top {
        padding: 20px;
    }
}
/*#endregion*/

/*#region Dosya Başvurusu Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .file-application {
        padding: 0px 2.5% 27px;
        gap: 20px;
    }

    .file-application-left {
        width: 100%;
    }

    .file-application-top {
        padding: 20px;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .file-application-title, .file-application-subtitle, .file-application-link {
        text-align: center;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .file-application {
        padding: 0px 2.5% 36px;
        gap: 20px;
    }

    .file-application-left {
        width: 100%;
    }

    .file-application-top {
        padding: 20px;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .file-application-title, .file-application-subtitle, .file-application-link {
        text-align: center;
    }

    .form-annotation {
        bottom: -24px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .file-application {
        padding: 0px 2.5% 36px;
        gap: 20px;
    }

    .file-application-left {
        width: 100%;
    }

    .file-application-top {
        padding: 20px;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .file-application-title, .file-application-subtitle, .file-application-link {
        text-align: center;
    }

    .form-annotation {
        bottom: -24px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .file-application {
        padding: 0px 2.5% 36px;
        gap: 20px;
    }

    .file-application-left {
        width: 100%;
    }

    .file-application-top {
        padding: 20px;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .file-application-title, .file-application-subtitle, .file-application-link {
        text-align: center;
    }

    .form-annotation {
        bottom: -24px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .file-application {
        padding: 0px 2.5% 36px;
        gap: 20px;
    }

    .file-application-left {
        width: 100%;
    }

    .file-application-top {
        padding: 20px;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .file-application-title, .file-application-subtitle, .file-application-link {
        text-align: center;
    }

    .form-annotation {
        bottom: -24px;
    }
}
/*#endregion*/

/*#region Dosya Başvurusu Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .file-application {
        padding: 0px 2.5% 36px;
        gap: 2%;
    }

    .file-application-right {
        background-image: url('/Assets/Images/dosyayukle-responsive.png');
    }

    .file-application-left
    {
        width:66.4%;
    }

    .file-application-top {
        padding: 20px;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .file-application-title, .file-application-subtitle, .file-application-link {
        text-align: center;
    }

    .form-annotation {
        bottom: -24px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .file-application {
        padding: 0px 2.5% 36px;
        gap: 2%;
    }

    .file-application-right {
        background-image: url('/Assets/Images/dosyayukle-responsive.png');
        width: 30%;
    }

    .file-application-left {
        width: 68%;
    }

    .file-application-top {
        padding: 20px;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
    }

    .form-annotation {
        bottom: -24px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .file-application {
        padding: 0px 2.5% 36px;
        gap: 2%;
    }

    .file-application-right {
        background-image: url('/Assets/Images/dosyayukle-responsive.png');
        width: 30%;
    }

    .file-application-left {
        width: 68%;
    }

    .file-application-top {
        padding: 20px;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
    }

    .form-annotation {
        bottom: -24px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .file-application {
        padding: 0px 2.5% 36px;
        gap: 2%;
    }

    .file-application-right {
        background-image: url('/Assets/Images/dosyayukle-responsive.png');
        width: 30%;
    }

    .file-application-left {
        width: 68%;
    }

    .file-application-top {
        padding: 20px;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
    }

    .form-annotation {
        bottom: -24px;
    }

    .file-application-checkbox input {
        width: 18px;
        height: 18px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .file-application {
        padding: 0px 2.5% 36px;
        gap: 2%;
    }

    .file-application-right {
        background-image: url('/Assets/Images/dosyayukle-responsive.png');
        width: 30%;
    }

    .file-application-left {
        width: 68%;
    }

    .file-application-top {
        padding: 20px;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
    }

    .form-annotation {
        bottom: -24px;
    }

    .file-application-checkbox input {
        width: 24px;
        height: 15px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .file-application {
        padding: 0px 2.5% 36px;
        gap: 2%;
    }

    .file-application-right {
        background-image: url('/Assets/Images/dosyayukle-responsive.png');
        width: 30%;
    }

    .file-application-left {
        width: 68%;
    }

    .file-application-top {
        padding: 20px;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
    }

    .form-annotation {
        bottom: -24px;
    }

    .file-application-recapcha {
        width: 51%;
    }

    .file-application-checkbox input {
        width: 30px;
        height: 18px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .file-application {
        padding: 0px 2.5% 36px;
        gap: 2%;
    }

    .file-application-right {
        width: 30%;
    }

    .file-application-left {
        width: 68%;
    }

    .file-application-top {
        padding: 20px;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
    }

    .form-annotation {
        bottom: -24px;
    }

    .file-application-recapcha {
        width: 48%;
    }

    .file-application-checkbox input {
        width: 24px;
        height: 18px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .file-application {
        padding: 0px 2.5% 36px;
        gap: 2%;
    }

    .file-application-right {
        width: 30%;
    }

    .file-application-left {
        width: 68%;
    }

    .file-application-top {
        padding: 20px;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }

    .form-annotation {
        bottom: -24px;
    }

    .file-application-recapcha {
        width: 48%;
    }

    .file-application-checkbox input {
        width: 24px;
        height: 18px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .file-application {
        padding: 0px 2.5% 36px;
        gap: 2%;
    }

    .file-application-right {
        width: 30%;
    }

    .file-application-left {
        width: 68%;
    }

    .file-application-top {
        padding: 20px;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }

    .form-annotation {
        bottom: -24px;
    }
}

/*#endregion*/

/*#region Blog*/
.blog-container {
    margin-top: 40px;
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    gap: 20px 1.61%;
}

.blog-item {
    width: 32.26%;
    border: 1px solid var(--remziBorderGray);
}
/*#endregion*/

/*#region Blog Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .blog-container {
        margin-top: 10px;
    }

    .blog-item {
        width: 100%;
    }

    .home-blog-content {
        padding: 10px 10px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .blog-container {
        margin-top: 10px;
    }

    .blog-item {
        width: 100%;
    }

    .home-blog-content {
        padding: 10px 10px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .blog-container {
        margin-top: 10px;
    }

    .blog-item {
        width: 100%;
    }

    .home-blog-content {
        padding: 10px 10px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .blog-container {
        margin-top: 10px;
    }

    .blog-item {
        width: 100%;
    }

    .home-blog-content {
        padding: 10px 10px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .blog-container {
        margin-top: 10px;
    }

    .blog-item {
        width: 100%;
    }

    .home-blog-content {
        padding: 10px 10px;
    }
}
/*#endregion*/

/*#region Blog Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .blog-container {
        margin-top: 10px;
    }

    .blog-item {
        width: 100%;
    }

    .home-blog-content {
        padding: 10px 10px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .blog-container {
        margin-top: 10px;
        gap: 20px 2%;
    }

    .blog-item {
        width: 49%;
    }

    .home-blog-content {
        padding: 10px 10px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .blog-container {
        margin-top: 10px;
        gap: 20px 2%;
    }

    .blog-item {
        width: 49%;
    }

    .home-blog-content {
        padding: 10px 10px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .blog-container {
        margin-top: 10px;
        gap: 20px 2%;
    }

    .blog-item {
        width: 49%;
    }

    .home-blog-content {
        padding: 10px 10px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .blog-container {
        margin-top: 10px;
        gap: 20px 2%;
    }

    .blog-item {
        width: 49%;
    }

    .home-blog-content {
        padding: 10px 10px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .blog-container {
        margin-top: 10px;
        gap: 20px 2%;
    }

    .blog-item {
        width: 49%;
    }

    .home-blog-content {
        padding: 10px 10px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .blog-container {
        margin-top: 15px;
        gap: 20px 2%;
    }

    .blog-item {
        width: 49%;
    }

    .home-blog-content {
        padding: 10px 10px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .blog-container {
        margin-top: 15px;
        gap: 20px 2%;
    }

    .blog-item {
        width: 49%;
    }

    .home-blog-content {
        padding: 10px 14px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .blog-container {
        margin-top: 15px;
        gap: 20px 2%;
    }

    .blog-item {
        width: 32%;
    }

    .home-blog-content {
        padding: 10px 14px;
    }
}

/*#endregion*/

/*#region Blog Detay*/
.blogdetail-container {
    background-color: var(--remziBeige);
    padding: 20.09px 0 43.48px;
}

.blog-detail-image {
    max-width: 48.79%;
    padding-right: 2.499%;
    float: left;
    transition: .25s ease-in-out all;
}

    .blog-detail-image img {
        width: 100%;
        height: 100%;
        max-height: 590px;
        object-fit: cover;
        transition: .25s ease-in-out all;
    }

.activity-detail-container h1, .blogdetail-description h1 {
    font-size: 30px;
    font-family: OpenSans-Bold;
    line-height: 41px;
    font-family: OpenSans-Bold;
    color: black;
    display: block;
    margin-bottom: 20px;
}

.blogdetail-description {
    font-size: 15px;
    line-height: 26px;
}

.blog-slide {
    background-color: white;
    margin: 0;
    padding: 0 0 43px;
}

.blog-title-container {
    padding: 52.52px 0 30px;
}

.blog-splide-arrow {
    top: 38.07%;
}

.blog-slide-item {
    border: 1px solid var(--remziBorderGray);
}
/*#endregion*/

/*#region Blog Detay Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .blogdetail-container {
        padding: 15px 0 20px;
    }

    .blog-detail-image {
        max-width: 100%;
        padding-right: 0;
    }

    .activity-detail-container h1, .blogdetail-description h1 {
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 30px;
    }

    .blog-slide {
        padding: 0 0 0px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .blogdetail-container {
        padding: 15px 0 20px;
    }

    .blog-detail-image {
        max-width: 100%;
        padding-right: 0;
    }

    .activity-detail-container h1, .blogdetail-description h1 {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 30px;
    }

    .blog-slide {
        padding: 0 0 0px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .blogdetail-container {
        padding: 15px 0 20px;
    }

    .blog-detail-image {
        max-width: 100%;
        padding-right: 0;
    }

    .activity-detail-container h1, .blogdetail-description h1 {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 30px;
    }

    .blog-slide {
        padding: 0 0 0px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .blogdetail-container {
        padding: 15px 0 20px;
    }

    .blog-detail-image {
        max-width: 100%;
        padding-right: 0;
    }

    .activity-detail-container h1, .blogdetail-description h1 {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 30px;
    }

    .blog-slide {
        padding: 0 0 0px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .blogdetail-container {
        padding: 15px 0 20px;
    }

    .blog-detail-image {
        max-width: 100%;
        padding-right: 0;
    }

    .activity-detail-container h1, .blogdetail-description h1 {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 30px;
    }

    .blog-slide {
        padding: 0 0 0px;
    }
}
/*#endregion*/

/*#region Blog Detay Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .blogdetail-container {
        padding: 15px 0 20px;
    }

    .blog-detail-image {
        max-width: 46%;
    }

    .activity-detail-container h1, .blogdetail-description h1 {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 30px;
    }

    .blog-slide {
        padding: 0 0 0px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .blogdetail-container {
        padding: 15px 0 20px;
    }

    .blog-detail-image {
        max-width: 46%;
    }

    .activity-detail-container h1, .blogdetail-description h1 {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 30px;
    }

    .blog-slide {
        padding: 0 0 0px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .blogdetail-container {
        padding: 15px 0 20px;
    }

    .blog-detail-image {
        max-width: 46%;
    }

    .activity-detail-container h1, .blogdetail-description h1 {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 30px;
    }

    .blog-slide {
        padding: 0 0 0px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .blogdetail-container {
        padding: 15px 0 20px;
    }

    .blog-detail-image {
        max-width: 46%;
    }

    .activity-detail-container h1, .blogdetail-description h1 {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 30px;
    }

    .blog-slide {
        padding: 0 0 0px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .blogdetail-container {
        padding: 15px 0 20px;
    }

    .blog-detail-image {
        max-width: 46%;
    }

    .activity-detail-container h1, .blogdetail-description h1 {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 30px;
    }

    .blog-slide {
        padding: 0 0 0px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .blogdetail-container {
        padding: 15px 0 20px;
    }

    .blog-detail-image {
        max-width: 46%;
    }

    .activity-detail-container h1, .blogdetail-description h1 {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 30px;
    }

    .blog-slide {
        padding: 0 0 0px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .blogdetail-container {
        padding: 15px 0 20px;
    }

    .blog-detail-image {
        max-width: 46%;
    }

    .activity-detail-container h1, .blogdetail-description h1 {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 30px;
    }

    .blog-slide {
        padding: 0 0 0px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .blogdetail-container {
        padding: 15px 0 20px;
    }

    .blog-detail-image {
        max-width: 46%;
    }

    .activity-detail-container h1, .blogdetail-description h1 {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 30px;
    }

    .blog-slide {
        padding: 0 0 0px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .blogdetail-container {
        padding: 15px 0 20px;
    }

    .blog-detail-image {
        max-width: 46%;
    }

    .activity-detail-container h1, .blogdetail-description h1 {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 30px;
    }

    .blog-slide {
        padding: 0 0 0px;
    }
}

/*#endregion*/

/*#region Etkinlikler*/
.activity-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: start;
    gap: 34px 1.61%;
    margin-top: 33px;
}

.activity-item {
    display: block;
    text-decoration: none;
    width: 32.26%;
}


    .activity-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: .25s ease-in-out all;
    }

    .activity-item:hover img {
        transform: scale(1.01);
    }

.activity-filter-container {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: -52px;
    padding-right: 1.575%;
}

/*Tom Select*/
.activiy-select .ts-control {
    padding: 11px 11px 22px 11px !important;
    min-width: 152px;
    max-width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    border: none;
    background-color: transparent;
}

    .activiy-select .ts-control * {
        font-size: 14px;
        font-family: OpenSans-Regular;
        color: var(--remziSlate);
        line-height: 19px;
    }

.activiy-select .ts-control, .activiy-select .ts-wrapper.single.input-active .ts-control {
    background: transparent !important;
}

.activiy-select .ts-placeholder {
    cursor: pointer;
}

    .activiy-select .ts-placeholder i {
        transition: .3s ease-in-out all;
    }

.activiy-select.dropdown-active .ts-placeholder i {
    transform: rotate(180deg)
}

.activiy-select .ts-placeholder {
    display: flex;
    gap: 15px;
    font-size: 13px;
    color: var(--remziSlate);
    line-height: 18px;
    font-family: OpenSans-Regular;
}

.activiy-select .ts-dropdown {
    border: none;
    border-radius: 10px;
    padding: 6px 4px;
    box-shadow: 0px 9px 13px #00000029;
    top: calc(100% - 11px);
}

.activiy-select .ts-control .item {
    display: none;
}

.activiy-select .ts-dropdown .option, .activiy-select .ts-dropdown .optgroup-header, .activiy-select .ts-dropdown .no-results, .ts-dropdown .create {
    font-family: OpenSans-Regular;
    font-size: 14px;
    line-height: 25px;
    color: var(--remziSlate);
}

.activiy-select .ts-dropdown [data-selectable].option {
    padding: 0 0 0 15px !important;
    font-size: 13px;
    line-height: 25px;
    transition: .3s ease-in-out all;
    font-family: OpenSans-Regular;
    background: transparent;
}

.activiy-select .ts-dropdown .active {
    background-color: var(--remziBeige) !important;
    border-radius: 7px;
}

.activiy-select .ts-dropdown input {
    padding-left: 9px;
}

    .activiy-select .ts-dropdown input,
    .activiy-select .ts-dropdown input::placeholder {
        font-family: OpenSans-Regular;
        font-size: 13px;
        line-height: 18px;
        width: 100%;
        height: 26px;
        margin-bottom: 12.81px;
        background-color: var(--remziBeige);
        border-radius: 7px;
    }

.activiy-select .ts-dropdown input {
    font-size: 14px;
}
/*Tom Select end*/
/*#endregion*/

/*#region Etkinlikler Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .activiy-select .ts-control {
        padding: 50px 11px 7px 11px !important;
    }

    .activity-container {
        margin-top: 20px;
        gap: 15px;
    }

    .activity-item {
        width: 100%;
    }

    .home-event-description {
        padding: 11px 10px 15px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .activiy-select .ts-control {
        padding: 50px 11px 7px 11px !important;
    }

    .activity-container {
        margin-top: 20px;
        gap: 20px;
    }

    .activity-item {
        width: 100%;
    }

    .home-event-description {
        padding: 11px 10px 15px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .activiy-select .ts-control {
        padding: 50px 11px 7px 11px !important;
    }

    .activity-container {
        margin-top: 20px;
        gap: 20px;
    }

    .activity-item {
        width: 100%;
    }

    .home-event-description {
        padding: 11px 10px 15px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .activiy-select .ts-control {
        padding: 50px 11px 7px 11px !important;
    }

    .activity-container {
        margin-top: 20px;
        gap: 20px;
    }

    .activity-item {
        width: 100%;
    }

    .home-event-description {
        padding: 11px 10px 15px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .activiy-select .ts-control {
        padding: 50px 11px 7px 11px !important;
    }

    .activity-container {
        margin-top: 20px;
        gap: 20px;
    }

    .activity-item {
        width: 100%;
    }

    .home-event-description {
        padding: 11px 10px 15px;
    }
}
/*#endregion*/

/*#region Etkinlikler Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .activiy-select .ts-control {
        padding: 50px 11px 7px 11px !important;
    }

    .activity-container {
        margin-top: 20px;
        gap: 20px;
    }

    .activity-item {
        width: 100%;
    }

    .home-event-description {
        padding: 11px 10px 15px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .activiy-select .ts-control {
        padding: 50px 11px 7px 11px !important;
    }

    .activity-container {
        margin-top: 20px;
        gap: 20px 2%;
    }

    .activity-item {
        width: 49%;
    }

    .home-event-description {
        padding: 11px 10px 15px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .activiy-select .ts-control {
        padding: 50px 11px 7px 11px !important;
    }

    .activity-container {
        margin-top: 20px;
        gap: 20px 2%;
    }

    .activity-item {
        width: 49%;
    }

    .home-event-description {
        padding: 11px 10px 15px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .activiy-select .ts-control {
        padding: 50px 11px 7px 11px !important;
    }

    .activity-container {
        margin-top: 20px;
        gap: 20px 2%;
    }

    .activity-item {
        width: 49%;
    }

    .home-event-description {
        padding: 11px 10px 15px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .activiy-select .ts-control {
        padding: 50px 11px 7px 11px !important;
    }

    .activity-container {
        margin-top: 20px;
        gap: 20px 2%;
    }

    .activity-item {
        width: 49%;
    }

    .home-event-description {
        padding: 11px 10px 15px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .activiy-select .ts-control {
        padding: 50px 11px 7px 11px !important;
    }

    .activity-container {
        margin-top: 20px;
        gap: 20px 2%;
    }

    .activity-item {
        width: 49%;
    }

    .home-event-description {
        padding: 11px 10px 15px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .activiy-select .ts-control {
        padding: 50px 11px 7px 11px !important;
    }

    .activity-container {
        margin-top: 20px;
        gap: 20px 2%;
    }

    .activity-item {
        width: 49%;
    }

    .home-event-description {
        padding: 11px 10px 15px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .activiy-select .ts-control {
        padding: 50px 11px 7px 11px !important;
    }

    .activity-container {
        margin-top: 20px;
        gap: 20px 2%;
    }

    .activity-item {
        width: 32%;
    }

    .home-event-description {
        padding: 11px 10px 15px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .activiy-select .ts-control {
        padding: 50px 11px 7px 11px !important;
    }

    .activity-container {
        margin-top: 20px;
        gap: 20px 2%;
    }

    .activity-item {
        width: 32%;
    }

    .home-event-description {
        padding: 11px 10px 15px;
    }
}

/*#endregion*/

/*#region Etkinlik Detay*/
.activity-detail-container {
    margin: 35px auto 89px;
}

.event-detail-image {
    max-width: 41.694%;
    padding-right: 1.371%;
}

.activity-detail-splide {
    margin-top: 12px;
}

    .activity-detail-splide .splide__slide {
        cursor: pointer;
    }

    .activity-detail-splide .splide__list.one-page {
        justify-content: center;
    }

.activity-detail-splide-image {
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    display: block;
}

    .activity-detail-splide-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.activity-detail-time {
    display: flex;
    justify-content: start;
    gap: 39px;
}

.activity-detail-time-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.activity-detail-time-item-content {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 16.19px;
}

.activity-detail-time-item-title {
    color: var(--remziCharcoal);
    font-size: 12px;
    line-height: 17px;
    font-family: OpenSans-Regular;
}

.activity-detail-time-date {
    font-size: 12px;
    font-family: OpenSans-Bold;
    line-height: 17px;
    color: var(--remziburgundy);
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 2.54px;
}

    .activity-detail-time-date i {
        font-size: 20px;
    }

.activity-detail-time-clock {
    font-size: 12px;
    font-family: OpenSans-Bold;
    line-height: 17px;
    color: var(--remziburgundy);
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5.36px;
}

    .activity-detail-time-clock i {
        font-size: 17.46px;
    }

.activity-detail-location-title {
    display: block;
    font-family: OpenSans-Bold;
    font-size: 22px;
    line-height: 30px;
    margin-top: 41px;
}

.activity-detail-location-detail {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 1.64px;
    color: black;
    font-family: OpenSans-SemiBold;
    font-size: 16px;
    line-height: 22px;
    margin-top: 7px;
}

    .activity-detail-location-detail i {
        font-size: 22px;
    }

.activity-detail-description {
    margin-top: 39px;
    font-size: 15px;
    line-height: 26px;
}

.activity-detail-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 115px 0 30px;
}

    .activity-detail-title .home-activity-link {
        position: static;
    }

.acticity-detail-bottom {
    padding-bottom: 157px;
}
/*#endregion*/

/*#region Etkinlik Detay Altsayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .acticity-detail-bottom {
        padding-bottom: 90px;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .acticity-detail-bottom {
        padding-bottom: 80px;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .acticity-detail-bottom {
        padding-bottom: 70px;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .acticity-detail-bottom {
        padding-bottom: 60px;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .acticity-detail-bottom {
        padding-bottom: 50px;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .acticity-detail-bottom {
        padding-bottom: 40px;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .activity-detail-time-item {
        width: 46%;
    }

    .activity-detail-title {
        padding: 30px 0 15px;
    }

    .acticity-detail-bottom {
        padding-bottom: 30px;
    }

    .blogdetail-title, .bookdetail-content-container h1 {
        font-size: 27px;
        line-height: 35px;
    }
}
/*#endregion*/

/*#region Etkinlik Detay Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .event-detail-image {
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }

    .activity-detail-time {
        margin-top: 10px;
        gap: 10px;
        flex-direction: column;
    }

    .activity-detail-location-title {
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
    }

    .activity-detail-location-detail {
        font-size: 14px;
        line-height: 19px;
    }

    .activity-detail-description {
        margin-top: 10px;
    }

    .activity-detail-container {
        margin: 10px auto 15px;
    }

    .acticity-detail-bottom {
        padding-bottom: 25px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .event-detail-image {
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }

    .activity-detail-time {
        margin-top: 10px;
        gap: 10px;
        flex-direction: column;
    }

    .activity-detail-location-title {
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
    }

    .activity-detail-location-detail {
        font-size: 14px;
        line-height: 19px;
    }

    .activity-detail-description {
        margin-top: 10px;
    }

    .activity-detail-container {
        margin: 10px auto 15px;
    }

    .acticity-detail-bottom {
        padding-bottom: 25px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .event-detail-image {
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }

    .activity-detail-time {
        margin-top: 10px;
        gap: 10px;
        flex-direction: column;
    }

    .activity-detail-location-title {
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
    }

    .activity-detail-location-detail {
        font-size: 14px;
        line-height: 19px;
    }

    .activity-detail-description {
        margin-top: 10px;
    }

    .activity-detail-container {
        margin: 10px auto 15px;
    }

    .acticity-detail-bottom {
        padding-bottom: 25px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .event-detail-image {
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }

    .activity-detail-time {
        margin-top: 10px;
        gap: 10px;
        flex-direction: column;
    }

    .activity-detail-location-title {
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
    }

    .activity-detail-location-detail {
        font-size: 14px;
        line-height: 19px;
    }

    .activity-detail-description {
        margin-top: 10px;
    }

    .activity-detail-container {
        margin: 10px auto 15px;
    }

    .acticity-detail-bottom {
        padding-bottom: 25px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .event-detail-image {
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }

    .activity-detail-time {
        margin-top: 10px;
        gap: 10px;
        flex-direction: column;
    }

    .activity-detail-location-title {
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
    }

    .activity-detail-location-detail {
        font-size: 14px;
        line-height: 19px;
    }

    .activity-detail-description {
        margin-top: 10px;
    }

    .activity-detail-container {
        margin: 10px auto 15px;
    }

    .acticity-detail-bottom {
        padding-bottom: 25px;
    }
}
/*#endregion*/

/*#region Etkinlik Detay Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .activity-detail-container h1, .blogdetail-description h1 {
        font-size: 24px;
        line-height: 28px;
    }

    .event-detail-image {
        max-width: 46%;
        margin-bottom: 10px;
    }

    .activity-detail-time {
        margin-top: 10px;
        gap: 10px;
        flex-direction: column;
    }

    .activity-detail-location-title {
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
    }

    .activity-detail-location-detail {
        font-size: 14px;
        line-height: 19px;
    }

    .activity-detail-description {
        margin-top: 10px;
    }

    .activity-detail-container {
        margin: 10px auto 15px;
    }

    .acticity-detail-bottom {
        padding-bottom: 25px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .activity-detail-container h1, .blogdetail-description h1 {
        font-size: 24px;
        line-height: 28px;
    }

    .event-detail-image {
        max-width: 46%;
        margin-bottom: 10px;
    }

    .activity-detail-time {
        margin-top: 10px;
        gap: 10px;
        flex-direction: column;
    }

    .activity-detail-location-title {
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
    }

    .activity-detail-location-detail {
        font-size: 14px;
        line-height: 19px;
    }

    .activity-detail-description {
        margin-top: 10px;
    }

    .activity-detail-container {
        margin: 10px auto 15px;
    }

    .acticity-detail-bottom {
        padding-bottom: 25px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .activity-detail-container h1, .blogdetail-description h1 {
        font-size: 24px;
        line-height: 28px;
    }

    .event-detail-image {
        max-width: 46%;
        margin-bottom: 10px;
    }

    .activity-detail-time {
        margin-top: 10px;
        gap: 10px;
        flex-direction: column;
    }

    .activity-detail-location-title {
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
    }

    .activity-detail-location-detail {
        font-size: 14px;
        line-height: 19px;
    }

    .activity-detail-description {
        margin-top: 10px;
    }

    .activity-detail-container {
        margin: 10px auto 15px;
    }

    .acticity-detail-bottom {
        padding-bottom: 25px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .activity-detail-container h1, .blogdetail-description h1 {
        font-size: 24px;
        line-height: 28px;
    }

    .event-detail-image {
        max-width: 46%;
        margin-bottom: 10px;
    }

    .activity-detail-time {
        margin-top: 10px;
        gap: 10px;
        flex-direction: column;
    }

    .activity-detail-location-title {
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
    }

    .activity-detail-location-detail {
        font-size: 14px;
        line-height: 19px;
    }

    .activity-detail-description {
        margin-top: 10px;
    }

    .activity-detail-container {
        margin: 10px auto 15px;
    }

    .acticity-detail-bottom {
        padding-bottom: 25px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .activity-detail-container h1, .blogdetail-description h1 {
        font-size: 24px;
        line-height: 28px;
    }

    .event-detail-image {
        max-width: 46%;
        margin-bottom: 15px;
    }

    .activity-detail-time {
        margin-top: 10px;
        gap: 10px;
        flex-direction: column;
    }

    .activity-detail-location-title {
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
    }

    .activity-detail-location-detail {
        font-size: 14px;
        line-height: 19px;
    }

    .activity-detail-description {
        margin-top: 10px;
    }

    .activity-detail-container {
        margin: 10px auto 15px;
    }

    .acticity-detail-bottom {
        padding-bottom: 25px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .activity-detail-container h1, .blogdetail-description h1 {
        font-size: 24px;
        line-height: 28px;
    }

    .event-detail-image {
        max-width: 46%;
        margin-bottom: 15px;
    }

    .activity-detail-time {
        margin-top: 10px;
        gap: 10px;
        flex-direction: column;
    }

    .activity-detail-location-title {
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
    }

    .activity-detail-location-detail {
        font-size: 14px;
        line-height: 19px;
    }

    .activity-detail-description {
        margin-top: 10px;
    }

    .activity-detail-container {
        margin: 10px auto 15px;
    }

    .acticity-detail-bottom {
        padding-bottom: 25px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .activity-detail-container h1, .blogdetail-description h1 {
        font-size: 25px;
        line-height: 30px;
    }

    .event-detail-image {
        max-width: 46%;
        margin-bottom: 15px;
    }

    .activity-detail-time {
        margin-top: 10px;
        gap: 10px;
        justify-content: space-between;
    }

    .activity-detail-location-title {
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
    }

    .activity-detail-location-detail {
        font-size: 14px;
        line-height: 19px;
    }

    .activity-detail-description {
        margin-top: 10px;
    }

    .activity-detail-container {
        margin: 10px auto 15px;
    }

    .acticity-detail-bottom {
        padding-bottom: 25px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .activity-detail-container h1, .blogdetail-description h1 {
        font-size: 26px;
        line-height: 37px;
    }

    .event-detail-image {
        max-width: 46%;
        margin-bottom: 15px;
    }

    .activity-detail-time {
        margin-top: 10px;
        gap: 10px;
        justify-content: space-between;
    }

    .activity-detail-location-title {
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
    }

    .activity-detail-location-detail {
        font-size: 14px;
        line-height: 19px;
    }

    .activity-detail-description {
        margin-top: 10px;
    }

    .activity-detail-container {
        margin: 10px auto 15px;
    }

    .acticity-detail-bottom {
        padding-bottom: 25px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .activity-detail-container h1, .blogdetail-description h1 {
        font-size: 26px;
        line-height: 37px;
    }

    .event-detail-image {
        max-width: 46%;
        margin-bottom: 15px;
    }

    .activity-detail-time {
        margin-top: 10px;
        gap: 10px;
        justify-content: space-between;
    }

    .activity-detail-location-title {
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
    }

    .activity-detail-location-detail {
        font-size: 14px;
        line-height: 19px;
    }

    .activity-detail-description {
        margin-top: 10px;
    }

    .activity-detail-container {
        margin: 10px auto 15px;
    }

    .acticity-detail-bottom {
        padding-bottom: 25px;
    }
}

/*#endregion*/

/*#region Hata*/
.header-error {
    justify-content: center;
}

.error-page {
    position: relative;
    padding: 40px;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.error-top {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 4%;
}


.error-top-text h1, .error-top-text span {
    font-size: 78px;
    line-height: 78px;
    font-family: OpenSans-Bold;
    color: var(--remziburgundy);
    display: block;
}

.error-top-text-404 h1 {
    font-family: OpenSans-ExtraBold;
}

.error-top-text span {
    margin-top: -3px;
}

.error-top-image {
    width: 272px;
    aspect-ratio: 272/241;
    position: relative;
    left: -14.8%;
    margin-top: -15.33%;
}

    .error-top-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.error-bottom-title {
    font-family: OpenSans-Bold;
    font-size: 30px;
    line-height: 41px;
    color: black;
    display: block;
    margin-top: 25px;
}

.error-bottom-text {
    font-size: 16px;
    line-height: 22px;
    font-family: OpenSans-Regular;
    color: black;
    margin-top: 3px;
}

.error-link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 49px;
    background-color: var(--remziburgundy);
    font-size: 16px;
    font-family: OpenSans-Bold;
    line-height: 18px;
    color: white;
    transition: .3s ease-in-out all;
    border: 2px solid var(--remziburgundy);
    width: 21.739%;
    text-decoration: none;
    padding: 14px;
    text-align: center;
}

    .error-link:hover {
        background-color: white;
        color: var(--remziburgundy);
    }

.error-top-500 {
    margin-left: 1.728%;
}

    .error-top-500 h1 {
        font-size: 91px;
        line-height: 91px;
    }

    .error-top-500 span {
        font-size: 48px;
        line-height: 48px;
        margin-top: 2px;
    }

.error-top-image-500 {
    margin-top: -15.743%;
    left: 6.588%;
    width: 327px;
    aspect-ratio: 327/239;
}

.error-500-bottom-text {
    text-align: center;
    width: 21%;
}
/*#endregion*/

/*#region Hata AltSayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .error-500-bottom-text {
        width: 24%;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .error-500-bottom-text {
        width: 26%;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .error-500-bottom-text {
        width: 28%;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .error-500-bottom-text {
        width: 29%;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .error-500-bottom-text {
        width: 30%;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .error-page {
        padding: 86px 40px 40px 40px;
    }

    .error-top-image-500 {
        width: 272px;
    }

    .error-500-bottom-text {
        width: 33%;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .error-top-image {
        width: 220px;
    }

    .error-top-text h1, .error-top-text span {
        font-size: 69px;
        line-height: 69px;
    }

    .error-top-500 span {
        font-size: 40px;
        line-height: 40px;
    }

    .error-bottom-title {
        font-size: 26px;
        line-height: 36px;
    }

    .error-500-bottom-text {
        width: 42%;
    }
}
/*#endregion*/

/*#region Hata Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .error-top-image {
        width: 128px;
        left: -10.8%;
        margin-top: -9.33%;
    }

    .error-top-text h1, .error-top-text span {
        font-size: 48px;
        line-height: 48px;
    }

    .error-page {
        position: relative;
        padding: 40px 2.5%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .error-bottom-title {
        font-size: 24px;
        line-height: 30px;
        margin-top: 15px;
        text-align: center;
    }

    .error-bottom-text {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .error-link {
        margin-top: 15px;
        padding: 10px;
        width: 66%;
    }


    .error-top-image-500 {
        margin-top: -10%;
        left: -4.412%;
        width: 136px;
    }

    .error-500-bottom-text {
        text-align: center;
        width: 100%;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .error-top-image {
        width: 128px;
        left: -10.8%;
        margin-top: -9.33%;
    }

    .error-top-text h1, .error-top-text span {
        font-size: 48px;
        line-height: 48px;
    }

    .error-page {
        position: relative;
        padding: 40px 2.5%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .error-bottom-title {
        font-size: 24px;
        line-height: 30px;
        margin-top: 15px;
        text-align: center;
    }

    .error-bottom-text {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .error-link {
        margin-top: 15px;
        padding: 10px;
        width: 66%;
    }


    .error-top-image-500 {
        margin-top: -10%;
        left: -4.412%;
        width: 154px;
    }

    .error-500-bottom-text {
        text-align: center;
        width: 100%;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .error-top-image {
        width: 128px;
        left: -10.8%;
        margin-top: -9.33%;
    }

    .error-top-text h1, .error-top-text span {
        font-size: 48px;
        line-height: 48px;
    }

    .error-page {
        position: relative;
        padding: 40px 2.5%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .error-bottom-title {
        font-size: 24px;
        line-height: 30px;
        margin-top: 15px;
        text-align: center;
    }

    .error-bottom-text {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .error-link {
        margin-top: 15px;
        padding: 10px;
        width: 66%;
    }


    .error-top-image-500 {
        margin-top: -10%;
        left: -4.412%;
        width: 154px;
    }

    .error-500-bottom-text {
        text-align: center;
        width: 96%;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .error-top-image {
        width: 128px;
        left: -10.8%;
        margin-top: -9.33%;
    }

    .error-top-text h1, .error-top-text span {
        font-size: 48px;
        line-height: 48px;
    }

    .error-page {
        position: relative;
        padding: 40px 2.5%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .error-bottom-title {
        font-size: 24px;
        line-height: 30px;
        margin-top: 15px;
        text-align: center;
    }

    .error-bottom-text {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .error-link {
        margin-top: 15px;
        padding: 10px;
        width: 66%;
    }


    .error-top-image-500 {
        margin-top: -10%;
        left: -4.412%;
        width: 160px;
    }

    .error-500-bottom-text {
        text-align: center;
        width: 94%;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .error-top-image {
        width: 159px;
        left: -11.8%;
        margin-top: -8.33%;
    }

    .error-top-text h1, .error-top-text span {
        font-size: 60px;
        line-height: 60px;
    }

    .error-page {
        position: relative;
        padding: 40px 2.5%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .error-bottom-title {
        font-size: 24px;
        line-height: 30px;
        margin-top: 15px;
        text-align: center;
    }

    .error-bottom-text {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .error-link {
        margin-top: 15px;
        padding: 10px;
        width: 66%;
    }


    .error-top-image-500 {
        margin-top: -10%;
        left: -5.412%;
        width: 173px;
    }

    .error-500-bottom-text {
        text-align: center;
        width: 88%;
    }
}
/*#endregion*/

/*#region Hata Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .error-top-image {
        width: 159px;
        left: -11.8%;
        margin-top: -8.33%;
    }

    .error-top-text h1, .error-top-text span {
        font-size: 60px;
        line-height: 60px;
    }

    .error-page {
        position: relative;
        padding: 40px 2.5%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .error-bottom-title {
        font-size: 24px;
        line-height: 30px;
        margin-top: 15px;
        text-align: center;
    }

    .error-bottom-text {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .error-link {
        margin-top: 15px;
        padding: 10px;
        width: 66%;
    }


    .error-top-image-500 {
        margin-top: -10%;
        left: -5.412%;
        width: 173px;
    }

    .error-500-bottom-text {
        text-align: center;
        width: 75%;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .error-top-image {
        width: 159px;
        left: -11.8%;
        margin-top: -8.33%;
    }

    .error-top-text h1, .error-top-text span {
        font-size: 60px;
        line-height: 60px;
    }

    .error-page {
        position: relative;
        padding: 40px 2.5%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .error-bottom-title {
        font-size: 24px;
        line-height: 30px;
        margin-top: 15px;
        text-align: center;
    }

    .error-bottom-text {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .error-link {
        margin-top: 15px;
        padding: 10px;
        width: 66%;
    }


    .error-top-image-500 {
        margin-top: -10%;
        left: -5.412%;
        width: 173px;
    }

    .error-500-bottom-text {
        text-align: center;
        width: 64%;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .error-top-image {
        width: 159px;
        left: -11.8%;
        margin-top: -8.33%;
    }

    .error-top-text h1, .error-top-text span {
        font-size: 60px;
        line-height: 60px;
    }

    .error-page {
        position: relative;
        padding: 40px 2.5%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .error-bottom-title {
        font-size: 24px;
        line-height: 30px;
        margin-top: 15px;
        text-align: center;
    }

    .error-bottom-text {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .error-link {
        margin-top: 15px;
        padding: 10px;
        width: 55%;
    }


    .error-top-image-500 {
        margin-top: -10%;
        left: -5.412%;
        width: 173px;
    }

    .error-500-bottom-text {
        text-align: center;
        width: 57%;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .error-top-image {
        width: 159px;
        left: -11.8%;
        margin-top: -8.33%;
    }

    .error-top-text h1, .error-top-text span {
        font-size: 60px;
        line-height: 60px;
    }

    .error-page {
        position: relative;
        padding: 40px 2.5%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .error-bottom-title {
        font-size: 24px;
        line-height: 30px;
        margin-top: 15px;
        text-align: center;
    }

    .error-bottom-text {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .error-link {
        margin-top: 15px;
        padding: 10px;
        width: 54%;
    }


    .error-top-image-500 {
        margin-top: -10%;
        left: -5.412%;
        width: 173px;
    }

    .error-500-bottom-text {
        text-align: center;
        width: 55%;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .error-top-image {
        width: 165px;
        left: -11.8%;
        margin-top: -8.33%;
    }

    .error-top-text h1, .error-top-text span {
        font-size: 60px;
        line-height: 60px;
    }

    .error-page {
        position: relative;
        padding: 40px 2.5%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .error-bottom-title {
        font-size: 24px;
        line-height: 30px;
        margin-top: 15px;
        text-align: center;
    }

    .error-bottom-text {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .error-link {
        margin-top: 15px;
        padding: 10px;
        width: 50%;
    }


    .error-top-image-500 {
        margin-top: -10%;
        left: -5.412%;
        width: 180px;
    }

    .error-500-bottom-text {
        text-align: center;
        width: 49%;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .error-top-image {
        width: 165px;
        left: -11.8%;
        margin-top: -8.33%;
    }

    .error-top-text h1, .error-top-text span {
        font-size: 60px;
        line-height: 60px;
    }

    .error-page {
        position: relative;
        padding: 40px 2.5%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .error-bottom-title {
        font-size: 24px;
        line-height: 30px;
        margin-top: 15px;
        text-align: center;
    }

    .error-bottom-text {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .error-link {
        margin-top: 15px;
        padding: 10px;
        width: 48%;
    }


    .error-top-image-500 {
        margin-top: -10%;
        left: -5.412%;
        width: 180px;
    }

    .error-500-bottom-text {
        text-align: center;
        width: 49%;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .error-top-image {
        width: 175px;
        left: -11.8%;
        margin-top: -8.33%;
    }

    .error-top-text h1, .error-top-text span {
        font-size: 65px;
        line-height: 65px;
    }

    .error-page {
        position: relative;
        padding: 40px 2.5%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .error-bottom-title {
        font-size: 24px;
        line-height: 30px;
        margin-top: 15px;
        text-align: center;
    }

    .error-bottom-text {
        text-align: center;
    }

    .error-link {
        margin-top: 20px;
        padding: 10px;
        width: 50%;
    }


    .error-top-image-500 {
        margin-top: -10%;
        left: -7.412%;
        width: 195px;
    }

    .error-500-bottom-text {
        text-align: center;
        width: 51%;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .error-top-image {
        width: 179px;
        left: -11.8%;
        margin-top: -8.33%;
    }

    .error-top-text h1, .error-top-text span {
        font-size: 67px;
        line-height: 67px;
    }

    .error-page {
        position: relative;
        padding: 40px 2.5%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .error-bottom-title {
        font-size: 24px;
        line-height: 30px;
        margin-top: 15px;
        text-align: center;
    }

    .error-bottom-text {
        text-align: center;
    }

    .error-link {
        margin-top: 20px;
        padding: 10px;
        width: 50%;
    }


    .error-top-image-500 {
        margin-top: -10%;
        left: -7.412%;
        width: 200px;
    }

    .error-500-bottom-text {
        text-align: center;
        width: 49%;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .error-top-image {
        width: 185px;
        left: -11.8%;
        margin-top: -8.33%;
    }

    .error-top-text h1, .error-top-text span {
        font-size: 70px;
        line-height: 70px;
    }

    .error-page {
        position: relative;
        padding: 40px 2.5%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .error-bottom-title {
        font-size: 24px;
        line-height: 30px;
        margin-top: 15px;
        text-align: center;
    }

    .error-bottom-text {
        text-align: center;
    }

    .error-link {
        margin-top: 20px;
        padding: 10px;
        width: 44%;
    }


    .error-top-image-500 {
        margin-top: -11%;
        left: -6.412%;
        width: 208px;
    }

    .error-500-bottom-text {
        text-align: center;
        width: 44%;
    }
}

/*#endregion*/

/*#region panel bağlandıktan sonra silinecekler*/
.font-size-16 {
    font-size: 16px;
}
/*#endregion*/


/*#region 14px altı olanlar*/
/* iphone 5/5s dikey - iphone 14 yatay */
@media only screen and (max-width:999px) {
    .home-event-top-right span, .home-event-top-left span, .home-event-content, .home-blog-time, .home-blog-description, .book-list-item, .treeview ul a, .bookdetail-description, .e-bulten-subtitle, .bookdetail-social-media, .contact-treeview > ul > li:not(.open), .book-list-list-count, .breadcrumb ul li a, .breadcrumb ul li::after, .book-list-order span, .contact-treeview > ul > li > span, .hr-form-item input::placeholder, .hr-form-item textarea::placeholder, .cv-second-text, .activiy-select .ts-placeholder, .activiy-select .ts-dropdown input::placeholder, .activiy-select .ts-dropdown [data-selectable].option, .activity-detail-time-item-title, .activity-detail-time-date, .activity-detail-time-clock, .footer-bottom-container, .footer-bottom-container a, .copyright-text, .footer-downloadable-main a, .cv-second-text {
        font-size: 14px;
    }
}

/*#endregion*/