@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: right;
	}
	
	nav.nav .navbar-nav>li{
		float: none;
		margin:0;
		position:relative;
		display:inline-block;
	}
	/*nav.nav .navbar-nav>li:last-child{ float: right; }*/
	nav.nav .navbar-nav>li>a{
		font-size: 15px;
		padding:  0 13px;
		line-height: 40px;
		display: inline-block;
		vertical-align: middle;
		text-transform: uppercase;
		color: #000;
	}
	nav.nav .navbar-nav>li:last-child{ padding-left: 20px; }
	nav.nav .navbar-nav>li:first-child>a{ padding-left: 0; }
	nav.nav .navbar-nav>li>a i.fa-home{ font-size: 20px; }
	/*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:after{ content: ''; background: url(../images/line.png);
	width: 1px; height: 14px; position: absolute; top: 12px; right: 0; }
	nav.nav .navbar-nav>li:nth-last-child(2)>a:after{ height: 0; }


	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: #ff0000;
		/*background: url(../images/menu-bg.jpg); background-size: auto 100%;*/
		background: transparent;
	}
	nav.nav .navbar-nav>li.active>a{
		color:  #ff0000;
		background: transparent;
	}

	

	nav.nav .dropdown-menu { 
		padding: 0;
		border: none;
		min-width: 225px;
		border-radius: 0; 
		z-index: 9999;
		background: var(--primaryColor);
	}
	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: var(--secondaryColor);
		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: right; width: 100%; }
	nav.nav ul.navbar-nav>li { float: none; display: inline-block; }
	nav.nav .navbar-nav>li >a{
		padding: 0 5px; font-size: 13px; line-height: 40px; display: inline-block; color: #000; text-transform: uppercase;
	}
	nav.nav .navbar-nav>li > i{ display: none; }
	.nuoc-3{ top: 205px; margin-left: -20px; }
	.tu-van{ padding-top: 4px; }
	.item-news-home .hidden-xs{ display: none; }
	.item-camket .img-camket{ float: left; max-width: 100px; }
	.d7-search form input{ min-width: 160px; }
}

@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; }
	.top-header{ padding-top: 0; text-align: center; }
	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) {
	section.sec-pro .container .row10{ margin-left: -10px; margin-right: -10px; }
	.sec-about .col-sm-7{ padding-right: 15px; }
	.content-abot{ margin: 0; margin-top: 20px; }
	.form-bantin{ clear: both; }
	body .top-header{ position: static; clear: both; }
	.top-top{ display: none; }
	.item-cam h3 { font-size: 15px; }
	.item-cam:after{ width: 0; }
	.sec-about .col-md-5{ clear: both; }
	.ab-media ul li{ width: 50%; margin-bottom: 20px; }
	.wp-cam{ margin-top: 0; padding: 10px 0; }
	.logo-ft{ display: block; text-align: center; margin-bottom: 10px; border:0; }
	.ft-social{ text-align: center; }
	.co-r{ text-align: center; }
	.sec-dangky{ background-position: left; }
	.top-top-header{ float: left; width: 100%; padding-left: 10px; }
	.left-follow{ width: 100%; text-align: center; margin-bottom: 10px; }
	.right-follow{ width: 100%; text-align: center; }
	section.sec-pro { padding-left: 10px; padding-right: 10px; }
	
	.footer:before{ width: 0; height: 0; }
	.item-dichvu .info{ width: 300px; }
	.item-captcha .col-sm-8,
	.item-captcha .col-sm-4{ padding: 0; margin-bottom: 10px; }
	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; }
	.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; }
	.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) {
	.item-news-home{ margin-bottom: 20px; border-bottom: 1px solid #ccc; }
	.call_now{
		display:block !important;
	}
	.left-top{ width: 100%; text-align: center; }
	.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; }
	.sec-map .col-md-6{ clear: both; }
	.form-home .col-sm-6{ padding: 0; margin-bottom: 10px; }
}

@media(max-width:480px) {
	.item-cam h3 { font-size: 14px; }
	.sec-news .col-md-6{ clear: both; }
	.newsletter h2{ font-size: 20px; }
	.item-dichvu .info{ width: 100%; }
	.designed a{ display: block; font-size: 12px; }
	.line-f{ display: none; }
	.col-mm-12 {
		width:100%;
	}
	.newsletter input{ width: 45%; }
	./*col-md-4 .item-pro-dm .title-dm h3{ font-size: 14px; }
	.item-pro-dm .quote{ font-size: 13px; }
	.img-news-home{ max-width: 100px; }
	.item-camket .img-camket{ max-width: 120px; }
	.item-camket h3{  margin-bottom: 5px; font-size: 16px; }*/
}

@media(max-width:350px) {
	.input-dangky input{ width: 220px; }
	.item-gio img{ max-width: 40px; }
	.item-cam .des{ font-size: 12px; }
	p.bb{ font-size: 12px; }
}