/* Media Queries
-------------------------------------------------------------- */
@media only screen and (max-width: 1366px) {
	.row-map .widget-sv {
	    left: 80px;
	}

}

@media (min-width: 1200px){
	.mobi-cart, .mainnav .flat-socials, .mainnav .copyright{
		display: none;
	}
	.header-wrap .show-search{
		margin-right: calc(50% - 595px);
	}
	.flat-accordion.faq .toggle-content > div> div:first-child{
		margin-left: 6.2%;
	}
	.flat-accordion.faq .toggle-content > div> div:nth-child(3){
		padding-left: 2.5%;
	}
}
@media (min-width: 768px){
	.login-info{
		display: none;
	}
	.flat-tabs ul.menu-tab{
		display: table;
		margin: 0 auto 60px auto;
	}
	.edit-password h3, .edit-password h4{
		text-align: right;
	}
	.msg-btn{
		float: right;
	}
	.feature-post .label-wrapper{
	    left: 30px;
	}
	.select-date{
		margin-bottom: 55px;
	}
	#mainnav ul.submenu{
		max-height: 75vh;
		overflow-y: auto;
	}
	.flat-accordion.course .toggle-title div:first-child, .course-th tr td:first-child{
		width: 7%;
		padding-left: 16px;
	}
	.calc span p{
		display: inline-block;
	}
	.calc-area .flat-button{
		transform: translateX(-50%);
		margin-left: 50%;
		margin-top: 40px;
	}
	.calc-area h3{
		text-align: center;
	}
	.flat-accordion.signup-record .toggle-title div{
		position: relative;
	}
	.flat-accordion .flat-toggle:first-child .toggle-title div:before {
		content: attr(data-title);
		position: absolute;
		left: 50%;
		top: -45px;
		width: 100%;
		font-weight: bold;
		transform: translateX(-50%);
	}
	.flat-accordion.course2 .flat-toggle:first-child .toggle-title div:before{
		display: none;
	}
	.flat-contact-form .input-wrap.left, .flat-contact-form .input-wrap.right{
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.flat-contact-form .input-wrap.padding{
		float: none;
		width: 98%;
		margin-left: auto;
		margin-right: auto;
	}
	.validate-row{
		padding: 0 6px;
	}
	.flat-accordion.faq .flat-button {
	    float: right;
	    padding: 0 20px;
	    margin-bottom: 50px;
	    margin-left: 15px;
	}
	.flat-accordion.faq .flat-toggle .flat-button {
	    float: none;
	    height: 30px;
	    line-height: 28px;
	    margin: 15px 0 0;
	}
	.shopping-list .flat-button{
		float: right;
    	margin-right: 45px;
	}
	.textarea-wrap {
	    width: 98%;
	    margin: 0 auto;
	}
	.flat-accordion.signup-record .toggle-title div{
		display: inline-flex;
		min-height: 40px;
		align-self: center;
    	justify-content: center;
	}
}

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
	.flat-tabs ul.menu-tab li a {
		margin-right: 150px;
	}
	.search .flat-tabs ul.menu-tab li a{
		margin-right: 0;
	}
	.flat-tabs.product ul.menu-tab li a {
		margin-right: 0;
	}
	.btn-submenu{
		display: inline-block;
		margin-right: -70px;
	}

	.main-content.have-sidebar .flat-post-ordering {
		top: -55px;
	}
	.menu-close{
		position: absolute;
		right: 20px;
		top: 12px;
		width: 42px;
		height: 42px;
		background-image: url(../images/menu-close.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	#mainnav-mobi ul.menu{
		max-height: 60vh;
	}
	.mainnav .copyright{
		position: absolute;
		bottom: 40px;
		width: 100%;
		text-align: center;
		color: #9C9C9C;
		line-height: 1.2em;
	}
	#mainnav-mobi ul.flat-socials{
		position: absolute;
		bottom: 85px;
		width: 100%;
		text-align: center;
	}
	#mainnav-mobi ul.flat-socials li a{
		color: #9A9A9A;
	}
	.mobi-cart{
		display: none;
		float: right;
		font-size: 14px;
		margin-top: 14px;
		margin-right: 6px;
	}
	.mobi-cart a{
		color: #fff;
	}
	.link-block .text{
		width: 170px;
	}
	.flat-accordion .toggle-content > div:after{
		margin-left: 5%;
	}
	.flat-accordion.faq .toggle-content > div> div:nth-child(3){
		padding-left: 3.7%;
	}
}

@media (min-width: 992px) and (max-width: 1198px){
	.num-block .block{
		width: 14%;
		margin-right: calc(3.2% - 6px);
	}
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
	.btn-menu {
	    margin-top: 25px;
	    margin-bottom: 25px;
	}
	.menu-btn{
		margin-top: 4px;
	}
	.header .header-wrap .logo{
		margin-right: 0;
	}
	.title-course {
		padding: 0;
	}

	.sidebar, .have-sidebar .post-content {
		width: 100%;
	}

	.container,	.flat-pdr-100 {
		padding: 0 15px;
	}

	.flat-button-container, .flat-course-images {
		text-align: center;
	}

	.flat-row.course .flat-pdr-100, .have-sidebar .post-content article.post .content-post {
		margin-bottom: 40px;
	}

	.flat-row:not(.contact-page) {
		padding: 40px 0!important;
	}

	.flat-row.join-us, .flat-row.about-us {
		padding: 0!important;
	}

	.main-content.flat-row {
		padding-top: 80px!important;
	}

	.have-question {
		padding: 0 30px;
	}

	.news-letter-form .widget-mailchimb {
		bottom: 0;
	}

	.flat-counter {
		margin-bottom: 30px;
	}

	footer .widget_tweets .link-left {
		width: 50%;
	}
	.main-content.course-grid .flat-course{
		width: 49%;
	}

	.main-content.have-sidebar .sidebar {
		margin-top: 40px
	}

	.footer .widget {
		margin-bottom: 30px;
	}

	.page-title .page-title-heading h2 {
		padding-top: 60px;
	}
	
	.more-frame .page-title .page-title-heading h2{
		padding: 0;
	}

	.breadcrumbs {
		padding-bottom: 40px;
	}

	.teacher .flat-teacher {
		width: 50%;
	}

	footer .widget_tweets .link-right {
		float: none;
		padding-left: 30px;
	}

	.flat-contact-form textarea {
		max-width: 100%;
	}

	.course-single .sidebar {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.blog-posts .blog-title-single h1, .blog-posts .blog-title h1 {
		margin-bottom: 30px;
	}
	.main-content.course-single .course-widget-price{
		margin: 50px auto 60px auto;
	}
	.entry-content{
		margin-bottom: 0px;
	}
	.flat-pdr-80{
		padding: 0 15px;
	}
	.only-mobi{
		width: auto;
		height: 45px;
		border-radius: 4px;
		font-size: 14px;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: url(../images/select-arrow.png) center right 20px no-repeat;
		background-size: 12px;
		padding: 5px 50px 5px 20px;
		margin: 0 auto 40px auto;
	}
	.link-block{
		width: calc(100% + 4px);
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
		margin-left: -2px;
		margin-bottom: 50px;
	}
	.link-block .col1, .link-block .col3{
		width: 49%;
		padding-top: 0;
		margin-right: 2%;
	}
	.link-block .col2, .link-block .col4{
		width: 49%;
		padding-top: 0;
		margin-right: 0;
	}
	.link-block .col5{
		width: 100%;
	}
	.link-block .block{
		display: block;
		margin-bottom: 10px;
	}
	.link-block .col2 .block2, .link-block .col5 .block2{
		width: 100%;
	}
	.link-block .col5 .wrapper{
		display: inline-block;
		width: 48.5%;
	}
	.link-block .col5 .wrapper:first-child{
		margin-right: calc(3% - 5px);
	}
	.link-block .img-wrapper{
		display: none;
	}
	.link-block .text{
		position: static;
		width: auto;
		font-size: 22px;
		background-image: none;
		text-indent: 0;
		-webkit-border-radius: 8px;
		        border-radius: 8px;
		cursor: pointer;
	}
	.link-block .col1 .text, .link-block .col4 .text, .link-block .col5 .text{
		padding: calc(50% - 20px) 20px calc(50% - 20px);
	}
	.link-block .col2 .text, .link-block .col3 .text{
		padding: calc(25% - 22px) 20px calc(25% - 22px);
	}
	.sort-btn-wrapper{
		margin-top: 0;
	}
	.certification-wrap .list{
		width: calc(50% - 13px);
	}
	.certification-wrap .list:nth-child(even){
		margin-right: 0;
	}
	.certification-wrap .btn-wrapper{
		padding: 0;
		margin-top: 10px;
	}
	.bind-account + .col-md-6{
		border-left: none;
	}
	.bind-account{
		margin-bottom: 80px;
	}
	.info-edit{
		border-right: 0;
		padding: 0 15px;
		margin-bottom: 80px;
	}
	.info-edit + div{
		padding: 0 15px;
	}
}

/* Tablet Landscape */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.main-content.course-list .two-col-item .flat-course{
		width: 350px;
	}
	.main-content.course-list .two-col-item .flat-course:nth-child(odd){
		margin-right: 15px;
	}
	.shopping-record-title tr td:first-child{
		width: 11%;
	}
	.shopping-record-title tr td:nth-child(2){
		width: 11.6%;
	}
	.shopping-record-title tr td:nth-child(3){
		width: 11.4%;
	}
	.shopping-record-title tr td:nth-child(4){
		width: 11.8%;
	}
	.shopping-record-title tr td:nth-child(5){
		width: 13%;
	}
	.flat-accordion.signup-record .toggle-title div.cell6{
		width: 4.5%;
		min-width: initial;
	}
	.flat-accordion.course .toggle-title div:first-child, .course-th tr td:first-child{
		width: 5%;
		padding-left: 8px;
	}
	.flat-accordion.course .toggle-title div:nth-child(2){
		width: 16%;
	}
	.flat-accordion.course .toggle-title div:nth-child(7){
		width: 14%;
		padding-left: 0.8em;
	}
	.flat-accordion.course2 .toggle-title > div:nth-child(1){
		width: 5%;
		padding-left: 8px;
	}
	.flat-accordion.course2 .toggle-title > div:nth-child(2){
		width: 16%;
	}
	.flat-accordion.course2 .toggle-title div:nth-child(7){
		width: 10%;
		padding-left: 0.8em;
	}
	.course-th tr td:nth-child(6), .course2 .course-th tr td:nth-child(6){
		width: 12%;
	}
	.course-th tr td:nth-child(5), .course2 .course-th tr td:nth-child(5){
		width: 25%;
	}
	.flat-accordion .flat-toggle .toggle-title:before{
		right: 10px;
	}
	.num-block .block{
		width: 28.9%;
	}
	.num-block .block:nth-child(3n){
		margin-right: 0;
	}
	.lightbox-wrap .one-col, .lightbox-wrap .two-col, .lightbox-wrap .three-col,
	.lightbox-wrap .three-col-left1, .lightbox-wrap .three-col-left2, .lightbox-wrap .three-col-right1,
	.lightbox-wrap .three-col-right2{
		width: 100%;
		margin-left: 0;
	}
	.flat-accordion.faq .toggle-title div:first-child{
		width: 20%;
		margin-left: 3.2%;
	}
	.flat-accordion.faq .toggle-content > div> div:first-child{
		width: 19%;
		margin-left: 4.2%;
	}
	.flat-accordion .toggle-content > div:after{
		margin-left: 4.2%;
	}
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	.login-info{
		display: block;
		color: #fff;
		font-size: 18px;
		text-align: center;
		margin: 40px 0 20px 0;
	}
	.login-info a{
		color: #fff;
	}
	.header .header-wrap .logo{
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		   -moz-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		     -o-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.navbar-link{
		display: none;
	}
	#mainnav .navbar-link{
		display: block;
		float: none;
		margin-top: 30px;
	}
	#mainnav ul{
		max-height: calc(100vh - 250px);
	}
	.boxed{
		min-width: 350px;
	}
	.main-content.blog-posts .entry,
	.row-map .widget-sv,
	.main-content.blog-masory .post-wrap .entry,
	.comment-form .name-container,
	.comment-form .email-container {
		width: 100%;
	}

	.blog-posts .blog-title-single h1, .blog-posts .blog-title h1 {
		font-size: 30px;
		line-height: 30px;
	}

	.main-content.course-grid.have-sidebar .flat-course, .main-content.course-grid.have-sidebar .flat-course:nth-of-type(even),
	.have-sidebar .post-content article.post, .have-sidebar .post-content article.post:nth-of-type(3n+1) {
		display: block;
		width: 100%;
		margin: 0 0 33px;
	}


	.header-inner-pages p {
		padding-top: 10px;
	}

	.header .header-wrap .nav-wrap{
		top: 86px;
		width: 100%;
	}
	.top .flat-information, .text-information,  .top .flat-socials {
		text-align: center;
		width: auto;
	}

	.flat-information > li > a {
	    padding: 5px 12px;
	}

	.flat-information > li:before {
		top: 5px;
	}

	.flat-row.join-us p {
		padding: 0 20px;
	}

	.flat-row.testimonial .testimonial-slider {
		width: 100%;
	}

	.contact .comment-form .name-container,
	.flat-contact-form .input-wrap.name {
		width: 49%;
	}

	.flat-socials > li.facebook, .flat-socials > li.facebook a {
		padding-left: 0;
	}

	.top .flat-socials{
		padding-right: 0;
		margin-left: 10px;
	}
	.top .text-information{
		float: left;
		width: auto;
		padding-top: 3px;
		padding-left: 10px;
	}
	.flat-information > li{
		margin-right: 10px;
	}
	.flat-information > li.email{
		margin-left: 0;
	}
	.flat-information > li.email:before{
		content: '\f0e0';
	}

	.breadcrumbs ul li, .breadcrumbs ul li a{
		padding-bottom: 15px;
	}

	.contact-page {
		padding-top: 50px;
	}

	.contact-content {
	    margin-bottom: 45px;
	}

	.contact .comment-form .name-container,
	.flat-contact-form .input-wrap.name, .contact .comment-form .email-container,
	.flat-contact-form .input-wrap.email, .contact .comment-form .subject-container,
	.flat-contact-form .input-wrap.Subject {
		width: 100%;
		margin-right: 0;
	}

	.main-content.course-grid .blog-title {
		margin-bottom: 20px;
	}

	.main-content.course-grid .flat-post-ordering {
		top: 55px;
		padding: 0 10px;
		left: 0;
		right: auto;
	}

	.main-content.course-list .featured-post {
		width: 25%;
		margin: 0 6.8% 20px 0;
	}

	.main-content.course-list .featured-post.teacher{
		float: none;
		width: 80%;
		margin: 0 auto 10px;
	}

	.flat-hover-zoom .entry-image{
		margin-bottom: 20px;
	}
	.widget-popular-news .flat-course.flat-hover-zoom .entry-image{
		height: 65px;
	}
	.post-lastest-new .post{
		width: 93%;
		margin: 0 auto 60px;
	}

	.main-content.course-list .flat-course .teacher + .course-content{
		display: block;
		width: 80%;
		margin: 0 auto;
	}

	.main-content.course-list .flat-course .course-content {
		display: inline-block;
		width: 67%;
		overflow: visible;
		clear: both;
		position: relative;
		padding-top: 5px;
	}

	.main-content.course-single .course-widget-price {
		width: 100%;
		margin-bottom: 30px;
	}

	.course-widget-price .flat-button {
	    padding: 0 15px;
	}

	.breadcrumbs{
		padding-bottom: 0;
	}

	.main-content {
		padding: 20px 0 60px;
	}

	ul.curriculum li ul.section-content li.course-lesson .fr {
		float: none;
	}

	.blog-posts .comment-post {
		margin-bottom: 40px;
	}

	.blog-posts .comment-post .comment-respond input {
		width: 100%;
	}

	.tp-leftarrow.square:hover, .tp-rightarrow.square:hover,
	.tp-leftarrow.square, .tp-rightarrow.square {
		background: transparent;
	}

	.flat-tabs ul.menu-tab:after {
		top: 44%;
	}

	.blog-posts .comment-post .comment-avatar > img {
		margin-bottom: 5px;
	}

	.blog-posts .comment-post .comment.style1 {
		padding-left: 30px;
	}

	.header .header-wrap .logo {
		width: 124px;
		height: auto;
		margin-top: 0;
		margin-right: 0;
	}
	.post .date-post {
		margin-right: 10px;
		margin-bottom: 5px;
	}
	.btn-menu{
		margin: 16px 0 16px 20px;
	}
	.show-search a{
		line-height: 48px;
	}
	.mainnav .show-search{
		position: absolute;
		top: -5px;
		left: 10px;
	}
	.mainnav .show-search a{
		height: initial;
	}
	.mainnav .show-search a i{
		font-size: 20px;
		color: #fff;
		background: transparent;
		padding: 20px;
	}
	.mobi-cart{
		position: relative;
		display: block;
	}
	.page-title{
		padding: 0 5px;
	}
	.main-content.course-list .flat-course{
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	.main-content.course-list .flat-course .course-content h4{
		font-size: 22px;
	}
	.flat-accordion .flat-toggle{
		padding: 30px 20px 50px 20px;
	}
	.flat-accordion.shopping-record .flat-toggle{
		padding-top: 20px;
    	padding-bottom: 0;
	}
	.flat-accordion .flat-toggle .toggle-title{
		line-height: 42px;
	}
	.flat-accordion .flat-toggle .toggle-title:before, .flat-accordion.signup-record .flat-toggle .toggle-title:before{
		right: 50%;
		bottom: 0;
		top: initial;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}
	.detail .item > div{
		padding: 5px 0;
	}
	.detail .item > div:first-child{
		width: 35%;
	}
	.detail .item > div:nth-child(2){
		width: 60%;
		line-height: 1.4em;
	}
	.detail .item > div:nth-child(4){
		width: 30.5%;
		text-align: right;
	}
	.detail .item > div:nth-child(5){
		float: right;
		display: block;
		width: 50%;
		text-align: right;
		font-weight: bold;
	}
	.detail .item > div.note{
		width: 100%;
		padding-left: 0;
	}
	.shipping{
		float: none;
		margin-bottom: 25px;
	}
	.shipping span{
		display: inline-block;
	}
	.shipping span:after{
		content: '：';
		display: inline-block;
	}
	.total{
		margin-right: 0;
	}
	.flat-accordion h3.mb-60{
		margin-bottom: 30px;
	}
	.footer .widget_tweets{
		float: left;
		width: 37%;
		margin: 0 6% 45px 6%;
	}
	footer .widget.widget_tweets .widget-title{
		font-size: 18px;
		line-height: 1.4em;
		margin-bottom: 42px;
	}
	footer .widget_tweets ul li{
		margin-bottom: 7px;
	}
	footer .widget_tweets ul li a{
		font-size: 16px;
	}
	.footer .widget-text img{
		display: block;
		width: 85%;
		margin: 0 auto 45px auto;
	}
	.footer .widget-text{
		text-align: center;
	}
	.footer .widget-text ul{
		display: block;
		text-align: left;
		margin-bottom: 10px;
	}
	.footer .widget-text li, .footer .widget-text li a{
		font-size: 16px;
		color: #fff;
		margin-bottom: 5px;
	}
	.footer .widget-text li:before{
		color: #9c9c9c;
	}
	.bottom{
		padding-top: 2px;
		margin-top: -1px;
	}
	.bottom .flat-socials-v1 li{
		font-size: 19px;
	}
	.container-bottom .copyright{
		padding-top: 35px;
	}
	.container-bottom .copyright p{
		line-height: 1.3em;
	}
	.bottom .flat-socials-v1 li:before{
		left: -12px;
	}
	.bottom .flat-socials-v1 li.line{
		padding-top: 0;
	}
	.bottom .flat-socials-v1 li.line a{
		width: 22px;
		height: 22px;
		background-size: 22px;
	}
	.footer .footer-widgets{
		padding-bottom: 0;
	}
	.g-recaptcha > div{
		margin: 0 auto;
	}
	.main-content.login{
		padding-top: 20px;
		padding-bottom: 80px;
	}
	.search .widget-popular-news{
		margin-bottom: 40px;
	}
	.search .widget-popular-news:last-child{
		margin-bottom: -10px;
	}
	.blog-pagination{
		margin-bottom: 40px;
	}
	.main-content.course-list .two-col-item .flat-course{
		width: 100%;
		margin-bottom: 40px;
	}
	.main-content.course-list .two-col-item .flat-course:nth-child(odd){
		margin-right: 0em;
	}
	.main-content.course-list .two-col-item .course-content p{
		height: auto;
	}
	.btn-wrapper{
		padding-left: 31.8%;
		margin-top: 0;
	}
	.detail h4{
		text-align: center;
	}
	.note{
		display: block;
		text-align: center;
		font-size: 14px;
	}
	.detail .note{
		text-align: left;
		margin-bottom: 6px;
	}
	.more{
		font-size: 14px;
	}
	.flat-tabs ul.menu-tab li a:before, .flat-tabs ul.menu-tab li a:after{
		top: 45%;
	}
	.flat-tabs ul.menu-tab{
		width: 94%;
		margin: 0 auto 60px auto;
	}
	.search .flat-tabs ul.menu-tab{
		width: 100%;
		text-align: center;
	}
	.search .flat-tabs ul.menu-tab li{
		vertical-align: top;
		margin: 0 2% 15px 2%;
	}
	.search .flat-tabs ul.menu-tab li a{
		line-height: 1.4em;
		padding: 12px 10px;
		margin-right: 0;
	}
	.edit-password{
		margin-bottom: 25px;
	}
	.main-content.account{
		padding-top: 75px;
	}
	.contact-content .details h5{
		font-size: 22px;
	}
	.contact-content .details p{
		font-size: 18px;
		line-height: 1.7em;
	}
	.contact-content .details p span:last-child{
		display: inline-block;
		width: calc(65% - 20px);
		vertical-align: top;
	}
	.contact-content .contact-address{
		padding-bottom: 25px;
	}
	.one-col, .two-col, .three-col, .three-col-left1, .three-col-left2, .three-col-right1, .three-col-right2{
		width: 100%;
		margin-left: 0;
	}
	.three-col img, .three-col figure>div,[class^="three-col-"] figure img,[class^="three-col-"] figcaption{
		width: 100%;
	}
	.three-col figure{
		display: block;
	}
	[class^="three-col-"] figcaption{
		margin-left: 0;
	}
	[class^="three-col-right"] figcaption{
		-webkit-order: 2;
		    -ms-order: 2;
		        order: 2;
	}
	.msg-btn{
		display: block;
		margin: 0 auto;
	}
	.page-nav{
		padding: 0 12px;
	}
	.feature-post .note{
		padding: 0 20px;
	}
	.shopping-comleted{
		padding: 0 20px;
	}
	.course-inner h3{
		font-size: 20px;
	}
	.course-inner .date{
		font-size: 12px;
		margin-bottom: 20px;
	}
	.have-sidebar .post-content article.post, .have-sidebar .post-content article.post:nth-of-type(3n+1){
		max-width: 360px;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.select-date{
		margin-bottom: 40px;
	}
	.select-date input{
		display: block;
		margin: 0 auto 20px auto;
	}
	.signup-content{
		width: 100%;
	}
	.signup-content tr td{
		width: 25%;
	}
	.signup-content tr td:first-child, .signup-content tr th:first-child{
		text-align: left;
	}
	.signup-content tr td:nth-child(3), .signup-content tr td:nth-child(4), .signup-content tr td:nth-child(5){
		width: 17%;
	}
	.ann-title-wrapper .title{
		width: 100%;
		margin-bottom: 15px;
	}
	.two-col{
		display: block;
	}
	.two-col div{
		width: 100%;
	}
	.two-col>div:first-child{
		margin-right: 0;
	}
	.btn-wrapper li{
		display: block;
		width: 100%;
		white-space: initial;
	}
	.flat-contact-form .input-wrap.left, .flat-contact-form .input-wrap.right{
		width: 100%;
		margin-right: 0;
	}
	.notfound{
		margin-top: 70px;
		margin-bottom: 60px;
	}
	.notfound h1{
		font-size: 115px;
		margin-bottom: 30px;
	}
	.notfound h2{
		font-size: 24px;
	}
	.notfound h3{
		padding-top: 0;
	}
	.maintain{
		padding-top: 80px;
		padding-bottom: 60px;
	}
	.maintain h1{
		font-size: 26px;
	}
	.two-col-item.teacher .flat-course{
		width: 100%;
		max-width: none;
	}
	.two-col-item.teacher .featured-post{
		float: none;
		width: 80%;
		margin: 0 auto 10px;
	}
	.two-col-item.teacher .flat-course .course-content{
		display: block;
		width: 80%;
		margin: 0 auto;
	}
	.two-col-item.teacher .entry-image{
		margin-bottom: 30px;
	}
	.two-col-item.teacher .entry-image img{
		margin-bottom: 0;
	}
	.featured-post.teacher .title{
		font-size: 20px;
		line-height: 1.3em;
		text-align: left;
	}
	.box.exp{
		width: 100%;
		padding: 30px 20px;
		margin: 0 auto 60px;
	}
	select.product{
		width: 92%;
		margin-bottom: 20px;
	}
	.course-inner{
		width: 100%;
		max-width: initial;
		height: auto;
	}
	.course-inner .mCSB_inside>.mCSB_container{
		padding-left: 0;
		padding-right: 0;
	}
	.comment-respond{
		padding: 0 15px;
	}
	input[type="radio"] + label, input[type="checkbox"] + label{
		min-width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 14px;
		-webkit-background-size: 22px;
		     -o-background-size: 22px;
		        background-size: 22px;
		padding-left: 28px;
	}
	.flat-contact-form .input-wrap input[type="radio"] + label, .flat-contact-form .input-wrap input[type="checkbox"] + label{
		font-size: 14px;
		margin-right: 12px;
	}
	.post-lastest-new .post .date-post{
		float: none;
		border: none;
		padding: 0;
		margin-bottom: 15px;
	}
	.post-lastest-new .post .date-post > div{
		color: #f8bd19;
		text-align: left;
		font-size: 14px;
	}
	.post-lastest-new .post .date-post > span{
		display: none;
	}
	.post-lastest-new .content-post{
		padding: 0;
	}
	.post-lastest-new .title-post a{
		line-height: 1.2em;
		font-size: 22px;
		font-weight: bold;
	}
	.lastest-new .flat-button-container{
		text-align: center;
		margin-top: -20px;
	}
	.flat-title-section h2, .title-course{
		text-align: center;
	}
	.flat-title-section:after{
		left: 50%;
		-webkit-transform: translateX(-50%);
		   -moz-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		     -o-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.flat-row.lastest-new{
		margin-top: 65px;
	}
	.flat-course-images li{
		width: 50%;
		-webkit-flex: none;
		    -ms-flex: none;
		        flex: none;
		    margin-right: 0;
	}
	label.modern-select, .search-wrapper{
		margin: 0 0 15px 0;
	}
	.flat-accordion .flat-toggle .toggle-title{
		padding: 22px 20px 60px;
	}
	.flat-accordion.signup-record .flat-toggle .toggle-title{
		display: block;
		width: 100%;
	}
	.flat-accordion.course .toggle-title div:nth-child(1), .flat-accordion.course .toggle-title div:nth-child(2),
	.flat-accordion.course .toggle-title div:nth-child(3), .flat-accordion.course .toggle-title div:nth-child(4),
	.flat-accordion.course .toggle-title div:nth-child(5), .flat-accordion.course .toggle-title div:nth-child(6),
	.flat-accordion.course .toggle-title div:nth-child(7),
	.flat-accordion.course2 .toggle-title > div:nth-child(1), .flat-accordion.course2 .toggle-title > div:nth-child(2),
	.flat-accordion.course2 .toggle-title div:nth-child(3), .flat-accordion.course2 .toggle-title div:nth-child(4),
	.flat-accordion.course2 .toggle-title div:nth-child(5), .flat-accordion.course2 .toggle-title div:nth-child(6),
	.flat-accordion.course2 .toggle-title div:nth-child(7),
	.flat-accordion[class$="-record"] .toggle-title div:nth-child(1), .flat-accordion[class$="-record"] .toggle-title div:nth-child(2),
	.flat-accordion[class$="-record"] .toggle-title div:nth-child(3), .flat-accordion[class$="-record"] .toggle-title div:nth-child(4),
	.flat-accordion[class$="-record"] .toggle-title div:nth-child(5), .flat-accordion[class$="-record"] .toggle-title div:nth-child(6),
	.flat-accordion[class$="-record"] .toggle-title div:nth-child(7),.flat-accordion[class$="-record"] .toggle-title div:nth-child(8),
	.flat-accordion[class$="-record"] .toggle-title div:nth-child(7),.flat-accordion[class$="-record"] .toggle-title div:nth-child(9){
		width: 100%;
		text-align: left;
		padding-left: 0;
		padding-right: 0;
		margin: 0;
	}
	.flat-accordion.course .toggle-content,.flat-accordion.course2 .toggle-content,.flat-accordion[class$="-record"] .toggle-content{
		padding-left: 25px;
		padding-right: 25px;
		margin-bottom: 30px;
	}
	.flat-accordion.shopping-record .flat-toggle .toggle-content{
		width: calc(100% + 22px + 3.6%);
    	margin-left: calc(-11px - 1.8%);
	}
	.shopping-list tr td:first-child{
		min-width: initial;
		padding-top: 15px;
	}
	.flat-accordion.course .toggle-content table,.flat-accordion.course2 .toggle-content table,.flat-accordion[class$="-record"] .toggle-content table{
		width: 100%;
	}
	.flat-accordion.course .toggle-content table td:first-child,.flat-accordion.course2 .toggle-content table td:first-child, .flat-accordion.signup-record table td:first-child{
		width: 30%;
		text-align: left;
	}
	.flat-accordion .toggle-title > div:before{
		content: attr(data-title) ' ' attr(data-symbol);
		display: inline-block;
		min-width: 80px;
		font-weight: bold;
		margin-right: 1%;
	}
	.flat-accordion.course .toggle-title div:first-child:before, .flat-accordion.course2 .toggle-title div:first-child:before{
		display: none;
	}
	.flat-accordion.faq .flat-toggle .toggle-content{
		padding-left: 22px;
	}
	.signup{
		margin-top: 65px;
		margin-bottom: 100px;
	}
	.signup h2{
		text-align: center;
	}
	.signup .form-content{
		padding: 0 13px;
	}
	.signup-form-inline input.name{
		display: inline-block;
		width: calc(50% - 5px);
		margin-right: 5px;
	}
	.signup-form-inline input.name:nth-of-type(2){
		margin-right: 0;
	}
	.signup-form-inline input, .signup-form-inline input.email, .signup-form-inline input.phone{
		max-width: 100%;
		margin-bottom: 10px;
	}
	.form-content .radio-box > label{
		vertical-align: middle;
		margin-right: 35px;
	}
	.signup h2 .note{
		display: block;
		margin-top: 28px;
	}
	.calc input{
		padding: 0 10px;
		margin: 0;
	}
	.calc .pay{
		display: block;
		margin: -4px 0 15px 0;
	}
	.calc .hidden-lg ~ input[type="radio"] + label{
		margin-left: 0;
	}
	.tips-btn1{
		transform: translateX(-164px);
	}
	.lightbox-wrap{
		overflow: auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.flat-row:not(.contact-page).video-area{
		padding-top: 10px!important;
	}
	.sec-des{
		padding: 0 12px;
	}
	.about-card .card{
		width: 100%;
		padding-left: 10%;
		padding-right: 10%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.link-block .col1, .link-block .col3{
		width: 48.5%;
		margin-right: 3%;
	}
	.link-block .col2, .link-block .col4{
		width: 48.5%;
	}
	.num-block .block{
		width: 40.5%;
		vertical-align: top;
		margin: 0 calc(4.75% - 1.5px) 55px;
	}
	.entry-content{
		padding: 0 13px;
	}
	.entry-content table td{
		white-space: nowrap;
	}
	.flat-accordion.faq .flat-toggle{
		text-align: center;
		padding-right: 0;
	}
	.accordion.faq .flat-toggle .toggle-title:before {
	    left: 50%;
	    right: initial;
	    bottom: 0;
	}
	.flat-accordion.faq .toggle-title div:first-child, .flat-accordion.faq .toggle-title div:nth-child(2), .flat-accordion.faq .toggle-title div:nth-child(3),
	.flat-accordion.faq .toggle-content > div> div:nth-child(n){
		display: block;
	    width: 100%;
	    text-align: left;
	}
	.flat-accordion.faq .toggle-title div:first-child {
	    display: flex;
	    margin: 0 0 18px 0;
	}
	.flat-accordion.faq .toggle-title div:nth-child(3) {
	    margin-top: 15px;
	}
	.flat-accordion.faq .toggle-title div:before, .flat-accordion.faq .toggle-content > div> div:before{
		content: attr(data-title);
	    display: inline-block;
	    min-width: 80px;
	    font-weight: bold;
	    margin-right: 1%;
	}
	.flat-accordion.faq .toggle-title div:before {
	    -webkit-order: 2;
	    -ms-order: 2;
	    order: 2;
	}
	.flat-accordion.faq .toggle-title div:not(.msg-content) span, .flat-accordion.faq .toggle-content > div> div:not(.msg-content) span {
		display: inline-block;
	    width: calc(100% - 95px);
	    vertical-align: top;
	    -webkit-order: 3;
	    -ms-order: 3;
	    order: 3;
	}
	.flat-accordion.faq .toggle-title div.msg-content:before {
	    display: block;
	    margin: 0 0 6px 0;
	}
	.flat-accordion.faq .toggle-title .msg-content{
		max-height: calc(8.25em + 6px);
    	padding-left: 0;
	}
	.flat-accordion.faq .flat-toggle .toggle-title:before {
	    left: 50%;
	    right: initial;
	    bottom: 74px;
	}
	.flat-accordion.faq .flat-toggle .flat-button {
	    margin: 10px 0 0;
	}
	.flat-accordion:not(.course) .flat-toggle .toggle-title {
	    position: static;
	    line-height: 42px;
	}
	.flat-accordion.shopping-record .flat-toggle .toggle-title{
		display: block;
	}
	.flat-accordion.faq .toggle-content > div {
	    width: 100%;
	    border-top: 1px solid #ddd;
	    padding-top: 15px;
	    margin-bottom: 15px;
	    margin-left: 0;
	}
	.flat-accordion .toggle-content > div:after{
		display: none;
	}
	.flat-accordion.faq .toggle-content > div> div:nth-child(1) {
	    margin-left: 0;
	}
	.flat-accordion.faq .toggle-content > div> div:nth-child(3) {
	    padding-left: 0;
	}
	.shopping-list .flat-button{
		margin-left: calc(50% - 68px);
    	margin-bottom: 40px
	}
	.shopping-list tr td{
		display: block;
		text-align: left;
		padding: 8px 16px;
	}
	.shopping-list tr td:before{
		content: attr(data-title);
	    display: inline-block;
	    width: 5em;
	    font-weight: bold;
	    margin-right: 5px;
	}
	.record-wrap{
		margin-bottom: 40px;
	}
	.have-sidebar .post-content article.record{
		display: inline-block;
		width: 100%;
		vertical-align: top;
	}
	.have-sidebar .post-content article.record .featured-post{
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
	}
	.have-sidebar .post-content article.record .content-post{
		display: block;
		width: 100%;
	}
	.have-sidebar .post-content article.record .entry-content{
		margin-bottom: 0;
	}
	.flat-hover-zoom.record .entry-image{
		margin-bottom: 0;
	}
	.score{
		text-align: center;
		margin-bottom: 80px;
	}
	.sort-btn-wrapper{
		margin: 26px 0 40px 0;
	}
	.calc-area .flat-button.center{
		transform: translateX(-50%);
		margin-left: 50%;
	}
	.calc-area input[type="radio"] + label{
		height: auto;
    	background-position: left top;
	}
	.courses-tip{
		text-align: center;
		margin-top: 0;
	}
	.more-frame{
		width: 88%;
	}
	.bind-account{
		margin-top: 20px;
	}
	.three-flex{
		flex-wrap: wrap;
	}
	.three-flex .list{
		width: 100%;
	}
	#google_translate_element { position: absolute; opacity: 0;pointer-events: none; }
	.lang-toggle { display: inline-block; margin-right: 4px; }
	.lang-toggle i { font-size: 15px; vertical-align: middle; }
}


/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
	.teacher .flat-teacher {
		width: 100%;
	}

	.flat-portfolio.v1 .item,
	.flat-portfolio.v3 .item,
	.flat-portfolio.v3 .item.w50,
	.flat-portfolio.v4 .item,
	.flat-portfolio.v2 .item,
	ul.products li {
		width: 100%;
	}

	.flat-information > li, .flat-information > li.email {
		margin: 0;
	}

	.flat-row.testimonial .testimonial-slider {
		padding: 15px;
	}

	.news-letter-form .widget-mailchimb p, .news-letter-form .widget-mailchimb .widget-title,
	.news-letter-form .widget-mailchimb input[type=email] {
		margin-bottom: 10px;
	}

	.news-letter-form .widget-mailchimb input[type=email] {
		width: 100%;
	}

	.flat-tabs .content-tab .text-tab {
		width: 100%;
		padding: 15px;
	}

	.flat-tabs .content-tab .images-tab {
		width: 100%;
	}

	.button-right.owl-theme .owl-controls .owl-nav div.owl-next,
	.button-right.owl-theme .owl-controls .owl-nav div.owl-prev {
		top: -32px;
	}

	.flat-tabs ul.menu-tab li a {
		margin-right: 19px;
	}

	.flat-accordion .flat-toggle .toggle-content {
		padding-right: 25px;
	}

	.flat-accordion .toggle-content > div {
		overflow: visible;
	}

	.flat-accordion .toggle-content .faq-img {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.main-content.course-grid .flat-post-ordering {
		top: 55px;
		padding: 0 10px;
		left: 0;
		right: auto;
	}

	.main-content.course-grid.have-sidebar .flat-post-ordering,  {
		top: -95px;
	}

	.main-content.course-grid .list-grid{
		float: right;
	}

	.main-content.course-grid label.modern-select, .main-content.course-list label.modern-select {
		margin-bottom: 5px;
	}

	.main-content.course-grid .flat-course, .main-content.course-grid.have-sidebar .flat-course {
		width: 100%;
	}

	.main-content.course-list .flat-post-ordering {
		top: 62px;
		width: 100%;
		right: 0;
	}

	.post-lastest-new  .post .date-post {
		margin-right: 15px;
	}

	.content-post {
		padding: 0;
	}

	.news-letter-form .widget-mailchimb button {
		padding: 0 12px;
	    font-size: 10px;
	}
	.flat-tabs .content-tab .text-tab table, .entry-content table{
		width: 100%!important;
	}
}

@media (max-width: 361px) {
	.main-content.course-list .course-meta.desc {
		top: 145px;
	}

	.main-content.course-list .flat-course .course-meta.review {
		margin-bottom: 96px;
	}

	.flat-course-images {
		margin: 0 -15px;
	}

	.flat-course-images li {
		margin-right: 0;
		float: left;
		width: 50%;
	}

}

/* Retina Devices */
	@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (   -moz-min-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {

}