@media (min-width: 992px) and (max-width: 1199px) {
	body{
		font-size:15px;
	}
	.logo img {
        height: 50px;
    }
	.banner-text-box h3{
		font-size:1.25rem;
	}
	.banner-text-box h1{
		font-size:2.25rem;
		margin-bottom: 10px;
	}
	.banner-text-box h2{
		font-size:1.15rem;
		margin-bottom: 15px;
	}
	.banner-text-box ul{
		font-size:1rem;
		margin-top:0;
	}
	body:not(.page-template-default) .section-wrapper h2:first-child {
	    font-size: 2rem;
	    margin-bottom: 15px;
	}
	.tick-li li h3 {
    	font-size: 1.25rem;
	} 
	.swiper-slide .row>div>img{
		max-height: 400px;
	}
	.page-title-bg h1 {
	    font-size: 2.25rem;
	}
	.section-bg ul li h3 {
    	font-size: 1.5rem;
	}
	.section-bg ul li {
	    font-size: 1.25rem;
	}
	.page-title-bg {
	    font-size: 1.25rem;
	}
	.page-title-bg .section-wrapper {
	    padding-top: 40px;
	    padding-bottom: 40px;
	    min-height: 300px;
	}
	.half-style-content {
    	min-height: 225px;
    }
}
@media (max-width: 991px) {	
	html,body{
		overflow-x: hidden;
		font-size:15px;
	}
	.no-scroll{
	  overflow: hidden;
	  position: fixed;
	  width: 100%;
	  height: 100%;
	}
	html .no-scroll #wpadminbar{
		position: fixed;
		top:0;
	}
	.mobile-menu-btn{
	    display: block;
	    height: 30px;
	    right: 20px;
	    margin: auto;
	    overflow: hidden;
	    position: absolute;
	    top: 5px;
	    width: 30px;
	    z-index: 100;	
	    cursor:pointer;    
	}
	.mobile-menu-btn div {
	    background:#177669;
	    height: 3px;
	    margin: auto;
	    transition: all 0.3s ease 0s;
	    width: 30px;
	    border:0;
	    border-radius: 3px;
	}
	.mobile-menu-btn div:nth-of-type(1) {
	    position: absolute;
	    top: 2px;
	}
	.mobile-menu-btn div:nth-of-type(2) {
	    bottom: -50%;
	    opacity: 100;
	    position: absolute;
	    top: -50%;
	}
	.mobile-menu-btn div:nth-of-type(3) {
	    bottom: 2px;
	    position: absolute;
	}
	.mobile-menu-btn.active div:nth-of-type(1) {
	    position: absolute;
	    top: 12px;
	    transform: rotate(45deg);
	    width: 34px;
	}
	.mobile-menu-btn.active div:nth-of-type(2) {
	    opacity: 0;
	}
	.mobile-menu-btn.active div:nth-of-type(3) {
	    bottom: 15px;
	    position: absolute;
	    transform: rotate(-45deg);
	    width: 34px;
	}
	.section .section-wrapper {
		padding:40px 20px;line-height: 1.75em;
	}
	.section-wrapper h2:first-child {
	    font-size: 1.75rem !important;
	    margin-bottom: 20px !important;
	    color: #177669 !important;
	}
	.logo img {
	    width: auto;
	    height: 40px;
	    display: block;
	}
	.logo,.logo a{
		display: table;
	}
	header{
	}
	h3.title {
	    font-size: 1.5em;
	    margin-bottom: 10px;
	}
	.banner {
	    height: unset;
	    position: relative;
	}
	.half-style-img {
        width: 100%;
        position: relative;
        top: unset;
        bottom: -60px;
        left: unset;
        right: unset;
        height: 160px;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
    }
    .half-style{
    	padding-top:0;
    	padding-bottom:0;
    }
	.half-style .row>div:nth-child(1){
		order:unset !important;
	}
	.half-style .row>div:nth-child(2){
		order:unset !important;
	}
	.half-style .half-style-img{
		bottom:unset;
		top:-40px;
	}
    .half-style-content{
    	max-width: 100%;
    	min-height:unset !important;
    	padding: 0;
    }
	/* css custom frame ended */
	header .menu li:hover:before{
	    height: 0px;
	    color:#5EBDB0;
	    display: none;
	}
	.section-wrapper {
		padding-left:20px;
		padding-right:20px;
	}
	header div.menu{
		height: 100%;
	    position: fixed;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 65px;
	    background: rgba(16, 87, 77, 0.95);
	    margin: auto;
	    z-index: 1;
	    color: #fff !important;	    
		transform: translateX(-100%);
		transition: all .3s ease-in-out;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
	}
	.admin-bar header div.menu{
		top: 46px;		
		height: calc(100% - 46px);
	}
	header div.menu.active{
		transform: translateX(0%);
	}
	div[class^="menu-top"] ul{
		flex-direction: column;
		height: auto;
		padding: 0;
	}	
	div[class^="menu-top"] ul a{
		color:#fff;
		padding: 20px 20px;
	}
	header .menu li{
		margin:unset;
	    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	}
	header .current-menu-ancestor:before, header .current-menu-parent:before, header ul>li.current-menu-item:before{
		visibility: hidden;
		display: none;
	}
	.section-desc {
    	margin-bottom: 20px;
    }
    .banner-text-box {
        margin: unset;
        height: 50vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 400px;
    }
	.banner-exchange-form{
	    margin-top: 20px;
	    max-width: 100%;
	    display: block;
	    margin-bottom:15px;
	}
    .banner-text-box h3{
		font-size:1.5rem;
	}
	.banner-text-box h1{
		font-size:2.5rem;
		margin-bottom: 10px;
	}
	.banner-text-box h2{
		font-size: 1.5rem;
		margin-bottom: 15px;
	}
	.banner-text-box ul{
		font-size: 1.35rem;
		margin-top:0;
	}
	.banner-text-box li{
		margin-right:20px;
	}
	.banner-text-box li i{
		font-size:1.5rem;
		margin-right: 5px;
	}
	.slogun-btn-group{
		margin-bottom:-20px;
	}
	.banner .highlight{
		margin-right:auto;
		font-size: 1.15rem;
	}
	.btn-dark, .btn-light {
	    font-size: 1.15rem;
	}
	.banner-logo-list {
	    flex-direction: column;
	    width: auto;
	    margin-left:unset;
	    margin-right:unset;
	}
	.banner-logo-box {
	    width: 100%;
	    padding:15px 15px;
	}
	.tick-li li h3 {
	    font-size: 1rem;
	    font-weight: bold;
	}
	.white-box {
        padding: 20px 30px;
    }
    .icon-box img {
	    margin-bottom:0px;
    	max-height: 80px;
    	margin-right:20px;
    	margin-top:0;
	}	
	.icon-box{
		display: flex;
		justify-content: left;
		align-items: center;
	}
	.icon-box h3{
		text-align: left;
	    margin-bottom: 5px;
    	line-height: 1;
	}
	.icon-box p{
		margin-bottom:0;
	}
	.swiper-banner .stage img{
		max-height: 300px;
	}
	.swiper-banner .stage>.row>div:first-child{
		order: unset;
	}
	.stage-content{
		position: relative;
		padding: 40px 40px 10px !important;
	}
	.faq-box h3 {
	    font-size: 1.15rem;
	}
	.swiper-banner .stage {
	    margin-top: 30px;
	}
	.stage-content td{
	    font-size: 0.85rem;
	}
	.swiper-banner .stage h3 {
   		font-size: 1.5rem;
	}
	.swiper-pagination{
		margin-top:0px;
	}
	.download-btn-group>a{
		margin-top:5px;
		margin-bottom:5px;
		width: 100%;
		margin-left: 0 !important;	
		padding:5px;	
	}
	.tick-li li:before {
	    display: inline-block;
	    width: 30px;
	    height: 30px;
	    margin-right: 0;
	    background-size: contain;
	    background-repeat: no-repeat;
	    margin-left: -35px;
	}
	.tick-li li {
	    margin-top: 5px;
	    padding-left:35px;
	}
	.page-title-bg{
		font-size: 1.15rem;
		line-height: 1.75em;
	}
	.page-title-bg .section-wrapper {
	    padding-top: 40px;
	    padding-bottom: 40px;
	    min-height: 150px;
	}
	.page-title-bg h1 {
	    font-size: 2.25rem;
	}
	.section-bg ul li {
	    padding: 10px 20px;
	    font-size: 1.25rem;
	    margin-top: 15px;
	    margin-left: 0;
	    margin-right: 0;
	    width: 100%;
	}
	.section-bg ul li h3 {
	    font-size: 1.25rem;
	    margin-bottom:0;
	    display: inline;
	}
	.section-bg ul li p{
		display: inline;
	}
	a.btn-lang {
	    padding: 2px 5px;
	    margin-left: 0;
	    margin-right: 50px;
	}
	.col-padding-wrapper {
	    padding: 0;
	}
	.footer-logo-group img {
	    margin-bottom: 20px;
	    max-width: 18%;
        height: auto;
	}
	.app-download h3 {   
   		font-size: 1.75rem;
    }
	.app-download img {
	    max-width: 90px;
	}
	.btn-ios, .btn-android {
	    max-width: 220px;
	}
	.qr-code-popup{
		display: none;
	}
	.app-download span,.footer-info,.other-footer-info {
	    font-size: 1rem !important;
	}
	/*
	.footer-info {
	    margin: auto;
	    display: table;
	}
	*/
}
@media (max-width: 375px) {
	.banner-text-box h3{
		font-size:1.25rem;
	}
	.banner-text-box h1{
		font-size:2.25rem;
		margin-bottom: 10px;
	}
	.banner-text-box h2{
		font-size:1.15rem;
		margin-bottom: 15px;
	}
	.banner-text-box ul{
		font-size:1rem;
		margin-top:0;
	}
	.banner-text-box li{
		margin-right:20px;
	}
	.banner-text-box li i{
		font-size:1.25rem;
		margin-right: 5px;
	}
	.banner .highlight{
		font-size: .83rem;
	}
	.btn-dark, .btn-light {
	    font-size: 1rem;
	}
}