﻿
@media screen and (min-width: 1200px) {
	.nav{
		display: none;
	}
}

/*end min-width: 1200px*/
@media screen and (max-width: 1199px) {
	#menu-header .menu-right ul li a{
		font-size: 16px;
	}
	#menu-header .menu-left h2{
		font-size: 25px;
	}
	#menu-header .menu-right{
    margin-top: -5px; 
}
	.nav{
		display: none;
	}
/*Chuyen de*/
	#chuyende .element{
		
		
	}
	
	#chuyende .element:hover:nth-child(2n):after{

	}
	#chuyende .element:nth-child(2n+1):before{
		   
	}
	#chuyende .element:nth-child(2n):before{
		
	}
/*End Chuyen de*/
/*Doi tac hoc vien*/
	/*#student .content1 .idea{
		
		width: 65%;
	}	
	#student .content1 .circle{
		
		width: 32%;
	}
	#student .content2  .idea{
		
		width: 65%;
	}	
	#student .content2 .circle{
		width: 32%;
	}*/
	/*Don vi tu van*/
	#unit-diary .title1,.title2{
		font-size: 25px;
		font-family: 'LatoRegular';
		font-weight: bold;
	}
	#unit-diary .name-uni{
		font-size: 12px;
	}
}
/*end min-width: 1200px*/

@media screen and (max-width: 992px) {
	#menu-header .menu-right ul li a{
		font-size: 13px;
	}

	.nav{
		display: block;
	}
	#menu-header{
		display: none;
	}
	/*Banner*/
	#banner .avatar, .intro-banner{
		float: none;
    display: inline-block;
		
	}
	#banner .banner-wrap{
		text-align: center;
		margin: auto;
	}
	/*End Banner*/
	/*Chuyen de*/
	  #chuyende .element {
    
   
}
	/*#chuyende .element:nth-child(2n+1):before{
		
	}
	#chuyende .element:nth-child(2n):before{
		
	}*/
	/*End Chuyen de*/
	/*Lich dao tao*/
	#schedule .framedotline{
	margin-left: 0px;
	}
/*Lich dao tao*/
/*Student*/
#student .linemid{
	display: none;
}
/*Donvi tu van*/
#unit-diary .name-uni{
		font-size: 18px;
	}

#contact .info-contact{
	margin-bottom: 20px;
}
#contact .title{
	margin-bottom: 0px;
}
#contact .title:before{
	    left: 18%;
	        height: 4px;
}
#contact .title:after{
    height: 4px;
    right: 18%;
}


}



/*end max-width: 999px*/


@media screen and (max-width: 768px) {

	/*Banner*/
	#banner .intro-banner .name{
		font-size: 26px;
	}
	#banner .circle{
		width: 230px;
    height: 230px;
	}
	#banner .circle:before{
		width: 250px;
    height: 250px;
	}
	
	/*End Banner*/
	/*Tinmoi*/
	#quangcao{
display:none;
}
#tintuc{
width:100%;
float:none;
}
#left_sub_content{
float:none;
width:100%;
}
#noidung_article{
width:100%;

}
.title_main h2{
font-size:18px;
text-align:left;
}
	/*Intro*/
	#intro .line-mid{
	height:unset;
	}
	/*Chuyen de*/
	.hr-chuyende-mid {
    display: none;
}
    /**/

.element:nth-child(2n+1):after{
	display:none;
}
.element:nth-child(2n):after{
	display:none;
}
	#chuyende .element:nth-child(2n+1):before{
    	display: none;
    }
    #chuyende .element:nth-child(2n):before{
    	display: none;
    }
    

	#chuyende .element {
    width: 50%;
    padding: 19px 0px;
    font-size: 16px;
    }
    #chuyende .element:hover .tamgiac:after{
    	display: none;
	}
	#chuyende .element:hover .tamgiac:after{
		display: none;
	}
	#chuyende .content-cd .element:nth-child(2n) {
    margin-top: 100px;
    clear: both;	
    font-size: 20px;
    
	}
	#chuyende .content-cd .element:nth-child(2n+1) {
    	    font-size: 20px;
   	margin-top: 16px;
	}
	.wrap-chuyende
	{
		    text-align: center;
    width: 80%;
    margin: auto;
overflow:unset!important;
white-space:unset;
    
	}
	#chuyende .name{
		font-size: 34px;
	    font-weight: bold;
	}*/
    
	/*End Chuyen de*/
	#unit-diary .img img{
		width: 100%;
		margin-bottom: 10px;
	}
	#unit-diary .name-uni{
		width: 100%;
	}


}/*end max-width: 750px*/
@media screen and (max-width: 550px){
	/*Banner*/
	#banner .intro-banner .name{
		font-size: 18px;
	}
	#banner .circle:before {
    width: 200px;
    height: 200px;
	}
	#banner .circle {
    width: 180px;
    height: 180px;
	}
	#banner .descrip{
		font-size: 13px;
	}
	/*End Banner*/

	
	/* Chuyen de*/
.wrap-chuyende:before{
display:none;
}
	#chuyende .content-cd .element:nth-child(2n) {
    margin-top: 100px;
    clear: both;	
    font-size: 16px;
    
	}

	#chuyende .content-cd .element:nth-child(2n+1) {
    	    font-size: 16px;
   	margin-top: 16px;
	}
	#chuyende .content-cd {
    position: relative;
    padding: 0px 0px;
    padding-bottom: 20px;
}
	/*End Chuyen de*/
	/*Báo chí*/
	#me-news .content .title{
		font-size: 12px;
	}
	#me-news .content .hr-article{
	margin-top: 0px;
    margin-bottom: 0px;
	}
	#me-news .content .mota {
		font-size: 11px;
	}
	/*End Báo chí*/
	/*Lich dao tao*/
	#schedule .tenlich{
		font-size: 15px;
	}
	#schedule .info p{
		font-size: 13px;
	}
	#schedule .info{
		margin-left: 13px!important;
	}
	#schedule .trainning .date-start{
		margin-left: -24px;
    font-size: 15px;
	}
	#schedule .trainning .date-end{
		    margin-top: -13px;
    margin-left: -23px;
    font-size: 15px;
	}
	
	#schedule .tenlich{
		font-size: 12px!important;
	}
	#schedule .trainning .content .info p{
		font-size: 11px!important;
	}
	#schedule .trainning .date-start{
		margin-top: -3px!important;
    font-size: 10px!important;
    margin-left: -20px!important;
	}
	#schedule .trainning .block{
		font-size: 13px;
		    margin-left: -17px;
	}
	#schedule .consult .form-consult .hoten
	{
		width: 100%!important;
    		
    		clear: both!important;
    		margin-bottom: 20px!important;	
	}
#schedule .consult .form-consult .dienthoai{
    width: 100%;
    float: right;
    clear: both;
}
	/*End Lich dao tao*/
	/*Student*/
#student  .idea{
margin:0px;
}
	#student .content{
		text-align: center;
	}
	#student .content1 .idea{
		float: none;
    		 width: unset;
	}
	#student .content1 .circle{
		width:unset;
		float:none;
	}
	#student .circle{
border:none;
	}
	#student .content2  .idea{
	float: none;
     width: unset; 
}
#student .content2 .circle{
float: none;
     width: unset; 
}
	#banner .see-now{
		margin-top: 30px;

	}
	/*Contact*/
	#contact .title:after{
	    height: 2px;
	     right: 8%;
	}
   #contact .title:before {
    left: 8%!important;
    height: 2px;
	}
	#contact .title {
    font-size: 30px!important;
}
	#contact .name{
		font-size: 25px;
	}
#contact .info-contact ul{
    padding: 20px 0 20px 30px;
    
    width: 100%;
    
    font-size: 12px;
}
/*.wrap_tintuc*/
.wrap_tintuc{
width:50%;
}
.hot_new_sub{
width:100%;
}
}/*end max-width: 500px*/
@media screen and (max-width: 380px){
	/*Banner*/
	#banner .intro-banner .name{
		font-size: 12px;
	}
	#banner .circle:before {
        width: 116px;
    height: 116px;
    border: 3px solid #906315;
        top: -6px;
    left: -6px;
	}
	#banner .circle {
    width: 110px;
    height: 110px;
        border: 3px solid #ce911f
	}
	#banner .descrip{
		font-size: 10px;
	}
	/*End Banner*/
	/*Báo chí*/
	#me-news .content .title{
		font-size: 11px;
	}
	#me-news .content .hr-article{
	margin-top: 0px;
    margin-bottom: 0px;
	}
	#me-news .content .mota{
font-size: 10px;
    line-height: 1.2;
	}
	
	#me-news .news .article{
		padding-left: 0px;
	}
	#me-news .news{
		padding: 0px!important	;
	}
	#me-news .news .wrapimg{
		padding: 5px 5px 0 0px;/*trbl*/
	}
	/*End Báo chí*/
	/*Lich dao tao*/
	#schedule .frame2{
		margin-left: -8px;
	}
	
#schedule .trainning .date-start{
	    margin-top: -8px;
    font-size: 15px;
    margin-left: -20px;
}
#schedule .trainning .date-end{
    font-size: 11px;
}
#schedule .linesolid{
	    left: 68.7%;
}
#schedule .framedotline{
margin-left:-8px;
}
#unit-diary .name-uni
{
	    font-size: 10px;
}
#unit-diary .title1, .title2{
	    font-size: 17px;	
}

#contact .info-contact {
    margin-bottom: 11px;
    font-size: 10px;
}
#contact .info-contact ul{
    padding: 15px 0 12px 20px;
    width: 100%;
    font-size: 10px;
}
.wrap_tintuc{
width:100%;
}
}
/*end max-width: 390px*/

@media screen and (min-width: 768px) {
	/*Lich dao tao*/
	#schedule .trainning .frame1{
		margin-left:-24px;
		margin-right: 5px;
	}
	#schedule .trainning .frame1 .info{
		font-size: 11px;
	}
	#schedule .trainning .frame3{
		
		padding: 0px;
	}
	#schedule .trainning .frame3 .date-start{
		font-size: 12px;
	    margin-top: -3px;
	    margin-left: -8px;
	}

	#schedule .trainning .frame3 .block{
		font-size: 17px;
	}
	#schedule .trainning .row2{
		margin-right: -33px;
	}
	#schedule .trainning .row2 .date-end{
		font-size: 12px;
		    margin-top: -9px;
    margin-left: -22px;
	}
	#schedule .form-consult .tell{
		font-family: 'LatoLight';
		font-size: 16px;
	}
	#schedule .form-consult .hoten{
		float: none!important;
		width: 70%!important;
		margin-bottom: 10px!important;
		    height: unset;
    	padding: 7px 42px;
    	height: unset!important;
    	padding: 7px 42px!important;
	}
	#schedule .form-consult .dienthoai{
		float: none!important;
		width: 70%!important;
		height: unset;
    	padding: 7px 42px;
    	height: unset!important;
    	padding: 7px 42px!important;
	}
	#schedule .form-consult .email{
		width: 70%!important;
		margin: 0px 0!important;
		height: unset!important;
    	padding: 7px 42px!important;
    	
	}
	#schedule .form-consult .tuvanve{
		
	}
	/*End Lich dao tao*/
}


@media screen and (min-width: 768px) {
	#schedule .linesolid{
		left: 68.3%;

}
#schedule .framedotline {
    margin-left: -31px;
}
}
@media screen and (min-width: 990px) {
	#schedule .linesolid{
		left: 67%;

}

}
@media screen and (min-width: 1199px) {
	#schedule .linesolid {
    left: 67.5%;
}

}