@media screen and (max-width: 959px){
	.kv_rdetail,
	.kv_ldetail{
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
	.kv_rdetail div{
		margin: 0 auto;
		text-align: center;
	}
	.kv_rdetail .list_menu{
		padding: 25px 0 9px 0;
		text-align: center;
	}
	.title_info_medic{
		text-align: left;
	}
	.intro_ls .separator{
		display: block;
		margin: 0 auto;
	}
	.room_head{
		text-align: center;
	}
	.tbl-doctor{
		width: 100%;
	}
	.intro_ls{
		width: 100%;
	}
}
@media screen and (max-width: 899px){
/* ======================================== TOP ======================================== */
	.menu-div{
		position: fixed;
		z-index: 999;
		top: 0;
		left: 0;
		background: #fff;
		height: 60px;
		width: 100%;
		box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.17);
	}
	.header-logo{
		width: 50px;
		margin: 4px 0 0 20px;
		padding: 0;
	}
	.header-logo img{
		width: 100%;
		height: auto;
	}
	.menu-right{
		float: none;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: none;
		padding: 70px 0 0 0;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: 0.2s linear;
		-moz-transition: 0.2s linear;
		-ms-transition: 0.2s linear;
		-o-transition: 0.2s linear;
		transition: 0.2s linear;
		z-index: 0;
		display: none;
	}
	.menu-right.active{
		opacity: 1;
		visibility: visible;
		z-index: 900;
		display: block;
	}
	.solagan{
		display: block;
	}
	#jsddm{
		width: 100%;
		height: 100%;
		background: #fff;
		margin-top: 0;
		padding: 0;
		position: relative;
		text-align: left;
	}
	#jsddm:after{
		bottom: 100%;
		right: 19px;
		border: solid transparent;
		content: "";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-bottom-color: #fff;
		border-width: 10px;
	}
	#jsddm li{
		float: none;
	}
	#jsddm li ul{
		visibility: visible !important;
		position: relative;
		top: auto;
		left: auto;
	}
	#jsddm li a{
		padding: 11px 15px;
		border: none;
	}
	#jsddm li ul li a{
		padding: 11px 15px 11px 30px
	}
	.icon-menu{
		display: block;
	}
	.header-banner{
		margin-top: 60px;
		padding-top: 20px;
	}
	.header_button_right{
		margin-top: 0;
		padding-right: 15px;
	}
	#jsddm .top-jsddm{
		padding: 11px 15px;
		border-bottom: 1px dashed #084356;
	}
	.home_div div.line .colleft .time_image{
		height: auto;
	}
	.text1{
		color: #000;
	}
	.text1 a,
	.text2 .text_border{
		color: #337ab7;
	}
	.home_div div.line .colleft .time_image a{
		color: #337ab7;
	}
	.text1 a{
		color: #337ab7;
	}
	.home_div div.line{
		border-top: 1px dashed #000;
		padding: 20px 0;
	}
/* ======================================== BODY CONTENT ======================================== */
	.wrapper-jc{
		padding: 0 15px 40px 15px;
	}
	.wrapper-jc .jcarousel-right{
		display: none;
	}
	.jcarousel ul img{
		width: 100%;
	}
/* ======================================== Web Room ======================================== */
	.wr-page{
		padding-top: 80px;
	}
	.web-room .title_info_medic{
		font-size: 22px;
		line-height: 25px;
		padding-bottom: 10px;
	}
}
@media screen and (max-width: 899px){
/* ======================================== FOOTER CONTENT ======================================== */
	.footer-right{
		width: 100%;
		margin: 0;
		padding: 15px;
	}
	.footer-left{
		width: 100%;
		padding: 0 15px 15px 15px;
	}
/* ======================================== BODY CONTENT ======================================== */
	.home_info_left1{
		width: 100%;
	}
	.home_info_right1{
		width: 100%;
		padding: 0 15px;
		margin: 0;
	}
	.home_info_right1 .home_info_tilte{
		text-align: center;
		font-size: 24px;
		line-height: 27px;
	}
	.home_info_right1 .home_info_tilte a{
		color: #337ab7;
	}
	.high_standard{
		color: #000;
	}
	.high_standard a{
		color: #337ab7;
	}
	.home_div div.line .colleft{
		width: 100%;
		text-align: center;
	}
	.home_div div.line .colleft .text1,
	.home_div div.line .colleft .text_desc1{
		width: 100%;
		text-align: center;
		left: 0;
	}
	.home_div div.line .colleft .text_desc1{
		text-align: left;
	}
	.home_div div.line .colright{
		width: 100%;
		padding: 0 15px;
		text-align: justify;
		color: #0C4A90;
	}
	.adn_image,
	.bs_image{
		width: 100%;
		height: auto;
		text-align: center;
	}
	.adn_image .image,
	.bs_image .image{
		position: relative;
	}
	.adn_image .text1{
		color: #337ab7;
		top: auto;
		left: auto;
		position: relative;
	}
	.home_div div.line .fright{
		width: 100%;
	}
	.home_div div.line .thuoc_image{

	}
	.col_thuoc{
		width: 100%;
		height: auto;
		text-align: center;
	}
	.col_thuoc .text2,
	.bs_image .text2,
	.col_thuoc .text_desc2,
	.text-ab{
		width: 100%;
		left: auto;
		top: auto;
		text-align: center;
		position: relative;
	}
	.text-ab .text_desc1{
		text-align: left;
	}
/* ======================================== Info Me ======================================== */
	.post-connect{
		width: 320px;
		position: fixed;
		z-index: 1000;
		top: 0;
		left: -320px;
		overflow: auto;
		height: 100%;
		padding: 0;
		-webkit-transition: 0.2s linear;
        -moz-transition: 0.2s linear;
	    -ms-transition: 0.2s linear;
	    -o-transition: 0.2s linear;
	    transition: 0.2s linear;
	}
	.post-connect #floating-box,
	.post-connect #float_content_right{
		height: 100%;
		overflow: auto;
	}
	.post-connect.active{
		left: 0;
	}
	#float_content_right{
		margin: 0;
		background: #fff;
	}
	.btn-post-connect{
		display: block;
	}
	.post-connect .icon-close{
		display: block;
	}
	#jsddm li ul li a,
	#jsddm li a:hover, #jsddm li:hover a,#jsddm li a.active{
		background: none;
		color: #283D4B;
	}
	.adn_image .text_desc1 *{
		color: #000;
	}
}
@media screen and (max-width: 767px){
/* ======================================== About Us ======================================== */
	.content-about-us .item-share,
	.content-about-us .item-do{
		padding: 0;
	}
	.content-about-us .item-share .img-share,
	.content-about-us .item-do .img-do{
		width: 100%;
		top: auto;
		left: auto;
		position: relative;
		margin-top: 0;
		text-align: center;
	}
	.content-about-us .item-share .img-share img{
		max-width: 100%;
		width: auto;
	}
	.right_title_vmedical{
		text-align: left;
	}
	.item-come .rtext{
		text-align: left;
	}
}
@media screen and (max-width: 649px){
/* ======================================== TOP ======================================== */
/* ======================================== TOP ======================================== */
	.header_button_left{
		width: 100%;
		padding: 0 15px;
	}
	.header_button_left .button,
	.button,
	.button:hover{
		margin-right: 0;
		margin-left: 8px;
		font-size: 13px;
		line-height: 16px;
		padding: 10px 5px;
	}
	.btn-post-connect .button:hover{
		padding: 15px 10px;
	}
	.header_button_left .button:first-child,
	.button:first-child{
		margin-left: 0;
	}
	.header_button_right{
		float: none;
		padding: 0 15px;
		text-align: center;
	}
	.phone{
		font-size: 30px;
		line-height: 33px;
		padding: 15px 0;
	}
}
@media screen and (max-width: 629px){
	.tt{
		
	}
}
@media screen and (max-width: 569px){
/* ======================================== BODY CONTENT ======================================== */
	.home_div div.line .colleft .text1, 
	.home_div div.line .colleft .text_desc1{
		position: relative;
		top: auto;
		left: auto;
		padding: 5px 0 0 0;
		margin: 0;
	}
	/*.home_div div.line .colleft .time_image a{
		color: #000;
	}*/
	.time_image{
		height: auto;
	}
	.more-infome{
		padding-right: 15px;
	}
/* ======================================== Modal ======================================== */
	.rtable{
		display: block;
		width: 100%;
	}
	.rtable tbody{
		width: 1005;
		display: block;
	}
	.rtable tr, .rtable td{
		display: block;
		width: 100%;
	}
	.rtable td:first-child{
		text-align: left;
		width: 100%;
	}
	#login input[type=button], #login input[type=submit], #forget input[type=button], #forget input[type=submit], #change input[type=button], #change input[type=submit]{
		width: 100%;
	}
/* ======================================== Form ======================================== */
	.input-r,
	#exam .input-r input,
	.select_exam,
	#request .input-r input,
	.input-r textarea{
		width: 100%;
		display: block;
	}
	.btpopup_register{
		width: 100%;
		padding: 5px 0;
	}
	.btpopup_register input{
		width: 100% !important;
		text-align: center;
	}
	.input-r label{
		width: 100%;
	}
	.reg_exam_btn{
		padding: 0;
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}
	.bl-mobile{
		width: 100%;
		padding: 0 10px 10px 10px;
	}
	.room_bottom .button{
		width: 100%;
		margin-left: 0;
	}
	.tt{
		text-align: left;
	}
	.formweb .input-r{
		padding: 0;
	}
	.formweb .input-r label{
		position: relative;
		top: auto;
		left: auto;
		margin: 0;
		line-height: 15px;
	}
	.tt{
		padding: 0;
	}
	.item-infome{
		border-top: 1px dashed #183c61;
		padding-top: 20px;
	}
	.item-infome:first-child{
		border-top: none;
		padding-top: 0;
	}
	.item-infome .img-infome{
		width: 100%;
	}
	.item-infome .desc-infome{
		width: 100%;
		padding: 0;
		margin-top: 10px;
	}
	.item-infome.style-view > .title_info_medic{
		display: none;
	}
	.item-infome.style-view .desc-infome .title_info_medic{
		display: block;
	}
	.box-select-infome .sl-box{
		max-width: 100%;
	}
}