@media screen and (max-width: 767px) {
	body{
		font-size: 14px;
	}
	#header_mobile{
		display: block;
		background: #01a294;
		height: 60px;
		/* position: fixed; */
		width: 100%;
		/* z-index: 999; */
	}
	#header_mobile #btn-menu{
		display: inline-block;
		float: left;
		width: 60px;
		background: #ec212f;
		text-align: center;
	}
	#header_mobile #btn-menu i{
		font-size: 38px;
		color: #fff;
		line-height: 60px;
	}
	#header_mobile .top-info{
		display: inline-block;
		float: left;
		width: calc(100% - 60px);
		padding: 5px 0;
		height: 60px;
	}
	#header_mobile #logo{
		display: inline-block;
		float: left;
		height: 50px;
		margin: 0 5px;
	}
	#header_mobile #logo img{
		max-height: 50px;
		border: 3px solid #fff;
		border-radius: 50%;
	}
	#header_mobile #top_name{
		display: inline-block;
		float: left;
		width: calc(100% - 60px);
		line-height: 50px;
	}
	#header_mobile #top_name img{
		display: block;
		margin: auto;
		max-height: 50px;
	}
	#s1 h1{
		font-size: 22px;
		margin-bottom: 20px;
		margin-top: 0;
	}
	#s1 p{
		font-size: 14px;
	}
	#s2{
		padding: 30px 0;
	}
	#s2 .container, #s3 .container{
		padding: 0;
	}
	#s2 a.btn-s2{
		width: calc(100% - 30px);
		font-size: 20px;
	}
	#s3 .block-title-s3 h3{
		font-size: 20px;
	}
	#s3 .block-title-s3 img{
		width: 35px;
	}
	#s3 .box-s3-2 img{
		display: block;
		float: none;
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
	#s3 .text-s3-2{
		width: 100%;
		display: block;
		float: none;
	}
	#s4{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	#s4 .block-title-s4{
		font-size: 14px;
	}
	#s4 .block-title-s4 span{
		font-size: 18px;
	}
	#s4 .col-xs-12{
		margin-bottom: 30px;
	}
	#s5 .block-content-s5{
		margin-bottom: 10px;
	}
	#s5 .top-post-s5 img{
		margin-bottom: 20px;
	}
	#s5 .top-post-s5 .name-post a{
		text-align: justify;
		margin-bottom: 0;
	}
	#s5 .top-post-s5 .name-post p, #s5 .top-post-s5 .name-post a.more-link{
		display: none;
	}
	#s5 .list-post-s5{
		display: block;
		float: none;
		width: 100%;
		padding: 0;
		padding-left: 15px;
	}
	#s5 .list-post-s5:after{
		left: 2px;
		top: 4px;
	}
	#s5 .list-post-s5 a{
		white-space: normal;
		line-height: 22px;
    	margin-bottom: 10px;
    	font-size: 14px;
	}
	#s6{
		padding-top: 30px;
	}
	#s6 .col-xs-6{
		margin-bottom: 20px;
	}
	#s6 .col-xs-6:nth-child(2n+1){
		clear: left;
	}
	#s6 .bg-s6{
		display: none;
	}
	#mobile_menu {
	    background: #1c302b;
	    position: fixed;
	    top: 0;
	    left: -100%;
		width: 250px;
	    transition: .8s;
	    z-index: 9999;
	}
	#mobile_menu.active {
	    left: 0;
	}
	#m_icons a {
	    color: #fff;
	    display: inline-block;
	    padding: 10px;
	}
	.m_line{
		display: block;
		height: 1px;
		width: 100%;
		background: #01a294;
	}
	#list_menu > ul{
		display: block;
		padding: 0;
		margin: 15px 0;
	}
	#list_menu ul li{
		display: block;
	}
	#list_menu ul li a{
		color: #fff;
		font-size: 16px;
		font-family: 'Roboto', sans-serif;
		line-height: 35px;
	}
	#list_menu ul li i, #list_menu ul li span{
		display: inline-block;
		float: left;
		padding: 0 10px;
		width: 50px;
		text-align: center;
	}
	#list_menu ul li i{
		padding-top: 8px;
	}
	#list_menu ul ul{
		padding-left: 65px;
	}
	#list_menu ul ul a{
		line-height: 25px;
	}
	#m_phone{
		padding: 15px 0;
		text-align: center;
	}
	#m_phone a{
		font-size: 16px;
		color: #fff;
		font-style: italic;
	}
	.m_close{
		display: block;
		width: 25px;
		height: 25px;
		top: 7px;
		right: 10px;
		position: absolute;
		border: 1px solid #fff;
		border-radius: 50%;
		text-align: center;
	}
	.m_close i{
		color: #fff;
		line-height: 23px;
	}
	.list-post .title-list-post h1{
		font-size: 16px;
	}
	.qc-term img.qc1, .qc-term img.qc2{
		display: block;
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	.list-post .title-list-post {
		height: auto !important;
	}
	.list-post .title-list-post img{
		display: none;
		float: none;
	}
	.list-post .title-list-post h1{
		display: block;
		float: none;
		line-height: 1.5;
	}
	.content h2, .content h3{
		line-height: 1.3;
	}
	#comments input, #comments textarea {
	    margin-bottom: 10px;
	}
	#comments input {
	    width: calc(50% - 5px);
	    float: left;
	    margin-right: 0;
	}
	#comments input[name='phone'] {
	    float: right;
	}
	#comments button {
	    border: none;
	    background: #cc3333;
	    width: 100px;
	    height: 30px;
	    line-height: 30px;
	    font-size: 13px;
	    color: #fff;
	    text-align: center;
	    border-radius: 30px;
	    float: right;
	}
	.list_comment {
	    padding: 10px;
	}
	.comment_content, .reply_content {
	    margin-top: 5px;
	    font-size: 14px;
	}
	.list_reply{
		margin-left: 0;
	}
	.xemthem_post{
		background: none;
		padding: 10px;
		border: 1px solid #27a8aa;
	}
	.content_xemthem_post ul{
		padding-left: 5px !important;
	}

}
@media (min-width: 480px) and (max-width: 767px) {
	#s2 .col-xs-12{
		width: 33.33%;
	}
	.slider-mobile img{
		width: 100%;
	}
	#s3 .box-s3-1 img{
		display: inline-block;
		float: left;
		margin-right: 15px;
		width: 200px;
	}
	#s3 .box-s3 .text-s3-1{
		display: inline-block;
		float: left;
		width: calc(100% - 215px)
	}
	#s3 .box-s3-2 img{
		display: inline-block;
		float: left;
		width: 170px;
		margin-right: 30px;
	}
	#s3 .text-s3-2{
		display: inline-block;
	    float: left;
	    width: calc(100% - 200px);
	}
	#s4 .col-xs-12{
		width: 50%;
	}
	#s4 .block-title-s4{
		font-size: 18px;
	}
	#s4 .block-title-s4 span{
		font-size: 30px;
	}
	#s5 .top-post-s5 .col-xs-12.col-sm-4{
		width: 250px;
	}
	#s5 .top-post-s5 .col-xs-12.col-sm-8{
		width: calc(100% - 250px);
	}
	#s5 .top-post-s5 .name-post p{
		display: block;
		height: 75px;
		overflow: hidden;
	}
	#s5 .list-post-s5 a{
		font-size: 16px;
	}
	.top-ft .col-xs-12.col-sm-6{
		width: 50%;
	}
	.top-ft .col-xs-12.col-sm-12{
		margin-top: 30px;
	}
	
}