/*CSS nay cho Ipad 768 - duoi 960*/
@media all and (max-width: 959px) {
 #header{
 	padding: 0 2%;
 }
 #header .t_logo{
 	float: none;
 	text-align: center;
 }
 #header .menu{
 	float: none;
 	text-align: center;
 }
 #header .menu ul{
 	margin: 5px auto;
 	display: inline-block;
 	text-align: left;
 }
 #header .menu li{
 	float: left;
 }
 .slide{
 	margin-top: 10px;
 }
 /*==========*/
 	.content{
 		padding: 2%;
 	}
	.content .content_left{
		width: 100%;
		float: none;
	}
	.content .content_right{
		width: 100%;
		float: none;
		margin-top: 30px;
	}
  .content .content_left .list_top li{
	 	width: 32%;
	 	margin-right: 2%;
 	}
	.content .content_left .list_top li img{
		max-width: 100%;
	}
	.content .content_left .list_top li:nth-child(3n){
		margin-right: 0;
	}
	.content_right .side02{
		margin-top: 25px;
	}
	.side01 h3{
		background: #000 url(../common_img/dow.png) no-repeat right 20px center;
		-webkit-background-size: 23px auto;
		background-size: 23px auto;
	}
	.side01 h3.opened{
		background: #000 url(../common_img/up.png) no-repeat right 20px center;
		-webkit-background-size: 23px auto;
		background-size: 23px auto;
	}
	.content_right .in_side01{
		display: none;
	}
	#footer{
		padding: 30px 2%;
	}
	#footer .f_logo{
		float: none;
		text-align: center;
	}
	#footer .f_logo span{
		display: inline-block;
	}
	#footer .menu_f{
		float: none;
		text-align: center;
	}
	#footer .menu_f ul{
		display: inline-block;
		vertical-align: top;
		text-align: left;
		margin-top: 2%;
	}
	#footer .menu_f ul li{
		float: left;
	}
	.clinic_item03 ul{
		text-align: center;
		padding: 3%;
	}
	.clinic_item03 ul li{
		display: block;
		float: none !important;
		margin: 2% auto;
	}
	.clinic_item03 h3{
		font-size: 19px;
		padding: 2%;
	}
	.director_item01 table{
		width: 100%;
		float: none;
	}
	.director_item01 .img{
		text-align: center;
		float: none;
		margin-top: 10px;
	}
	.contact_item1 h3{
		margin-bottom: 2%;
	}
	.contact_item1 .form_contact{
		padding: 2%;
	}
	.contact_item2{
		margin-top: 5%;
	}
	.contact_step_jump .btn-success{
		height: 50px;
		width: 300px;
		margin-top: 2%;
	}
}
/*CSS nay cho Smartphone duoi 768 la ve smartphone*/
@media all and (max-width: 767px) {
	.mode_pc{
		background: #fff;
		padding: 2% 0;
		text-align: center;
		margin: 30px -2% -30px;
	}
	.mode_pc a{
		background: url(../common_img/pc.png) no-repeat left center;
		-webkit-background-size: 38px auto;
		background-size: 38px auto;
		padding: 2% 2% 2% 45px;
		font-size: 18px;
	}
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	#header{
	 	padding: 2%;
	 }
	.menu{
		display: none;
	}
	#header h1{
		display: none;
	}
	#header .t_logo{
		float: left;
	}
	#header .top_menu{
		float: right;
		width: 27%;
		margin-top: 5px;
		margin-bottom: 2px;
	}
	#header .top_menu li{
		width: 47%;
		float: left;
		margin-right: 6%;
	}
	#header .t_logo{
		margin-top: 5px;
	}
	.slide{
		margin-top: 0%;
	}
	#header .menu{
		display: none;
		clear: both;
		border: 1px solid #666;
		text-align: left;
		-webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
	}
	#header .menu ul{
		width: 100%;
		float: none;
	}
	#header .menu li{
		float: none;
		width: 100%;
		border-left: none;
		border-bottom: 1px solid #666;
	}
	#header .menu li:last-child{
		border-right: none;
	}
	#header .menu li.bd_none{
		border-bottom: none;
	}
	#header .menu li a{
		padding: 2%;
	}
	#header .menu li .txt{
		display: flex;
		align-items: center;
	}
	#header .menu li .txt span{
		display: inline-block;
	}
	/*=========*/
	.content{
		margin-top: 15px;
	}
	.content .content_left .list_top li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 30px;
	}
	.content .content_left .list_top li:nth-child(3n){
		margin-right: 4%;
	}
	.content .content_left .list_top li:nth-child(2n){
		margin-right: 0;
	}
	.content .content_left .list_top li div{
		padding: 2%;
	}
	.content .content_left .list_top li .read{
		margin-top: 2%;
	}
	.content .content_left .bnt_top{
		margin: 5px auto;
	}
	.side_news{
		margin-top: 25px;
	}
	.side_news .tt_side_news{
		background: #1b1b1b;
		display: table;
		width: 100%;
		padding: 13px;
	}
	.side_news .tt_side_news h3{
		text-align: left;
		padding: 0;
		font-weight: normal;
		font-size: 18px;
		margin-bottom: 0;
		display: table-cell;
		vertical-align: middle;
	}
	.side_news .tt_side_news .bnt{
		display: table-cell;
		width: 100px;
		vertical-align: middle;
	}
	.side_news ul{
		background: #eeeeee;
		padding: 10px;
	}
	.side_news ul li{
		border-bottom: 1px solid #000;
		padding: 10px 0;
	}
	.side_news ul li p{
		margin-top: 5px;
	}
	.side_news ul li a{
		text-decoration: none;
	}
	#footer .menu_f ul{
		display: block;
	}
	#footer .menu_f ul li{
		width: 50%;
		border-left: none;
		margin-top: 3%;
	}
	#footer .menu_f .in_menu_f{
		text-align: left;
	}
	#footer .menu_f .in_menu_f p{
		display: block;
		margin: 0;
		width: 50%;
		float: left;
	}
	#footer .menu_f ul li span{
		display: inline-block;
	}
	#footer .menu_f ul li:last-child{
		border-right: none;
	}
	#footer .menu_f ul li a{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	#footer .menu_f ul li .txt{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center
	}
	#footer .menu_f li a{
		padding: 0px;
	}
	#footer .menu_f ul li .i1{
		width: 25px;
	}
	#footer .menu_f ul li .i2{
		width: 30px;
	}
	#pageTop{
		position: fixed;
		bottom: 205px;
		right: 0px;
		width: 80px;
	}
	.news_detail dl{
		display: block;
	}
	.news_detail dl dd{
		text-align: left;
		margin-top: 10px;
	}
	.news_detail .txt{
		padding: 10px;
	}
	.news_detail .ct_news{
		margin-top: 20px;
	}
	.news_detail .ct_news .photo{
		width: 40%;
		margin-left: 10px;
	}
	.news_detail .slide_news .inner{
		padding: 20px 50px;
	}
	.news_detail .slide_news{
		margin-top: 20px;
	}
	.clinic_item02, .clinic_item03{
		margin-top: 5%;
	}
	.clinic_item02 .map{
		height: 250px;
	}
	.infor{
		margin-bottom: 4%;
		padding: 2%;
	}
	.infor .date{
		padding: 2% 0;
	}
	.infor .photo{
		width: 50%;
		margin-right: 10px;
	}
	.infor h3{
		padding-bottom: 3%;
		margin-bottom: 3%;
		line-height: 1.4;
	}
	.director_item01 h4{
		margin-top: 4%;
	}
	.about_item01{
		padding: 3%;
	}
	.about_item01 h3{
		font-size: 20px;
		margin-bottom: 2%;
	}
	.about_item01 .img{
		width: 40%;
		margin-left: 15px;
	}
	.about_item01 .txt{
		padding-top: 0;
	}
	.about_item02 .item{
		margin-top: 7%;
	}
	.about_item02 .item .img_item{
		margin-top: 3%;
	}
}
@media all and (max-width: 420px) {
	#header .t_logo{
		width: 60%;
		float: left;
	}
	#footer .menu_f ul li .i1{
		width: 15px;
	}
	#footer .menu_f ul li .i2{
		width: 20px;
	}
	#footer .menu_f li .txt{
		padding-left: 5px;
	}
	.slide div p{
		line-height: 1.3;
	}
	.slide div h2{
		font-size: 24px;
	}
	.news_detail .slide_news .inner .item .img{
		width: 40%;
	}
	.clinic_item03 ul .bnt{
		width: 100%;
		margin-top: 3%;
		background: #222222 url(../clinic/images/icon2.png) no-repeat left 8px center;
	}
	.clinic_item03 ul .bnt:hover{
		background: #fff url(../clinic/images/icon2_on.png) no-repeat left 8px center;
	}
	.clinic_item03 ul .bnt a{
		font-size: 14px;
		padding-left: 40px;
	}
	.clinic_item03 h3{
		font-size: 16px;
	}
}
@media all and (max-width: 380px) {
	.side_news .tt_side_news h3{
		font-size: 15px;
	}
	#footer .menu_f ul li .i1{
		width: 10px;
	}
	#footer .menu_f ul li .i2{
		width: 15px;
	}
	#footer .menu_f ul li .txt{
		font-size: 11px;
	}
	.clinic_item03 h3{
		font-size: 15px;
	}
	.slide div h2{
		font-size: 20px;
	}
}