@media (max-width: 1280px) {

    .product-container .card img,
    .card-img-top
    {
        object-fit: contain;
        height:180px;
    }
    .shop-product .price-tab span {
        font-size: 35px
    }

    .checkout_success {
        background-size: 50%
    }

    header .navbar-brand {
        margin-right: 1em
    }

    #ChangeTextMain {
        padding-top: 40px
    }

    #ChangeTextMain span {
        font-size: 40px
    }

    footer .white-rabbit-text {
        display: none
    }

    main {
        min-height: calc(100% - 117px)
    }

    .p-3 {
        padding: 0.6rem !important;
        font-size: 13px
    }

    #calendarWeek .calendar-body th i.day {
        left: 10px;
        margin-top: -2px
    }

    #calendarWeek .calendar-body th .date {
        font-size: 28px
    }

    th.weekend:after {
        width: 108px
    }

    th.weekend.two-days:after {
        width: 226px
    }
}

@media (max-width: 920px) {
    .p-3 {
        padding: 0.3rem !important;
        font-size: 13px
    }

    #calendarWeek .calendar-body th .date {
        font-size: 20px
    }

    #calendarWeek .calendar-body th i.day {
        font-size: 12px;
        left: 5px
    }

    th.weekend:after {
        width: 74px
    }

    th.weekend.two-days:after {
        width: 154px
    }
}

@media (max-width: 768px) {

    .product-container .card img,
    .card-img-top
    {
        object-fit: contain;
        height:auto;
    }
    #cookies p {
        line-height: 25px
    }

    .checkout_success .text-center {
        width: 100%
    }

    .p-3 {
        padding: 0.2rem !important;
        font-size: 12px
    }

    #myVideo {
        position: fixed;
        bottom: 0;
        min-width: 100%;
        max-height: 100%;
        z-index: -100;
        right: -25%
    }

    .logo {
        width: 200px
    }

    #ChangeTextMain {
        padding-top: 40px
    }

    #ChangeTextMain span {
        font-size: 40px
    }

    .button-container {
        padding-top: 50px;
        padding-bottom: 25px
    }

    .rabbit {
        display: inline
    }

    .stripe-right {
        border-right: none
    }

    .extra-padding-left, .extra-padding-right {
        padding: 20px
    }

    .gara-night {
        display: none
    }

    footer .footer-phone {
        margin-left: 30px
    }

    .special-padding-shop {
        padding: 0
    }
}

@media (max-width: 768px) and (orientation: landscape) {
    #myVideo {
        position: fixed;
        bottom: 0;
        min-width: 150%;
        min-height: 150%;
        z-index: -100
    }
}

@media (max-width: 760px) {
    th.weekend:after {
        display: none
    }

    #ChangeTextMain span {
        font-size: 30px
    }

    .checkout_empty .text-center {
        top: 55%;
        position: relative
    }

    #cartModal .modal-dialog {
        width: 100%;
        margin: 0
    }

    .breadcrumb li {
        display: block;
        width: 100%
    }

    #photoPrev .modal-body img {
        width: 100%;
        margin-left: 0
    }

    .control .before, .control .after {
        display: none
    }

    .modal-dialog {
        display: block
    }

    .info-tab, .price-tab {
        text-align: center
    }

    .info-tab .col-md-3 {
        border-right: none
    }

    .info-tab .col-md-9 {
        padding-left: 0
    }

    .checkout_empty .text-center {
        width: 100%
    }

    .checkout_success {
        background-size: 80%
    }

    main {
        min-height: calc(100% - 129px)
    }

    #cartModal .footer-control .left-side {
        text-align: center;
        padding-bottom: 30px
    }

    .margin-desktop {
        margin: 0
    }

    #visitModal .btn.enter:after {
        opacity: 1
    }

    .row.mobile {
        display: block
    }

    #monthCalendar, #calendarWeek, .row.desktop {
        display: none
    }

    #dayCalendar, hr.mobile {
        display: block
    }

    .social-icon.phone {
        display: block !important
    }

    .navbar-expand-md {
        width: 100%
    }

    .navbar-expand-md .navbar-nav {
        text-align: center;
        position: fixed;
        width: 100vw;
        height: 100vh;
        background-color: #f6c313;
        z-index: 10000000000;
        top: 0;
        left: 0;
        margin-top: 0
    }

    .navbar-expand-md .navbar-nav li {
        margin-top: 10vh
    }

    header .menu a {
        border: 0
    }

    .navbar-expand-md .navbar-nav li:hover a, .navbar-expand-md .navbar-nav li a.active {
        font-size: 18px;
        color: white !important;
        border: 1px solid white
    }

    header a .shop::before {
        margin-left: -14px
    }

    header .menu a {
        font-size: 14px
    }

    #buttonMusic {
        display: none
    }

    header .navbar-brand {
        position: absolute;
        margin-left: calc(50% - 35px)
    }

    .language {
        padding-top: 26px;
        display: inline-block
    }

    header .navbar-toggler {
        margin-top: 21px;
        right: -12px
    }

    .language a.active {
        display: none
    }

    .language i {
        display: none
    }

    .language a {
        font-family: UniSansHeavy;
        font-size: 20px;
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 2px;
        color: #000 !important
    }

    .container-fluid.container-mobile {
        width: 100% !important;
        margin-right: auto !important;
        margin-left: auto !important;
        max-width: 540px
    }

    .container-fluid.container-mobile .col-md-3, .navbar {
        padding-left: 0;
        padding-right: 0
    }

    footer .social-icon.rab {
        display: none
    }

    #infoAfterModal .modal-content {
        width: 100%;
        height: 100%
    }

    #infoAfterModal .modal-body {
        padding: 35px 20px
    }

    #visitModal .modal-content {
        width: auto
    }

    #infoAfterModal .gray-button:first-of-type:after {
        opacity: 1
    }

    #infoAfterModal .gray-button a {
        border-bottom: 3px solid rgba(255, 255, 255, 1)
    }

    .button-container.removed:after {
        opacity: 1;
        margin-top: -50px
    }

    footer .social-icon {
        margin-right: 0
    }
}

@media (max-width: 600px) {
    footer .footer-phone {
        display: none
    }

    .modal:before {
        height: auto
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1400px !important
    }
}

@media (min-width: 1366px) {
    #enter {
        display: none
    }
}

@media (max-width: 576px) {
    #loader_span {
        font-size: 16px
    }

    .rule_num {
        font-size: 10px;
        width: 15px;
    !important;
        height: 15px;
    !important;
        line-height: 1.2;
    !important;
        padding-top: 1px
    }

    .rules {
        font-family: Lato, sans-serif;
        font-size: 10px;
        line-height: 1.2;
    !important
    }

    .order_text {
        font-size: 10px
    }
}

@media (min-width: 576px) and (max-width: 1000px) {
    #loader_span {
        font-size: 28px
    }

    .rule_num {
        font-size: 16px
    }

    .rules {
        font-size: 16px
    }

    .order_text {
        font-size: 1.3vh
    }
}

@media (min-width: 1000px) {
    #loader_span {
        font-size: 2vh
    }

    .rule_num {
        font-size: 16px
    }

    .rules {
        font-size: 16px
    }

    .order_text {
        font-size: 16px
    }
}