@media only screen and (max-width:1024px) {
    /* Home */
    .postWrap .reviewItem .casIntro { max-height: 85px;}
    .postWrap .reviewItem.topNone .casLogo { margin: 0 15px 0 20px; }
    .postWrap .reviewItem.topNone .casLinks { width: 160px; padding-left: 15px; }
    .postWrap .reviewItem .casLogo { width: 70px; height: 70px; min-width: 70px; }
    .postWrap .reviewItem.topItem .casLogo::after { left: -11px; width: 90px; height: 90px; }

    /* Review */
    .reviewHead { padding-bottom: 0; }
    .reviewHead .casLinks { margin-top: -20px; }
    .reviewHead .casLinks .button:not(.mainButton) { padding: 7px 15px; }
    .reviewHead .casLinks form .col-auto:first-child { position: absolute; margin-top: 8px; }
    .reviewHead .casLinks form .col-auto:not(:first-child) { margin-top: 45px; }
    .reviewHead .casLinks form label { font-size: 14px; }
    .nav-tabs .nav-link { padding: 7px 30px; }
    .nav-tabs .nav-link.active { padding: 7px 36px; }

    /* Component */
    .faqsWrapper.twoCol .faqToggle { max-width: 450px; }

    .tableHeader .bonus { margin-left: 100px; }
    .tableHeader .detail { width: 190px; }

    .pagePadding .col-lg-9, 
    .pagePadding .col-lg-3 { width: 100%; }
    .pagePadding .col-lg-3 { padding: 0; }

    .widget { margin-top: 30px; }
    .widget_bet100m_top5_reviews_widget .postWrap .reviewItem .casBonus { width: 800px; }
    .widget_bet100m_top5_reviews_widget .postWrap .reviewItem.topNone .casLinks { width: 130px; padding-right: 20px; }
}

@media only screen and (max-width:768px) {

    .main-navigation li { margin-left: 12px; }

    .pagination { margin-top: 30px; padding-bottom: 10px; border-bottom: 1px solid rgba(238, 238, 238, 0.5); }

    ul.latest-review { margin: 40px -12px 0; }
    ul.latest-review li { padding-left: 40px; }

    .moreButton { font-size: 20px; }

    .post-type-archive-review .pagePadding .col-12 { padding: 0; }

    .compCanvas .qPostWrap.d-flex::after, 
    .faqsWrapper.twoCol::after { content: ''; clear: both; display: block; }

    /* Header */
    .site-header .container { position: relative; }
    .site-header .d-flex { display: block !important; }
    .site-header .main-navigation ul { margin-top: 20px; justify-content: flex-end; display: none; list-style: none; margin: 0; padding-left: 0; }
    .site-header .main-navigation ul li { margin-left: 0; }
    .site-header .main-navigation ul li a { padding: 10px 0; text-align: center; }
    .site-header .main-navigation.toggled ul { display: block; }
    .site-header .menu-toggle { display: block; font-size: 30px; padding: 0; background: transparent; position: absolute; z-index: 9; top: 10px; right: 15px; }
    .site-header .menu-toggle[aria-expanded="false"] .fa-bars { display: block; }
    .site-header .menu-toggle[aria-expanded="false"] .fa-times { display: none; }
    .site-header .menu-toggle[aria-expanded="true"] .fa-bars { display: none; }
    .site-header .menu-toggle[aria-expanded="true"] .fa-times { display: block; }

    /* Home */
    .slickCasino .slick-track { margin: 0; }
    .cCardBlock { padding-top: 20px; }
    .postWrap.gameQ { margin-bottom: 20px; }
    .postWrap .reviewItem.topNone .casDesc,
    .postWrap.gameQ .gameItem:last-child { display: none; }

    .faqsWrapper.twoCol { display: block !important; margin-bottom: 25px; }
    .faqsWrapper.twoCol .faqToggle { width: 47%; float: left; clear: none; margin: 0 10px 15px; }

    /* Game */
    .postWrap.gameQ .gameItem { width: 31.9%; }

    /* Review */
    .navWrapper a { margin-right: 12px; }
    .reviewHead { padding-top: 40px; }
    .reviewHead .casIntro, 
    .reviewHead .casIntro h1 { margin-top: 0; position: relative; }
    .reviewHead .casLinks { border-top: 1px solid rgba(238, 238, 238, 0.5); padding-top: 20px; margin-top: 15px; }
    .reviewHead .casLinks, 
    .reviewHead .casLinks p { text-align: center !important; }
    .reviewHead .casLinks p { font-size: 22px; width: 100%; }
    .reviewInfo .information .col-12 { width: 50%; float: left; clear: none; }
    .reviewInfo .information .order-first { width: 100%; margin-bottom: 30px; }
    .reviewHead .casLinks { padding-top: 15px; }
    .reviewHead .casLinks form { float: none; text-align: center; margin: 15px auto 0; display: inline-flex; }
    .reviewHead .casLinks form .col-auto:first-child { position: static; margin-top: 15px; }
    .reviewHead .casLinks form .col-auto:not(:first-child) { margin-top: 15px; }
    
    /* Blog */
    .postItem .entry-detail { padding: 10px 15px; }
    .postItem .entry-meta { font-size: 10px; }

    /* Component */
    .blankSpace { display: none; }
    .qPostWrap { gap: 10px; }
    .single .compCanvas .faqsWrapper { padding: 30px 20px; }
    .postWrap .reviewItem .casLogo { margin-left: auto; }
    .postWrap .reviewItem .casLogo::after { left: -9px; }
    .postWrap .reviewItem .casIntro h4 { margin-bottom: 0; }
    .postWrap .reviewItem .casIntro p { margin-bottom: 0; }
    .postWrap .reviewItem .casLinks .mainButton { width: 100%; border-radius: 32px; padding: 12px 15px; }
    .postWrap .topItem { padding: 0 15px 20px; }
    .postWrap .topItem .casLinks .mainButton::after { right: 22px; }
    .postWrap .topItem::before { left: 12px !important; }
    .postWrap .reviewItem.topItem .casIntro p { margin-bottom: 0;}
    .postWrap .reviewItem.topItem .casLogo .logoBorder { width: 90px; height: 90px; }

    .compCanvas .qPostWrap.d-flex { display: block !important; margin: 30px -15px; }
    .compCanvas .qPostWrap .postItem { width: 45.8%; float: left; margin: 15px; }

    .writerWrapper { width: calc(100% - 70px); }

    .tableHeader { font-size: 16px; margin-bottom: 15px; padding: 12px 10px; }
    .tableHeader .bonus { margin-left: 80px; width: 265px; }
    .tableHeader .link { display: none; }

    .snapBottom .mainButton::after,
    .snapBottom .bonusBottom .heading { display: none; }
    .snapBottom .mainButton { width: 120px; text-align: center; padding: 15px; }
    .snapBottom p { 
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* number of lines to show */
                line-clamp: 2; 
        -webkit-box-orient: vertical; 
        margin: 0 12px;
    }
    .snapBottom .bonusBottom .logo { margin-top: -20px; }
    .snapBottom .bonusBottom .logo .logoBorder { width: 70px; height: 70px; top: 0; left: 0; }
    .snapBottom .bonusBottom .logo img { max-width: 70px !important; width: 70px !important; height: 70px !important; }

    .widget_bet100m_top5_reviews_widget .postWrap .reviewItem .casBonus { width: 600px; }
}