/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media screen and (min-width: 360px){
	#btn_menu_mobile {
	    width: 30px;
	    position: absolute;
	    top: 20px!important;
	    left: 10px;
	}
	#btn_menu_mobile .line_mn {
	    display: block;
	    width: 100%;
	    line-height: 10px;
	}
	#btn_menu_mobile span {
	    display: inline-block;
	    width: 100%;
	    height: 4px;
	    background: #2b296a;
	}
	.main-header .logo {
	    padding-right: 20px;
	    padding-top: 13px;
	    float: right;
	    margin-bottom: 10px;
	}
	.ht-left a {
		display: block;
		margin-bottom: 10px;
		padding-right: 0;
		margin-right: 0;
		border-right: none;
		color: #fff;
	}
	.tit1 h2 {
		font-size: 20px;
	}
	.tit1:before {
		top: 7%;
	}
	.tit1:after {
		bottom: 91%;
	}
	.tit2 h2 {
		font-size: 20px;
	}
	.tit2:after {
		bottom: 84%;
	}
	.tit2:before {
		top: 12%;
	}
	#banner-1301477498 {
		padding-top: 150px!important;
	}
	.mamau {
		margin: 20px 0; 
	}
	#banner-13014774981 {
		padding-top: 150px !important;
	}
	.tit3:before {
		top: 5%;
	}
	.tit3:after {
		bottom: 93%;
	}
	.hl-pr {
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 375px){
}
@media screen and (min-width: 411px){
}
@media screen and (min-width: 576px){
}
@media screen and (min-width: 768px){
	.box-text-inner {
		margin: 0;
		font-size: 14px;
	}
	.tit3:before {
		top: 12%;
	}
	.tit3:after {
		bottom: 84%;
	}
	
}
@media screen and (min-width: 992px){
	.tit1:before {
		top: 18%;
	}
	.tit1:after {
		bottom: 77%;
	}
	.tit2:before {
		top: 22%;
	}
	.tit2:after {
		bottom: 71%;
	}
}
@media (max-width: 767px) { 
}