@media (min-width: 992px) and (max-width: 1199px) { 
	.section-wrapper {
   		max-width: 980px;
		width:100%;
	}
	.pc-header-items div[class^="menu-top"] {
	    position: relative;
	    font-size: 1.1rem;
	}
	.site-logo img{
		width:250px;
		height: auto;
	}
	.top-menu {
	    left: 290px;
	}
}
@media (max-width: 991px) {
	body{
		width:100%;
		overflow-x: hidden;
	}
	header{
		height:105px;
	}
	.header-wrapper,.footer-wrapper{
	    width: 100%;
	    padding: 0;
	}
	.section .section-wrapper, .footer-contact-form .section-wrapper ,.section-wrapper{
		max-width:100%;
		width:100%;
	}
	.mobile-menu-btn{
	    display: block;
	    height: 25px;
	    right: 20px;
	    margin: auto;
	    overflow: hidden;
	    position: absolute;
	    top: 18px;
	    width: 25px;
	    z-index: 1;	
	    cursor:pointer;    
	}
	.mobile-menu-btn div {
	    background:#B81C25;
	    height: 2px;
	    margin: auto;
	    transition: all 0.3s ease 0s;
	    width: 25px;
	}
	.mobile-menu-btn div:nth-of-type(1) {
	    position: absolute;
	    top: 3px;
	}
	.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: 3px;
	    position: absolute;
	}
	.mobile-menu-btn.active div:nth-of-type(1) {
	    position: absolute;
	    top: 10px;
	    transform: rotate(45deg);
	}
	.mobile-menu-btn.active div:nth-of-type(2) {
	    opacity: 0;
	}
	.mobile-menu-btn.active div:nth-of-type(3) {
	    bottom: 12px;
	    position: absolute;
	    transform: rotate(-45deg);
	}
	.mobile-menu-btn.active{
		position: fixed;
		top:18px;
	}
	.logo {
		padding-left:15px;
		padding-right:15px;
	}
	.logo img {
	    width: auto;
	    height: 40px;
	    display: block;
	}
	header .section-wrapper{
		padding:0;
	}
	header {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	header{
		height: 60px;
	}
	h3.title {
	    font-size: 1.5em;
	    margin-bottom: 10px;
	}
	/* css frame ended */
	header a[rel="home"] img {
	    height: 40px;
	    width: auto;
	    margin-left: 15px;
	}
	.header-wrapper,.footer-wrapper{
	    width: 100%;
	    padding: 0;
	}
	.section .section-wrapper {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	.page-banner{
		height:200px;
	}
	.page-title {
	    font-size: 1.8rem;
	}
	.mobile-menu{
		visibility: visible;
		display: block;
	}
	.footer-wrapper .center-flex {
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	    width: 100%;
	}
	.side_calendar .mec-calendar .mec-calendar-side .mec-next-month {
	    right: 0px;
	}
	.footer-menu{
		display: none;
	}
	.thumbnail-index-course {
		top: -40px;
		bottom: -40px;
	}	
	.title{
		font-size: 1.8rem;
	    line-height: 1.2em;
	    margin-bottom: 0px;
	}
	.center-title {
	    font-size: 1.8rem;
	    line-height: 1.2em;	    
	}
	.pc-header-items{
		display: none;
	}
	.mobile-header-items{
		display: block;
		background:#fff;
		width:200px;
		height:100vh;
		position: fixed;
		top:0;
		left:0;
		z-index: 1000;
		overflow: scroll;
		transition: all .3s linear; 
		transform:translateX(-100%);
	}
	.mobile-header-items.active{
		transform:translateX(0%);
	}
	.mask{
		background:rgba(0,0,0,.6);
		width:100%;
		height:100vh;
		position: fixed;
		top:0;
		left:0;
		z-index: 999;
		display: none;
	}
	.mobile-header-items .sub-menu a:before{
		content:"- ";
	}
	.mobile-header-items div[class^="menu-top"] ul{
		margin-bottom:0;
	}
	.mobile-header-items div[class^="menu-top"] li a, a.login{
		display:block;
		padding:15px;
		border-bottom:1px solid #eeeeee;
	}
	.login img{
		display: inline-block;
		margin:0;
		width:20px;
		height:20px;
		margin-top:-3px;
	}
	ul.lang-btn{
		list-style: none;
	}
	ul.lang-btn li a{
		margin-top:10px;
	    margin-left: 10px ;
	    padding: 10px 15px ;	    
	    background: rgb(184,28,37) ;
	    border: 1px solid rgb(184,28,37) ;
	    border-radius: 25px ;
	    text-align: center;
	    color:#fff;
	       display: inline-block;
	}	
	.menu-item-has-children{
		position: relative;
	}
	.menu-item-has-children:after{
		width:30px;
		height:30px;
		position: absolute;
		content:"";
		top:10px;
		right:10px;
		display: block;
		background-image:url("../img/row-icon.png");
		background-size: 15px 15px;
		background-position: center center;
		background-repeat: no-repeat;
		pointer-events: auto;
		cursor: pointer;
		transition: all .1s linear;
		transform: rotate(0deg);
	}
	.menu-item-has-children.active:after{
		transform: rotate(180deg);
	}
	.menu-item-has-children .sub-menu{
		display: none;
	}	
	.mobile-search{
	    position: absolute;
	    top: 20px;
	    right: 65px;
	    font-size: 1.5rem;
	    display: block;
	    padding-right: 15px;
	    border-right: 1px solid #ddd;
	    color: #666;
	    cursor: pointer;
	    z-index: 100;
	}
	.search-form-wrapper>div{
		max-width:250px;
	}
	.form-wrapper *{
	    width: 250px;
	}
	.search-form-wrapper input[type="search"]{
		max-width: 250px;
	}
	.flexslider .slides img {
	    min-height: 400px;
	}
}
@media (max-width: 767px) {
	.thumbnail-index-course {
	    width: 100vw;
	    right: unset;
	    top: unset;
	    bottom: unset;
	    background-size: cover;
	    background-position: center center;
	    height: 200px;
	    margin-left: -15px;
	    margin-top: -60px;
	    margin-bottom: 30px;
	    position: relative;
	}
	.index-course-box {
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	    padding-left: 0;
	    padding-right: 0;
	    min-height: 0;
	}
	.woocommerce .col-1,.woocommerce .col-2 {	    
	    max-width: 100%;
	}
	.u-columns{
		display: flex;
		flex-direction: column;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation ul a{
		padding: 5px 15px !important;
	    display: inline-block;
	}
	.flexslider .slides img {
	    min-height: 300px;
	}
}