@media (min-width:320px) and (max-width:480px){ 

	body{
		font-size:1rem;
	}

	.wrapper{
		min-width:320px;
	}

	.container{
		width:320px;
	}

	.hp_content{
		padding:20px;
	}

	.header .container{
		height:auto;
		padding:0px;
	}

	.header .logo{
		text-align:left;
		float:none;
		margin:0px;
		padding:20px 0px;
		position:relative;		
	}


	.header .logo img{
		width:220px;
		height:auto;
		margin-left:5px;
	}

	.header .logo .mobilemenu svg{
		width:30px;
		height:30px;
	}

	.header .logo .mobilemenu{
		position:absolute;
		right:5px;
		top:calc(50% - 15px);
	}	

	.header .nav{
		float:none;
		margin:0px;
		padding:0px;
		text-align:center;
		display:none;
	}

	.header .nav ul{
		display:block;
		width:100%;
	}	

	.header .nav li{
		float:none;
		text-align:left;
	}

	.header .nav li a{
	}

	.header .nav li a:hover{
		background-color:rgba(7, 146, 198,0.1);
		color:#000000;
	}
    
    .banner .banner_stub{
        box-shadow:none;
    }

	.banner .banner_stub img{
		max-width:320px;
		height:auto;
	}
	
	 .deposit_slip{
	      box-shadow:none;
	      background-color:#ffffff;
	 }   
	
	 .deposit_slip .deposit_slip_head{
	      font-size:1.2rem;
	      padding:5px 0;
	 } 
	 
	 .deposit_slip .deposit_slip_head svg{
	     width:24px;
	     height:24px;
	 }
	
    .deposit_slip img{
        max-width:320px;
        margin:0px;
    }
	
	
	.banner .banner_stub_price{
		top:-30px;
		left:26px;
	}

	.banner .banner_stub_spof{
		top:50px;
		left:0px;
	}

.footer{
		padding:20px 0px;
	}

	.footer .container{
		height:auto;		
		line-height:1;
		padding:0px;	
	}


	.footer .shortnav{
		float:none;
		text-align:center;
	}

	.footer .shortnav ul{
		float:none;
		display:inline-block;
	}

	.footer .shortnav li{
		margin:0 10px;
	}

	.footer .footermsg{
		float:none;
		text-align:center;
		margin-top:20px;	
	}


	.secure_seal{
		display:block;
		position:relative;
		top:0px;
		left:0px;
		text-align:center;
		padding:0px;
		margin-bottom:20px;
	}

	.footer .shortnav li{
		float:none;
		margin:20px 0;
	}

	.content .container{
		width:calc(100% - 40px);
	}

	.contactus_form{
		margin-bottom:0px;
	}

	.header .logo .mobilemenu{
		display:block;
	}

	.contactus_form .field .input input, .contactus_form .field .input textarea{
		font-size:1rem !important;
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		min-width:auto !important;
		padding:10px !important;
	}


	.contactus_form .field .g-recaptcha{
		width:280px;
	}


	.banner .banner_stub_price{
		top:calc(50% - 50px);
		left:calc(50% - 50px);
	}

}

@media (min-width:481px) and (max-width:640px){ 

	body{
		font-size:1rem;
	}

	.wrapper{
		min-width:481px;
	}

	.container{
		width:481px;
	}

	.hp_content{
		padding:20px;
	}

	.header .container{
		height:auto;
		padding:0px;
	}

	.header .logo{
		text-align:center;
		float:none;
		margin:0px;
		padding:20px 0px;
		position:relative;
	}


	.header .logo .mobilemenu svg{
		width:30px;
		height:30px;
	}

	.header .logo .mobilemenu{
		position:absolute;
		right:15px;
		top:calc(50% - 15px);
	}	

	.header .nav{
		float:none;
		margin:0px;
		padding:0px;
		text-align:center;
		display:none;
	}

	.header .nav ul{
		display:block;
		width:100%;
	}	

	.header .nav li{
		float:none;
		text-align:left;
	}

	.header .nav li a{
	}

	.header .nav li a:hover{
		background-color:rgba(7, 146, 198,0.1);
		color:#000000;
	}


	.banner .banner_stub img{
		max-width:461px;
		height:auto;
	}

	.banner .banner_stub_price{
		top:-30px;
		left:26px;
	}

	.banner .banner_stub_spof{
		top:50px;
		left:0px;
	}

	.footer{
		padding:20px 0px;
	}

	.footer .container{
		height:auto;		
		line-height:1;
		padding:0px;	
	}


	.footer .shortnav{
		float:none;
		text-align:center;
	}

	.footer .shortnav ul{
		float:none;
		display:inline-block;
	}

	.footer .shortnav li{
		margin:0 10px;
	}

	.footer .footermsg{
		float:none;
		text-align:center;
		margin-top:20px;	
	}


	.secure_seal{
		display:block;
		position:relative;
		top:0px;
		left:0px;
		text-align:center;
		padding:0px;
		margin-bottom:20px;
	}

	.footer .shortnav li{
		float:none;
		margin:20px 0;
	}

	.content .container{
		width:calc(481px - 40px);
	}

	.contactus_form{
		margin-bottom:0px;
	}


	.header .logo .mobilemenu{
		display:block;
	}

	.contactus_form .field .input input, .contactus_form .field .input textarea{
		font-size:1rem !important;
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding:10px !important;
	}

     .deposit_slip img{
        max-width:451px;
        margin:5px;
    }

}

@media (min-width:641px) and (max-width:960px){  

	.wrapper{
		min-width:641px;
	}

	.container{
		width:641px;
	}

	.hp_content{
		padding:20px;
	}


	.header .container{
		height:auto;
		padding:20px 0;
	}

	.header .logo{
		text-align:center;
		float:none;
		margin:0px;
		padding:0px;
	}

	.header .nav{
		float:none;
		margin:0px;
		padding:0px;
		text-align:center;
	}

	.header .nav ul{
		display:inline-block;
	}

	.banner .banner_stub img{
		max-width:540px;
		height:auto;
	}

	.banner .banner_stub_price{
		top:-30px;
	}

	.banner .banner_stub_spof{
		top:50px;
		left:-66px;
	}


	.footer{
		padding:20px 0px;
	}

	.footer .container{
		height:auto;		
		line-height:1;
		padding:0px;	
	}


	.footer .shortnav{
		float:none;
		text-align:center;
	}

	.footer .shortnav ul{
		float:none;
		display:inline-block;
	}

	.footer .shortnav li{
		margin:0 10px;
	}

	.footer .footermsg{
		float:none;
		text-align:center;
		margin-top:20px;	
	}


	.secure_seal{
		display:block;
		position:relative;
		top:0px;
		left:0px;
		text-align:center;
		padding:0px;
		margin-bottom:20px;
	}

	.content .container{
		width:calc(641px - 40px);
	}

	.contactus_form{
		margin-bottom:0px;
	}


    .deposit_slip img{
        max-width:530px;
        margin:5px;
    }

}

@media (min-width:961px) and (max-width:1024px){  
	.wrapper{
		min-width:961px;
	}

	.container{
		width:961px;
	}

	.hp_content{
		padding:20px;
	}	

	.header .logo, .footer .footermsg{
		margin-left:20px;
	}

	.header .nav, .footer .shortnav{
		margin-right:20px;
	} 

	.header .logo .mobilemenu{
		display:none;
	}

	.content .container{
		width:calc(961px - 40px);
	}
	
	.contactus_form .field .input input, .contactus_form .field .input textarea{
		font-size:1rem !important;		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding:10px !important;
	}

    .deposit_slip img{
        max-width:652px;
    }

}


@media (min-width:1025px) and (max-width:1280px){  
	.wrapper{
		min-width:1025px;
	}

	.container{
		width:1025px;
	}

	.content .container{
		width:calc(1025px - 40px);
	}

	.hp_content{
		padding:20px;
	}	


	.header .logo, .footer .footermsg{
		margin-left:20px;
	}

	.header .nav, .footer .shortnav{
		margin-right:20px;
	} 

	.header .logo .mobilemenu{
		display:none;
	}

	.contactus_form .field .input input, .contactus_form .field .input textarea{
		font-size:1rem !important;		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding:10px !important;
	}

}