sua11/18/2014@charset "utf-8";
/* Retina Ready Images */

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
h1#logo a { background:url(../images/bg-logo@2x.png) no-repeat; background-size:279px 39px; }

.linkedin {background:url(../images/bg-linkedin@2x.png) center no-repeat; background-size:50px 50px; }
.dribbble {background:url(../images/bg-dribbble@2x.png) center no-repeat; background-size:50px 51px; }
.googleplus {background:url(../images/bg-googleplus@2x.png) center no-repeat; background-size:50px 50px; }
.twitter {background:url(../images/bg-twitter@2x.png) center no-repeat; background-size:50px 51px; } 
.facebook {background:url(../images/bg-facebook@2x.png) center no-repeat; background-size:50px 51px; }
.behance {background:url(../images/bg-behance@2x.png) center no-repeat; background-size:50px 50px; }
.skype {background:url(../images/bg-skype@2x.png) center no-repeat; background-size:50px 51px; }
.link {background:url(../images/bg-link@2x.png) center no-repeat; background-size:48px 48px; }
.video {background:url(../images/bg-video@2x.png) center no-repeat; background-size:48px 48px; }
.zoom {background:url(../images/bg-zoom@2x.png) center no-repeat; background-size:48px 48px; }
.quote {background:url(../images/bg-quote@2x.png) center no-repeat; background-size:48px 48px; }
.profile {background:url(../images/bg-profile@2x.png) center no-repeat; background-size:48px 48px; }
.tags {background:url(../images/bg-tags@2x.png) center no-repeat; background-size:48px 48px; }
.more {background:url(../images/bg-more@2x.png) center no-repeat; background-size:48px 48px; }
.detail {background:url(../images/bg-detail@2x.png) center no-repeat; background-size:48px 48px; }
.email {background:url(../images/bg-email@2x.png) center no-repeat; background-size:48px 48px; }

#backtotop ul li a { background:url(../images/bg-up@2x.png) center top no-repeat; background-size:48px 48px; }

.flex-direction-nav .flex-next {background:url(../images/bg-next@2x.png) center no-repeat; background-size:48px 48px; }
.flex-direction-nav .flex-prev {background:url(../images/bg-prev@2x.png) center no-repeat; background-size:48px 48px; }

.fancybox-close {background: url(../images/bg-close@2x.png) center no-repeat; background-size:48px 48px;}
.fancybox-prev span {background: url(../images/bg-prev@2x.png) center no-repeat; background-size:48px 48px;}
.fancybox-next span {background: url(../images/bg-next@2x.png) center no-repeat; background-size:48px 48px;}
}


@media only screen and (min-width: 1600px) {
/*.container { padding:0px; width:1600px; position:relative; margin:0 auto; }*/
}

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

}

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container { padding:0px; width:100%;max-width:100%; position:relative; }
.col1-1 {width:670px; }
.col1-3 {width:335px; }
#wrapper {width:100%;max-width:100%;}
.col1-3,.col2-3, .col1-1 {width:100%;max-width:100%; height:auto;margin:0 }
h1#logo{display:none;}

#nav-button {  
    background-color: #950101;
    background-image: url("../images/logo.png");
    background-position: right center;
	background-size: auto 42px;
    background-repeat: no-repeat;   
    cursor: pointer;
    display: block;
    margin: 0 auto;
    padding: 6px 0;
    position: relative;}
.prev-quote, .next-quote {
    display: none;
    height: 65px;
    margin-top: 130px;
    position: absolute;
    width: 28px;
    z-index: 9999;
	background-size:28px auto;
}
.sitebar-box.quang-cao-banner img{width:50%;float:left}
.timkiem{display:none;}
footer .footer-left{width:68%;}
ul.pagenav{margin:10px 0}
#nav-button a.navbar-toggle.navbar-toggle-mobile{display:block;}
.navbar-sticky{ 
   position: fixed !important;
    top: 0;
    max-width: 100%;
    z-index: 999999;}
.nav-bar {background-color:#2b2b2b; border-radius:1px; display:block; width:25px; height:3px; margin:3px auto; }
#va_menu { display:none; width:620px; margin:0 auto; z-index:300; position:relative; top:0px;  }
#va_menu ul {display:block; }
#va_menu li {display:block; float:none }
#va_menu li a { text-align:center; border-bottom:1px solid #2b2b2b; display:block; padding:15px; width:100%; float:none; margin:0 }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) {
.container { padding:0px; max-width:100%; position:relative; }
.col1-3,.col2-3, .col1-1 { max-width:100%;width:100%; height:auto;margin:0 }
#map {width:100%; height:191px;}
.prl-article-title,.item-page .page-header h2, .sitebar-box h2{font-size:12px;}
#wrapper {width:100%; }
h1#logo,#wrapper #slide,.timkiem{display:none;}
#nav-button {
    background-color: #950101;
    background-image: url("../images/logo.png");
    background-position: right center;
	background-size: auto 42px;
    background-repeat: no-repeat;    	
    cursor: pointer;
    display: block;
    margin: 0 auto;
    padding: 6px 0;
    position: relative;
    width: 100%;}
	
#nav-button a.navbar-toggle.navbar-toggle-mobile{ display: block;
    font-size: 12px;
    font-weight: bold;
    padding-left: 38px;}
.owl-carousel .owl-item .services-item{padding:0 0 5px;}
.nav-bar {background-color:#2b2b2b; border-radius:1px; display:block; width:25px; height:3px; margin:3px auto; }
#va_menu { display:none; width:300px; margin:0 auto; z-index:300; position:relative; top:0px;  }
#va_menu ul {display:block; }
#va_menu li {display:block; float:none }
#va_menu li a { text-align:center; border-bottom:1px solid #2b2b2b; display:block; padding:15px; width:100%; float:none; margin:0 }
.navbar-sticky{ 
   /* background:url("../images/mobile-logo.png") no-repeat scroll right center #EBA426 !important;
    display: block;
    margin-left: 0 !important;
    padding: 6px 0 !important;*/
    position: fixed !important;
    top: 0;
    max-width: 100%;
    z-index: 999999;}
.prl-thumbnail img,.va-scroll-news-sanpham article img{max-width:100%;}
.va-scroll-news-sanpham article a.prl-button, a.btn-chitiet{display:none;}
footer .footer-left{width:100%;float:none;padding-right:0}
.prev-quote, .next-quote {
    display: none;
    height: 50px;
    margin-top: 50px;
    position: absolute;
    width: 20px;
    z-index: 9999;
	background-size:20px auto;
}
table td img{max-width:100%;width:100%;}
table tr td{display:block;}
.services-item table tr td{display:table-cell;}
table table{border:0 !important}
table table tr td{display:table-cell;padding:2px}
}
@media only screen and (max-width: 767px) {
.sitebar-box.quang-cao-banner img{width:50%;float:left}
.va-tin-bottom,.items-leading .bai-noi-bat,.items-leading li.bai-noi-bat-khac,.blog .tintuc-left{width:100%}
.blog .tin-xemnhieu{display:none}
.item-page .page-header h2, .category-list h2{height:auto;}
}
@media only screen and (max-width: 499px) {
.sitebar-box.quang-cao-banner img{width:100%;float:none}
.va-tin-bottom{width:100%}
}