@media (min-width: 768px) {
	
}

@media (max-width: 1600px) {}

@media (min-width: 993px) and (max-width: 1400px) {
	.section-ceo{ margin-top: 100px }
	.navbar-main .nav > li > a{ padding: 0 10px }

	.flex-banner.h900 .slides > li{ max-height: 650px }

	.news-shortcut.sm .detail p.date{ padding: 5px 10px; margin-bottom: 5px; }

	.news-list .row > div{ padding-bottom: 60px }
	.news-list .buttons .btn{ margin-top: 0 }

	.csr-wrap .row > div{ width: 470px; }
	.partner-item .shop-name .icon{ width: 80px }
}

@media (min-width: 768px) and (max-width: 1400px) {}

@media (max-width: 1200px) {
	.nav-shortcut{ padding: 0 }

	.nav-shortcut li .icon{ width: 100px; height: 100px; }
	.nav-shortcut li .icon.activity img{ width: 72px }
	.nav-shortcut li .icon.retailer img{ width: 57px }
	.nav-shortcut li .icon.coach img{ width: 100px }
	.nav-shortcut li .icon.earth img{ width: 67px }

	.news-detail h2{font-size: 38px}

	.search-option .dropdown a.text-label,
	.search-option .dropdown .dropdown-menu a,
	.search-option .dropdown .dropdown-menu span{ font-size: 25px }

	.article-icons ul li{ width: 33.333% }

	.thankyou-text{
		margin:0; 
	}
}

@media (max-width: 992px) {
	.menu{display: block;}
	.article-item h3{ margin-bottom: 10px }
	.article-box{ padding-left: 50px }
	.article-box h2{font-size: 26px}
	.article-box .icon{ width: 50px; left: -50px }
	.article-box .icon-knowledge{ width:28px}
	.article-box .icon-online{ width:14px}
	.article-box .icon-redeem{ width:26px}

	.btn-readmore.rounded{ height: 35px; line-height: 35px }

	.section-news-shortcut .col-absolute{ position: relative; left: auto; height: auto; }
	.section-news-shortcut .col-absolute .row > div{ height: auto; width: 50% }
	.news-shortcut.sm{ margin-top: 20px; }
	.news-shortcut.sm .photo img{ display: block; }

	.news-list .buttons .btn{ margin-top: 0 }


	.news-content > .row{ display: block; width: 100%;margin: 0 }
	.news-content > .row > div{
	  display: block;
	  float: none; 
	  width: 100% !important
	}
	.news-content > .row > div.content{ padding-right: 15px }
    
    .sidebar{ padding-bottom: 70px }
    .sidebar .wrapper{ display: block; }
	.sidebar .news-item{ width: 33.33%; float: left; border:0; padding: 0 0 20px }
	.sidebar h3{ 
		text-align: left; 
		border-bottom: 1px solid #dedede;
		margin-bottom:0; 
		padding-bottom: 10px;
	} 

	.sidebar .button .btn-viewall{
		height: 30px;
		line-height: 30px;
		padding: 0 15px;
		font-size: 18px;
		position: absolute;
		top: 35px;
		right: 15px;
	}

	.news-content .article-direction{ margin-bottom:30px  }

	.btn-viewall{
		height: 50px;
		line-height: 50px;
		font-size: 25px
	}

	.banner-caption ul.page-links{ margin-top:14%  }
	.search-option{ padding:20px 25px 50px }
	.search-option .btn-search{ top: 6px }
	.search-option .form{ padding-right: 50px }

	.search-option .dropdown a .fas{ font-size: 19px }

	.partner-item .caption .btn{
		position: relative;
		top: auto;
		margin-top:15px; 
		right: auto;
		height: 35px;
		line-height: 35px;
		font-size: 21px; 
	}

	.logo-list ul li span,
	.logo-list ul li a{ padding: 0 25px }

	.logo-list ul li img{ height: 80px }

	.section-knowledge .heading{ margin-bottom: 40px }
	.section-knowledge .heading h2{ font-size: 40px }

	.download-wrap ul li a{ 
		font-size: 25px;
		padding: 20px 50px 20px 30px;
		margin-bottom: 30px;
	}
	.download-wrap ul li a::before{
		width: 24px;
		top: 18px;
	}

	.vedio-thumb{ padding-bottom: 20px }
	.vedio-thumb .photo::before{ background-size: 50px }
	.vedio-thumb .caption h2{ font-size: 21px }

	.msg-item .dropdown-menu{ width: 100% }
	.user-item .dropdown-menu:before,
	.msg-item .dropdown-menu:before{ right: 50% }
}

@media (min-width: 768px) and (max-width: 992px) {
	.section-ceo{ margin-top: 100px }
	.ceo-row .article-01{ padding-left: 0; padding: 40px}
	.ceo-row .article-01 h3.btn{
		height: 45px;
		line-height: 45px;
		font-size: 28px;
		padding: 0 30px;
	}

	.ceo-row .article-01 h4{ font-size: 25px }
	.ceo-row .article-01 p.medium{ font-size: 20px }
 	
 	.section-ceo-heading h1{ font-size: 50px; }
 	.section-ceo-heading h2{ font-size: 38px }

 	.nav-shortcut li h2{ font-size: 21px; }
 	.nav-shortcut li .icon{ width: 100px; height: 100px; }
	.nav-shortcut li .icon.activity img{ width: 62px }
	.nav-shortcut li .icon.retailer img{ width: 47px }
	.nav-shortcut li .icon.coach img{ width: 90px }
	.nav-shortcut li .icon.earth img{ width: 57px }

	.nav-shortcut li .icon.news-update img{ width: 57px }
	.nav-shortcut li .icon.news-inside img{ width: 57px }
	.nav-shortcut li .icon.news-worldwide img{ width: 50px }

	.nav-shortcut li .icon.knowledge img{ width: 62px }
	.nav-shortcut li .icon.onlineclass img{ width: 50px }
	.nav-shortcut li .icon.test img{ width: 52px }

	.article-activity h2{ font-size: 26px }
	.article-activity p{ font-size: 26px }
	.article-activity p.date{ font-size: 16px }

	.activity-heading h3{ font-size: 50px; letter-spacing: 10px }
	.activity-detail .inner{padding-top: 10px; padding-bottom:70px}
	.activity-detail h2{ font-size: 40px; margin-bottom: 35px;}

	.news-list .row > div{ padding-bottom: 40px }

	.article-icons ul li{ width: 16.6667% }

	.csr-wrap .row > div{ width: 360px; }

	.csr-item .heading{ font-size: 20px; }
	.csr-item .heading:after{ top: 38% }

	.card-item .detail h2{ font-size: 25px }

	.partner-item .shop-name .icon{ width: 60px }
	.partner-item .shop-name h2{ font-size: 28px }
	.partner-item .caption{ padding-right: 25px }

	.news-detail .partner-debut{ font-size: 30px }

	.download-wrap ul li span.date{ width: 170px;}

	.section-notification{
	  padding: 30px 0 100px
	}

	.toppage-info{
		margin-left: 30px;
		padding-left: 30px;
	}
	.toppage-info h3{ font-size:35px  }
	.toppage-info .avatar{ 
		width: 70px; 
		height: 70px;
		top: -8px;
		left: 30px
	}
	.toppage-info.has-avatar{ padding-left: 130px }

	.toppage-info .navbar-brand{ top: 0 }

	.member-header{ height: 230px; }
	.member-navbar{ padding-top: 35px }
	.member-navbar .nav li a{ padding: 10px 15px }
} 
 
@media (max-width: 767px) {
	.container{ padding-left: 20px;padding-right: 20px }
  	.form-logo img{ width: 60px }
  	.form-login { margin-top:-60px  }
	.form-login h1{
	    font-size: 30px;
	    letter-spacing:5px;
	    margin: 40px 0 25px;
	}
	.form-login h5{ font-size: 22px; margin-bottom: 10px}
	.form-login .input-group{ margin-bottom: 15px }

	.footer{ text-align: center;}
	.followus{
	  text-align: center;
	}

	.page-fullscreen .footer{ position: absolute; }

    @media screen and (max-height: 600px)  {
  	html.page-fullscreen, 
		.page-fullscreen body{height: auto;}
	  	.page-fullscreen .footer{ position: relative; }

		.form-login{
		    position: relative;
		    top:0;
		    left:auto;
		    margin: 40px auto 30px;
		    -webkit-transform: translate(0%,0%);
		    -moz-transform: translate(0%,0%);
		    transform: translate(0%,0%);
		}
    }
 

    .section-ceo{ margin-top: 300px }
	.ceo-row.row1 .row{ display: block; }
	.ceo-row.row1 .row > div{ display: block;}

	.ceo-row .article-01{ padding: 0 0 60px}

	.ceo-photo{
	  	position: relative;
	  	margin:-300px 0 0 0;
	  	padding: 0;
	  	right: auto;
	  	bottom: auto;
	  	text-align: center;
	  	padding-top: 25px
	}
	.ceo-photo img{
	  	position: relative;
	  	right: auto;
	  	bottom: auto;
	  	width: 70%;
	  	display: inline-block;
	}

	.section-ceo .article-02{
		padding:40px 15px;
		font-size: 22px;
		margin-top: -50px;
		text-align: left;
	}

	.section-article .row{ margin: 0 -10px; }
	.section-article .row > div{ padding: 0 10px }

	.flex-direction-nav{display: none;}

	.article-item p.readmore .btn{ width: 100% }
 

	.owl-news .link{
		padding: 0 0 10px 0
	}
	.owl-item .btn-readmore{
		height: 35px;
		line-height: 35px;
		text-align: center;
		border-radius: 100px;
		width: 100%;
	}
	.owl-news .link{ padding: 0 10px 10px 10px }

	.news-item{ background-color: transparent !important; }
	.news-item .detail{ font-size: 22px; line-height: 1 }
	.news-item .detail h2{ font-size: 24px }
	.news-item .detail .btn{ margin-top: 10px }

	.ceo-row .article-01 h4{ font-size: 25px }
	.ceo-row .article-01 p.medium{ font-size: 20px }
	.ceo-row .article-01 p.small{ font-size: 22px }

	.section-ceo .article-02{
		margin-top: 0;
		text-align: center;
	}
	.section-ceo .article-02 p:first-child{ color: #148fb4 }
	.section-ceo .article-02 .readmore{ padding-top: 0 }
	.section-ceo .article-02 .readmore .btn{ width: 100%; }

	.article-box{
		text-align: center;
		padding: 25px 25px 25px 25px
	}
	.article-box .icon{
		position: relative;
		left: auto;
		top: auto;
		margin: 0 auto 25px;
		height: auto;
	}

	.article-box h2 {font-size: 29px}

	.article-box .icon-knowledge{ width: 50px }
	.article-box .icon-online{width: 30px}
	.article-box .icon-redeem{width: 50px}

	.article-item h3{ font-size: 25px; }
	.article-item p{ height: 45px; overflow: hidden; }

	.menu ul li a, .menu ul > li > span{ padding-top: 15px; padding-bottom: 15px;border-bottom: 1px solid #dad9d9; }

	.menu ul.mainmenu > li > a svg,
	.menu ul.mainmenu > li > span svg{ 
	  width: 23px;
	  height: 21px; 
	}

	.menu .submenu-indicator:before{ margin-top: -5px }

	.section-ceo-heading{ padding: 30px 0 60px}
	.section-ceo-heading h1{ font-size: 40px; }
 	.section-ceo-heading h2{ font-size: 32px }

 	.section-ced-message .article{ font-size: 25px; padding-bottom: 30px }

 	.section-ced-message .article .title-main{ font-size: 40px }

 	.section-ced-message .article .title-label{
 		font-size: 50px;
 		padding: 0 50px;
 		letter-spacing: 5px;
 		line-height: 73px;
		height: 70px;
		margin: 40px 0 60px
 	}

 	.owl-gm{ padding: 0 35px }
 	.owl-gm .owl-nav [class*="owl-"]{ font-size: 35px; }
 	.owl-gm .owl-nav .owl-prev{ left: -10px; }
 	.owl-gm .owl-nav .owl-next{ right: -10px; }

 	.section-nav-shortcut .container{
 		padding: 0
 	}
 	.nav-shortcut li{ width: 50% }
 	.nav-shortcut li a{ padding: 15px; }

 	.nav-shortcut li .icon{ width: 80px; height: 80px; }
	.nav-shortcut li .icon.activity img{ width: 52px }
	.nav-shortcut li .icon.retailer img{ width: 47px }
	.nav-shortcut li .icon.coach img{ width: 80px }
	.nav-shortcut li .icon.earth img{ width: 57px }

	.nav-shortcut li .icon.news-update img{ width: 57px }
	.nav-shortcut li .icon.news-inside img{ width: 57px }
	.nav-shortcut li .icon.news-worldwide img{ width: 50px }

	.nav-shortcut li .icon.knowledge img{ width: 62px }
	.nav-shortcut li .icon.onlineclass img{ width: 50px }
	.nav-shortcut li .icon.test img{ width: 52px }

	.nav-shortcut.knowledge li{ width: 33.333% }
	.nav-shortcut.knowledge li h2{padding-top: 10px }


	.flex-banner.small .slides > li{ height:250px }
	.banner-caption ul.page-links{ margin-top:60px  }
	.banner-caption ul.page-links li{ font-size: 24px; }
	.banner-caption ul.page-links li.active{ font-size: 40px; margin-top:0  }

	.activity-heading{ padding: 10px 0 40px }
	.activity-heading h4{ font-size: 38px }
	.activity-heading h3{ font-size: 40px; letter-spacing: 2px }
	.activity-detail .inner{ padding-top: 10px; padding-bottom:50px}
	.activity-detail h2{ font-size: 35px; margin-bottom: 35px;}
 	
 	.section-news-shortcut .col-absolute .row > div{ width: 100% }
 	.news-shortcut .detail p.date{ padding: 5px 10px !important; margin-bottom: 5px!important; }
 	.news-shortcut .photo{ min-height: 200px }

 	.news-list .row > div{ padding-bottom: 30px }
 	.news-backgound{ bottom:150px; background-size: 1000px; background-image: url(../img/activity-bg.jpg) !important;  }

 	.section-gm-message{ padding-top: 60px }
 	.owl-gm .owl-dots{ bottom: 0 }

 	.news-detail h2{ font-size: 30px }
 	.sidebar .wrapper{ margin: 0 -10px }
 	.sidebar .news-item{border:0;}
 	.news-item.horizontal{ padding-left: 10px; padding-right: 10px }
 	.news-item.horizontal .photo, 
 	.news-item.horizontal .detail{
 		display: block;
 		width: 100%
 	}

 	.news-item.horizontal .detail{ padding: 10px !important }

 	.search-option{ padding:30px 20px 40px;  }
 	.search-option .row > div{ float: left; width: 100% }
 	.search-option .form{
 		padding-right: 0;
 	}
 	.search-option .btn-search{
 		position: relative;
 		background-color: #313131 !important;
 		width: 100%;
 		display: block;

 		margin: 20px auto 0;
 		opacity: 1 !important
 	}
 	.search-option .btn-search:hover{ background-color: #000!important }
 	.search-option .btn-search .icons-svg{
 		width: 22px;
 		height: 23px;
 		position: relative;
 		top: 8px;
 	}

 	.search-option .dropdown a.text-label{ padding:10px 0; border-bottom: 1px solid #fff  }
 	.search-option .dropdown a .fas{ top: 13px; right: 10px }

 	.search-option .dropdown .dropdown-menu{
 		position: relative;
 		background-color: #c42236
 	}
 	.search-option .dropdown .dropdown-menu{
 		padding:15px 0 
 	}
 	.search-option .dropdown .dropdown-menu a, 
 	.search-option .dropdown .dropdown-menu span{
 		font-size: 20px;
 		padding: 8px 10px;
 	}
 	.section-news.related .buttons{ margin-bottom: 20px }
 	.csr-wrap .row > div{ width: 100%; }

 	.csr-item .heading{ border-bottom: 1px solid rgba(255,255,255,0.05) }
 	.csr-item.active .heading{border-bottom: 1px solid #e42f46 }
 	.csr-item .heading:after{
 		width: 12px;
 		height: 22px;
 	}

 	.csr-wrap .article .icons-svg{ background-position: center center; }

 	.inlinepopupClose{
 		text-align: center;
 		display: block;
 		position: absolute;
 		top: 0;
 		left: 0;
 		width: 100%;
 	}
 	.inlinepopupClose .close{
 		position: relative;
 		right: auto;
 		top: auto;
 		float: none;
 	}

 	.section-promotion > .row{ margin: 0 -12px }
 	.section-promotion > .row > div{ padding:0 12px  }
 	.card-item{ margin-bottom: 40px }
 	.card-item .detail h2{ font-size: 22px }

 	.partner-item{display: block;}
 	.partner-item .col.left{ width: 100%; display: block; }
 	.partner-item .col.right{ width: 100%;display: block; }

 	.partner-item .shop-name{
 		-webkit-transform: translate(0%,0%);
		-moz-transform: translate(0%,0%);
		transform: translate(0%,0%);
		top: auto;
		z-index: 9; 
		position: relative;
		padding:20px 0 
 	}
 	.partner-item .shop-name .icon{
 		width: 30px;
 		display: inline-block;
 		vertical-align: middle;
 		margin-top: -10px;
 		margin-right: 10px;
 	}
 	.partner-item .shop-name .icon.frappe{ width: 22px;margin-top: -15px;}
 	.partner-item .shop-name h2{
 		font-size:25px;
 		margin-top: 5px;  
 		display: inline-block;
 	}

 	.partner-item .caption{
 		position: relative;
 		padding-right: 20px;
 		background-color: rgba(5,78,107,1);
 		text-align: center;
 	}

 	.news-detail .partner-debut{ font-size: 25px }

 	.section-knowledge .heading{ margin-bottom: 30px }
	.section-knowledge .heading h2{ font-size: 35px }

	.download-wrap ul li a{ 
		font-size: 20px;
		padding: 15px 50px 15px 15px;
		margin-bottom: 20px;
		border-radius: 10px;
	}
	.download-wrap ul li a::before{
		width: 20px;
		top: 10px;
	}

	.download-wrap ul li a{ display: block; }
	.download-wrap ul li a span{
		display: block;
		width: 100% !important
	}
	.download-wrap ul li a span.date{ padding-bottom: 10px }

	.section-notification{
	  padding: 20px 0 100px
	}

	.member-header{ padding-top: 35px; height: auto;}
	.member-toppage{text-align: center;height: auto;}
	.member-toppage .navbar-brand{
		float: none;
		display: inline-block;
	}
	.toppage-info{
		display: block;
		top: auto;
		padding:20px 0;
		margin:10px 0 0 0; 
		border:0;

		border-top: 1px solid rgba(255,255,255,0.5)
	}
	.toppage-info h3{ font-size:30px  }

	.toppage-info.has-avatar{ padding-left: 0 }
	.toppage-info .avatar{ 
		width: 70px; 
		height: 70px;
		display: block;
		position: relative; 
		left: auto; 
		top: auto; 
		margin:10px auto 0
	}

	.member-body{ padding: 55px 0 80px }

	.input-text{ margin-bottom:5px  } 
	.input-block .form-control,
	.input-block .select-wrap .customSelect{ font-size: 25px }
	.form-member .buttons{ margin-top: 30px }
	.form-member .buttons .btn{ 
		font-size: 25px; 
		padding: 0 25px;
		height: 50px;
		line-height: 50px;
		width: 150px;
		margin:0 2px 
	}
	.form-resetpass{ padding: 0 }
	.form-resetpass .input-text{ font-size: 25px }

	.member-footer h5{ padding: 10px 0 }
	.form-resetpass .buttons{ margin-top:40px; }
	.form-resetpass .btn{ width: 170px }

	.image-editor{ margin-top: 0 }


	.member-navbar{ 
		margin:0 -20px;
		padding: 0;
		width: auto; 
	}
	.member-navbar .nav{
		background-color: #126284; 
		padding: 20px 0;
	}
	.member-navbar .nav li{ display: block; }

	.membernav-toggle{
		color: #fff;
		font-family: 'DB Helvethaica X Med';
		font-weight: 500;
		font-size: 24px; 
		padding: 15px 20px;
		margin:0 -20px; 
		background-color: #105876;
		cursor: pointer;
		position: relative;
	}

	.thankyou-text{margin:0; padding: 40px 10px;}
	.thankyou-text .icon{ width: 70px }
	.thankyou-text h3{ font-size: 45px; }
 
}

@media (max-width: 600px) {
	.title-md{ font-size: 30px }
	.form-login .form-inner{ padding: 0 }
	.form-login .input-group{ padding-right: 25px }

	.section-hot-news{ padding-top: 25px; padding-bottom: 25px }
	.owl-news{ margin-left:0  }
	.owl-news .news-item{ padding:0; background-color: transparent !important;  }
	.owl-news .link{ padding: 0 0 10px 0 }

	.owl-carousel .owl-nav [class*="owl-"]{ top: -51px }
	.owl-carousel .owl-nav .owl-next{ right: 0 }
	.owl-carousel .owl-nav .owl-prev{ right: auto; left:0 }

	.section-article{ padding-top: 25px; padding-bottom: 40px }
	.section-relationship{height: 250px} 
	.section-relationship .page-caption { padding-top: 110px; padding-left:80px; max-width: 225px}
	.section-relationship .page-caption h3{ font-size: 30px; margin: 0;  text-align: left; }
	.section-relationship .page-caption .icon{
		width: 60px; 
		height: 60px;
		position: absolute;
		left: 0;
		bottom: -12px; 
	}
	.section-relationship .page-caption .icon img{ width: 30px }


	.flex-control-paging li a{ width: 10px; height: 10px }
	.owl-theme .owl-nav{ margin-top: 25px }
	.owl-theme .owl-dots .owl-dot{ width: 25px }
	.owl-theme .owl-dots .owl-dot span{ width: 10px; height: 10px }



	.section-hot-news .title-md,
	.section-news .title-md{
		text-align: center;
		padding: 0 30px
	}
	.news-item .detail{
		text-align: center;
	}

	.section-news .news-item .detail{ text-align: left;}

	.section-news .container{ padding-top: 40px;padding-bottom: 40px }


	.section-ceo{ margin-top: 200px }
	.ceo-photo{ margin-top: -200px }

	.owl-activity .owl-nav,
	.owl-related .owl-nav{ display: none; }

	.owl-activity .owl-dots,
	.owl-related .owl-dots{ display: block; margin-top:20px  }

	.nav-shortcut li h2{padding: 10px 0; }

	.article-activity h2{ font-size: 25px }
	.article-activity p{ font-size: 22px }
	.article-activity p.date{ font-size: 16px }

	.section-news .title-md{ 
		padding: 0; 
		text-align: left;
	}

	.breadcrumb{ 
		font-size: 18px; 
		padding-left: 28px;
		padding-bottom: 20px;
	}
	.breadcrumb > li a .fas{ left:-20px; top: -2px; }
	.breadcrumb > li{ padding: 0 10px; margin-bottom:10px  }
	.breadcrumb > li:before{ top: 6px }
	.breadcrumb > li + li:before{top: 6px;}

	.section-news.related .buttons{ margin-top: 30px }

	.activity-detail h2{ font-size: 30px; margin-bottom:20px  }
	.activity-direction,
	.article-direction{ margin-bottom:50px  }

	.section-partner.no-padding-top{ padding-bottom: 0 }

	.section-banner.promotion .photo{ background-position: 20% 0 }
	.news-content > .row > div.content{padding-left: 0; padding-right: 0}
	.news-detail{ text-align: left; padding-top: 0}
	.news-detail ul{ padding-left: 22px }

	.news-content > .row > div.sidebar{ padding:0 0 60px;}
	.sidebar h2{ font-size: 35px }

	.sidebar .customer-message:before, 
	.sidebar .customer-message:after{
		font-size: 150px;
		line-height: 50px;
	}

	.sidebar .customer-message:after{ bottom: -10px }

	.nav-shortcut li .icon.knowledge img{ width: 52px }
	.nav-shortcut li .icon.onlineclass img{ width: 40px }
	.nav-shortcut li .icon.test img{ width: 42px }

	.navbar-user > .nav > li.msg-item{
		position: static;
	}

	.msg-item .dropdown-menu{ top: 44px }
	.msg-item .dropdown-menu::before{ right: 25%; }

}

@media (max-width: 480px) {
	.form-login h1{ font-size: 25px; letter-spacing: 2px }

	.ceo-row .article-01 h3.btn{
		font-size: 30px;
		padding: 0 30px;
	}


	.section-article .row{ margin: 0 -7px; }
	.section-article .row > div{ padding: 0 7px }

	.article-item h3{font-size: 20px;} 
	.article-item p.readmore{ text-align: center; }

	.ceo-row .article-01 h4	{ max-height: 45px }
	.article-item p{ font-size: 18px; margin-bottom: 0 }

	.section-relationship .page-caption { padding-left:70px; max-width: 215px}

	.section-gm-message{ padding-bottom: 300px } 
	.section-ced-message .article .title-label{
		font-size: 40px;
		padding: 0 0;
		letter-spacing: 5px;
		line-height: 73px;
		height: 70px; 
		display: block;
	}

	.section-ced-message .article .title-main{ font-size: 35px; }

	.owl-gm .owl-dots{ bottom:0px }


	.nav-shortcut li h2{
		padding: 10px 0;
		font-size: 20px
	}
	.nav-shortcut li a{ height: 140px; }

	.nav-shortcut li .icon{ width: 70px; height: 60px; }
	.nav-shortcut li .icon.activity img{ width: 42px }
	.nav-shortcut li .icon.retailer img{ width: 37px }
	.nav-shortcut li .icon.coach img{ width: 60px }
	.nav-shortcut li .icon.earth img{ width: 47px }

	.nav-shortcut li .icon.news-update img{ width: 47px }
	.nav-shortcut li .icon.news-inside img{ width: 47px }
	.nav-shortcut li .icon.news-worldwide img{ width: 40px }

	.activity-direction .btn,
	.article-direction .btn, 
	.btn-viewall{
		padding: 0 20px;
		height: 40px;
		line-height: 40px;
		font-size: 20px;
	}

	.activity-direction .btn .fas,
	.article-direction .btn .fas{ font-size: 16px; top: 1px !important }

	.news-list .row > div{ width: 100% }

	.sidebar .news-item{ width: 50% }

	.csr-wrap .article h2{ font-size: 35px }

	.section-promotion > .row > div{
		width: 100%;
	}

	.loadmore-button{ padding-top: 0 !important }

	.visible-xs-custom{display: block;}

	.sidebar .customer-message{ font-size: 25px; text-indent: 0 }
	.sidebar .customer-message::before{ left: 10px }

	.vedio-wrap .row > div{ width: 100%; }
	.vedio-thumb{ padding-bottom: 0 }


}

@media (max-width: 380px) {
	.activity-share .row > div,
	.article-share .row > div{ width: 100%; text-align: center; }
	
	.activity-share .share-box,
	.article-share .share-box{ text-align: center; padding-top: 15px }

	.nav-shortcut li .icon.knowledge img{ width: 32px }
	.nav-shortcut li .icon.onlineclass img{ width: 30px }
	.nav-shortcut li .icon.test img{ width: 25px }
	.nav-shortcut.knowledge li a{ height: auto }
	.nav-shortcut.knowledge li h2{ font-size: 18px; padding-top: 0;padding-bottom: 0 }

	.form-member .buttons .btn{ 
		font-size: 20; 
		padding: 0;
		height: 50px;
		line-height: 50px;
		width: 100%;
		margin:5px 0 
	}

	.cropit-preview{ width: 70px; height: 70px }
	.image-editor .fileinput-text{ padding-left: 10px; padding-top: 0 }
	.image-editor .fileinput-text .btn{
		font-size: 20px;
		height: 35px;
		line-height: 35px;
		padding: 0 15px
	}
	.image-editor .fileinput-text p{ margin-bottom: 8px }

	
}
@media (max-width: 350px) {
	.nav-shortcut.knowledge li{ width: 100% }
	
	 
}
@media (max-width: 320px) {
	.ceo-row .article-01 h3.btn{
		font-size: 25px;
		padding: 0 20px;
	}

	.section-ceo{ margin-top: 150px }
	.ceo-photo{ margin-top: -150px }

	.section-ced-message .article .title-label{
		line-height: 35px;
		height: auto;
		padding: 10px 25px;
	}	
	.navbar-user .nav li .text-label{ padding-left: 0 }

	.activity-direction,
	.article-direction{ padding-top: 25px }

	.activity-direction .row > div,
	.article-direction .row > div{ width: 100% }

	.activity-direction .btn,
	.article-direction .btn{
		width: 100%;
		margin-top: 10px
	}

	


}


 
 

 
/*Retina Display Media Query*/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-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) { 
	  
	.icons{
	 	background-image:url(../img/icons-retina.png);
	 	background-size: 500px;
	}

	@media (max-width: 992px) {
		.flex-direction-nav{display: none;}

		.csr-item.active .heading{background-color: #e42f46 !important}
		.csr-item .heading:hover{ background-color: transparent; }

		.vjs-poster{display: none;}

	}
 
	 

}