/* =Responsive (Mobile) Design
-------------------------------------------------------------- */

@media screen and (max-width: 980px) {
	.cover_home_bottom{padding: 0 20px;}
}

@media screen and (max-width: 800px) {
	.header h1{position: absolute;}
	.welcome{padding-top: 40px;}
	.huge_banner{ height: 280px;}
	.box_search{padding: 0 20px;}
	.huge_banner input.input_text{width: 300px;}
	.box_link{padding: 0 20px;}
	.box_link a{font-size: 10pt;}
	.box_rumah{padding: 0 20px;}
	.bx-wrapper .bx-prev{left: 0!important;background-color:#fff!important;}
	.bx-wrapper .bx-next{right: 0!important;background-color:#fff!important;background-position:6px !important;}
	.slide{width:180px !important;}
	.pasang_banner{padding: 0 20px;}
	.cover_home_bottom{padding: 0 20px;}
	.box_tanya_jawab{max-width: 100%;margin-bottom: 50px;}
	.box_about{max-width: 100%;}
	.thumbs_img{width: 100%;}
	
}
@media screen and (max-width: 768px) {
	.header h1{position: absolute;}
	.welcome{padding-top: 40px;padding-right: 20px;}
	.huge_banner{ height: 280px;}
	.box_search{padding: 0 20px;}
	.huge_banner input.input_text{width: 300px;}
	.box_link{padding: 0 20px;}
	.box_link a{font-size: 10pt;}
	.box_rumah{padding: 0 20px;}
	.bx-wrapper .bx-prev{left: 0!important;background-color:#fff!important;}
	.bx-wrapper .bx-next{right: 0!important;background-color:#fff!important;background-position:6px !important;}
	.slide{width:180px !important;}
	.pasang_banner{padding: 0 20px;}
	.cover_home_bottom{padding: 0 20px;}
	.box_tanya_jawab{max-width: 100%;margin-bottom: 50px;}
	.box_about{max-width: 100%;}
	.main{padding: 24px 20px 30px;}
	.middle{
		margin: 0 0 20px;
		max-width: 100%;
		width: 100%;
	}
	.footer_2{max-width: 95%;margin: 0 auto;}
	ul.nav{margin-top:0;padding-right: 15px;}
	.garis{
		margin: 0 auto;
		width: 96%;
	}
}
@media screen and (max-width: 640px) {
	.header h1{
		position: absolute;
		text-align: left;
		width: 40%;
	}
	img.logo{
		float: none;
		margin: 0 0 0 17px;
		width: 70%;
	}
	
	/*.menu-responsive{
		background: url('../img2/back_tombol2.png') no-repeat center;
		color: #fff;
		cursor: pointer;
		display: none;
		float: right;
		font-family: verdana;
		font-size: 14pt;
		margin-right: 20px;
		margin-top: 10px;
		padding: 4px 20px;
		vertical-align: middle;
	}
	.menu-responsive img{
		margin-right: 10px;
		vertical-align: middle;
	}*/
	ul.responsive{display:none;}
	/*ul.nav{
		background: none repeat scroll 0 0 #fff;
		border: 1px solid #012b91;
		border-radius: 0 0 8px 8px;
		clear: both;
		display: none;
		float: right;
		font-weight: bold;
		height: auto;
		margin-right: 28px;
		margin-top: 61px;
		padding-right: 0;
		position: absolute;
		right: 0;
		text-align: left;
		width: auto;
		z-index: 999;
	}*/
	
	ul.nav li{display: block;}
	ul.nav li a{
		height: auto;
		padding: 7px 0px;
		text-align: center;
	}
	ul.nav li a.pasang{
		
		color:#962424;
	}
	ul.nav li a:hover{
		color:#fff;
	}
	ul.nav{height: 25px;}
	ul.normal{display:block;}
	.huge_banner{height: 150px;margin-top: 0px;}
	.box_search{top: 17%;padding-left: 20px}
	.text_se{font-size: 17pt;}
	.huge_banner input.input_text{width: 220px;}
	.cover_link{padding: 20px 10px;}
	.box_link{padding: 0;}
	.box_link a{padding: 0;font-size: 10pt;}
	.box_rumah{padding: 0 10px;margin: 0 auto 10px;}
	.bx-wrapper .bx-prev{left: 0!important;background-color:#fff!important;}
	.bx-wrapper .bx-next{right: 0!important;background-color:#fff!important;background-position:6px !important;}
	.slide{width:160px !important;}
	.pasang_banner{padding: 0 10px;}
	.pasang_banner img {height: 35px;}
	.cover_home_bottom{ padding: 0 15px;}
	.box_tanya_jawab{margin-bottom: 50px;margin-right: 30px;max-width: 290px;}
	.box_about{max-width: 290px;}
	.footer_2{padding: 20px 15px 0;}
}
@media screen and (max-width: 640px) {
	img.logo { width: 35%;margin: 10px 0 0 17px;}

	.garis{margin: 10px auto 0;}
	ul.normal{display:none;}
	.menu-responsive{
		background: url('../img2/back_tombol2.png') no-repeat center;
		color: #fff;
		cursor: pointer;
		display: block;
		float: right;
		font-family: verdana;
		font-size: 14pt;
		margin-right: 20px;
		margin-top: 10px;
		padding: 4px 20px;
		vertical-align: middle;
	}
	.menu-responsive img{
		margin-right: 10px;
		vertical-align: middle;
	}
	ul.responsive{display:block;}
	ul.nav{
		background: none repeat scroll 0 0 #fff;
		border: 1px solid #012b91;
		border-radius: 0 0 8px 8px;
		clear: both;
		display: none;
		float: right;
		font-weight: bold;
		height: auto;
		margin-right: 28px;
		margin-top: 40px;
		padding-right: 0;
		position: absolute;
		right: 0;
		text-align: left;
		width: auto;
		z-index: 999;
	}
	ul.nav li{display: block;}
	ul.nav li a{
		height: auto;
		padding: 7px 13px;
		text-align: left;
	}
	ul.nav li a:hover{
		background:#012b91;
	}
	ul.nav li a.pasang{
		background:#012b91;
		color:#fff;
	}
	.huge_banner{height: 150px;margin-top: 10px;}
	.box_search{top: 17%;padding-left: 20px}
	.text_se{font-size: 17pt;}
	.huge_banner input.input_text{width: 130px;}
	.cover_link{padding: 20px 10px;}
	.box_link{padding: 0;}
	.box_link a{padding: 0;font-size: 8pt;}
	.box_rumah{padding: 0 10px;margin: 0 auto 10px;}
	.bx-wrapper .bx-prev{left: 0!important;background-color:#fff!important;}
	.bx-wrapper .bx-next{right: 0!important;background-color:#fff!important;background-position:6px !important;}
	.slide{width:147px !important;}
	.pasang_banner{padding: 0 10px;}
	.pasang_banner img {height: 35px;}
	.cover_home_bottom{ padding: 0 15px;}
	.box_tanya_jawab{margin-bottom: 50px;margin-right: 0;max-width: 100%;}
	.box_about {max-width: 100%;}
	.footer_2{padding: 20px 15px 0;}
}
@media screen and (max-width: 480px) {
	img.logo { width: 35%;margin: 10px 0 0 17px;}
	ul.nav{margin-top: 40px;}
	.garis{margin: 10px auto 0;}
	
}
@media screen and (max-width: 360px) {
	.header h1{
		position: relative;
		text-align: center;
		width: 100%;
	}
	img.logo{
		float: none;
		margin-top: 10px;
	}
	.welcome {
		padding-right: 20px;
		padding-top: 20px;
	}
	.garis{margin: 0px auto 0;}
	ul.normal{display:none;}
	.menu-responsive{
		background: url('../img2/back_tombol2.png') no-repeat center;
		color: #fff;
		cursor: pointer;
		display: block;
		float: right;
		font-family: verdana;
		font-size: 14pt;
		margin-right: 13px;
		margin-bottom: 5px;
		margin-top: 10px;
		padding: 4px 20px;
		vertical-align: middle;
	}
	.menu-responsive img{
		margin-right: 10px;
		vertical-align: middle;
	}
	ul.responsive{display:block;}
	ul.nav{
		background: none repeat scroll 0 0 #fff;
		border: 1px solid #012b91;
		border-radius: 0 0 8px 8px;
		clear: both;
		display: none;
		float: right;
		font-weight: bold;
		height: auto;
		margin-right: 22px;
		margin-top: 70px;
		padding-right: 0;
		position: absolute;
		right: 0;
		text-align: left;
		width: auto;
		z-index: 999;
	}
	ul.nav li{display: block;}
	ul.nav li a{
		height: auto;
		padding: 7px 12px;
		text-align: left;
	}
	ul.nav li a:hover{
		background:#012b91;
	}
	ul.nav li a.pasang{
		background:#012b91;
		color:#fff;
	}
	.huge_banner{height: 150px;margin-top: 10px;}
	.box_search{top: 17%;padding-left: 20px}
	.text_se{font-size: 17pt;}
	.huge_banner input.input_text{width: 130px;}
	.cover_link{padding: 20px 10px;}
	.box_link{padding: 0;}
	.box_link a{padding: 0;font-size: 8pt;}
	.box_rumah{padding: 0 10px;margin: 0 auto 10px;}
	.bx-wrapper .bx-prev{left: 0!important;background-color:#fff!important;}
	.bx-wrapper .bx-next{right: 0!important;background-color:#fff!important;background-position:6px !important;}
	.slide{width:160px !important;}
	.pasang_banner{padding: 0 10px;}
	.pasang_banner img {height: 35px;}
	.cover_home_bottom{ padding: 0 15px;}
	.box_tanya_jawab{margin-bottom: 50px;margin-right: 0;}
	.list_agen li{ width: 150px;}
	.footer_2{max-width: 90%;margin: 0 auto;padding: 20px 0 0;}
	.sbr{width: 100%;}
	.page_show {
		float: none;
		margin-bottom: 10px;
	}
	.middle .item .text{margin-top: 20px;width: 100%;}
	.middle .item h3{line-height: 15px;}
	.middle .item img.thumb{width: 100%;}
	.gl .big{
		float: none;
		margin-bottom: 10px;
		width: 100%;
		height: auto;
	}
	.gl .thumb{height: auto;width: 100%;}
	.box_thumb{width: 100%;}
	.glt{width:auto;}
	.gl .big img{max-width: 100%;}
	.tgl{float: none;}
	.bc{margin-top: 8px;}
	.m2{padding: 0 20px;}
	table.reg input{width: 180px  !important;margin-left: 2px; margin-bottom: 5px;}
	table.reg select{width: 180px  !important;margin-left: 2px;}
	table.reg tr td.label{padding: 0 0 15px 2px;}
	table.reg textarea{width: 100% !important;margin-left: 0;}
	table.reg{ width: 100%;}
	div.jHtmlArea .ToolBar { width: 100% !important;}
	table.profil_kontak_table tr td input{width:auto !important;}
	table.profil_kontak_table tr td textarea{width:auto;}
	.ui-tabs .ui-tabs-panel{margin-right: 0 !important;}
	#info dl dd{width:auto;}
	#info dl dt{padding-left: 0;width: 81px;}
	div.jHtmlArea{max-width: 235px !important;}
	
}

@media screen and (max-width: 320px) {
	.header h1{
		position: relative;
		text-align: center;
		width: 100%;
	}
	.box_se2 img{width: 118px;}
	img.logo{
		float: none;
		margin-left: 15%;
		margin-top: 10px;
	}
	.welcome {
		padding-right: 20px;
		padding-top: 20px;
	}
	ul.normal{display:none;}
	.menu-responsive{
		background: url('../img2/back_tombol2.png') no-repeat center;
		color: #fff;
		cursor: pointer;
		display: block;
		float: right;
		font-family: verdana;
		font-size: 14pt;
		margin-right: 12px;
		margin-top: 10px;
		padding: 4px 20px;
		vertical-align: middle;
	}
	.menu-responsive img{
		margin-right: 10px;
		vertical-align: middle;
	}
	ul.responsive{display:block;}
	ul.nav{
		background: none repeat scroll 0 0 #fff;
		border: 1px solid #012b91;
		border-radius: 0 0 8px 8px;
		clear: both;
		display: none;
		float: right;
		font-weight: bold;
		height: auto;
		margin-right: 20px;
		margin-top: 70px;
		padding-right: 0;
		position: absolute;
		right: 0;
		text-align: left;
		width: auto;
		z-index: 999;
	}
	ul.nav li{display: block;}
	ul.nav li a{
		height: auto;
		padding: 7px 13px;
		text-align: left;
	}
	ul.nav li a:hover{
		background:#012b91;
	}
	ul.nav li a.pasang{
		background:#012b91;
		color:#fff;
	}
	.huge_banner{height: 150px;margin-top: 0px;}
	.box_search{top: 17%;padding-left: 20px}
	.text_se{font-size: 17pt;}
	.huge_banner input.input_text{width: 130px;}
	.cover_link{padding: 20px 10px;}
	.box_link{padding: 0;}
	.box_link a{padding: 0;font-size: 10pt;}
	.box_rumah{padding: 0 10px;margin: 0 auto 10px;}
	.bx-wrapper .bx-prev{left: 0!important;background-color:#fff!important;}
	.bx-wrapper .bx-next{right: 0!important;background-color:#fff!important;background-position:6px !important;}
	.slide{width:140px !important;}
	.pasang_banner{padding: 0 10px;}
	.pasang_banner img {height: 35px;}
	.cover_home_bottom{ padding: 0 15px;}
	.box_tanya_jawab{margin-bottom: 50px;margin-right: 0;}
	.footer_2{padding: 20px 15px 0;}
	div.jHtmlArea{max-width: 216px !important;}
	div.jHtmlArea div iframe{max-width: 198px !important;}
	.box_rumah{margin-right:0 !important;}
	.thumbs_img {width: 100%;}
	.box_img {margin-right: 0;}
	
}