@media screen and (max-width:1200px) {
    .opinion-item {
        flex: 0 0 30.5%
    }
    .content-text.sc img:first-child {
        margin-bottom: 150px
    }
}

@media(max-width:1100px) {
    a.navbar-logo__text {
        font-size: 1em
    }
    .card-items .col-md-6 {
        margin-bottom: 20px
    }
    .top-item__link {
        font-size: 1em
    }
    .card__bonus-type .card-title {
        font-size: 1.5em
    }
    .card__bonus-type .btn {
        margin-bottom: 20px;
        font-size: .8em;
        padding: 10px 30px
    }
}

@media screen and (max-width:992px) {
    .opinion-item {
        flex: 0 0 100%
    }
    .content-text.sc img:first-child {
        width: 100%;
        margin-bottom: 20px
    }
    #table-of-contents {
        width: 100%;
        float: left
    }
    .conclusions-quality__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
}

@media(max-width:768px) {
    #menu-top-menu {
        display: flex
    }
    span.dropdown-icon {
        display: none
    }
    .header.menu {
        height: 50vh !important;
        padding-bottom: 50px;
        transform: translateY(-100%);
        transition: all .4s ease;
        position: fixed;
        top: 0;
        z-index: 9;
        width: 100vw;
        align-items: flex-start;
        overflow-y: scroll;
        scroll-behavior: smooth
    }
    .top-line {
        height: auto !important;
        padding: 10px 0
    }
    .top-line .navbar-items {
        display: none
    }
    .top-line .navbar-search {
        display: none
    }
    .navbar {
        justify-content: center
    }
    .navbar-logo {
        position: static;
        height: 50px;
        width: 50px;
        margin-right: 10px
    }
    a.navbar-logo__text {
        display: block !important
    }
    .show-menu .navbar-items {
        display: flex;
        flex-direction: column;
        background-color: aliceblue;
    }
    .navbar-items.grid {
        display: flex;
        flex-direction: column
    }
    .card-item {
        margin-bottom: 20px
    }
    .header.menu .vertical-line {
        display: none
    }
    .header.menu .navbar-items.row {
        flex-direction: row;
        justify-content: space-around;
        margin: 30px 0
    }
    .btn-toggle__menu {
        display: flex;
        flex-direction: column;
        background: 0 0;
        border: none;
        height: 45px;
        width: 45px;
        outline: 0;
        align-items: center;
        justify-content: center
    }
    .header.menu .navbar-search {
        display: flex;
        justify-content: center;
        width: 100%
    }
    .header.menu .btn-search,
    .header.menu .input-search,
    .navbar-items.row {
        display: flex !important
    }
    .bonuses-type .card-item {
        margin-bottom: 30px;
        min-height: 200px;
        justify-content: space-between
    }
    .card-title {
        min-height: 62px
    }
    .card__bonus-type .card-title {
        min-height: auto
    }
    .footer-item {
        align-items: center;
        flex-direction: column;
        justify-content: center
    }
    .footer-items {
        padding: 30px 0
    }
    .header.menu .top-item__link {
        background: linear-gradient(to top left, #bb0fa5, #7b74d3);
        box-shadow: 3px 5px 6px rgba(164, 51, 181, .4)
    }
    .main-content section {
        width: 90%;
        margin: 40px auto
    }
    section.top-casino {
        margin-top: -50px;
        margin-bottom: 10px
    }
    section.sino {
        margin: -50px auto 40px
    }
    section.bonuses-type {
        width: 100%
    }
    header.header.single-page {
        height: 20vh
    }
    .title-h1 {
        font-size: 2em;
        height: 25vh
    }
    .test-item__header-wrapper {
        height: auto
    }
    .test-title {
        font-size: 1em;
        margin: 0 10px
    }
    .test-img {
        width: 100px
    }
    .test-btn {
        font-size: .7em;
        margin-bottom: 5px;
        padding: 3px 15px
    }
    .test-text__value {
        font-size: .8em
    }
    .header.homepage {
        background: url(../img/main-bg-laptop.jpg) no-repeat !important;
        background-size: cover !important
    }
    .content-text h1:before,
    .content-text h2:before,
    .content-text h3:before,
    .content-text h4:before,
    .content-text h5:before,
    .content-text h6:before {
        display: none
    }
    .col-tablet-custom-10 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-tablet-custom-2 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .opinion-item {
        flex: 0 0 100%;
        margin: 0 0 20px 0
    }
    section.top-casino.grid__casino {
        margin-top: -25px
    }
    .btn.table-btn {
        width: 100%
    }
    .table-bonuses__item-title {
        display: none !important
    }
    .casino-info {
        width: 100% !important
    }
    .casino-info__link a svg {
        display: none
    }
    .content-text.sc img:first-child {
        width: 100%
    }
    #table-of-contents {
        width: 100%;
        float: left
    }
    .breadcrumbs {
        margin: 20px;
    }
}

@media (max-width:640px),
(max-width:711px) and (orientation:landscape) {
    #table-of-contents {
        display: block;
        margin: 0 auto 20px auto;
        float: none;
        min-width: auto;
        width: 100%
    }
    .content-text.sc img:first-child {
        width: 100%;
        margin-bottom: 20px;
        height: auto
    }
}

@media(max-width:525px) {
    .posts {
        display: flex;
        flex-wrap: wrap;
        grid-row-gap: 0;
        grid-column-gap: 0;
        grid-template-columns: 100%;
        margin-bottom: 35px;
    }
    .post {
        flex: 0 0 100%;
    }
    .title-h1 {
        font-size: 1.4em;
        margin-top: 50px;
        text-align: center;
        padding: 15px;
        height: 10vh
    }
    header.header.single-page {
        min-height: 20vh;
        position: relative
    }
    .test-item {
        width: 90%;
        margin: 30px auto
    }
    .test-item__header-wrapper {
        flex-direction: column;
        height: auto;
        padding-bottom: 15px
    }
    .test-logo__wrapper {
        flex-direction: column;
        width: 100%
    }
    .test-img {
        width: 100%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }
    .test-title {
        margin: 15px 0
    }
    .test-ratings {
        margin: 0 0 15px
    }
    .test-btn {
        margin: 0
    }
    .infograp-item {
        flex-direction: column
    }
    .table-bonuses tr {
        display: flex;
        flex-direction: column
    }
    .card-items .col-md-6 {
        margin-bottom: 20px
    }
    .table-bonuses__logo-wrapper {
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 10px
    }
    .table-bonuses__logo-wrapper a,
    .table-bonuses__item-img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }
    .modal_container {
        height: 500px;
        overflow-y: scroll
    }
    .header.homepage {
        background: url(../img/main-bg-mobile.jpg) no-repeat !important;
        background-size: cover !important
    }
    .header.menu .navbar-items.row {
        margin: 10px 0;
        justify-content: center
    }
    .header.menu .navbar-items.row .navbar-item {
        margin: 7px
    }
    .header.menu .navbar-items.row .navbar-item:first-child {
        margin-left: 0
    }
    .header.menu .navbar-items.row .navbar-item:nth-child(2) {
        margin-right: 0
    }
    .header.menu .navbar-items.row .navbar-item:last-child {
        margin-right: 0
    }
    .navbar-item__link {
        margin-bottom: 10px
    }
    .top-line {
        max-height: 50px
    }
    .header.menu {
        margin-top: 50px
    }
    .header.menu .navbar-search {
        display: none !important
    }
    .infograp-title {
        font-size: .9em
    }
    .infograp-title:before {
        height: 75px
    }
    .header.menu.show-menu .navbar-search {
        display: flex !important;
        width: 85%;
        margin-bottom: 20px
    }
    .card-casino .card-title {
        min-height: auto
    }
    .card-casino .card-text {
        min-height: auto
    }
    .acc_head span {
        font-size: .8em;
        line-height: normal
    }
    .contact-form .question-form__wrapper {
        width: 100%
    }
    .t_title {
        display: block
    }
    .t_bonus__wrapper {
        display: flex;
        flex-direction: column;
        text-align: right
    }
    .thead-dark {
        display: none
    }
    .btn.table-btn {
        margin-top: 10px
    }
    .table-bonuses__item-title,
    .table-bonuses__wrapper-link {
        width: 100%
    }
    .btn.table-btn {
        width: 180px
    }
    .table-bonuses__item-title {
        display: flex !important
    }
    .casino-info__link {
        margin-top: 10px
    }
    .casino-info__link a svg {
        display: block
    }
}

@media(max-width:325px) {
    .top-item__link {
        font-size: .8em
    }
    .navbar-item__link {
        font-size: .8em
    }
    .header.menu .navbar-items.row {
        margin: 15px 0
    }
}