 .slides {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: auto;
margin: 0px auto;}
.slides li {
display: none;
left: 0;
margin: 0;
position: absolute;
top: 0;
width: 100%;
}
.slides li:first-child {
display: block;
float: left;
position: relative;
}
.slides img {
    border: 0;
    display: block;
    float: left;
    height: auto;
    margin: 0;
    width: 100%;
    padding: 0px;
}
.rslides_nav {
display: none;
}
.media-desc {
background: rgba(0, 0, 0, 0.47) none repeat scroll 0 0;
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.31);
left: 0;
position: absolute;
top: 0;
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.31);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.31);
}
.media-desc.desc {display:none;
bottom: 20px;
left: 50.468%;
padding: 15px 20px 15px 20px;
right: 20px;
top: auto;
}
.media-desc.desc h2,
.media-desc.desc h3 {
position: relative;
margin: 0 auto 1.63em;
display: block;
font-size: 13px;
}
.media-desc.desc h2 {
color: #808080;
line-height: 1.3em;
}
.media-desc.desc h3,
.media-desc.desc h2 b,
.media-desc.desc strong {
color: #373432;
}
a.media-desc:hover h3:after {
content: ' âžž';
} #menu-list-mobile {
display: none;
float: right;
margin: 20px 0;
min-width: 50%;
}
@media screen and (max-width:899px) {
.content .note {
padding-right: 20px;
}
.content .columned {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.media-desc.desc {
left: 26.53%;
}
}
@media screen and (max-width:320px) {
.filter {
width: 33.404%;
}
.filter + .three-fourth {
width: 64.468%;
}
.filter + .three-fourth .item {
width: 100%;
}
.filter + .three-fourth .item.hide {
display: none;
}
.filter + .three-fourth .item + .item {
margin-top: 16px;
}
}
@media screen and (min-width:580px) {
.side_left {
float: left;
width: 25.532%;
}
.side_left .tieude, .side_left .promo-head, .side_left .quotetext {
margin-right: 48px !important;
}
}
@media screen and (max-width:579px) {
.side_left {
width: 100%;
}
}
@media screen and (min-width:580px) {
.tieude, ul.dichvu > li > ul.children > li > a > span  {	
margin: 15px 0 4px;
}
}
@media screen and (max-width:579px) {
.tieude, ul.dichvu > li > ul.children > li > a > span  {	
margin: 15px 0 11px;
}
}
.side_left .quote {
margin-right: 55px !important;
}
.side_left .tieude {
margin-bottom: 18px !important;
margin-top: 1px;
}
.side_left .quote {
color: #ef7126;
font-family: "Open Sans SemiBold" !important;
font-size: 58px;
font-style: italic;
font-weight: bold;
margin: 36px 0 0;
text-align: right;
}
.side_left .quotetext {
background: #fff none repeat scroll 0 0;
border: medium none !important;
color: #888;
font-size: 19px;
font-weight: normal;
letter-spacing: 0;
line-height: 29px;
margin-top: 10px;
text-align: right;
}
.side_left .tieude > a {
color: #5f5f5f;
font-weight: normal;
}
.tuyendungv1 h5 {
color: #ef7126;
font-family: Open Sans Light;
font-size: 26px;
font-weight: normal;
letter-spacing: 0;
margin-bottom: 36px;
margin-top: 19px;
}
.tuyendung_all .tuyendungv2 { margin-bottom: 20px;
border-right: 1px solid #d8d8d8;
margin-right: 32px;
padding-right: 32px;
}
.tuyendung_all:nth-child(2n) .tuyendungv2 {
border-right:none !important;
}
.tuyendungv2 p{
margin-bottom: 4px;
}
.tuyendungv2 ul{
margin-top: 0;
}
.tuyendung_all { margin-bottom: 47px;
padding-bottom: 8px;
float:left;
overflow:hidden;
width:50%;
}
.diachilienlac {
text-align: right;
}
.tuyendungtypo {
color: #8f8f8f;
font-family: Open Sans Light;
font-size: 20px;
font-weight: normal;
line-height: 32px;
margin-top: 29px;
text-align: right;
}
body.page-template-box_temp_dichvu #main{
background-image: url(//youthmedia.com.vn/store/themes/ks/bgas.png);
background-position: center bottom;
background-repeat: no-repeat;
}
@media screen and (max-width:1111px) {
.promo-head h4 {
font-size: 53px;
line-height: 52px;
}
}
@media screen and (max-width:1111px) {
.promo-head h4 {
font-size: 53px;
line-height: 52px;
}
}
@media screen and (max-width:993px) {
.promo-head h4 {
font-size: 47px;
line-height: 44px;
}
.side_left .quotetext {
font-size: 18px;
}
}
@media screen and (max-width:993px) {
.promo-head h4 {
font-size: 40px;
line-height: 36px;
}
.side_left .quotetext {
font-size: 17px;
line-height: 27px;
}
}
.home_right h4, .home_right h2{
color: #595959;
font-size: 16px;
font-weight: bold;
text-transform:uppercase;
}

@media screen and (min-width:580px) {
.home_right h4, .home_right h2 {	
line-height: 22px;
margin: 16px 0 8px;
}
}
@media screen and (max-width:579px) {
.home_right h4, .home_right h2 {	
margin: 12px 0 5px;
}
.home_right p{
margin-bottom:0px;
}
}
.social a{
color:#ef7126;
}
#foot logo img {
margin-left: 23px;
}
.home_right h4 span, .home_right h2 span{
color: #ef7126;
float:none !important;
}
body.home .typo h4 {
color: #2b2b2b;
font-family: "Open Sans Light" !important;
font-size: 27px;
font-weight: normal;
letter-spacing: 0;
line-height: 42px;
margin-bottom: 26px;
margin-top: 11px;
text-align: center; }
@media screen and (min-width:580px) {
body.home .typo h4 {
font-size: 27px;
line-height: 42px;
}
p.info {
right:20px;
margin-left: 0px;
position: absolute;
top: 100px;
width: 72.16%;
}
}
@media screen and (max-width:579px) {
body.home .typo h4 {
font-size: 21px;
line-height: 34px;
}
p.info {
right:20px;
margin-left: 0px;
position: absolute;
top: 100px;
width: 47%;
}
}
body.page-template-box_temp_dichvu .headings h4{
display:none;
}
body:not(.home) .typo h4 {
color: #ef7126;
font-family: "Open Sansz" !important;
font-size: 21px;
font-weight: normal;
line-height: 34px;
margin-bottom: 57px;
margin-top: 0;
text-align: center;
}
.typo{
margin-bottom: 36px;
}
.typo h4 > span {
font-family: "Open Sans SemiBold";
}
.nutprev {
left: 19px;
position: absolute;
top: 49%;
background-image: url(dot1.png);
background-position: center center;
background-repeat: no-repeat;
height:48px;
width:48px;
opacity: 0.7;
filter: alpha(opacity=70); }
.nutnext {
right: 19px;
position: absolute;
top: 49%;
background-image: url(dot2.png);
background-position: center center;
background-repeat: no-repeat;
height:48px;
width:48px;
opacity: 0.7;
filter: alpha(opacity=70); }
.nutnext:hover,  .nutprev:hover{
opacity: 0.4;
filter: alpha(opacity=40); }
.home_right .one-third h2 a, .home_right .one-third h2 a span{
font-size: 15px;
letter-spacing: 0px;
}
.tomtat .tieude{
padding: 9px 0 !important; 
margin: 18px 0 5px !important;
}
.tomtat > ol.list li {
line-height: 20px !important;
}