/**
 * Created by Maatify.dev
 * User: Maatify.dev
 * Date: 2023-08-31
 * Time: 15:15 PM
 * https://www.Maatify.dev
 */

@media (max-width: 991px) {
    header .bottom-nav {
        display: none;
    }

    header .top-nav {
        padding: 0 2px;
    }

    .navbar-toggler span {
        background: #fff;
        height: 1px;
        display: block;
        border-radius: 34px;
        border: 1px solid #fff;
        margin-bottom: 7px;
    }

    .navbar-toggler span:first-child {
        width: 33px;
    }

    .navbar-toggler span:nth-child(2) {
        width: 24px;
    }

    .navbar-toggler span:last-child {
        width: 29px;
    }

    .hero .video-slider .content {
        top: 51%;
    }

    .hero .video-slider .content p {
        font-size: 16px;
        padding-right: 0;
    }

    .hero .video-slider .content h2 {
        font-size: 34px;
    }

    .hero .video-slider .slider-btn.down {
        bottom: 39%;
    }

    .video-slider {
        height: 33vh;
    }

    .slider-btn-arrow {
        width: 34px;
        height: 34px;
        font-size: 13px;
    }

    /*.categories .card-cat img {*/
    /*    min-height: 109px;*/
    /*}*/
    .categories .card-cat h4 {
        font-size: 13px;
        padding: 13px 8px 13px 10px;
    }

    .header.header-title h1 {
        color: #fff;
        font-weight: 600;
        font-size: 28px;
        margin-bottom: 0;
    }

    .category-offers .cat-card img {
        height: 279px;
    }

    .container, .container-md, .container-sm {
        max-width: 860px;
    }

    .special-offers .special-offers-card .special-offers-body h4 {
        font-size: 13px;
    }

    .special-offers .special-offers-card .special-offers-img img {
        width: 113px;
        min-height: 99px;
    }

    .special-offers .special-offers-card .special-offers-body h4 {
        font-size: 10px;
        margin-bottom: 15px;
        font-style: normal;
    }

    .special-offers .special-offers-card .special-offers-body span {
        padding: 3px 15px;
        font-size: 12px;
    }

    .products .products-card-row:not(:last-child) {
        border: none;
    }

    .product-card-wrapper::before, .product-card-wrapper::after {
        width: 100%;
    }

    .products .product-card-wrapper {
        padding: 0;
        margin-top: 29px;
    }

    .products .product-card img {
        height: 109px;
    }

    .products .products-card-row .header.header-title h3 {
        color: #fff;
        font-weight: 600;
        font-size: 25px;
        margin: 30px 0 5px 0 !important;
    }

    .game-image-slider .game-slide .game-slide-img img {
        height: 358px;
    }

    .game-hero .game-content {
        top: 0;
        padding: 20px 9px 0 20px;
        width: 55%;
        left: 0;
        bottom: 0;
    }

    .game-hero .game-content h1 {
        font-size: 29px;
        font-weight: bold;
    }

    .game-hero .game-content p {
        padding: 14px 20px 0 0;
        margin-bottom: 28px;
        font-size: 14px;
    }

    .game-hero .game-slide {
        padding: 0;
    }

    .game-hero .game-content .game-slide-img-group img {
        width: 78px;
        height: 78px;
    }

    .game-hero .game-content .game-slide-img-group {
        display: flex;
        margin-bottom: 25px;
    }

    .game-hero .game-content .game-slide-btn-group .btn {
        margin-right: 13px;
        padding: 3px 21px;
    }

    .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: 6px 9px;
        /*background-clip: padding-box, border-box;*/
        top: 44%;
        font-size: 14px;
        color: #e3e3e3;
        border: 1px solid #e3e3e3;
    }

    .game-slider-btn.left {
        right: auto;
        left: -6px;
    }

    .game-slider-btn.right {
        right: -6px;
    }

    .faqs .card-qus {
        margin-top: 36px;
        margin-right: 0;
        margin-left: 0;
    }

    .faqs .card-answer {
        margin-top: 30px;
        padding: 40px 17px 20px 30px;
    }

    .carousel-item-left-1, .carousel-item-left, .carousel-item-left-2, .carousel-item-right-2, .carousel-item-right, .carousel-item-right-1 {
        width: 130px;
        height: 90px;
    }

    .carousel-item-center {
        width: 170px;
        height: 122px;
    }

    .card-special-offer .card-images img {
        width: 85px;
        height: auto;
        margin-top: auto;
    }

    .card-special-offer .card-images .img-center {
        width: 105px;
    }

    .card-special-offer .card-special-offer-content {
        padding: 1px 0;
    }

    .card-special-offer .card-images {
        margin-left: auto;
    }

    .card-special-offer .card-content .card-btn .btn-right {
        font-size: 12px;
    }

    .card-special-offer .card-content .card-btn .btn-left {
        font-size: 11px;
    }

    .card-special-offer .card-content .card-text h1 {
        font-size: 33px;
    }

    .card-special-offer .card-content .card-text p {
        font-size: 13px;
    }

    .footer .card-bottom .privacy-card a {
        margin: 0 22px;
    }

    .footer .icons i {
        font-size: 16px;
    }

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

    .footer .footer-card ul li a {
        font-size: 13px;
    }

    .footer .card-logo {
        display: none;
    }

    .footer .bottom-footer {
        padding: 0;
        margin: 15px 0 0 0;
    }

    .game-hero .game-slide:not(.active) {
        top: 0;
    }

    .category-offers .cat-card footer {
        padding: 0 0 16px 9px;
    }

    .category-offers .cat-card footer span {
        margin-right: 6px;
        padding: 3px 7px;
        font-size: 10px;
    }

    .category-offers .cat-card footer a {
        bottom: 20px;
        right: 15px;
        font-size: 12px;
    }

    .category .header p {
        padding: 0 10px;
    }

    .hero .carousel-inner .carousel-item img {
        height: 328px;
    }

    .slider-btn-arrow.slider-icon {
        padding: 10px 9px;
    }

    .hero .card-hero img.img-item {
        width: 102px;
        height: 129px;
        bottom: -21px;
        margin-left: 19px;
    }

    .merchant .hero .card-hero img.img-item {
        bottom: -85px;
    }
    .products .products-list .card-product h3 {
        font-size: 18px;
    }
    .hero .card-hero .card-hero-body h3 {
        font-size: 17px;
    }
    .hero .card-hero h6 .icon {
        font-size: 9px;
        margin-left: -2px;
    }
    .hero .card-hero .card-hero-body h6{
        font-size: 14px;
    }
    .hero .card-hero .card-hero-body p{
        font-size: 14px;
    }
    .products .payments::before {
        content: none;
        top: 111px;
        right: 0px;
        width: 351px;
        height: 244px;
    }
}
