@charset "utf-8";
/* CSS Document */
@media (max-width: 1360px)
{
    .bx-controls-direction{
        display:none;
    }
}
@media (max-width: 1280px)
{
	.customPrevBtn{
		left:30px;
	}
	.customNextBtn{
		right:30px;
	}
    ul.sf-menu .menupoint {
        margin-left: 10px;
        margin-right: 10px;
    }
}
@media (max-width: 1220px)
{
	
	.popupindex_qb{
		width:calc(100vw - 200px);
	}
	#posfixed_qb{
		left:50%;
		margin-left:calc((100vw - 200px) / 2 * -1);
	}
}
@media (max-width: 1120px)
{
	.displayd1120{
		display:none;
	}
	.displaym1120{
		display:block;
	}
    .menudisplayd{
		display:none;
	}
	.menudisplaym{
		display:block;
	}
}
@media (max-width: 1050px)
{
	
}
@media (max-width: 1000px)
{
	.displayd1000{
		display:none;
	}
	.displaym1000{
		display:block;
	}
	.bx-wrapper .bx-next {
    	right: 10px !important;
	}
	.bx-wrapper .bx-prev {
    	left: 10px  !important;
	}
    .homepart2{
        background-size: 150% !important;
    }
    .homepart3{
        background-size: 150% !important;
    }
    .tablehp2 td.tdhp2{
        display:block;
        width:100%;
    }
    .tablehp2 td.tdhp2_1{
        padding-right:0px;
        padding-bottom:15px;
    }
    .tablehp2 td.tdhp2_2{
        padding-right:0px;
        padding-bottom:20px;
    }
    .tablehp2 td.tdhp2_3{
        
    }
    .hp5imgdiv {
        height: 25vw;
    }
    .tablefooter td.tdfooterinfo{
        display:block;
        width:100%;
        vertical-align: top;
        padding-right:0px;
        box-sizing: border-box;
        padding-bottom:40px;
    }
    .tablefooter td.tdfooterinfo2{
        display:inline-block;
        width:50%;
        vertical-align: top;
        padding-right:20px;
        box-sizing: border-box;
        padding-bottom:40px;
    }
}
@media (max-width:950px)
{
	.displayd950{
		display:none;
	}
	.displaym950{
		display:block;
	}
	.popupindex2{
		width:calc(100% - 80px);
		margin-left:calc((50% - 40px) * -1);
	}
    .tableps td.tdps{
        display:block;
        width:100%;
    }
    .tableps td.tdps1{
    
        padding-right:0px;
        padding-bottom:20px;
    }
    .menu_layanan{
        display:none;
    }
    .menu_layanan_alwaysshow{
        display:block;
    }
}
@media (max-width:900px)
{
	.tablehomepart1a td.tdhomepart1a{
        width:100%;
        display:block;
        border-bottom:1px solid #f5f5f5;
        box-sizing: border-box;
    }
    .tablehomepart1a td.tdhomepart1a1{
        /*border-right: 1px solid rgba(0, 0, 0, 0.1);*/
        padding-right:0px;
    }
    .tablehomepart1a td.tdhomepart1a2{
        padding-right:0px;
    }
    .tablehomepart1a td.tdhomepart1a3{
        padding-left:0px;
        
    }
	.homepart2{
        background-size: 100% 600px !important;
    }
    .homepart3{
        background-size: 100% 500px !important;
    }
    .tdhp3_2pad {
        padding: 25px 25px;
    }
}
@media (max-width:850px)
{
	.displayd850{
		display:none;
	}
	.displaym850{
		display:block;
	}
	.tablecopyright td.tdcopyright{
        display:block;
        width:100%;
    
    }
    .tablecopyright td.tdcopyright2{
        padding-top:20px;
        text-align: left;
    }
}
@media (max-width:800px)
{
	.displayd800{
		display:none;
	}
	.displaym800{
		display:block;
	}
	.table800width100percent td{
		display:block;
		width:100%;
	}
	.table800width100percent td.displayd{
		display:none;
	}
	.containerpadding35{
		margin:0px auto;
		padding-left:20px;
		padding-right:20px;
	}
	.containerpadding30{
		margin:0px auto;
		padding-left:20px;
		padding-right:20px;
	}
	.marginfitleft35px{
		margin-left:-20px;
	}
	.marginfitleft30px{
		margin-left:-20px;
	}
	.searchinlineblocksearch{
		display:none;
	}
    /*.homepart1{
        height:100vw;
    }*/
    .hp5imgdiv {
        height: 37vw;
    }
    .tablecontactinfo td.tdcontactinfo{
		display:block;
		width:100%;
	}
	.tablecontactinfo td.tdcontactinfo1{
		padding-right:0px;
		padding-bottom:50px;
	}
	.tablecontactinfo td.tdcontactinfo2{
		padding-left:0px;
	}
	.bx-wrapper .bx-caption {
		top: 0 !important;
		bottom:auto !important;
	}
}
@media (max-width:720px)
{
	.displayd{
		display:none;
	}
	.displaym{
		display:block;
	}
	.displaym_inlineblock{
		display:inline-block;
	}
	.table720width100percent td{
		display:block;
		width:100%;
	}
	.table720width100percent td.displayd{
		display:none;
	}
	.headnavdisplaym{
		display:block;
		/*padding:0px 20px;*/
	}
	.page_title0, .pagetitle0{
		font-size:25px;
		line-height:35px;
	}
		.page_title0b, .pagetitle0b{
			font-size:25px;
			line-height:35px;
		}
	.page_title1, .pagetitle1{
		font-size:20px;
	}
	.page_title2, .pagetitle2{
		font-size:20px;
		line-height:30px;
	}
		.page_title2b, .pagetitle2b{
			font-size:20px;
			line-height:30px;
		}
		.page_title2l, .pagetitle2l{
			font-size:20px;
			line-height:30px;
		}
	.page_title3, .pagetitle3{
		font-size:18px;
		line-height:25px;
	}
		.page_title3b, .pagetitle3b{
			font-size:18px;
			line-height:25px;
		}
	.page_title4, .pagetitle4{
		font-size:17px;
		line-height:25px;
	}
		.page_title4b, .pagetitle4b{
			font-size:17px;
			line-height:25px;
		}
	.page_title5, .pagetitle5{
		font-size:15px;
		line-height:25px;
	}
		.page_title5b, .pagetitle5b{
			font-size:15px;
			line-height:25px;
		}
	.page_title6, .pagetitle6{
		font-size:14px;
		line-height:20px;
	}
		.page_title6b, .pagetitle6b{
			font-size:14px;
			line-height:20px;
		}
	.page_title7, .pagetitle7{
		font-size:16px;
		line-height:21px;
	}
		.page_title7b, .pagetitle7b{
			font-size:16px;
			line-height:21px;
		}
		.page_title7l, .pagetitle7l{
			font-size:16px;
			line-height:21px;
		}
	.page_title8, .pagetitle8{
		font-size:30px;
	}
	.page_title9, .pagetitle9{
		font-size:14px;
		line-height:28px;
	}
		.page_title9b, .pagetitle9b{
			font-size:14px;
			line-height:28px;
		}
	.page_description1, .pagedescription1{
		font-size:14px;
		line-height:22px;
	}
	.pagedescription1 b, .pagedescription1 strong, .page_description1 b, .page_description1 strong, .pagedescription1b{
		font-size:14px;
		line-height:22px;
	}
	.page_description2, .pagedescription2{
	}
	.page_description3, .pagedescription3{
	}
	.btn1{
		padding:0px 15px;
		height:40px;
        font-size:14px;
	}
		.btn1t{
			font-size:16px;
		}
		.btn1download{
			padding-left:65px;
		}
        .btn1_160{
            max-width:140px;
        }
	.btn2{
		padding:0px 20px;
		height:40px;
		font-size:14px;
	}
	.customPrevBtn{
		top:25.2vw;
		left:-15px;
	}
	.customNextBtn{
		top:25.2vw;
		right:-15px;
	}
    .wa_float_icon{
		right:15px;
		bottom:15px;
	}
	.wa_float_icon img{
		max-width:50px;
		
	}
    .list_menu_point {
        padding: 0px 20px;
    }
    .hp2point {
    
        padding: 10px 50px 10px 20px;
        background: url(images/arrow_more2.png) no-repeat right 20px center;
    }
    .tablehp4head td.tdhp4{
        display:block;
        width:100%;
    }
    .tablehp4head td.tdhp4_1{
        padding-right:0px;
        padding-bottom:15px;
    }
    .tablehp4head td.tdhp4_2{
        
    }
    .tablehp5head td.tdhp5{
         display:block;
        width:100%;
    }
    .tablehp5head td.tdhp5_1{
        padding-right:0px;
        padding-bottom:15px;
    }
    .tablehp5head td.tdhp5_2{
    
    }
    .linefooterclient{
        display:none;
    }
    .clientsepfooter{
        display:block;
        padding-bottom:10px;
    }
    .pageheader{
        height:350px;
    }
    .list_menu_point2{
        height:80px;
        padding:0px 20px;
    }
    .list_menu_part{
        height:80px;
    }
    .tableabout1 td.tdabout1{
        display:block;
        width:100%;
        padding-bottom:20px;
    }
    .tableabout1 td.tdabout1_1{
        padding-right:0px;
    
    }
    .tableabout1 td.tdabout1_2{
        padding-left:0px;
    }
    .tableabout2 td.tdabout2{
        display:block;
        width:100%;
        padding-bottom:20px;
    }
    .tableabout2 td.tdabout2_1{
        padding-right:0px;
    }
    .tableabout2 td.tdabout2_2{
        padding-left:0px;
    }
    .aboutpart1 {
        padding: 40px 25px;
    }
    .ndpart1 {
        padding: 40px 25px;
    }
    .aboutpart2 {
        padding: 40px 25px;
    }
    .visionpoint {
        padding: 25px;
    }
    .tablefounder td.tdfounder{
        padding:20px 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .tablefounder td.tdfounder1{
        width:5%;
        padding-right:10px;
    }
    .tablefounder td.tdfounder2{
        width:60%;
        padding-right:10px;
    }
    .sidebarmenu {
        padding-left: 20px;
        padding-right: 20px;
    }
    .layananshadow {
        padding: 20px;
        min-height: auto;
    }
    .tabledownload td.tddownload1{
        width:20px;
        padding-right:15px;
    }
    .tabledownload td.tddownload2{
        padding-right:20px;
    }
    .tabledownload td.tddownload3{
        width:100px;
    }
    .a_list_menu_point2:first-child .list_menu_point2{
		padding-left:25px;
	}
    .col3{
        width:50%;
    }
    .col4{
        width:50%;
    }
    .hp6pad {
        padding: 20px;
    }
}
@media (max-width:640px)
{
	.displayd640{
		display:none;
	}
	.displaym640{
		display:block;
	}
    .tablehp3 td.tdhp3{
        display:block;
        width:100%;
    }
    .tablehp3 td.tdhp3_1{
        height:75vw;
    }
    .tablehp3 td.tdhp3_2{
        
    }
}
@media (max-width:600px)
{
	.table600width100percent td{
		float:left;
		display:block;
		width:100%;
	}
	.displayd600{
		display:none !important;
	}
}

@media (max-width:540px)
{
	.table540width100percent td{
		float:left;
		display:block;
		width:100%;
	}
	.popupindex2{
		width:calc(100% - 40px);
		margin-left:calc((50% - 20px) * -1);
	}
	.tabledownload td.tddownload2z{
        display:none;
    }
}
@media (max-width:480px)
{
	.displayd480{
		display:none !important;
	}
	.headerbtn_ml{
		margin-left:5px;
	}
	.customPrevBtn{
		top:55vw;
		left:-15px;
	}
	.customNextBtn{
		top:55vw;
		right:-15px;
	}
	.customPrevBtnG{
		top:30vw !important;
	}
	.customNextBtnG{
		top:30vw !important;
	}
    .hp1scroll.padbot60{
        padding-bottom:30px;
    }
    .hp5imgdiv{
        height:60vw;
    
    }
    .tabledownload td.tddownload1{
        display:none;
    }
    .col3{
        width:100%;
    }
    .col4{
        width:100%;
    }
}
@media (max-width:360px)
{
	
}