@media screen and (max-width: 1200px) {
	
}
/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
	.width-default { width: 95%; }
	.right-content, .left-content, right-content { float: none; width: 100%; }
	
	/* recur */
	.wrapper-profile {  margin-bottom: 25px; }
	
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
	.left-footer img { width: 150px; }
	.dokugroup-list img { height: 23px; }
	.address-merchant { float: right; text-align: right; width: 80%;}
	.datenow { display: none; }
	
	.left-rd, .right-rd { float: none; width: auto; }
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 580px) {
	.leftheader, .rightheader { float: none; text-align: center;}
	.rightheader {  margin-top: 5px; }
	.name-items { width: 45%; }
	.typefour input { width: 18%; }
	.datenow { display: none; }
	.address-merchant { display: inline-block; width: 70%;}
	.left-footer, .right-footer, .dokugroup-list { float: none; text-align: center; }
	.dokugroup-list { margin-top: 5px; display: inline-block; }
	.copyright { text-align: center; }
	footer { height: auto !important; }
	
}

/************************************************************************************
smaller than 600 landscape only
*************************************************************************************/
@media only screen and (max-width: 600px) and (orientation: landscape) {
	.address-merchant { float: none; text-align: center; width: 100%; }
	.left-tokentop { display: none; }
	
	/* bca */
	.textbca { width: 425px; }
}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 360px) {
	.typefour input { margin-bottom: 7px; width: 39%;}
	.leftheader img { width: 120px; }
	.leftheader { float: left; }
	.rightheader { float: right; text-align: right; width: 50%;}
	.name-merchant, .titleinput, .quan-items, .name-items { font-size: 15px; }
	.content { margin-top: 10px; }
	.title-od { padding: 10px 15px 10px; }
	.title-default { font-size: 17px; }
	ul.list-basket li { padding: 8px 0; }
	.total-basket .title-default { font-size: 20px; }
	ul.list-basket li:last-of-type { padding: 10px 0 0; }
	.typefour input { width: 14%; }
	.wrapper-twof { float: none; width: 100%; margin-bottom: 17px;}
	.cvv { margin-bottom: 0px; }
	.wrapper-twof {
		float: none;
		margin-bottom: 15px;
		margin-right: 0;
		width: 100%;
	}
	.address-merchant { display: none; }
	.default-btn { display: block; margin-bottom: 10px;}
	.list-securepay li img { width: 75px; }
	.cardholder { font-size: 18px; margin: 5px -15px 15px; padding: 9px 15px 6px; }
	.listbanklist img { height: 30px;}
	.default-btn { margin-right: 0; }
	.wrapper-iconbtn { display: none; }
	.default-btn span.textbtn { display: block; float: none; padding: 10px 0; text-align: center;}
	.left-footer img { width: 125px; }
	.dokugroup-list img { height: 20px; }
	.padd-foot { padding: 12px 0; }
	
	/* doku wallet */
	.headtitle ul li .img-openlistpay { display: none; }
	.dokuwallet-bottom .inputform input { width: 93%; }
	
	/* mandiri clikpay */
	.mandiri-cptype { margin: 15px 0 5px; }
	.text-mandiricp { font-size: 12px; line-height: 16px; margin-bottom: 5px;}
	.right-tokentop { margin-top: 0; width: 100%; }
	.desc-tokengold { font-size: 13px; line-height: 18px;}
	.wrapper-tokenchal .inputform input { width: 92%; }
	.left-tokentop { display: none; }
	.mandiri-cptype .titleinput { font-size: 18px; }
	.logo-mcp { background: url("../images/mandiri/clickpay_small.png") no-repeat scroll 0 0 transparent; height: 40px;}
	.cp-lefttop { width: 55px; background-position: 0 0; }
	.cp-righttop { width: 95px; background-position: -55px 0; }
	
	/* bca */
	.textbca { width: 190px; font-size: 14px; }
	
	/* bni */
	.top-bni img { width: 240px; }
	
	.sucresult h1 { font-size: 19px; }
	
	/* recur edit */
	.edit-btn { display: block; margin-right: 0; width: 94%; }
	.left-title-dbil { text-align: center; width: 100%;}
	.logo-merchant-profile { float: none; margin-top: 13px;}
	#tab .nav li a { font-size: 16px; min-height: 40px; }
	.default-btn { text-align: center;  width: 100%;  float: none !important;}
	.text-noterecur-newcc { width: 90%; }
	
	/* doku wallet adjust */
	.wrapper-button-result { float: none; margin: 10px 10px 0;}
	.wrapper-button-result a.bg-paybtn { display: block; float: none; width: 100%;}
}