html {
    min-height: 100vh;
}

body {
    font-family: "Bai Jamjuree", sans-serif !important;
    position: relative;
}

.bai-jamjuree-extralight {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.bai-jamjuree-light {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.bai-jamjuree-regular {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.bai-jamjuree-medium {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.bai-jamjuree-semibold {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.bai-jamjuree-bold {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 700;
    font-style: normal;
}


a {
    text-decoration: none !important;
}

.cursor-pointer {
    cursor: pointer;
}

.min-vh-100 {
    min-height: 100vh;
}

.bg-claret-red {
    background-color: #400503 !important;
}

.bg-gradient-gray {
    background: linear-gradient(270deg, rgba(43, 43, 43, 1) 17%, rgba(61, 61, 61, 1) 49%, rgba(80, 82, 82, 1) 82%);
}

.bg-gradient-blue {
    background: linear-gradient(90deg, rgba(15, 61, 89, 1) 25%, rgba(7, 46, 70, 1) 54%, rgba(6, 35, 52, 1) 73%);
}

.bg-dark2 {
    background-color: #000000;
}

.bg-dark3 {
    background-color: #1D1D1D;
}

.bg-dark4 {
    background-color: #292929;
}

.bg-dark5 {
    background-color: #3F3F3F;
}

.bg-dark6 {
    background-color: #434444;
}

.bg-light-gray {
    background-color: #E6E6E6;
}

.bg-light-gray2 {
    background-color: #D9D9D9;
}

.bg-dark-blue {
    background-color: #2A3740;
}

.bg-dark-blue:hover {
    background-color: #2A3740 !important;
}

.bg-dark7 {
    background-color: #2D2D2D;
}

.bg-dark8 {
    background-color: #2c2c2c !important;
}

.bg-dark9 {
    background-color: #3c3c3c !important;
}

.bg-dark-10 {
    background-color: #171717;
}

.bg-v1-darkblue {
    background-color: #022132;
}

.bg-v1-darkblue2 {
    background-color: #031C2A;
}

.bg-v1-darkblue3 {
    background-color: #072E46;
}

.bg-v1-darkblue4 {
    background-color: #0F3D59;
}

.bg-v1-darkblue5 {
    background-color: #08293D;
}

.bg-v1-darkblue6 {
    background-color: #062334;
}

.bg-v1-darkblue7 {
    background-color: #0A334B;
}

.bg-v2-darkblue {
    background-color: #08324D;
}

.bg-darkgreen {
    background-color: #033745;
}

.bg-darkgreen2 {
    background-color: #012A35;
}

.bg-darkgreen3 {
    background-color: #012028;
}

.border-blue-1 {
    border: 1px solid #43aaeb9c;
    border-radius: 6px;
}

.border-blue-2 {
    border: 1px solid #15547B;
    border-radius: 6px;
}

.color-dark {
    color: #292929;
}

.color-dark2 {
    color: #5C5C5C;
}

.color-dark3 {
    color: #3C3C3C;
}

.color-dark4 {
    color: #959292;
}

.color-dark5 {
    color: #dbdbdb;
}

.color-orange {
    color: #CA6500;
}

.color-orange2 {
    color: #ff5200;
}

.color-red {
    color: #FF5353;
}

.color-red2 {
    color: #AE0600;
}

.color-gray {
    color: #a6a6a6;
}

.color-green {
    color: #09E39E;
}

.color-green2 {
    color: #27DAA1;
}

.color-green3 {
    color: #3a9d37;
}

.color-yellow {
    color: #C9B257;
}

.color-yellow2 {
    color: #FDED73;
}

.color-yellow3 {
    color: #FDEC71;
}

.color-yellow4 {
    color: #b7a369;
}

.color-light-yellow {
    color: #FFF1C3;
}

.color-dark-yellow {
    color: #5f4b02;
}

.color-dark-blue {
    color: #2A3740;
}

.color-light-blue {
    color: #5E85A0;
}

.color-light-blue2 {
    color: #3F535F;
}

.rounded-6 {
    border-radius: 6px;
}

.rounded-12 {
    border-radius: 12px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-40 {
    padding-bottom: 22px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-80 {
    padding-bottom: 80px;
}

.flex-1 {
    flex: 1;
}

.list-footer {
    width: 100%;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.table-footer {
    bottom: 0;
    width: 100%;
}

.table1-footer {
    bottom: 10px;
    width: 100%;
}

.table2-footer {
    bottom: 6px;
    width: 100%;
}

.login-body {
    background-image: url('/admin/img/login-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: var(--app-height);
}

.signup-body {
    background-image: url('/admin/img/login-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}

.w-15px {
    width: 15px;
}

.w-25px {
    width: 25px;
}

.w-35px {
    width: 35px;
}

.w-450px {
    width: 450px;
}

.font-size-lg {
    font-size: 34px;
}

.font-size-md {
    font-size: 28px;
}

.font-size-mmd {
    font-size: 26px;
}

.font-size-ssd {
    font-size: 23px;
}

.font-size-sd {
    font-size: 22px;
}

.font-size-ssmx {
    font-size: 18px;
}

.font-size-ssm {
    font-size: 13px;
}

.font-size-mss {
    font-size: 11px;
}

.h-13 {
    height: 13px;
}

.h-30 {
    height: 24px;
}

.h-70 {
    height: 70px;
}

.mt-100 {
    margin-top: 100px;
}

.form-control {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #8D8D8D;
    border-radius: 0;
}

select.form-control.placeholder {
    font-weight: 500;
    color: #171717;
    opacity: .7;
}

select.form-control {
    color: #212529;

}

.form-control:active,
.form-control:focus {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    background-color: transparent;
    border-bottom: 1px solid #02ABBE !important;
}

input::placeholder,
textarea::placeholder {
    font-weight: 500;
    color: #8D8D8D;
}

.user-icon {
    right: 21px;
    top: 14px;
    height: 15px;
    color: #b6b6b6;
}

.password-icon {
    right: 20px;
    top: 10px;
    height: 14px;
    color: #a9abb0;
    cursor: pointer;
}

.submit-btn:hover {
    background-color: #2A3740;
    color: white !important;
}

.header-logo {
    height: 65px;
}

.header-logo-v2 {
    height: 56px;
}

.loop-container {
    background-color: #031C2A;
    width: 100%;
    height: 60px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    align-items: center;
}

.loop-container .element {
    flex: 0 0 auto;
    margin-right: 100px;
    font-size: 18px;
}

.v2-loop .loop-container {
    border: none;
}

.v3-loop .loop-container {
    background-color: #07293E;
    border: none;
}

.v4-loop .loop-container {
    background-color: #000000;
    border: none;
}

table {
    table-layout: fixed;
    width: 100%;
}

.v1-table thead {
    background: linear-gradient(90deg, rgb(2 33 50) 25%, rgba(54, 134, 184, 1) 54%, rgb(2 33 50) 73%);
    color: #fff6b4;
    border: 1px solid #33576c;
}

.v2-table thead {
    background: linear-gradient(270deg, rgba(15, 61, 89, 1) 25%, rgba(7, 46, 70, 1) 54%, rgba(6, 35, 52, 1) 73%);
    color: white;
    border: 1px solid #76aac9;
}

.v4-table thead {
    background: linear-gradient(270deg, rgb(231 231 231) 25%, rgb(255 255 255) 54%, rgb(187 187 187) 73%);
    color: #000000;
    box-shadow: rgb(197 197 197) 0px 3px 8px;
}

.v5-table thead {
    background: linear-gradient(90deg, rgba(43, 43, 43, 1) 17%, rgba(61, 61, 61, 1) 49%, rgba(80, 82, 82, 1) 82%);
    border: 1px solid #00000094;
    color: #ffebc6;
}

.v6-table thead,
.v7-table thead {
    box-shadow: rgb(251 251 251 / 26%) 0px 3px 8px;
    color: #ffffff;
    background: linear-gradient(270deg, rgb(53 114 131) 25%, rgb(28 96 114) 54%, rgb(4 55 68) 73%);
}

.v8-table thead {
    background: linear-gradient(90deg, rgb(52 50 50) 25%, rgb(85 91 92) 54%, rgb(255 255 255) 73%);
    color: white;
    box-shadow: rgb(52 52 52 / 26%) 0px 3px 8px;
}

.v9-table thead {
    background: linear-gradient(270deg, rgb(52 50 50) 25%, rgb(85 91 92) 54%, rgb(255 255 255) 73%);
}

.v1-table-div {
    box-shadow: rgb(255 255 255 / 13%) 1.95px 1.95px 2.6px
}

.v1-first-col-6 .v1-table-div:first-child {
    background-color: #0F3D59;
}

.v1-first-col-6 .v1-table-div:nth-child(2) {
    background-color: #082c42;
}

.v1-first-col-6 .v1-table-div:nth-child(3) {
    background-color: #062334;
}

.v1-second-col-6 .v1-table-div:first-child {
    background-color: #0A334B;
}

.v1-second-col-6 .v1-table-div:nth-child(2) {
    background-color: #082638;
}

.v1-second-col-6 .v1-table-div:nth-child(3) {
    background-color: #041e2e;
}

.v2-first-col-6 .v2-table-div:first-child {
    background-color: #1D1D1D;
}

.v2-first-col-6 .v2-table-div:nth-child(2) {
    background-color: #201f1f;
}

.v2-second-col-6 .v2-table-div:first-child {
    background-color: #292929;
}

.v2-second-col-6 .v2-table-div:nth-child(2) {
    background-color: #3F3F3F;
}

.v3-first-col-6 .v3-table-div:first-child {
    background-color: #012A35;
}

.v3-first-col-6 .v3-table-div:nth-child(2) {
    background-color: #012028;
}

.v3-second-col-6 .v3-table-div:first-child {
    background-color: #044556;
}

.v3-second-col-6 .v3-table-div:nth-child(2) {
    background-color: transparent
}

.v1-table tbody tr {
    border-bottom: 0.2px solid #ffffff8a;
}

.v4-table tbody tr {
    border-bottom: 1px solid white;
}

.v6-table tbody tr {
    border-bottom: 1px solid white;
}

.v6-table tbody tr:last-child {
    border-bottom: none;
}

.v1-table tbody tr:last-child {
    border-bottom: none;
}

.v2-table tbody tr {
    border-bottom: 1px solid #5A7282;
}

.v2-table tbody tr:last-child {
    border-bottom: none;
}

.v5-table tbody tr:last-child {
    border-bottom: none;
}

.v2-table tbody tr td:first-child {
    background-color: #0F3D59;
}

.v2-table tbody tr td:nth-child(2) {
    background-color: #072E46;
}

.v2-table tbody tr td:nth-child(3) {
    background-color: #062334;
}

.v2-table tbody tr td:nth-child(4) {
    background-color: #031C2B;
}

.v2-table thead tr th {
    padding-top: 8px;
}

.v2-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

.v2-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

.v5-table tbody tr {
    border-bottom: 1px solid #ADA2A2;
}

.v5-table tbody tr td:first-child {
    background-color: #434444;
}

.v5-table tbody tr td:nth-child(2) {
    background-color: #383838;
}

.v5-table tbody tr td:nth-child(3) {
    background-color: #2B2B2B;
}

.v5-table tbody tr td:nth-child(4) {
    background-color: #1C1C1C;
}

.v5-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

.v5-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

.v7-table tbody tr:nth-child(even) {
    background-color: #012832;
}

.v7-table tbody tr:nth-child(odd) {
    background-color: #075064;
}

.v1-table.talha tbody tr:nth-child(even) {
    background-color: #31034d;
}

.v1-table.talha tbody tr:nth-child(odd) {
    background-color: #9207a1;
}

.v7-table-col {
    border-right: 1px solid white;
}

.v8-table tbody tr {
    border-bottom: 1px solid #030303;
}

.header-div {
    border-radius: 10px;
}

.logout-btn {
    background-color: #000000;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: white;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.logout-btn:hover {
    background-color: #000000;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: white;
}

.search-input {
    background-color: white;
    border: 0;
    border-radius: 50px;
}

.search-input::placeholder {
    font-weight: 500;
    color: #7C7C7C;
    font-size: 14px;
}

.search-icon {
    position: absolute;
    right: 20px;
    height: 20px;
    top: 8px;
}

.price-card {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: all .5s ease-in-out;
}

.price-card:hover {
    transform: scale(1.1);
}

.price-card img {
    height: 180px;
    width: 100%;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}

.price-btn {
    background: linear-gradient(90deg, rgba(187, 167, 94, 1) 0%, rgba(205, 176, 69, 1) 54%, rgba(231, 214, 151, 1) 100%);
    color: white;
    border: 0;
    border-radius: 0;
    margin-top: 21px;
}

.price-btn:hover {
    background: linear-gradient(90deg, rgba(231, 214, 151, 1) 0%, rgba(205, 176, 69, 1) 54%, rgba(187, 167, 94, 1) 100%);
    color: white;
}


#noResultMessage {
    color: #f35151;
    font-weight: 600;
    margin-top: 15px;
    font-size: 19px;
    display: none;
}

.nowrap-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
}

.company-text {
    font-size: 16px;
}

.login-container {
    display: grid;
    grid-template-rows: 1fr auto;
    align-items: center;
    min-height: var(--app-height);
    position: relative;
}

.middle-div {
    padding: 20px;
    text-align: center;
}

.bottom-div {
    width: 100%;
    text-align: center;
    padding: 10px;
    margin-top: auto;
}

.login-footer-text {
    font-size: 13px;
}

.login-footer-img {
    height: 20px;
}

.step-indicator .step-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #C9B257;
    /* Altın rengi çerçeve */
    color: #C9B257;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
}

.step-indicator .step-circle.active {
    background-color: #C9B257;
    color: white;
}

.bottom-menu {
    display: none;
    position: fixed;
    bottom: 55px;
    width: 100%;
    z-index: 100;
}

.blue-bottom-menu .list-bottom-menu {
    background: linear-gradient(270deg, rgb(13 86 129) 0%, rgb(13 49 71) 54%, rgb(8 38 56) 100%);
    box-shadow: rgb(67 170 233) 0px 5px 15px;
    border: 1px solid white;
}

.dark-bottom-menu .list-bottom-menu {
    background: linear-gradient(270deg, rgb(55 62 67) 0%, rgb(0 0 0) 54%, rgb(8 38 56) 100%);
    box-shadow: rgb(253 253 253 / 95%) 0px 5px 15px;
    border: 1px solid white;
}

.white-bottom-menu .list-bottom-menu {
    background: linear-gradient(270deg, rgb(255 255 255) 0%, rgb(192 192 192) 54%, rgb(255 255 255) 100%);
    box-shadow: rgb(255 255 255 / 95%) 0px 5px 15px;
}

.green-bottom-menu .list-bottom-menu {
    box-shadow: rgb(255 255 255 / 95%) 0px 5px 15px;
}

.list-bottom-menu {
    background: linear-gradient(270deg, rgb(255 255 255) 0%, rgb(255 255 255) 54%, rgb(255 245 209) 100%);
    box-shadow: rgb(95 89 70) 0px 5px 15px;
    border-radius: 40px;
}

.list-bottom-menu .active {
    background-color: #e3c967;

}

.blue-bottom-menu .list-bottom-menu .active {
    background-color: #011e30;
}

.dark-bottom-menu .list-bottom-menu .active {
    background-color: #ededed;
}

.white-bottom-menu .list-bottom-menu .active {
    background-color: #0e0e0f;
}

.green-bottom-menu .list-bottom-menu .active {
    background-color: #012a35;
}

.first-menu {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.last-menu {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.goldsudiamond.font-size-ssd {
    font-size: 26px;
}

.glow-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 8px;
    position: relative;
    overflow: hidden;
}

.glow-circle::before {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 100%;
    height: 100%;
    background: linear-gradient(73deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(336deg);
    animation: shine 2.5s infinite;
    pointer-events: none;
}

.panel-equal {
    height: 430px;
    overflow: auto;
}

.custom-scroll {
    scrollbar-width: thin;
    scrollbar-color: #8d8c8c #3e3e3e;
}

.custom-scroll::-webkit-scrollbar {
    width: 8px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: #1f1f1f;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #d4d4d4;
    border-radius: 4px;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #e5e5e5;
}

.custom-scroll::-webkit-scrollbar-button {
    display: none !important;
    height: 0;
    width: 0;
}

.harem-tbody {
    font-size: 20px;
    font-weight: 500;
}

.panel-equal select.form-control {
    background-color: #222;
    color: #fff;
    border-color: #555;
}

.panel-equal select.form-control option {
    background-color: #222;
    color: #fff;
}

.panel-equal select.form-control option:checked,
.panel-equal select.form-control option:hover {
    background-color: #333;
    color: #fff;
}


@keyframes shine {
    0% {
        left: -50%;
    }

    100% {
        left: 100%;
    }
}

@media only screen and (max-width: 900px) {
    .font-size-md {
        font-size: 24px;
    }

    .font-size-mmd {
        font-size: 23px;
    }

    .font-size-lg {
        font-size: 27px;
    }

    .font-size-ssd {
        font-size: 22px;
    }

}

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

    .pb-40 {
        padding-bottom: 24px;
    }

    .h-30 {
        height: 18px;
    }

    .font-size-sd {
        font-size: 18px;
    }

    .font-size-ssd {
        font-size: 15px;
    }

    .font-size-md {
        font-size: 16px;
    }

    .font-size-mmd {
        font-size: 21px;
    }

    .font-size-lg {
        font-size: 20px;
    }

    .header-logo {
        height: 56px;
    }

}

@media only screen and (max-width: 470px) {
    .table2-footer {
        bottom: -3px;
    }
}

@media (max-width: 544px) {
    tbody td i {
        display: block !important;

    }

}

@media only screen and (min-width: 463px) and (max-width: 992px) {
    .bottom-menu {
        bottom: 62px !important;
    }
}

@media only screen and (min-width: 471px) and (max-width: 574px) {
    .table-footer {
        bottom: 9px;
    }
}

@media only screen and (max-width: 574px) {
    .company-text {
        font-size: 14px;
        text-align: center;
    }

    .h-30 {
        height: 18px;
    }

    .table1-footer {
        bottom: 0px;
    }
}

@media (max-width: 706px) {
    .harem-tbody {
        font-size: 17px;
    }

    .font-size-ssmx {
        font-size: 16px;
    }

}

@media only screen and (max-width: 592px) {
    body.haremgold1-page .panel-equal.custom-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.haremgold1-page .panel-equal.custom-scroll table {
        min-width: 590px;
        width: auto !important;
        table-layout: auto;
    }
}

@media (max-width: 768px) {
    .mobile_table_font {
        font-size: 19px;
        font-weight: 600;
    }

    .loop-container .element {
        font-size: 15px;
    }

    .mobile_thead {
        font-size: 14px;
    }

    .mobile_table_product {
        font-weight: 500;
    }

    .mobile-loop {
        height: 45px;
    }
}

@media (min-width: 768px) {
    .d-md-contents {
        display: contents !important;
    }

    .mobile_table_font {
        color: white;
    }
}

@media (min-width: 768px) and (max-width: 1115px) {
    tbody td i {
        display: block !important;

    }
}

@media (max-width: 1024px) {

    .bottom-menu {
        display: block;
    }

    .list-card:last-child {
        margin-bottom: 85px;
    }

}

@media (max-width: 1024px) and (orientation: landscape) {

    .bottom-menu {
        display: block;
    }


}

@media only screen and (max-width: 767px) {
    .login-body {
        background-image: none;
    }

    .signup-body {
        background-image: none;
        padding-left: 0;
        padding-right: 0;
    }


    .v7-table-col {
        border-right: none;
    }
}


@media screen and (max-width: 1000px) and (orientation: landscape) {

    .h-30 {
        height: 21px;
        margin-bottom: 0 !important;
    }
}

@media screen and (min-height:519px) and (max-height:920px) and (orientation: portrait) {
    .login-body {
        overflow: hidden;
    }

}

@media screen and (min-height:580px) and (orientation: landscape) {
    .login-body {
        overflow: hidden;
    }

}

@media screen and (max-width: 770px) and (orientation: landscape) {
    .login-footer-img {
        margin-bottom: 0 !important;
    }

    .login-footer-text {
        font-size: 12px;
    }

}

@media only screen and (min-width: 900px) {
    .pb-40 {
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 992px) {
    .v4-loop {
        border-top: 1px solid white;
        border-bottom: 1px solid white;
    }

}

@media only screen and (min-width: 2000px) {
    .font-size-sd {
        font-size: 29px;
    }

    .font-size-ssd {
        font-size: 25px;
    }

    .font-size-mmd {
        font-size: 28px;
    }

    .font-size-md {
        font-size: 31px;
    }

    .loop-container .element {
        font-size: 22px;
    }

    .font-size-lg {
        font-size: 38px;
    }

    .company-text {
        font-size: 20px;
    }

    .h-30 {
        height: 29px;
    }


}

@media only screen and (min-width: 2400px) {
    .font-size-ssd {
        font-size: 30px;
    }

    .font-size-md {
        font-size: 38px;
    }

    .font-size-mmd {
        font-size: 35px;
    }

    .font-size-lg {
        font-size: 47px;
    }

    .loop-container .element {
        font-size: 28px;
    }

    .header-logo {
        height: 90px;
    }
}

@media only screen and (min-width: 2800px) {
    .font-size-sd {
        font-size: 32px;
    }

    .font-size-ssd {
        font-size: 33px;
    }

    .font-size-mmd {
        font-size: 38px;
    }

    .font-size-md {
        font-size: 41px;
    }

    .font-size-lg {
        font-size: 52px;
    }

    .loop-container .element {
        font-size: 32px;
    }


    .header-logo {
        height: 96px;
    }
}

@media only screen and (min-width: 3200px) {
    .font-size-sd {
        font-size: 38px;
    }

    .font-size-ssd {
        font-size: 36px;
    }

    .goldsudiamond.font-size-ssd {
        font-size: 40px;
    }

    .font-size-mmd {
        font-size: 46px;
    }

    .font-size-md {
        font-size: 49px;
    }

    .font-size-lg {
        font-size: 58px;
    }

    .loop-container {
        height: 112px;
    }

    .loop-container .element {
        font-size: 35px;
    }

    .header-logo {
        height: 110px;
    }
}

@media only screen and (min-width: 4000px) {
    .font-size-sd {
        font-size: 45px;
    }

    .font-size-ssd {
        font-size: 41px;
    }

    .font-size-mmd {
        font-size: 51px;
    }

    .font-size-md {
        font-size: 54px;
    }

    .font-size-lg {
        font-size: 65px;
    }

    .loop-container .element {
        font-size: 36px;
    }

    .header-logo {
        height: 125px;
    }
}

@media only screen and (min-width: 4500px) {
    .font-size-sd {
        font-size: 50px;
    }

    .font-size-ssd {
        font-size: 46px;
    }

    .font-size-mmd {
        font-size: 56px;
    }

    .font-size-md {
        font-size: 59px;
    }

    .font-size-lg {
        font-size: 72px;
    }

    .loop-container .element {
        font-size: 44px;
    }
}

@media only screen and (min-width: 5000px) {
    .font-size-sd {
        font-size: 65px;
    }

    .font-size-ssd {
        font-size: 72px;
    }

    .font-size-mmd {
        font-size: 81px;
    }

    .font-size-md {
        font-size: 84px;
    }

    .font-size-lg {
        font-size: 90px;
    }

    .loop-container .element {
        font-size: 49px;
    }

    .company-text {
        font-size: 50px;
    }

    .h-30 {
        height: 55px;
    }

    .header-logo {
        height: 195px;
    }

    .loop-container {
        height: 110px;
    }
}

@media only screen and (min-width: 5500px) {
    .font-size-sd {
        font-size: 71px;
    }

    .font-size-ssd {
        font-size: 60px;
    }

    .font-size-mmd {
        font-size: 89px;
    }

    .font-size-md {
        font-size: 92px;
    }

    .font-size-lg {
        font-size: 98px;
    }

    .loop-container .element {
        font-size: 57px;
    }

    .company-text {
        font-size: 48px;
    }

    .h-30 {
        height: 59px;
    }
}

@media only screen and (min-width: 6300px) {
    .font-size-sd {
        font-size: 73px;
    }

    .font-size-ssd {
        font-size: 69px;
    }

    .font-size-mmd {
        font-size: 93px;
    }

    .font-size-md {
        font-size: 96px;
    }

    .font-size-lg {
        font-size: 103px;
    }

    .loop-container .element {
        font-size: 62px;
    }

    .company-text {
        font-size: 57px;
    }

    .h-30 {
        height: 67px;
    }

    .loop-container {
        height: 130px;
    }
}

@media only screen and (min-width: 6800px) {
    .font-size-sd {
        font-size: 81px;
    }

    .font-size-ssd {
        font-size: 77px;
    }

    .font-size-mmd {
        font-size: 107px;
    }

    .font-size-md {
        font-size: 110px;
    }

    .font-size-lg {
        font-size: 119px;
    }

    .loop-container .element {
        font-size: 70px;
    }

    .company-text {
        font-size: 65px;
    }

    .h-30 {
        height: 74px;
    }

    .loop-container {
        height: 178px;
    }
}

/*html.tv .bottom-menu { display: none !important; }
html.tv .list-card:last-child { margin-bottom: 0 !important; }
html.tv .font-size-ssd { font-size: 23px !important; }
html.tv .font-size-md  { font-size: 28px !important; }
html.tv .font-size-lg  { font-size: 34px !important; }
html.tv .h-30          { height: 24px !important; }

@media (min-width:1280px){
  html.tv .bottom-menu { display:none !important; }
}*/