/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	/* margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline; */
}
body {
	/* line-height:1;
	color:black;
	background:white; */
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
	/* font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#333;
	background:#eee; */
}

a, a:visited {
	/* color:blue; */
	text-decoration:none;
}
a:hover, a:active {
	color:#000;
	text-decoration:none;
}

#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}

.slider-wrapper { 
	width: 100%; 
	margin: 0px auto;
	position:relative;
	
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}
/*TIN TỨC - TRANG CHU*/
#tintuc-trangchu{    margin: 20px 0;}
#tintuc-trangchu .wrap_tintuc{
    display: flex;
    flex-wrap: wrap;
}
#tintuc-trangchu .wrap_tintuc .wrap_tintuc-item{
    display: flex;
    flex-basis: 50%;
}
#tintuc-trangchu .wrap_tintuc .wrap_tintuc-item .item{
    display: flex;
    align-items: center;
}
#tintuc-trangchu .wrap_tintuc .wrap_tintuc-item .item .item-image{
    flex-basis: 24%;    min-width: 35%;
    text-align: center;
}
#tintuc-trangchu .wrap_tintuc .wrap_tintuc-item .item .item-image img{
    object-fit: cover;
}
#tintuc-trangchu .wrap_tintuc .wrap_tintuc-item .item .item-info{}
#tintuc-trangchu .wrap_tintuc .wrap_tintuc-item .item .item-info .item-info__title{
    font-weight: 700;
    margin: 0px;
}
#tintuc-trangchu .wrap_tintuc .wrap_tintuc-item .item .item-info .item-info__time{}
#tintuc-trangchu .wrap_tintuc .wrap_tintuc-item .item .item-info .item-info__description{
    text-align: justify;
}
.header-right__col .user-header .user_profile{
	cursor:pointer;
	position:relative;
}
.header-right__col .user-header .user_profile span.user_profile-name{
	color: #000;
}
.header-right__col .user-header .user_profile img{
	height:20px;
	width:20px;
}
.header-right__col .user-header .user_profile ul.user_profile-menu{
	list-style: none;
	position: absolute;
	padding: 5px 10px;
	background-color: #ffffff;
	width: 154px;
	border: 1px solid #000;
	border-radius: 3px;
	z-index: 9999;
	display:none;
	animation: .5s;
}
.header-right__col .user-header .user_profile ul.user_profile-menu .menu_item{

}
.header-right__col .user-header .user_profile ul.user_profile-menu .menu_item a.menu_item-link{
	
}
.header-right__col .user-header .user_profile ul.user_profile-menu .menu_item a.menu_item-link .link_item{
	margin-left:5px;
	font-size:12px;
	color:#000;
	font-weight:700;
}
.header-right__col .user-header .user_profile ul.user_profile-menu .menu_item a.menu_item-link .link_item:hover{
	color:red;
}

@media (max-width: 768px)
{
	#tintuc-trangchu .wrap_tintuc .wrap_tintuc-item
	{
		 flex-basis: 100%;
	}
	#tintuc-trangchu .wrap_tintuc .wrap_tintuc-item .item{
		align-items: start;
	}
}