/**
 * Created by Maatify.dev
 * User: Maatify.dev
 * Date: 2023-08-31
 * Time: 15:15 PM
 * https://www.Maatify.dev
 */
/* 1430 mohaned*/
/* 1725 mohamed*/
/* 1500 samir*/
/* 1675 yaseen*/
/* 1400 mok*/

@media only screen and (max-width: 1586px) {
    header .bottom-nav {
        padding: 0;
    }
    .carousel-item-left-1, .carousel-item-left, .carousel-item-left-2, .carousel-item-right-2, .carousel-item-right, .carousel-item-right-1{
        width: 204px;
        height: 120px;
    }
    .carousel-item-center {
        width: 249px;
        height: 150px;
    }
}
@media only screen and (max-width: 1543px) {
    header .bottom-nav .nav-item .btn {
        padding: 6px 13px;
    }
}
@media only screen and (max-width: 1399px) {
    .card-special-offer .card-images {
        margin-left: 124px;
    }
    .footer .bottom-footer {
        padding: 0 7px 0 81px;
    }
}
@media only screen and (max-width: 1363px) {
    .card-special-offer .card-images {
        margin-left: 9px;
    }
    .card-special-offer .card-special-offer-content {
        padding: 27px 0;
    }
    header .bottom-nav .nav-item .btn {
        padding: 6px 5px;
    }
    header .top-nav {
        padding: 7px 0;
    }
    .video-slider {
        height: 40vh;
    }
    .slider-btn.down {
        bottom: 41%;
    }
}

@media only screen and (max-width: 1335px) {
    .carousel-item-left-1, .carousel-item-left, .carousel-item-left-2, .carousel-item-right-2, .carousel-item-right, .carousel-item-right-1{
        width: 180px;
        height: 110px;
    }
    .carousel-item-center {
        width: 205px;
        height: 120px;

    }
    .game-slider-btn-arrow {
        padding: 7px 11px;
        font-size: 15px;
    }
    .game-slider-btn.left {
        right: -13px;
    }
    .game-slider-btn.right {
        right: -56px;
    }
}
@media only screen and (max-width: 1219px) {
    header .bottom-nav .nav-item .btn {
        padding: 6px 0;
        font-size: 15px;
    }
    header .navbar-nav.navbar-nav-left {
        margin-left: 3px;
    }
    header .navbar-nav.navbar-nav-left .nav-item .nav-link {
        padding: 7px 23px;
    }
    .categories .card-cat img {
        min-height: 100px;
    }
    /*.cards-container-1 .slick-list, .cards-container-2 .slick-list {*/
    /*    padding: 26px 0;*/
    /*}*/
    .category-offers .cat-card img {
        height: 274px;
    }
    .game-slider-btn.left,.game-slider-btn.right{
        z-index: 1;
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transform-origin: center;
        cursor: pointer;
        box-shadow: 0 3px 7px rgba(127, 0, 255, 0.2);
        border: 1px solid transparent;
        background-image: linear-gradient(#000000, #0a0a0a), linear-gradient(to top left, #7f00ff, black);
        background-origin: border-box;
        padding: 8px 12px;
        background-clip: padding-box, border-box;
    }
    .game-slider-btn.left {
        right: auto;
        top: 50%;
        left: 18px;
    }
    .game-slider-btn.right {
        right: 18px;
        top: 50%;
    }
    .game-image-slider .game-slide .game-slide-img img{
        height: 454px;
    }
    .game-hero .game-content .game-slide-btn-group .btn {
        margin-right: 31px;
        padding: 9px 20px;
    }
    .game-hero .game-content .game-slide-img-group {
        margin-bottom: 31px;
    }
}
@media only screen and (max-width: 1199px) {
    header .bottom-nav .nav-item {
        padding: 6px 2px;
    }
    header .bottom-nav {
        padding: 0 0;
    }
    header .bottom-nav .nav-item {
        padding: 10px 0;
    }
    header .bottom-nav .nav-item .btn .icon {
        right: 0;
        top: 4px;
        margin: 0 !important;
    }
    header .bottom-nav .nav-item .btn {
        padding: 0 5px 3px 0;
        margin-right: 52px;
        font-size: 15px;
    }
    .categories .card-cat h4 {
        font-size: 12px;
    }
    .categories .card-cat img {
        min-height: 94px;
    }
    .special-offers .special-offers-card .special-offers-img img {
        width: 111px;
        min-height: 107px;
    }
    .special-offers .special-offers-card .special-offers-body h4{
        font-size: 13px;
        margin-bottom: 19px;
        font-style: oblique;
    }
    .special-offers .special-offers-card .special-offers-body span{
        border-radius: 4px;
        background: var(--default-color);
        padding: 4px 19px;
        font-size: 11px;
    }
    .game-hero .game-content{
        padding: 24px 0 0 29px;
        right: 60%;
    }
    .card-special-offer .card-images {
        display: flex;
        gap: 5px;
        margin-top: auto;
        margin-left: 9px;
    }
    .footer .bottom-footer {
        padding: 0 7px 0 0;
    }
    .footer .card-bottom .privacy-card a {
        margin: 0 34px;
    }
    .faqs .card-answer{
        margin-top: 20px;
    }
    .faqs .card-qus{
        margin-top: 20px;
        margin-right: 0;
        margin-left: 0;
    }
    .faqs .card-answer {
        padding: 24px 10px 0 20px;
    }
}
@media only screen and (max-width: 1152px) {
    header .bottom-nav .nav-item .btn{
        font-size: 12px;
    }
}
@media only screen and (max-width: 1065px) {
    header .navbar-nav.navbar-nav-left .nav-item .nav-link {
        padding: 5px 19px;
        font-size: 13px;
    }
    .btn {
        padding: 10px 19px;
        font-size: 13px;
    }
    header .navbar-nav.navbar-nav-right .nav-item .form-control {
        padding: 9px 14px 6px 43px;
    }
    .carousel-item-center {
        width: 195px;
        height: 110px;
    }
    .carousel-item-left-1, .carousel-item-left, .carousel-item-left-2, .carousel-item-right-2, .carousel-item-right, .carousel-item-right-1{
        width: 154px;
        height: 85px;
    }
    header .bottom-nav .nav-item .btn {
        margin-right: 47px;
    }
}