@media(min-width:1025px) {
.col-20{ width: 20%; }
.simply-scroll-wap{ height: 230px; overflow: hidden; width: 1280px; margin: 0 auto; }
.clear-des{ clear: both; }
nav.nav{
z-index:60;
float:left;
width:100%;
}
.navbar-nav {
/*display: flex;
justify-content: space-between;*/
}
nav.nav .navbar-collapse{
padding:0;
}
nav.nav .navbar-nav > li.dropdown:hover > .dropdown-menu {
display: block;
}
nav.nav .navbar-brand{
height:auto;
padding:5px;
display:none;
}
nav.nav .navbar-brand img{
height:80px;
}
nav.nav .navbar-nav{
width:100%;
text-align: center;
}
nav.nav .navbar-nav>li{
float: left;
margin:0;
position:relative;
display:inline-block;
}
nav.nav .navbar-nav>li:last-child{
padding-top: 7px;
float: right;
padding-bottom: 5px;
padding-left: 20px;
}
nav.nav .navbar-nav>li>a{
font-size: 15px;
padding: 0 17px;
line-height: 44px;
color: #fff;
display: inline-block;
vertical-align: middle;
font-family: 'RobotoCondensed';
text-transform: uppercase;
}
nav.nav .navbar-nav>li>a i.fa-home{ font-size: 20px; }
nav.nav .navbar-nav>li:last-child>a{ padding-right: 0; }
/*nav.nav .navbar-nav>li>a:after{
content: url('../../templates/images/a-after.png');
position: absolute;
right: -4px;
bottom: -1px;
}*/
nav.nav .navbar-nav>li:last-child>a:after{ content: ''; }
nav.nav .navbar-nav>li>a:hover{ color: #f58220; }
nav.nav .navbar-nav>li>a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 128, 93, 0.93);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
nav.nav .navbar-nav>li>a:hover:before, .nav.nav .navbar-nav>li>a:focus:before, .nav.nav .navbar-nav>li>a:active:before {
/*-webkit-transform: scaleX(1);
transform: scaleX(1);*/
/*-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);*/
}
nav.nav .open>a, nav.nav .open>a:focus, nav.nav .open>a:hover,
nav.nav .navbar-nav>li>a:focus,
nav.nav .navbar-nav>li:hover>a{
color: #ffff00;
/*background: url(../images/menu-bg.jpg); background-size: auto 100%;*/
background: transparent;
}
nav.nav .navbar-nav>li.active>a{
color: #ffff00;
background: transparent;
}
nav.nav .dropdown-menu {
padding: 0;
border: none;
min-width: 225px;
border-radius: 0;
z-index: 9999;
background: #325397;
}
nav.nav .dropdown-menu li a {
color: #fff;
padding: 10px 15px;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
nav.nav .dropdown-menu .active > a,
nav.nav .dropdown-menu li > a:focus,
nav.nav .dropdown-menu li > a:hover {
color: #fff;
filter: none;
background: #033651;
padding: 10px 20px;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: 0px;
margin-left: 0px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
/*.dropdown > a:after,
.dropdown-submenu > a:after {
position: absolute;
top: 18px;
margin-top:-5px;
width:10px;
height:10px;
line-height:10px;
text-align:center;
right: 5px;
font-size: 11px;
content: "\f105";
font-weight: normal;
display: inline-block;
font-family: FontAwesome;
}*/
.dropdown > a:after{
content: "";
}
.btn-dropdown{
display:none;
}
.nav_top{
}
.nav_top ul li{
cursor:pointer
}
.nav_top > ul > li a:hover{ color: #ffc; }
.nav_top > ul > li a{
/*color: #ff7500;*/
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
font-size:13px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
overflow: hidden;
}
.nav_top > ul > li a:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #fff;
height: 1px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.nav_top > ul > li a:hover:before,
.nav_top > ul > li a:focus:before,
.nav_top > ul > li a:active:before{
left: 0;
right: 0;
}
.nav_top > ul > li.active a:before{
left: 0;
right: 0;
}
.nav_top > ul > li ul{
position:absolute;
min-width:120px;
top:100%;
left:0;
margin:0;
text-align:left;
padding:0;
z-index:999;
display:none;
background:#333;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.nav_top > ul > li ul li{
list-style:none;
padding:10px;
}
.nav_top > ul > li:hover ul{
display:block;
}
}
@media(max-width:1200px) and (min-width:1020px) {
nav.nav ul.navbar-nav{ text-align: left; width: 100%; }
nav.nav ul.navbar-nav>li { float: none; display: inline-block; }
nav.nav .navbar-nav>li >a{
padding: 0 5px; line-height: 50px; text-transform: uppercase; color: #fff; text-transform: uppercase;
}
nav.nav .navbar-nav>li:last-child{ float: right; }
nav.nav .navbar-nav>li > i{ display: none; }
.nuoc-3{ top: 205px; margin-left: -20px; }
.tu-van{ padding-top: 4px; }
}
@media(max-width:1023px) {
.lang a{ display: inline-block; margin-bottom: 5px; }
.search-d7{ display: none; }
.logo-left img{ max-width: 100%; }
.top-right{ padding-top: 5px; padding-bottom: 5px; }
nav#aff_menu:before{ content: ''; width: 0; }
nav#aff_menu:after{ content: ''; width: 0; }
.hl-dp .hotline span{ font-size: 12px; }
.hl-dp .hotline{ display: block; }
.hl-dp{ text-align: right; }
.slide.mb10{ margin-top: 10px; }
.top_header { padding: 0px; }
.list-inline{ padding: 5px 0; margin: 0; }
.list-inline>li:last-child{ padding-right: 0px; }
body{ background: #fff; }
.gio-hang-fix{ display: none; }
.slide .container,.banner .container{
width:100%;
margin:0;
padding:0;
}
.container{
padding:0;
}
nav.nav{
background: #ae7215;
float:left;
width:100%;
}
nav.nav .navbar-header {
float: none;
}
nav.nav .navbar-toggle {
display: block;
}
nav.nav .navbar-collapse.collapse {
display: none !important;
}
nav.nav .navbar-collapse.collapse.in {
display: block !important;
overflow-y: auto !important;
}
nav.nav .navbar-nav {
margin: 2px 0;
float: none !important;
}
nav.nav .navbar-nav > li {
float: none;
}
nav.nav .navbar-nav .open .dropdown-menu {
border: 0;
float: none;
width: auto;
margin-top: 0;
position: static;
box-shadow: none;
background-color: transparent;
}
nav.nav .navbar-brand{
height:auto;
padding:5px 15px;
line-height:25px;
font-size:18px;
color:#FFF;
}
nav.nav .navbar-brand img{
height:40px;
}
nav.nav .navbar-toggle{
margin:3px; margin-right: 8px;
padding:0;
width:40px;
height:35px;
border-radius:0;
font-size:20px;
color:#f5f5f5;
}
nav.nav .dropdown-submenu > .dropdown-menu {
display: block;
margin-left: 15px;
}
nav.nav .navbar-nav{
margin:0 -15px;
}
.btn-dropdown{
position:absolute;
z-index:20;
width:30px;
height:30px;
line-height:30px;
border-radius:2px;
color:#f5f5f5;
top:5px;
right:15px;
cursor:pointer;
text-align:center;
display:block;
}
.dropdown.open .btn-dropdown,
.btn-dropdown:focus,
.btn-dropdown:hover{
color:#FFF;
border-color:#FFF;
}
.navbar-nav>li>a{
color: #fff;
}
.arrow_box:after, .arrow_box:before{ left: 99%; }
nav.nav .navbar-nav>li.open > a,
nav.nav .navbar-nav>li>a:focus,
nav.nav .navbar-nav>li:hover>a,
nav.nav .navbar-nav > .active > a{
color:#ccc;
background: #333;
}
.dropdown-menu>li>a{
color:#f5f5f5;
}
.dropdown-menu>li>a:hover{
color:#FFF;
background: none;
}
.d7 {
position:relative;
}
.d7 form {
width: auto;
display: block;
margin-right: 0;
}
.d7 input {
width: 100%;
height: 38px;
padding-left: 15px;
border-radius: 4px;
border: 1px solid #333;
background: #f5f5f5;
outline: none;
transition: .3s linear;
margin: 0px;
}
.d7 input:focus {
width: 100%;
}
.page-title{ margin-top: 10px; }
.d7 button {
font-size: 1.3em;
width: 38px;
height: 38px;
/*background: none;*/
border: none;
position: absolute;
top: 0;
right: 0;
}
.d7 button:before{
content: "\f002";
font-family: FontAwesome;
color: #324b4e;
}
.banner_search{
display:none
}
}
@media(max-width:991px) {
ul.login{ text-align: center; }
.khoahoc-left{ margin-top: 10px; }
.top-header{ padding-bottom: 0; text-align: center; }
ul.login{ padding: 10px 0; margin: 0; }
header .list-social{ position: static; text-align: center; padding: 5px; background: #ccc; }
.item-gio{ text-align: center; }
.item-gio img{ float: none; margin: 0; margin-bottom: 10px; }
.item-gio .info span{ font-size: 10px; }
.item-gio h3{ font-size: 14px; }
.content-about{ padding: 10px; }
.xem-tat-ca{ padding-right: 10px; }
.ptb5 .text-right{ text-align: left; }
.list-inline.list-right{ display: none; }
.search-top{ display: none; }
.section.sec-pro{ padding: 10px 5px; }
.title-main h3{ padding: 10px; font-size: 15px; }
.item-tin .hidden-xs{ display: none; }
div.content-trainghiem{ padding-bottom: 25px; }
body section div.title-main:before{
left: 0; width: inherit; height: 0px; content: inherit; margin-left: 0; }
.sec-trainghiem .title-main:before{ width: 0; }
.lang-top{ top: 0; right: 5px; }
.lang-top img{ max-width: 15px; }
section.sec-nuoc{ min-height: inherit; }
.bd-info.name{ margin-top: 20px; }
.nuoc-1{ display: none; }
.item-service{ margin-bottom: 30px; }
.item-service img{ max-width: 80px; }
.right-nuoc{ padding: 20px 10px; font-size: 14px; }
.sec-dk .col-sm-3 { margin-bottom: 10px; text-align: center; }
.right-nuoc h3, .sec-dk .title-dk h3{ font-size: 18px; }
.gia-home{ text-align: center; }
.gia-home .text-left{ text-align: center; }
.cart-top, .hotline-top, .search-top{ padding-top: 10px; }
.cart-top{ display: none; }
.container.bg-white{ padding: 0; }
.slogan h3{ font-size: 15px; }
.d7-search{ display: none; }
.lang{ position: static; text-align: right; }
.xem-chi-tiet{ clear: both; padding-top: 5px;}
.logo-left { padding-left: 30px; }
.content-thongbao{ position: static; }
.hotline-search{ display: none; }
.bao-video{ margin-bottom: 10px; }
.row5, .row10, .row{ margin: 0px; }
.bao-chinhsach .chinhsach-chung{ margin-bottom: 10px; }
.menu-top{ position: static; text-align: center; }
.title-top-product h4{ font-size: 13px; }
.title-footer{ margin-top: 20px; }
.col-left{
display:none
}
header .hotline,
header .search{
position:relative;
top: inherit;
right: inherit;
float:left;
width:100%;
text-align:center;
margin-bottom:5px;
}
header .logo{
float:left;
width:100%;
text-align:center;
}
header .logo img {
max-height:70px;
}
.footer .col-md-5 h5{ text-align: center; }
footer .link{
text-align:center;
}
.designed{
font-size:13px;
padding:5px 0;
text-align:center;
}
}
@media(max-width:767px) {
.title_nhantin{ font-size: 16px; }
.logo-left{ padding-left: 10px; }
.img-home{ margin-bottom: 10px; }
.title-web h1{ font-size: 17px; padding: 10px 0; }
.item-cate .info h3{ font-size: 25px; }
section.sec-taisao, .sec-camnang{ padding: 20px 0; }
.item-pro .info .price-km{ width: 100%; text-align: center; }
.item-pro .info .price.old-price{ width: 100%; text-align: center; }
.item-hotro .hotline{ font-size: 17px; }
.footer{ padding-bottom: 50px; }
.call_now{ bottom: 20px !important; }
.item-gio{ margin-bottom: 10px; }
.des-module .h1,.des-module .h2,.des-module .h3,.des-module h1,.des-module h2,.des-module h3{ line-height: 20px; }
}
@media(max-width:480px) {
.designed a{ display: block; font-size: 12px; }
.line-f{ display: none; }
.col-mm-12 {
width:100%;
}
.col-md-4 .item-pro-dm .title-dm h3{ font-size: 14px; }
.item-pro-dm .quote{ font-size: 13px; }
}
@media(max-width:350px) {
.input-dangky input{ width: 220px; }
.item-gio img{ max-width: 40px; }
}