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

.common_link_hp{ padding-top:18px;}
.common_link_hp ul li{font-size: 14px; line-height: 20px; margin-bottom:14px; padding-left:36px; background: url(../images/Star.png) no-repeat top left;}
.common_link_hp div{width:auto; min-width: 75px}

.common_title_hp{}
.common_title_hp h2{font-size:16px; line-height: 22px; color: #FF1F79;}
.common_title_hp h2:after{ bottom:-20px; width:41px; background:#FF1F79; border-radius: 10px;}

.common_title_2_hp{ text-align:left;}
.common_title_2_hp h2{ font-size:16px; line-height:22px; color:#FF1F79;}
.common_title_2_hp p{font-size: 14px; line-height:22px; padding-top:20px;}


/*--------------- HEADER_START --------------*/
#header{ padding:0px; }
.header-in-hp{ min-height:60px; justify-content: space-between; }
.header_logo_hp { width: 144px; }
.consult_btn_hp{display:none;}
.mobile_consult_btn_hp{ display:block; }
.consult_btn_hp a{ padding: 8px 20px; font-size: 12px; line-height:15px; min-width:134px; background: #FF1F79;}
.header_right_hp {  width: calc(100% - 167px); }
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{ margin:0px; padding:0px 0 0 0;}

.banner_block_hp{padding:90px 0 49px 0;}
.banner_middle_hp{ display:block;}
.banner_left_hp{ margin-right:0; width:100%;}
.banner_title_hp p{display:none;}
.banner_title_hp h1{ font-size: 16px; line-height: 22px; padding-top:0;}
.banner_btn_hp{ padding-top:20px;}
.banner_img_hp{ width:309px; margin:auto; margin-top:45px;}
.banner_img_hp img{ width:100%;}

.kenapa_block_hp{padding:0 0 0 0;}
.kenapa_block_hp:after{display:none;}
.kenapa_block_hp:before{content:''; position:absolute; bottom:-241px; left:0; width:186px; height:491px; background:url(../images/kenapa_back.png) no-repeat bottom left;}
.kenapa_block_in_hp{padding:0 30px;}
.kenapa_middle_hp{ display:block; }
.kenapa_left_hp{width:100%; margin-right:0;}
.kenapa_right_hp{ width:100%; padding-top:44px; padding-left:0; }
.kenapa_info_hp{ padding-bottom:22px;}
.kenapa_info_hp p{font-size:14px; line-height: 22px;}
.kenapa_info_1_hp{ padding-top:40px;}

.online_block_hp{padding:18px 0 0 0;}
.online_block_hp:after{bottom:-242px; right:0; width:411px; height:766px; background:url(../images/online_back.png) no-repeat bottom right;}
.online_block_in_hp{padding:0 30px;}
.online_info_hp{ padding-top:40px;}
.online_info_hp p{font-size:14px; line-height:22px;}
.online_link_title_hp{ font-size:14px; line-height:22px; padding-top:40px;}
.online_link_hp{ display:block;}
.online_link_hp .common_link_hp{ margin-right:0; width:100%; margin-bottom:14px;}
.online_link_hp .common_link_hp:last-child{ margin-right:0; width:100%; padding-top:0; margin-bottom:0;}
.online_info_1_hp{ padding-top:30px;}
.online_row_hp{ display:block; padding-top:40px;}

.daftar_block_hp{ padding:32px 0 0 0; position:relative; z-index:1;}
.daftar_block_in_hp {padding: 0 30px;}
.daftar_middle_hp{padding-top:30px; margin:0; }
.daftar_box_hp{ width:100%; margin:0 0 34px 0; border:none; border-radius:0; padding:0;}
.daftar_box_hp:last-child{ margin-bottom:0;}
.daftar_info_hp h3{color: #FF1F79;}
.daftar_info_hp p{font-size: 14px; line-height: 22px;}
.daftar_box_1_hp{ width:100%; display:block;}
.daftat_box_right_hp{ width:100%; margin-left:0;}
.daftat_box_right_hp .daftar_info_hp{padding-top:20px;}

.terbaik_block_hp{padding:40px 0 0 0;}
.terbaik_block_hp:after{ top:-432px; width:193px; height:303px; background:url(../images/terbaik_back1.png) no-repeat top left;}
.terbaik_block_hp:before{ bottom:1047px; width:203px; height:276px; background:url(../images/terbaik_back2.png) no-repeat bottom right;}
.terbaik_block_in_hp{ padding:0 30px;}
.terbaik_top_hp{padding:40px 0 60px 0;}
.terbaik_boxes_hp{display:block;}
.terbaik_box_hp{ width:100%; margin-right:0; display:flex; margin-bottom:20px; align-items:center;}
.terbaik_box_hp:last-child{ margin-bottom:0;}
.terbaik_img_hp{width:140px;}
.terbaik_title_hp{ padding-top:0; width:calc(100% - 140px); padding-left:30px; text-align:left; }
.terbaik_title_hp h3{font-size: 14px; line-height:22px; text-align:left; }
.terbaik_top_1_hp{padding:30px 0 50px 0;}
.terbaik_row_hp{padding-top:0; display:block;}
.terbaik_link_hp{ padding-top:0;}

.menang_block_hp{ padding:63px 0 8px 0;}
.menang_block_hp:after{display:none;}
.menang_block_hp:before{content:''; position:absolute; top:496px; left:0; width:156px; height:573px; background:url(../images/menang_back.png) no-repeat top left;}
.menang_block_in_hp{ padding:0 30px;}
.menang_top_hp{ padding:20px 0 0 0;}
.menang_box_hp{ width:100%; margin:0 0 20px 0; border:none; border-radius:0; padding:0; background:none;}
.menang_box_info_hp h3{color:#FF1F79;}
.menang_box_info_hp p{font-size: 14px; line-height: 22px;}
.menang_box_1_hp{ margin: 20px 0 40px 0;}
.menang_box_info_1_hp{ padding-top:40px;}
.menang_box_1_hp .menang_box_info_hp h3{ color:#fff;}
.menang_box_row_hp{ display:block; padding-top:10px;}
.menang_box_grid_hp{ width:100%; margin-right:0;}
.menang_box_grid_hp:last-child{ margin-top:30px;}
.menang_grid_info_hp{padding-top:32px;}
.menang_info_hp{padding-top:30px; text-align:left;}
.menang_info_hp p{ font-size: 14px; line-height: 22px; text-align:left; color: #FF1F79;}

.nonstop_block_hp{padding:20px 0 0 0;}
.nonstop_block_hp:after{bottom:-40px; width:193px; height:307px; background:url(../images/nonstop_back.png) no-repeat bottom right;}
.nonstop_block_in_hp{ padding:0 30px;}
.nonstop_row_hp{ display:block;}
.nonstop_top_hp{ padding-top:40px;}
.card { background: rgba(14, 14, 14, 0.6); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px;}
.accordion{ padding-top:26px;}
.accordion>.card>.card-header { padding-right: 0;}
.accordion>.card:not(:last-of-type) {border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px;}
.accordion>.card:not(:last-of-type) {border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px;}
.accordion>.card:not(:first-of-type) {border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px;}
.accordion>.card1 { padding:20px;}
.btn-link1 { font-size: 14px; line-height: 22px; padding-right: 32px;}
.card-link1{ font-size:14px; line-height:22px; color:rgba(255, 255, 255, 0.8);}
.card-body {padding:4px 0px 0 0;}
.accordion .card .active.collapsed{background:url(../images/up_arrow.svg) no-repeat top 8px right;}
.accordion .card .active{ background:url(../images/down_arrow.png) no-repeat top 8px right;}
/*--------------- CONTAIN_END --------------*/

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

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

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

.common_btn_hp{font-size:14px; line-height:18px; padding:8px 0; min-width:95px;}

.common_title_hp{}
.common_title_hp h2{font-size:19px; line-height: 25px; color: #FF1F79;}
.common_title_hp h2:after{ bottom:-20px; width:55px; background:#FF1F79; border-radius: 10px;}

.common_title_2_hp{ text-align:left;}
.common_title_2_hp h2{ font-size:20px; line-height:26px; color:#FF1F79;}
.common_title_2_hp p{font-size: 16px; line-height:24px; padding-top:20px;}

.common_link_hp{ padding-top:18px;}
.common_link_hp ul li{font-size: 16px; line-height: 22px; margin-bottom:14px; padding-left:36px; background: url(../images/Star.png) no-repeat top left;}
.common_link_hp div{width:auto; min-width:111px}

/*--------------- HEADER_START --------------*/
#header{ padding:8px 0;}
.header-in-hp{ min-height:56px; }
.header_logo_hp{ width:170px; }
.header_right_hp{ width:calc(100% - 170px);}
.mobile_consult_btn_hp{ display:none; }
.header_btn_hp{ padding:6px 0;}
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{ margin:0px; padding:0px 0 0 0;}

.banner_block_hp{padding:90px 0 50px 0;}
.banner_middle_hp{ display:block; align-items:center;}
.banner_left_hp{ margin-right:0; width:100%;}
.banner_title_hp h1{font-size:20px; line-height:30px; padding-top:20px;}
.banner_btn_hp{ padding-top:30px;}
.banner_img_hp{ width:400px; margin:45px auto 0 auto;}
.banner_img_hp img{ width:100%;}

.kenapa_block_hp{padding:0 0 0 0;}
.kenapa_block_hp:after{display:none;}
.kenapa_block_hp:before{content:''; position:absolute; bottom:-241px; left:0; width:306px; height:734px; background:url(../images/kenapa_back.png) no-repeat bottom left; background-size:cover;}
.kenapa_blicj_in_hp{ padding:0 30px;}
.kenapa_middle_hp{ display:block; }
.kenapa_left_hp{width:100%; margin-right:0;}
.kenapa_right_hp{ width:100%; padding-top:44px; padding-left:0; }
.kenapa_info_hp{ padding-bottom:22px;}
.kenapa_info_hp p{font-size:16px; line-height: 24px;}
.kenapa_info_1_hp{ padding-top:40px;}

.online_block_hp{padding:18px 0 0 0;}
.online_block_hp:after{bottom:-242px; right:0; width:465px; height:766px; background:url(../images/online_back.png) no-repeat bottom right; background-size:cover;}
.online_block_in_hp{ padding:0 30px;}
.online_info_hp{ padding-top:40px;}
.online_info_hp p{font-size:16px; line-height:24px;}
.online_link_title_hp{ font-size:16px; line-height:24px; padding-top:40px;}
.online_link_hp{ display:block;}
.online_link_hp .common_link_hp{ margin-right:0; width:100%; margin-bottom:14px;}
.online_link_hp .common_link_hp:last-child{ margin-right:0; width:100%; padding-top:0; margin-bottom:0;}
.online_info_1_hp{ padding-top:30px;}
.online_row_hp{ display:block; padding-top:40px;}

.daftar_block_hp{ padding:32px 0 0 0; position:relative; z-index:1;}
.daftar_block_in_hp {padding: 0 30px;}
.daftar_middle_hp{padding-top:30px; margin:0; }
.daftar_box_hp{ width:100%; margin:0 0 34px 0; border:none; border-radius:0; padding:0;}
.daftar_box_hp:last-child{ margin-bottom:0;}
.daftar_info_hp h3{color: #FF1F79;}
.daftar_info_hp p{font-size: 16px; line-height: 24px;}
.daftar_box_1_hp{ width:100%; display:block;}
.daftat_box_right_hp{ width:100%; margin-left:0;}
.daftat_box_right_hp .daftar_info_hp{padding-top:20px;}

.terbaik_block_hp{padding:40px 0 0 0;}
.terbaik_block_hp:after{ top:-432px; width:282px; height:382px; background:url(../images/terbaik_back1.png) no-repeat top left; background-size:cover;}
.terbaik_block_hp:before{ bottom:1047px; width:263px; height:352px; background:url(../images/terbaik_back2.png) no-repeat bottom right; background-size:cover;}
.terbaik_block_in_hp{ padding:0 30px;}
.terbaik_top_hp{padding:40px 0 60px 0;}
.terbaik_boxes_hp{display:block;}
.terbaik_box_hp{ width:100%; margin-right:0; display:flex; margin-bottom:20px; align-items:center;}
.terbaik_box_hp:last-child{ margin-bottom:0;}
.terbaik_img_hp{width:140px;}
.terbaik_title_hp{ padding-top:0; width:calc(100% - 140px); padding-left:30px; text-align:left; }
.terbaik_title_hp h3{font-size:16px; line-height:24px; text-align:left; }
.terbaik_top_1_hp{padding:30px 0 50px 0;}
.terbaik_row_hp{padding-top:0; display:block;}
.terbaik_link_hp{ padding-top:0;}

.menang_block_hp{ padding:63px 0 8px 0;}
.menang_block_hp:after{display:none;}
.menang_block_hp:before{content:''; position:absolute; top:496px; left:0; width:156px; height:573px; background:url(../images/menang_back.png) no-repeat top left;}
.menang_block_in_hp{ padding:0 30px;}
.menang_top_hp{ padding:20px 0 0 0;}
.menang_box_hp{ width:100%; margin:0 0 20px 0; border:none; border-radius:0; padding:0; background:none;}
.menang_box_info_hp h3{color:#FF1F79;}
.menang_box_info_hp p{font-size: 16px; line-height: 24px;}
.menang_box_1_hp{ margin: 20px 0 40px 0;}
.menang_box_info_1_hp{ padding-top:40px;}
.menang_box_1_hp .menang_box_info_hp h3{ color:#fff;}
.menang_box_row_hp{ display:block; padding-top:10px;}
.menang_box_grid_hp{ width:100%; margin-right:0;}
.menang_box_grid_hp:last-child{ margin-top:30px;}
.menang_grid_info_hp{padding-top:32px;}
.menang_info_hp{padding-top:30px; text-align:left;}
.menang_info_hp p{ font-size: 16px; line-height: 24px; text-align:left; color: #FF1F79;}

.nonstop_block_hp{padding:20px 0 0 0;}
.nonstop_block_hp:after{bottom:-40px; width:193px; height:307px; background:url(../images/nonstop_back.png) no-repeat bottom right;}
.nonstop_block_in_hp{ padding:0 30px;}
.nonstop_row_hp{ display:block;}
.nonstop_top_hp{ padding-top:40px;}
.card { background: rgba(14, 14, 14, 0.6); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px;}
.accordion{ padding-top:26px;}
.accordion>.card>.card-header { padding-right: 0;}
.accordion>.card:not(:last-of-type) {border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px;}
.accordion>.card:not(:last-of-type) {border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px;}
.accordion>.card:not(:first-of-type) {border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px;}
.accordion>.card1 { padding:20px;}
.btn-link1 { font-size: 16px; line-height: 24px; padding-right: 32px;}
.card-link1{ font-size:16px; line-height:24px; color:rgba(255, 255, 255, 0.8);}
.card-body {padding:4px 0px 0 0;}
.accordion .card .active.collapsed{background:url(../images/up_arrow.svg) no-repeat top 8px right;}
.accordion .card .active{ background:url(../images/down_arrow.png) no-repeat top 8px right;}

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

/*--------------- FOOTER_START --------------*/
/*--------------- FOOTER_END --------------*/
}

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

.common_title_hp{}
.common_title_hp h2{ font-size:25px; line-height: 35px;}
.common_title_hp h2:after{bottom:-25px;}

.common_btn_hp{background:#FF1F79; font-size:16px; line-height:20px; font-weight:700; color:#FFF; border-radius:30px; padding:12px 0; min-width:140px; position:relative; text-align:center; display:inline-block; }
.common_btn_hp:hover{ color:#fff; opacity:0.7; }

.common_link_hp ul li{ font-size:16px; line-height: 24px; background: url(../images/Star.png) no-repeat top 2px left;}
.common_link_hp div{width:91px;}

.common_title_2_hp h2{ max-width:669px; font-size: 25px; line-height:35px;}
.common_title_2_hp p{ font-size: 16px; line-height:26px; padding-top:18px;}

/*--------------- 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_btn_hp{ background:none; border: 2px solid #FF1F79; color: #FF1F79; padding:10px 0;}
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{ margin:0px; padding:0px 0 0 0;}

.banner_block_hp{padding:100px 0 63px 0;}
.banner_middle_hp{ display:flex; align-items:center;}
.banner_left_hp{ margin-right:20px; width:calc(100% - 350px);}
.banner_title_hp h1{font-size:25px; line-height:35px; padding-top:20px; }
.banner_btn_hp{ padding-top:25px;}
.banner_img_hp{ width:350px;}

.kenapa_block_hp{padding:15px 0 0 0;}
.kenapa_block_hp:after{ top:51px; width:387px; height:961px; background:url(../images/kenapa_back.png) no-repeat bottom left; background-size:cover;}
.kenapa_left_hp{width:307px; }
.kenapa_right_hp{ width:calc(100% - 307px); padding-left:20px; }
.kenapa_info_hp p{ font-size:14px; line-height:20px;}
.kenapa_info_1_hp{ padding-top:30px;}

.online_block_hp{padding:60px 0 0 0;}
.online_block_hp:after{ width:706px; height:897px; background-size:cover;}
.online_info_hp{ padding-top:50px;}
.online_info_hp p{ font-size:16px; line-height:24px;}
.online_link_title_hp{ font-size: 17px; line-height: 26px; padding-top:30px;}
.online_link_hp .common_link_hp{ margin-right:50px;}
.online_info_1_hp{ padding-top:30px;}
.online_row_hp{ display:flex; padding-top:40px;}

.daftar_block_hp{ padding:50px 0 0 0;}
.daftar_middle_hp{padding-top:60px; margin:0 0px; }
.daftar_box_hp{ width:calc(33.33% - 20px); margin:0 10px 31px 10px; padding:20px 15px;}
.daftar_img_hp{ width:149px;}
.daftar_info_hp h3{ font-size: 14px; line-height: 22px;}
.daftar_info_hp p{font-size: 14px; line-height: 20px;}
.daftar_box_1_hp{ width:calc(66.66% - 20px);}
.daftat_box_right_hp{ width:calc(100% - 149px); margin-left:20px;}
.daftat_box_right_hp .common_link_hp ul li{font-size: 14px; line-height:20px;}

.terbaik_block_hp{ padding:30px 0 0 0;}
.terbaik_block_hp:after{top:127px; width:353px; height:414px; background-size:cover;}
.terbaik_block_hp:before{ bottom:220px; width:270px; height:415px; background-size:cover;}
.terbaik_top_hp{padding:40px 0 40px 0;}
.terbaik_boxes_hp{display:flex; flex-flow:wrap;}
.terbaik_box_hp{ width:calc(20% - 16px); margin-right:20px;}
.terbaik_title_hp h3{font-size: 14px; line-height:22px;}
.terbaik_top_1_hp{padding:40px 0 40px 0;}
.terbaik_row_hp{padding-top:40px;}

.menang_block_hp{ padding:60px 0 8px 0;}
.menang_box_hp{ width:calc(33.33% - 10px); margin:0 15px 20px 0; padding:20px 15px;}
.menang_box_info_hp h3{font-size: 14px; line-height: 20px;}
.menang_box_info_hp p{font-size: 14px; line-height: 20px;}
.menang_box_1_hp{ margin: 0 0 20px 0; width: 100%;}
.menang_box_info_1_hp{ padding-top:15px; }
.menang_box_grid_hp{ width:50%; margin-right:50px;}
.menang_grid_info_hp{padding-top:10px;}
.menang_info_hp{ padding-top:20px;}
.menang_info_hp p{font-size: 14px; line-height: 20px;}

.nonstop_block_hp{padding:42px 0 50px 0;}
.nonstop_block_hp:after{ bottom:-40px; right:0; width:400px; height:335px; background-size:cover;}
.nonstop_top_hp{ padding-top:50px;}
.accordion{ padding-top:20px;}
.accordion>.card1 { margin-bottom: 20px; padding:20px;}

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

/*--------------- FOOTER_START --------------*/
/*--------------- FOOTER_END --------------*/
}

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

.common_title_hp{}
.common_title_hp h2{ font-size:28px; line-height:38px;}
.common_title_hp h2:after{bottom:-30px;}

.common_link_hp ul li{ font-size:18px; line-height: 26px; background: url(../images/Star.png) no-repeat top 3px left;}
.common_link_hp div{width:91px;}

.common_title_2_hp h2{ max-width:669px; font-size: 28px; line-height:38px;}
.common_title_2_hp p{ font-size: 18px; line-height:28px; padding-top:18px;}

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

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

/*--------------- CONTAIN_START --------------*/
#contain{ margin:0px; padding:0px 0 0 0;}

.banner_block_hp{padding:100px 0 63px 0;}
.banner_left_hp{width:calc(100% - 450px);}
.banner_title_hp h1{font-size:35px; line-height:46px; padding-top:25px;}
.banner_btn_hp{ padding-top:40px;}
.banner_img_hp{ width:450px;}

.kenapa_block_hp{padding:0px 0 0 0;}
.kenapa_left_hp{width:435px; }
.kenapa_right_hp{ width:calc(100% - 435px); padding-left:25px; }
.kenapa_info_hp p{font-size:16px; line-height:26px;}
.kenapa_info_1_hp{ padding-top:30px;}

.online_block_hp{padding:80px 0 0 0;}
.online_info_hp{ padding-top:60px;}
.online_info_hp p{font-size:16px; line-height:26px;}
.online_link_title_hp{font-size:16px; line-height:26px; padding-top:40px;}
.online_link_hp .common_link_hp{ margin-right:50px;}
.online_info_1_hp{ padding-top:30px;}
.online_row_hp{padding-top:50px;}

.daftar_block_hp{ padding:60px 0 0 0;}
.daftar_middle_hp{margin:0 0; }
.daftar_box_hp{padding:20px 15px;}
.daftar_info_hp h3{font-size: 14px; line-height: 24px;}
.daftar_info_hp p{font-size: 13px; line-height: 24px;}
.daftat_box_right_hp .common_link_hp ul li{font-size: 14px; line-height:20px;}

.terbaik_block_hp{padding:60px 0 0 0;}
.terbaik_top_hp{padding:60px 0 60px 0;}
.terbaik_box_hp{ width:calc(20% - 24px); margin-right:30px;}
.terbaik_top_1_hp{padding:40px 0 30px 0;}
.terbaik_row_hp{padding-top:35px;}

.menang_block_hp{ padding:60px 0 8px 0;}
.menang_box_hp{ width:calc(33.33% - 10px); margin:0 15px 30px 0; padding:15px;}
.menang_box_info_hp p{font-size: 14px; line-height: 24px;}
.menang_box_1_hp{ width:100%; margin: 0 0 60px 0;}

.nonstop_top_hp{ padding-top:60px;}

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

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

/*--------------- FOOTER_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; }
}