/* Responsive styles */

#mobile-bg, #toggle-menu { display: none; }

@media only screen and (max-width: 1000px) {
    html,body { overflow-x: hidden; }
    body { background: none; width: 100%; position: relative; }
    * {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
    }    
    img { max-width: 100%; height: auto!important; }
    
    #leftcontainerBox { display: none; }
    
    #header, #content, .footer_inside { width: 748px; }
    
    /* Header */
    #mobile-bg { background:url("../../uploads/2012/10/2.jpg") center top no-repeat; position: absolute; top: 0; left: 50%;
    width: 1600px; display: block; height: 148px; margin-left: -690px; }
    #toggle-menu { display: block; text-align: center; line-height: 30px; color: #fff; font-size: 14px; font-weight: bold; }
    #toggle-menu.active { opacity: .5; }
    #menu-wrapper { border:1px #5b9fc3 solid; background:url("../wp-master-theme/images/nav_bg.png"); margin-top: 6px; }
    .logo { width: 440px; }
    .nav { border: 0 none; overflow: hidden; max-height: 0; display: block; height: auto; width: 100%;
    transition: all 600ms ease; }
    .nav.active { max-height: 100em; }
    .nav>li { display: block; float: none; width: 100%; padding: 0; margin: 0; background: none; }
    .nav>li>a { float: none; display: block; background: none; }
    .nav li ul { position: relative; width: 100%; top: 0; }
    
    
    
    /* Homepage */
    .main_content { width: 510px; }
        .guide_box ul { width: 100%; }
        .guide_box ul li { width: 100%; margin-right: 0; }
        .gui_txt { width: auto; float: none;  }
        .gui_img { margin-right: 15px; }
        .casino_list { width: 100%; }
        .news_list li { width: 25%; }
        .slot_list ul { width: 100%; }
        .main_content iframe { width: 100%!important; }
    
    
    .sidebar { width: 220px; }
        .side_title { width: 100%; background-position: right top; font-size: 11px; }
        .side_block { width: 100%; padding: 7px 10px; }
            .side_block ul { width: 100%; }
        .side_block ul.game_list2 li { width: 100%; padding-right: 5px; }
            .game_txt2 { float: none; width: auto; }
        .game_img1 { float: none; width: 100%; text-align: center; margin: 0;} 
        .game_txt1 { float: none; width: 100%; text-align: center; }
    .cat-post-widget .side_block ul li { padding-right: 5px; padding-left: 5px; }
    
    /* Review */
    .game_box1, .game_box1_inside1, .game_box1_inside2, .game_box2, .game_box2_inside1, .game_box2_inside2 { width: 100%; }
    .game_box1_inside2 iframe { width: 100%!important; }
    .option_box { width: 150px; }
    .option_box_inside1, .option_box_inside2, .option_box .opt_cont { width: 100%; }
    .option_box .opt_logo { width: 100%; }
    .option_box .opt_cont { padding-right:5px; padding-left:5px; }
    .option_box .opt_cont .btn_play { width: 100%; }
    .gam_logo { float: none; width: 100%; border-bottom: 1px solid #E2E2E2; border-right: 0 none; }
    .gam_txt, .gam_btn { width: 50%; }
    .gam_txt { padding-left: 10px; padding-right:10px; padding-bottom: 10px; }
    .game_box_line { width: 100%; }
    
    .breadcrum { width: 100%; overflow: auto; height: auto; }
    .breadcrum_inside { width: auto; white-space: nowrap; }
    
    /* Review 2 */
    .cont_col1 { width: 200px; }
    .vir_box, .vir_box_inside, .cont_col2_inside { width: 100%; }
    .vir_block { float: none; width: 100%; margin-bottom: 10px; }
    .cas_intro2, .cas_intro2_inside, .cas_intro2_inner { width: 100%; height: auto; }
    .cas_intro_logo2 { float: none; width: 100%; text-align: center; border-bottom: 1px solid #E2E2E2; }
    .cas_intro_txt2, .cas_intro_btn2 { width: 50%; }
    
    /* News */
    .art_txt { float: none; width: auto; }
    
    .popup-dom-lightbox-wrapper { display: none!important; }
}

@media only screen and (max-width: 767px) {
    html { background: none; }
    body { overflow: hidden; }
    #header, #content, .footer_inside { width: 480px; }
    #mobile-bg { background-size: 1081px 100px; width: 1081px; display: block; height: 100px; margin-left: -450px; }
    
    #header { height: 100px; }
    .logo { height:62px; width: 300px;  }
    
    /* Home */
    .main_content { width: 100%; float: none; }
        .option_box { width: 31%; margin 0 1% 5% 1%;  }
    
    .sidebar { display: none; }
    
    /* Review */
    .gam_txt { float: none; width: 100%; border-bottom: 1px solid #E2E2E2;}
    .gam_btn { float: none; width: 100%; }
    .option_box { width: 100%; margin: 0 auto 4%; float: none; max-width:300px;  }
    .option_box .opt_cont .btn_play { max-width: 80%; margin: 0 auto; }
    
    /* Review 2 */
    .cont_col1, .cont_col2 { width: 100%; float: left; overflow: hidden; }
    .vir_block { width: 170px; float: left; }
    .last_vir_block { float: right; }
    .cas_intro1, .cas_info, .cas_info_block1, .cas_info_block2, .cas_info_block3, .cas_info_block4 { width: 100%; }
    
    
    
    /* Footer */
    .footer_inside { font-size: 10px; }
}

@media only screen and (max-width: 479px) {
    #header, #content, .footer_inside { width: 320px;  }
    
    #mobile-bg { background-size: 870px 80px; width: 870px; display: block; height: 80px; margin-left: -334px; }
    
    #header { height: 80px; }
    .logo { height:42px; width: 250px;  }
    
    .news_list li { width: 50%; }
    .vir_block { width: 170px; float: none; }
    .vir_box { width: 68%; margin: 0 auto 20px; float: none;  } 
    .vir_box_inside { width: 100%; }
    .cas_intro_txt2 { float: left; width: 100%; text-align: center; border-bottom: 1px solid #E2E2E2; padding-bottom: 10px; }
    .cas_intro_btn2 { float: left; width: 100%; text-align: center; border: 0 none; }
    
    .tablepress tbody tr { display: block; width: 100%; border-bottom: 1px solid #DDD; padding: 10px 0; }
    .tablepress tbody td { display: block; width: 100%; text-align: center!important; border: 0 none!important; }
    .tablepress tbody td.column-1 br { display: none; }
    .tablepress thead th{ display: block;}
    .tablepress thead th.column-2, .tablepress thead th.column-5 { display: none; }
    .btn_beg { display: inline-block; }
}
.clearfix::after{content:"";display:table;clear:both}