body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;

    background: url(/template/images/pattern.png) repeat;
}

.page {
    padding-top: 10px;
}
.container {
    max-width: 1044px;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
}
/* !*HEADER*!*/

.header {
    background: #3c494a;
    box-shadow: 0 5px 11px -5px rgba(0, 0, 0, 0.51);
    width: 100%;

}

.header__body {
    display: flex;
    justify-content: space-around;
    height: 60px;
    align-items: center;
}
.header__burger-btn {
    display: none;
    position: relative;
    width: 40px;
    height: 40px;
    border: none;

}
.header__burger-btn span {
    position: absolute;
    width: 30px;
    height: 3px;
    background-color: #F37335;
    border-radius: 10px;
    left: 0;
    transition: transform 0.5s, opacity0.5s, background-color0.5S;
}
.header__burger-btn span:nth-child(1) {
    transform: translateY(-7px);
}
.header__burger-btn span:nth-child(3) {
    transform: translateY(7px);
}
.header.open .header__burger-btn span {
    background-color: #FEFCF3;
}
.header.open .header__burger-btn span:nth-child(1) {
    transform: translateY(0) rotate(45deg);
}

.header.open .header__burger-btn span:nth-child(2) {
    opacity: 0;
}

.header.open .header__burger-btn span:nth-child(3) {
    transform: translateY(0) rotate(-45deg);
}

.header__logo img {
    max-width: 100%;
    height: 60px;
    display: block;
    overflow: hidden;
}
.header__menu {
    display: flex;
}
.header__list {
    display: flex;
}
.header__list li {
    display: flex;
    align-items: center;
    list-style: none;
    margin-left: 45px;

}
.header__link {
    color: #FEFCF3;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 7px 0 7px;
    transition: color 0.1s linear, box-shadow 0.1s linear ;
}
.header__link:hover {
    /*box-shadow: 0 -5px 5px -5px rgba(162, 123, 92, 0.6) inset;*/
    color: #A27B5C;
}


.crash {
    display: flex;
    align-items: center;
    z-index: 2;
    list-style: none;
    margin-left: 45px;
    margin-right: 10px;
}
.fa-caret-down {
    color: #A27B5C;
}
.crash__item {
    position: relative;
}
.crash__item img {
    transform: rotate(180deg);
}
.crash__item i {
    margin-left: 1px;
}
.crash__btn {
    color: #FEFCF3;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    transition: color 0.1s linear;

}
.crash__btn:hover {
    color: #A27B5C;
}
.dropdown {
    min-width: 160px;
    position: absolute;
    top: 100%;
    left: 0;
    background: #3F4E4F;
    transform: translate(-50px, 10px);
    opacity: 0;
    border-radius: 5px;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;

}
.dropdown--active {
    opacity: 1;
    visibility: visible;
}
.dropdown__item {
    border-radius: 5px;
    border-bottom: 1px solid #d6e4e52a;
    text-align: center;
    list-style: none;
    transition: background-color 0.1s linear;
}
.dropdown__item:hover {
    background-color: #DA9861;
}
.dropdown__link {

    display: block;
    width: 100%;
    padding: 10px 20px;
    color: #FEFCF3;
    text-align: center;
}
.dropdown__item:last-child {
    border-bottom: none;
}
/*games*/

.games {
    margin-top: 10px;
    margin-bottom: 5px;
}
.games__inner {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.games__item {
    border-radius: 10px;
    flex: 0 0 33%;
    margin-bottom: 5px;
    margin-right: 5px;
    position: relative;
    box-shadow: 0 5px 21px -1px rgba(0, 0, 0, 0.24);
}
.games__item:nth-child(3) {
    margin-right: 0;
}
.games__item:nth-child(6) {
    margin-right: 0;
}
.games__item:hover .games__title img {
    display: block;
}
.games__item:hover .games__image {
    filter: blur(2px);
}
.games__image {
    border-radius: 10px;
    overflow: hidden;
}
.games__img {
    width: 100%;
    transition: 1s;
}

.games__img:hover {
    transform: scale(1.1);
}

.games__title img {
    display: none;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
.games__title p {
    width: 100%;
    padding: 0 0 10px 8px;
    font-weight: 500;
    color: #FEFCF3;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(0,0,0,0.6) 100%);

}

/*list*/

.list {
    margin: 7px 0;
    background: #343f40c6;
    border-radius: 7px;
    box-shadow: 0 5px 21px -1px rgba(0, 0, 0, 0.24);
    color: #FEFCF3;
}
.list__menu {
    background: #3a4647;
    border-radius: 7px 7px 0 0;

}
.menu__inner {
    display: flex;
    color: #D6E4E5;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.1rem;
    padding: 13px 0;
    border-bottom: 1px solid #D6E4E5;
}

.menu__info {
    margin-left: -10px;
    flex: 0 250px;
}

.menu__bonus {
    flex: 1 1 auto;
}
.menu__text {
    flex: 0 0 370px;
}
.menu__button {
    flex: 0 0 190px;
}
.list__block {
    padding: 15px 0;
    border-bottom: 1px solid #D6E4E5;
}
.list__block:last-child {
    border-bottom: none;
}
.list__inner {
    display: flex;
    align-items: center;
}

.list__info {
    text-align: center;
    flex: 0 0 250px;
    margin-left: -10px;
    padding-top: 5px;
}
.list__img {
    box-shadow: 0 5px 10px 1px rgba(34, 60, 80, 0.2);
    flex: 0 0 180px;
    border-radius: 12px;

}

.list__rating {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    flex: 0 0 200px;

}
.list__bonus {
    flex: 1 1 auto;
    text-align: center;
    font-size: 18px;
    line-height: 1.5;
}
.bonus {
    color: #F37335;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}
.list__name {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #DA9861;
    margin-bottom: 10px;
}
.list__text {
    margin-top: -43px;
    flex: 0 0 370px;
}
.list__text li {
    line-height: 1.3;
    list-style-type: none;
    font-size: 17px;
    position: relative;
    padding-left: 25px;
    margin-bottom: 2px;
}
.list__text li:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url("/template/images/check (1).png");
}

.list__button {
    flex: 0 0 190px;
    padding: 0 12px 0 7px;
}
.btn__bonus {
    display: block;
    color: #000;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    background: linear-gradient(to left, #FDC830, #F37335, #FDC830);
    background-size: 200%;
    padding: 10px 20px;
    border-radius: 10px;
    transition: 0.5s;
}
.btn__bonus:hover {
    background-position: right;
    box-shadow: 0 8px 10px 3px rgba(167, 127, 96, 0.2);
}

/* PAGE-CONTENT*/

.page-content {
    text-align: justify;
    line-height: 1.6;
    color: #FEFCF3;
    background: #2d393a;
    border-radius: 7px;
    padding: 10px 20px;
    box-shadow: 0 5px 21px -1px rgba(0, 0, 0, 0.24);
}
.content-404 {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 30px;
}
.error {

}
.title-content {
    padding-bottom: 5px;
    color: #f29135;
    text-align: center;
    font-size: calc(22px + 3 * (100vw/1280));
    font-weight: 500;
}

/*CONTENT*/

.content {
    line-height: 1.7;
    text-align: justify;
    padding: 20px 30px;
    margin-bottom: 10px;
    background: #2d393a;
    color: #FEFCF3;
    border-radius: 7px;
    box-shadow: 0 5px 21px -1px rgba(0, 0, 0, 0.24);
    box-sizing: border-box;

}

.content h2, h3 {
    font-weight: 500;
    font-size: calc(20px + 7 * (100vw/1280));
    color: #f29135;
}
.content h4 {
    font-weight: 500;
    font-size: 22px;
    color: #f29135;
}
.content h5, h6 {
    font-size: calc(16px + 4 * (100vw/1280));
    font-weight: 500;
}
.content p {
    margin: 15px 0;
}
.content ul {
    margin: 3px 0 3px 50px;;
}
.content ol {
    margin: 3px 0 3px 50px;
}
.content blockquote {
    background-color: #5e6a6b;
    font-style: italic;
    font-weight: 500;
    border-radius: 7px;
    padding: 10px 10px;
    margin: 5px 0;
}
.content a {
    color: #94c5f2;
}
.content a:hover {
    text-decoration: underline;
}

.content td {
    background: rgba(106, 110, 113, 0.4);
    padding: 10px;
    border: 1px solid #454749 ;
}
.content table {
    margin: 15px 0;
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2);
}

.faq-block {
    border: 1px solid #d6e4e52a;
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2);

    background: #5f757a9f;

    border-radius: 30px;
    margin-bottom: 10px;
    padding: 10px;

}
.faq-block:last-child {
    margin-bottom: 0;
}
.faq-question {
    font-style: italic;
}
.question {
    display: flex;
}
.faq-question {
    margin-left: 10px;
}
.answer {
    border-left: 1px solid #d6e4e52a;
    margin-left: 20px;

}
.faq-answer {
    margin-left: 15px;
    padding-right: 15px;
}
 /*SLOTS*/

.page-slots {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: 7px 0 10px 0;
    padding-bottom: 7px;
    background-color: #2d393a;
    box-shadow: 0 5px 21px -1px rgba(0, 0, 0, 0.24);
    border-radius: 7px;
}
.slots {
    width: 190px;
    text-align: center;
    margin: 7px 0;
    position: relative;
    border-bottom: 1px solid #F37335;
    box-shadow: 1px 5px 11px 0 rgba(0, 0, 0, 0.2);
}
.slots:hover .slots__img {
    filter: blur(2px);
}
.slots:hover .slots {
    display: block;
}
.slots__img {
    width: 100%;
    height: auto;
    padding-top: 5px;
    border-radius: 10px;
}
.slots__name {
    padding: 3px 0;
    color: #FEFCF3;
    font-size: 15px;
    box-shadow: -1px -12px 8px -11px rgba(243, 115, 53, 0.39) inset;
}
.slots__btn {
    color: #000;
    font-weight: 500;
    background: linear-gradient(to left, #FDC830, #F37335, #FDC830);
    background-size: 200%;
    padding: 6px 15px;
    border-radius: 10px;
    transition: 0.5s;
    position: absolute;
    top: 25%;
    left: 7%;
    display: none;
}
.slots-demo {
    top: 50%;
    left: 13%;
}
.slots__btn:hover {
    background-position: right;
}
.slots:hover .slots__btn {
    display: block;
}

.slots-load {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slots-load__btn img {
    margin-top: 5px;
    width: 12px;
}
.slots-load__btn {
    color: black;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    font-size: 15px;
    background: linear-gradient(to left, #FDC830, #F37335, #FDC830);
    background-size: 200%;
    padding: 10px 110px;
    border-radius: 5px;
    transition: 0.5s;
    box-shadow: 1px 5px 11px 0 rgba(0, 0, 0, 0.2);
}

.slots-load__btn:hover {
    cursor: pointer;
    background-position: right;
    box-shadow: 0 8px 10px 3px rgba(167, 127, 96, 0.2);
}

/*slot*/


.game-name {
    font-size: 40px;
    font-weight: 500;
    color: #f29135;
}
.button-game {
display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
    row-gap: 10px;
    column-gap: 10px;
}
.btn__game {
    display: block;
    width: 300px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    text-align: center;
    background: linear-gradient(to left, #FDC830, #F37335, #FDC830);
    background-size: 200%;
    padding: 15px 20px;

    border-radius: 10px;
    transition: 0.5s;
}
.btn__game:hover {
    cursor: pointer;
    background-position: right;
    box-shadow: 0 8px 10px 3px rgba(167, 127, 96, 0.2);
}

.demo-iframe {
    position: relative;
    margin-bottom: 10px;

}
iframe {
    width: 100%;
}
.demo-game {

}
.demo-game img {

    box-shadow: 0 5px 21px -1px rgba(0, 0, 0, 0.24);
    filter: brightness(0.3) blur(1px);
}


.play-btn {
    font-size: 18px;
    position: absolute;
    text-align: center;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: 500;
    background: #a5bbcf;
    width: 200px;
    padding: 15px 0;
}

.play-btn:hover {
    background: #a9cbeb;
}

/*parameter*/

.parameter {
    color: #FEFCF3;
    background: #2d393a;
    border-radius: 7px;
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0 5px 21px -1px rgba(0, 0, 0, 0.24);
}

.parameter__inner {
    display: flex;
    justify-content: space-between;
}

.parameter__col {
    flex: 0 0 33%;
}
.col-roulette {
    flex: 0 0 49%;
}

.parameter__head {
    text-align: center;
    font-size: 20px;
    margin: 5px 0;
}

.parameter__list {
    list-style: none;
    font-size: 14px;
}
.parameter__list li {
    text-align: center;
    margin: 8px 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    border: 1px solid #d6e4e52a;
    padding: 10px;
}

.description-demo {
    color: #FEFCF3;
    line-height: 1.6;
    padding: 20px;
    background: #2d393a;
    border-radius: 7px;
    margin: 10px 0;
    box-shadow: 0 5px 21px -1px rgba(0, 0, 0, 0.24);
}

/* PAGE-RATING */

.page-casino {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    color: #FEFCF3;
    font-size: 15px;
    margin-top: 10px;
}

.casino__block {
    width: 470px;
    display: flex;
    margin-bottom: 10px;
    line-height: 1.6;
    background: #5f757a9f;
    /*background: #3F4E4F;*/
    border: 1px solid #d6e4e52a;
    box-shadow: 1px 5px 11px 0 rgba(0, 0, 0, 0.2);
}

.casino__col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}
.casino__image img{
    margin: 12px 0 7px 0;
    border-radius: 80px;
    box-shadow: 1px 5px 11px 0 rgba(0, 0, 0, 0.2);
}
.casino__name {
    color: #FC7300;
    font-size: 22px;
    font-weight: 500;

}
.casino__rating {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.rating {
    margin-bottom: -10px;
}
.casino__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 13px;
    text-align: left;
    padding: 7px 5px;

}
.casino__text p {
    padding: 0 20px;
    margin: 5px 0;
}
.casino__text ul {
    text-align: left;
    margin: 0;
}

.casino__text li {
    list-style-type: none;
    position: relative;
    padding-left: 25px;
    margin-left: 15px;

}
.casino__text li:before {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url("/template/images/checkmark.png");
}
.casino__button {
    margin: 15px 0;
}
.casino__btn {
    background: linear-gradient(to left, #F2994A, #F2C94C, #F2994A);
    background-size: 200%;
    transition: 0.5s;
    font-size: 20px;
    font-weight: 500;
    color: #000!important;
    text-decoration: none!important;
    border-radius: 10px;
    padding: 9px 45px;
}

.casino__btn:hover {
    background-position: right;
    box-shadow: 0 8px 10px 3px rgba(167, 127, 96, 0.2);
}

/* ROULETTE-PAGE*/

.page-roulette {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px 0;
}
.roulette__block {
    width: 310px;
    position: relative;
}
.roulette__img {
    width: 100%;
    height: auto;
    box-shadow: 1px 5px 11px 0 rgba(0, 0, 0, 0.2);
    border-radius: 7px;
}
.roulette__block:hover .roulette__img {
   filter: blur(2px);
}
.roulette__block:hover .roulette__block {
    display: block;
}
.roulette__name {
    font-size: 27px;
    color: #FEFCF3;
    font-weight: 500;
    position: absolute;
    display: none;
    top: 10%;
    left: 7%;
}
.roulette__block:hover .roulette__name {
    display: block;
}
.roulette__btn {
    color: #000;
    font-size: 22px;
    text-align: center;
    font-weight: 500;
    background: linear-gradient(to left, #FDC830, #F37335, #FDC830);
    background-size: 200%;
    padding: 6px 80px;
    border-radius: 10px;
    transition: 0.5s;
    position: absolute;
    top: 38%;
    left: 13%;
    display: none;
}
.roulette__btn:hover {
    background-position: right;
}
.roulette__block:hover .roulette__btn {
    display: block;
}
.roulette-demo {
    top: 58%;
    left: 16.5%;
    padding: 6px 30px;
}

/*GAME-CONTENT*/

.game-content {
    display: flex;
    color: #FEFCF3;
    background: #2d393a;
    border-radius: 7px;
    padding: 10px;
    margin-bottom: 15px;
    box-shadow: 0 5px 21px -1px rgba(0, 0, 0, 0.24);
}
.img__game {
    width: 250px;
    height: 250px;
}
.game__head {
    font-size: calc(18px + 11 * (100vw/1280));
    font-weight: 500;
    color: #f29135;
    text-align: center;
    padding: 0 15px;
}
.text__game {
    text-align: justify;
    padding: 10px 15px;
    margin-top: 10px;
}

/*FOOTER*/

.footer {
    width: 100%;
    height: auto;
    background: #3F4E4F;
    margin: 0 auto;
    padding-bottom: 15px;
    text-align: center;
    box-shadow: 0 5px 21px -1px rgba(0, 0, 0, 0.24);
}

.header__footer {
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer__menu {
    margin-left: 45px;
    color: #FEFCF3;
    font-size: 14px;
    text-transform: uppercase;
    transition: color 0.1s linear, box-shadow 0.1s linear ;
}
.footer__menu:hover {
    color: #A27B5C;
}
.footer-i {
    transform: rotate(-180deg);
}
.drop-footer {
    transform: translate(-36%, -302px);
}
.crash__btn-footer {
    font-weight: normal;
}
.footer__text {
    display: flex;
    border-top: 1px solid #d6e4e52a;
    padding-top: 10px;
    margin: 0 auto;
    text-align: center;
    width: 800px;
    color: #FEFCF3;
    font-size: 14px;
    line-height: 1.6;
}
.footer__text img {
    width: 35px;
}

/*back-to-top*/

.back_to_top {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: fixed;

    bottom: 50px;

    right: -50px;
    background: #374344;
    cursor: pointer;
    transition: filter 0.1s linear, bottom 0.4s linear;

}
.back_to_top.active {
    right: 50px;
    /*bottom: 50px;*/

    transition: 0.4s linear;
}
.back_to_top:hover,
.back_to_top:focus {
    filter: brightness(1.5);
    outline: none;
}

.rating-value-wrapper {

}

/*MEDIA*/


@media (max-width: 1044px) {
    .container {
        max-width: 950px;
    }

    /*header*/
    .header__body {
        justify-content: space-evenly;
    }
    .header__logo img {
        width: 225px;
        height: auto;
    }
    .header__list li,
    .crash {
        margin-left: 30px;
    }
    .header__link,
    .crash__btn {
        font-size: 13px;
    }


    /*games*/

    .games__item {
        flex: 0 0 32.9%;
    }
    .games__title p {
        font-size: 15px;
    }

        /*casino-list */

    .list__info,
    .menu__info{
        flex: 0 0 200px;
        margin: 0;
    }
    .menu__bonus {
        flex: 1 0 auto;
    }
    .list__rating {
        flex: 0 0 200px;
    }
    .list__text,
    .menu__text {
        flex: 0 0 350px;
    }
    .list__text li {
        font-size: 16px;
    }
    .list__bonus {
        font-size: 17px;
    }
    .bonus {
        font-size: 19px;
    }


    /*casino-block*/

    .casino__block {
        width: 420px;
    }

    /*slots*/
    .slots {
        width: 220px;
    }
    .slots__name {
        font-size: 17px;
    }
    .slots__btn {
        left: 14%;
    }
    .slots-demo {
        left: 19%;
    }


    /*parameter*/

    .parameter__col {
        flex: 1 0 auto;
        margin-left: 5px;
    }
    .parameter__col:first-child {
        margin-left: 0;
    }
}

    /*page-roulette*/

    .roulette__block {
        width: 295px;
    }
    .roulette__btn {
        left: 12%;
    }
    .roulette-demo {
        left: 15.3%;
    }

    /*footer*/

    .crash-footer {
        margin-left: 45px;
    }

@media (max-width: 992px) {
    .container {
        max-width: 760px;
    }

    /*header*/

    .header__logo img {
        width: 200px;

    }
    .header__link {
        font-size: 13px;
    }
    .crash__btn {
        padding-bottom: 2px;
        font-size: 13px;
    }
    .header__list li,
    .crash {
        margin-left: 3px;
    }
    .crash__item {
        display: flex;
        flex-wrap: nowrap;
    }
    .crash__item i {
        margin-left: 4px;
        margin-top: 3px;
    }
    .dropdown {
        min-width: 130px;
        transform: translate(-35px, 10px);
    }

    /*games*/

    .games__item {
        flex: 0 0 49.6%;
    }
    .games__item:nth-child(2) {
        margin-right: 0;
    }
    .games__item:nth-child(4) {
        margin-right: 0;
    }
    .games__item:nth-child(3) {
        margin-right: 5px;
    }

    /*casino-list*/

    .list__inner {
        flex-flow: wrap;
    }

    .menu__bonus {
        flex: 0 0 210px;
        padding-right: 1px;
    }
    .menu__text {
        flex: 0 0 330px;
    }
    .menu__button {
        display: none;
    }

    .list__bonus {
        margin-top: -20px;
        flex: 0 0 210px;
    }
    .list__text {
        flex: 0 0 330px;
    }

    .rating {
        margin-bottom: -10px;
    }
    .list__button {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 100%;
        margin-top: -15px;
    }
    .btn__bonus {
        padding: 12px 80px;
    }

    /*casino-block*/

    .casino__block {
        display: block;
        width: 330px;
    }
    .casino__col {
        margin-left: 0;
    }
    .casino__button {
        margin: 9px 0 5px 0;
    }
    .casino__text {
        display: block;
        padding-bottom: 5px;
    }

    /*slots*/

    .slots__name {
        box-shadow: none;
    }
    .slots__btn {
        padding: 7px 0;
        display: block;
        position: static;
        width: 100%;
    }
    .slots-demo {
        margin: 5px 0;
        background: #a5bbcfcc;
    }
    .slots-load__btn img {
        margin-top: 6px;
    }

    /*parameter*/

    .parameter__head {
        font-size: 18px;
    }

    /*page-roulette*/

    .roulette__block {
        width: 240px;
    }
    .roulette__name {
        font-size: 23px;
    }
    .roulette__btn {
        padding: 6px 0;
        position: static;
        text-align: center;
        margin-top: 5px;
        font-size: 20px;

    }

    /*game*/

    .game-content {
        align-items: center;
    }
    .img__game {
        width: 200px;
        height: 200px;
    }
    .game__head {
        font-size: 22px;
    }



    /*footer*/

    .footer__menu {
        margin-left: 30px;
    }
    .crash-footer {
        margin-left: 30px;
    }
    .crash__btn-footer {
        font-size: 14px;
    }
    .footer__logo img {
        width: 210px;
        height: 50px;
    }
    .footer__text {
        width: 750px;
        font-size: 13px;
    }
    .drop-footer {
        transform: translate(-32%, -290px);
    }
    .footer__text img {
        width: 30px;

    }
}

@media (max-width: 767px) {
    .container {
        max-width: 650px;
    }
    .page {
        padding-top: 58px;
    }

    /*content*/

    .content ul,
    .content ol {
        margin: 3px 0 3px 40px;
    }

    /*header*/

    .header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 50;
    }
    .header:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #3c494a;
        z-index: 10;
    }

    .header__body {
        height: 50px;
        justify-content: space-between;
    }
    .header__burger-btn {
        display: block;
        z-index: 15;
        padding-bottom: 5px;
    }
    .header__logo {
        z-index: 100;
    }
    .header__logo img {
        width: 210px;
    }
    .header__menu {
        z-index: 3;
        position: absolute;
        left: 0;
        top: -300px;
        background-color: #3c494a;
        display: block;
        width: 100%;
        padding: 70px 0 10px 0;
        transition: transform 0.8s;
    }
    .header.open .header__menu {
        transform: translateY(100%);
    }
    .header__list {
        background: #2d393a;
        display: block;
        border-top: 1px solid #d6e4e52a;
    }
    .header__list li {
        padding-left: 10px;
        border-bottom: 1px solid #d6e4e52a;
        margin: 0;

    }

    .header__link {
        width: 100%;
        display: block;
        font-size: 16px;
        padding: 12px 0 12px 10px;
    }
    .crash {
        background: #2d393a;
        border-bottom: 1px solid #d6e4e52a;
        padding: 12px 0 12px 10px;
        margin: 0;
    }
    .crash__item {
        width: 100%;
        display: flex;
    }
    .crash__item i {
        display: none;
    }
    .crash__btn {
        display: block;
        width: 100%;
        text-align: left;
        font-size: 16px;
        padding-left: 10px;
        padding-bottom: 0;
    }
    .dropdown {
        min-width: 400px;
        transform: translate(-1px, 10px);
    }


    /*casino-list*/

    .list__block {
        padding: 10px 0;
    }
    .menu__bonus {
        display: none;
    }
    .list__info,
    .menu__info {
        flex: 0 0 230px;
    }

    .list__bonus {
        transform: translateX(60%);
        flex: 0 0 390px;
    }
    .list__text,
    .menu__text{
        flex: 0 0 390px;
    }
    .list__button {
        transform: translateY(-50%);
        flex: 0 0 230px;

    }

    /*slots*/

    .slots {
        width: 195px;
    }
    .slots__name {
        font-size: 16px;
    }
    .slots__btn {
        left: 10%;
    }
    .slots-demo {
        left: 15%;
    }

    /*parameter*/

    .parameter {
        font-size: 16px;
    }
    .parameter__inner {
        display: block;
    }
    .parameter__col {
        margin-left: 0;
    }
    .parameter__head {
        font-size: 19px;
    }

    .parameter-roulette {
        display: flex;
    }
    .col-roulette {
        margin-left: 5px;
    }
    .col-roulette:first-child {
        margin-left: 0;
    }

    /*game*/

    .img__game {
        width: 200px;
        height: 200px;
    }
    .game__head {
        font-size: 20px;
    }

    /*casino-block*/

    .casino__block {
        width: 270px;
    }
    .casino__text ul {
        margin: 3px 0;
    }

    /*page-roulette*/

    .roulette__block {
        width: 205px;
    }
    .roulette__name {
        font-size: 20px;
    }
    .roulette__btn {
        text-align: center;
        font-size: 18px;
    }

    /*footer*/

    .footer__menu,
    .crash-footer {
        display: none;
    }

    .footer__text {
        width: 650px;
    }
}

@media (max-width: 650px) {
    .container {
        max-width: 570px;
    }

    /*games*/

    .games__item {
        flex: 0 0 49.5%;
    }
    .games__title p {
        font-size: 13px;
    }


    /*casino-list*/

    .menu__text {
        flex: 0 0 300px;

    }
    .list__block {
        padding: 5px 0;
    }
    .list__inner {

    }
    .list__bonus{
        transform: none;
        flex: 0 0 300px;
    }
    .list__text {
        transform: translateX(80px);
        flex: 0 0 400px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: -10px;
        order: 2;
    }
    .list__button {
        flex: 0 0 100%;
        margin-top: 30px;
        order: 2;

    }
    .btn__bonus {
        margin-bottom: -10px;
    }

    /*casino__block*/

    .casino__block {
        width: 100%;
    }
    .casino__text {
        font-size: 15px;
    }
    .casino__text ul {
        margin: 3px 20px;
    }

    /*slots*/

    .slots {
        width: 250px;
    }
    .slots__btn {
        font-size: 17px;
        padding:8px 25px;
        left: 13%;
    }
    .slots-demo {
        left: 18%;
    }
    .slots__name {
        font-size: 17px;
    }
    .slots-load__btn {
        font-size: 18px;
    }
    .slots-load__btn img {
        margin-top: 7px;
    }

    /*page-roulette*/

    .roulette__block {
        width: 180px;
    }
    .roulette__name {
        font-size: 20px;
    }

    /*game*/

    .game-content {
        display: block;
        text-align: center;
    }

    .img__game {
        width: 250px;
        height: 250px;
    }

    /*footer*/

    .footer__text {
        width: 570px;
    }
}


@media (max-width: 570px) {
    .container {
        max-width: none;
    }

    /*content*/

    .content,
    .page-content {
        text-align: left;
    }
    .content ul,
    .content ol {
        margin: 3px 0 3px 30px;
    }

    /*games*/

    .games__item {
        flex: 0 0 49.3%;
    }
    .games__title p {
        font-size: 12px;
    }


    /*casino-list*/

    .list__inner {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .list__menu {
        display: none;
    }
    .list__info {
        flex: none;
        order: 2;
    }
    .list__img {
        width: 200px;
    }
    .list__rating {
        flex: none;
        order: 3;
        margin: 5px 0;
    }
    .list__bonus{
        flex: none;
        order: 4;
        transform: none;
        margin: 5px 0;
    }

    .list__text {
        transform: none;
        flex: none;
        margin: 5px 0;
    }
    .list__button {
        flex: none;
        order: 6;

    }
    .btn__bonus {
        padding: 10px 80px;
    }

    /*casino-block*/

    .casino__text ul {
        margin: 3px 10px;
    }

    /*slots*/

    .page-slots {
        background: none;
        box-shadow: none;
    }
    .slots {
        width: 200px;
    }
    .slots__btn {
        padding:5px 13px;
        left: 9%;
    }
    .slots-demo {
        left: 14%;
    }
    .slots__name {
        font-size: 16px;
    }
    .slots-load__btn {
        font-size: 15px;
        padding: 10px 80px;
        /*white-space: nowrap;*/
    }
    .slots-load__btn img {
        margin-top: 5px;
    }

    /*parameter*/

    .parameter-roulette {
        display: block;
    }
    .col-roulette {
        margin-left: 0;
    }
    /*page-roulette*/

    .page-roulette {
        justify-content: space-around;
    }
    .roulette__block {
        width: 48%;
        margin-bottom: 7px;
    }
    .roulette__block:last-child {
        margin-bottom: 0;
    }
    .roulette__btn {
        font-size: 16px;
    }

    /*footer*/

    .footer__text {
        width: 100%;
        padding: 10px;
    }
    .footer__text img {
        margin-left: 5px;
        margin-right: 10px;
    }
}




@media (max-width: 420px) {

    /*header*/

    .dropdown {
        min-width: 100%;
        transform: translate(-5px, 10px);

    }

    /*slots*/

    .slots {
        width: 300px;
    }
    .slots-load__btn {
        padding: 10px 70px;

    }
    /*games*/

    .games__item {
        margin-right: 0;
        margin-bottom: 7px;
        flex: 0 0 100%;
    }
    .games__title p {
        font-size: 15px;
    }
}