@media(min-width:0px) and (max-width:767px){
.container{ max-width:100%; }

/*--------------- HEADER_START --------------*/

/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/

.tentang_box_title_hp{width:38%;}
.tentang_box_info_hp{width:62%;}



.game_boxes_hp{flex-flow:wrap;}
.game_box_hp{width:calc(33.33% - 7px); margin:4px;}
.game_box_hp:nth-child(3n){margin-right: 0;}
.menu_sidebar_nhp{ width:224px; } 


/*--------------- CONTAIN_END --------------*/

/*--------------- pragmatic_page_START --------------*/


.slot_left_in_pp h3{font-size: 24px; text-shadow: 2px 2px 5px black; padding-left:0;     padding-right: 12px;}
.login_block_in_pp {padding:0;}
.login_grid_pp { display:block;}
.buttons {margin-right:0px;}
.buttons a {float: left; font-size: 25px; margin: 0; width:100%; display:block; border-radius:0;} 
.game_block_pp {padding: 0 0 60px 0;}
.bimabet_info_pp h1 {font-size: calc(1.375rem + 1.5vw);}
.bimabet_info_pp h2 {font-size: calc(1.325rem + .9vw);}
.bimabet_info_pp h3 {font-size: calc(1.3rem + .6vw);}
.game_block_pp {padding: 0 0 40px 0;}
.game_width_pp {width: calc(50% - 5px); margin-bottom: 15px;}
.game_width_pp:nth-child(2n){margin-right:0;}
.bocoran_block_pp { padding: 0px 0 0 0;}
.bocoran_block_in_pp { padding: 0; }
.login_btn_pp{ width:100%; }
.login_btn_pp .buttons{ width:50%; }
.game_top_pp .col-md-2.col_5 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

/*--------------- pragmatic_page_END --------------*/


/*--------------- FOOTER_START --------------*/

/*--------------- FOOTER_END --------------*/

}

@media(min-width:768px) and (max-width:991px){
.container{max-width:100%;}

/*--------------- HEADER_START --------------*/


/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/

.tentang_box_title_hp{width:26%;}
.tentang_box_info_hp{width:74%;}


/*--------------- CONTAIN_END --------------*/

/*--------------- FOOTER_START --------------*/

/*--------------- FOOTER_END --------------*/


}

@media(min-width:992px) and (max-width:1250px){
.container{ max-width:100%; }

/*--------------- HEADER_START --------------*/

/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/



.tentang_box_title_hp{width:26%;}
.tentang_box_info_hp{width:74%;}


/*--------------- CONTAIN_END --------------*/

/*--------------- FOOTER_START --------------*/


/*--------------- FOOTER_END --------------*/


}