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

/*--------------- HEADER_START --------------*/
#header{ padding:0px; }
.header-in-hp{ min-height:60px; justify-content: space-between; }
.header_logo_hp { width: 140px; }
.consult_btn_hp a{ padding: 8px 20px; font-size: 14px; }
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{ margin:0px; padding:60px 0 0 0;}
.fix-header #contain{ padding:60px 0 0 0; }

.banner_block_hp{ padding:0; }
.games_block_hp{ padding:40px 0 0 0; }
.games_top_hp{ padding-bottom:40px; display:block; }
.games_left_hp{ margin:auto; width:100%; }
.games_right_hp{ width:100%; margin:15px 0 0 0; flex-wrap:wrap; justify-content: center; }
.games_rectangle_hp{ width:calc(50% - 5px); margin-right:10px; margin-bottom:10px; }
.games_rectangle_hp:nth-child(2n){ margin-right:0; }
.games_info_hp{ font-size:14px; line-height:16px; }

.selamat_middle_hp{ padding:40px 0; flex-direction: column-reverse; }
.selamat_right_hp { width: 300px; }
.selamat_left_hp{ width:100%; padding:20px 0 0 0; }
.selamat_info_hp h3{ font-size: 18px; line-height: 24px; }
.selamat_info_hp p { font-size: 14px; line-height: 24px; padding-top: 15px; }

.tahun_middle_hp{ background:none !important; padding:50px 0;}
.tahun_info_hp h3{ font-size: 18px; line-height: 24px; }
.tahun_info_hp p { font-size: 14px; line-height: 24px; padding-top: 15px; }

.online_block_hp{ padding:40px 0; }
.online_middle_hp{ width:100%; }
.online_info_hp h3{ font-size: 18px; line-height: 24px; }
.online_info_hp p { font-size: 14px; line-height: 24px; padding-top: 15px; }

.bonus_img_hp { max-width: 300px; margin: auto; }
.bonus_block_hp{ padding-top:40px; }
.bonus_top_hp{ flex-direction: column; padding-bottom:40px; }
.bonus_rectangle_hp{ width:100%; }
.bonus_grid_hp{ width:100%; padding:40px 0 0 0; }
.bonus_info_hp h3{ font-size: 18px; line-height: 24px; }
.bonus_info_hp p { font-size: 14px; line-height: 24px; padding-top: 15px; }

.bonus_top_2_hp{ padding-top:0px; }
.bonus_top_2_hp .bonus_rectangle_hp{ width:100%; padding:0; }
.bonus_rg_img_hp { margin: 10px 10px 10px 0; width: calc(33.33% - 7px); min-height: 72px; }
.bonus_rg_img_hp img { width: 84px; }
.bonus_top_2_hp .bonus_grid_hp{ width:100%; }

.bonus_top_3_hp .bonus_rectangle_hp{ width:100%; }
.bonus_top_3_hp .bonus_grid_hp{ width:100%; padding:40px 0 0 0; }
/*--------------- CONTAIN_END --------------*/

/*--------------- FOOTER_START --------------*/
.footer-middle-hp{ padding:30px 0 0px 0; flex-wrap: wrap; }
.footer_logo_hp{ margin:auto; }
.footer_bottom_hp{ padding:30px 0 30px 0; }
.footer_bottom_middle_hp{ flex-wrap:wrap; }
.footer_bottom_left_hp ul{ flex-wrap:wrap; justify-content: center; }
.footer_bottom_left_hp ul li { font-size: 14px; line-height: 30px; padding: 0 13px !important; margin-bottom:15px; }
.copyright_hp{ text-align:center; font-size: 14px; width:100%; }
.footer_bottom_left_hp{ width:100%; }
/*--------------- FOOTER_END --------------*/
}

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

/*--------------- HEADER_START --------------*/
#header{ padding:0px; }
.header-in-hp{ min-height:60px; justify-content: space-between; }
.header_logo_hp { width: 140px; }
.consult_btn_hp a{ padding: 8px 20px; font-size: 14px; }
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{ margin:0px; padding:60px 0 0 0;}
.fix-header #contain{ padding:60px 0 0 0; }

.banner_block_hp{ padding:0; }
.games_block_hp{ padding:40px 0 0 0; }
.games_top_hp{ padding-bottom:40px; display:block; }
.games_left_hp{ margin:auto; width:100%; }
.games_right_hp{ width:100%; margin:15px 0 0 0; flex-wrap:wrap; justify-content: center; }
.games_rectangle_hp{ width:calc(33.33% - 7px); margin-right:10px; margin-bottom:10px; }
.games_rectangle_hp:nth-child(3n){ margin-right:0; }
.games_info_hp{ font-size:14px; line-height:16px; }

.selamat_middle_hp{ padding:40px 0; flex-direction: column-reverse; }
.selamat_right_hp { width: 300px; }
.selamat_left_hp{ width:100%; padding:20px 0 0 0; }
.selamat_info_hp h3{ font-size: 18px; line-height: 24px; }
.selamat_info_hp p { font-size: 14px; line-height: 24px; padding-top: 15px; }

.tahun_middle_hp{ background:none !important; padding:50px 0;}
.tahun_info_hp h3{ font-size: 18px; line-height: 24px; }
.tahun_info_hp p { font-size: 14px; line-height: 24px; padding-top: 15px; }

.online_block_hp{ padding:40px 0; }
.online_middle_hp{ width:100%; }
.online_info_hp h3{ font-size: 18px; line-height: 24px; }
.online_info_hp p { font-size: 14px; line-height: 24px; padding-top: 15px; }

.bonus_img_hp { max-width: 300px; margin: auto; }
.bonus_block_hp{ padding-top:40px; }
.bonus_top_hp{ flex-direction: column; padding-bottom:40px; }
.bonus_rectangle_hp{ width:100%; }
.bonus_grid_hp{ width:100%; padding:40px 0 0 0; }
.bonus_info_hp h3{ font-size: 18px; line-height: 24px; }
.bonus_info_hp p { font-size: 14px; line-height: 24px; padding-top: 15px; }

.bonus_top_2_hp{ padding-top:0px; }
.bonus_top_2_hp .bonus_rectangle_hp{ width:100%; padding:0; }
.bonus_rg_img_hp { margin: 10px 10px 10px 0; width: calc(33.33% - 7px); min-height: 72px; }
.bonus_rg_img_hp img { width: 84px; }
.bonus_top_2_hp .bonus_grid_hp{ width:100%; }

.bonus_top_3_hp .bonus_rectangle_hp{ width:100%; }
.bonus_top_3_hp .bonus_grid_hp{ width:100%; padding:40px 0 0 0; }
/*--------------- CONTAIN_END --------------*/

/*--------------- FOOTER_START --------------*/
.footer-middle-hp{ padding:30px 0 0px 0; flex-wrap: wrap; }
.footer_logo_hp{ margin:auto; }
.footer_bottom_hp{ padding:30px 0 30px 0; }
.footer_bottom_middle_hp{ flex-wrap:wrap; }
.footer_bottom_left_hp ul{ flex-wrap:wrap; justify-content: center; }
.footer_bottom_left_hp ul li { font-size: 14px; line-height: 30px; padding: 0 13px !important; margin-bottom:15px; }
.copyright_hp{ text-align:center; font-size: 14px; width:100%; }
.footer_bottom_left_hp{ width:100%; }
/*--------------- FOOTER_END --------------*/
}

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

/*--------------- HEADER_START --------------*/
#header{ padding:0px; }
.header-in-hp{ min-height:60px; justify-content: space-between; }
.header_logo_hp { width: 140px; }
.consult_btn_hp a{ padding: 8px 20px; font-size: 14px; }
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{ margin:0px; padding:60px 0 0 0;}
.fix-header #contain{ padding:60px 0 0 0; }

.banner_block_hp{ padding:0; }

.games_block_hp{ padding:60px 0 0 0; }
.games_top_hp{ padding-bottom:60px; }
.games_left_hp{ width:40%; }
.games_right_hp{ width:calc(60% + 54px); flex-wrap:wrap; }
.games_rectangle_hp{ width:calc(33.33% - 7px); margin-right:10px; margin-bottom:10px; }
.games_rectangle_hp:nth-child(3n){ margin-right:0; }
.games_info_hp{ font-size:14px; line-height:16px; }

.selamat_middle_hp{ padding:60px 0; }
.selamat_right_hp { width: 30%; }
.selamat_left_hp{ width:70%; padding:0px 30px 0 0; }
.selamat_info_hp h3{ font-size: 18px; line-height: 24px; }
.selamat_info_hp p { font-size: 14px; line-height: 24px; padding-top: 15px; }

.tahun_middle_hp{ padding:70px 0 170px 0;}
.tahun_info_hp{ max-width:500px; }
.tahun_info_hp h3{ font-size: 18px; line-height: 24px; }
.tahun_info_hp p { font-size: 14px; line-height: 24px; padding-top: 15px; }

.online_block_hp{ padding:60px 0; }
.online_middle_hp{ width:70%; }
.online_block_hp:after{ height:500px; }
.online_info_hp h3{ font-size: 18px; line-height: 24px; }
.online_info_hp p { font-size: 14px; line-height: 24px; padding-top: 15px; }

.bonus_block_hp{ padding-top:60px; }
.bonus_top_hp{ }
.bonus_rectangle_hp{ width:40%; }
.bonus_grid_hp{ width:60%;}
.bonus_info_hp h3{ font-size: 18px; line-height: 24px; }
.bonus_info_hp p { font-size: 14px; line-height: 24px; padding-top: 15px; }

.bonus_top_2_hp{ padding-top:0px; }
.bonus_top_2_hp .bonus_rectangle_hp{ width:100%; }
.bonus_rg_img_hp { margin: 10px 10px 10px 0; width: calc(33.33% - 7px); min-height: 72px; }
.bonus_rg_img_hp img { width: 84px; }
.bonus_top_2_hp .bonus_grid_hp{ width:100%; }

.bonus_top_3_hp .bonus_rectangle_hp{ width:40%; }
.bonus_top_3_hp .bonus_grid_hp{ width:60%; padding:0 0 0 30px; }
.bonus_top_4_hp .bonus_grid_hp{ padding:0 30px 0 0; }
/*--------------- CONTAIN_END --------------*/

/*--------------- FOOTER_START --------------*/
.footer-middle-hp{ padding:30px 0 0px 0; flex-wrap: wrap; }
.footer_logo_hp{ margin:auto; }
.footer_bottom_hp{ padding:30px 0 30px 0; }
.footer_bottom_middle_hp{ flex-wrap:wrap; }
.footer_bottom_left_hp ul{ flex-wrap:wrap; justify-content: center; }
.footer_bottom_left_hp ul li { font-size: 14px; line-height: 30px; padding: 0 13px !important; margin-bottom:15px; }
.copyright_hp{ text-align:center; font-size: 14px; width:100%; }
.footer_bottom_left_hp{ width:100%; }
/*--------------- FOOTER_END --------------*/
}

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


/*--------------- CONTAIN_START --------------*/
.games_left_hp { width: 230px; }
.games_right_hp { width: calc(100% - 200px); margin-left: -30px; }
.games_title_hp{ font-size: 17px; line-height: 27px; padding: 0 40px 13px 16px; }
.games_rectangle_hp{ margin-right:10px; }
.games_info_hp{ font-size: 13px; line-height: 12px; }

.selamat_middle_hp{ padding:60px 0; }
.selamat_right_hp { width: 30%; }
.selamat_left_hp{ width:70%; padding:0px 30px 0 0; }
.selamat_info_hp h3{ font-size: 18px; line-height: 24px; }
.selamat_info_hp p { font-size: 14px; line-height: 24px; padding-top: 15px; }

.tahun_middle_hp{ padding:70px 0 170px 0;}
.tahun_info_hp{ max-width:500px; }
.tahun_info_hp h3{ font-size: 18px; line-height: 24px; }
.tahun_info_hp p { font-size: 14px; line-height: 24px; padding-top: 15px; }

.online_block_hp{ padding:60px 0; }
.online_middle_hp{ width:70%; }
.online_block_hp:after{ height:500px; }
.online_info_hp h3{ font-size: 18px; line-height: 24px; }
.online_info_hp p { font-size: 14px; line-height: 24px; padding-top: 15px; }

.bonus_block_hp{ padding-top:60px; }
.bonus_top_hp{ }
.bonus_rectangle_hp{ width:40%; }
.bonus_grid_hp{ width:60%;}
.bonus_info_hp h3{ font-size: 18px; line-height: 24px; }
.bonus_info_hp p { font-size: 14px; line-height: 24px; padding-top: 15px; }

.bonus_top_2_hp{ padding-top:0px; }
.bonus_top_2_hp .bonus_rectangle_hp{ width:100%; }
.bonus_rg_img_hp { margin: 10px 10px 10px 0; width: calc(33.33% - 7px); min-height: 72px; }
.bonus_rg_img_hp img { width: 84px; }
.bonus_top_2_hp .bonus_grid_hp{ width:100%; }

.bonus_top_3_hp .bonus_rectangle_hp{ width:40%; }
.bonus_top_3_hp .bonus_grid_hp{ width:60%; padding:0 0 0 30px; }
.bonus_top_4_hp .bonus_grid_hp{ padding:0 30px 0 0; }
/*--------------- CONTAIN_END --------------*/

/*--------------- FOOTER_START --------------*/
.footer_bottom_left_hp ul li { font-size: 14px; line-height: 26px; padding: 0 16px; }
.copyright_hp{  font-size: 14px; line-height: 26px; }
.footer_bottom_hp { padding: 30px 0 30px 0; }
.footer-middle-hp { padding: 30px 0 0px 0; }
/*--------------- FOOTER_END --------------*/
}

@media(min-width:1201px) and (max-width:1340px){
/*--------------- CONTAIN_START --------------*/
.games_info_hp{ font-size:15px; }
/*--------------- CONTAIN_END --------------*/
}

@media(min-width:992px) and (max-width:9999px){
.navigation{ display:block !important; }
.navbar-nav .dropdown:hover .dropdown-menu{ display:block; opacity:1; height:auto; transform: translate(0px, 0px); }
.navbar-nav .nav-link:after{ display:none; }
}