@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: left;
		position: relative;
		left: 8%;
	}
	
	nav.nav .navbar-nav>li{
		float: none;
		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: 12px;
		padding:  0 15px;
		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: #fff;
	}
	nav.nav .dropdown-menu li a {
		color: black;
		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:1368px) and (min-width:1201px){
	nav.nav .navbar-nav{width: 92%;}
	.fix-lh{left: 0;}
	.fix-form{position: relative;left: 26%;}
}
@media(max-width:1200px) and (min-width:1020px) {
	nav.nav ul.navbar-nav{ text-align: left; width: 87%; }
	nav.nav ul.navbar-nav>li { float: none; display: inline-block; }
	nav.nav .navbar-nav>li >a{ font-family: 'RobotoCondensed'; font-size: 13px;
		padding: 0 5px; line-height: 42px; text-transform: uppercase; color: #fff; text-transform: uppercase;
	}
	nav.nav .navbar-nav>li:last-child{ float: right; padding-top: 5px; }
	nav.nav .navbar-nav>li > i{ display: none; }
	.nuoc-3{ top: 205px; margin-left: -20px; }
	.tu-van{ padding-top: 4px; }
	#aff_menu > .container{ width: 100%; }
	.sp-item:nth-child(1){width: 58%;}
	.sp-item:nth-child(2){position: relative;left: 10px;}
	.sp-item:nth-child(4){position: relative;left: 10px;}
	.sp-item:nth-child(2) .title h4{width: 100%;}
	.sp-item:nth-child(4) .title h4{width: 100%;}
	.chose-main{width: 90%;margin-top: 20px;}
	.tintuc-ct{width: 31%;}
	.fix-lh{left: 0;}
	.fix-form{position: relative;left: 25%;}
}

@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) {
	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;
	}
	.dv h3{width: 96%;}
	.dv-main{width: 100%;}
	.dv-item{margin-left: 22px;height: 0;}
	.dv-text{
		height: 175px;
		bottom: 185px;
		width: 90%;
	}
	.dv-text h4{font-size: 16px;}
	.sp-main{width: 95%;}
	.sp-item:nth-child(1){width: 58%;}
	.sp-item:nth-child(2) .sp-img{position: relative;left: 24px;}
	.sp-item:nth-child(2) .title h4{width: 93%;}
	.sp-item:nth-child(4) .sp-img{position: relative;left: 24px;}
	.sp-item:nth-child(4) .title h4{width: 93%;}
	.chose-main{
		width: 90%;
		margin-top: 10px;
	}
	.chose-text h3{width: 95%;}
	.chose h3{width: 90%;}
	.tintuc-main{width: 90%;}
	.tintuc h3{width: 90%;}
	.tintuc-ct{width: 31%;}
	.tintuc-text h3{width: 100%;padding-top: 10px;}
	.fix-lh{left: 0;}
	.fix-form{position: relative;left: 25%;}
	.extra-main{width: 90%;}
	.extra{padding-bottom: 15px;}
	.fix-ft{width: 90% !important;}
	.info-ft{display: inline-block;float: left;}
}

@media(max-width:767px) {
	.register_center{ text-align: center; }
	.register_center .form-register{ 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: 63px !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; }
	.dv-main{width: 100%;}
	.dv-item{
		width: 45%;
		height: 0;
	}
	.dv h3{width: 93%;}
	.sp-main{width: 93%;}
	.sp-item:nth-child(2) .sp-img{position: relative;left: 28px;}
	.sp-item:nth-child(4) .sp-img{position: relative;left: 28px;}
	.chose-main{
		width: 90%;
		margin-top: 10px;
	}
	.tintuc h3{width: 90%;}
	.tintuc-main{width: 90%;}
	.tintuc-ct{width: 31%;}
	.tintuc-text h3{width: 100%;padding-top: 10px;}
	.fix-lh{left: 0;}
	.name{width: 33%;margin-right: 10px;}
	.sdt{width: 23%;margin-right: 10px;}
	.extra-main{width: 90%;}
	.fix-ft{width: 90% !important;}
	.info-ft{width: 64%;display: inline-block;}
	.ho-tro{width: 35%;position: relative;bottom: 25px;}
	.map{width: 100%;}
	.fix-form{left: 0;}
	.cus-lh{display: flex;position: fixed;width: 100%;bottom: 0;background: red}
}

@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; }
		.slide{display: none;}
	.dv-text{
		bottom: 170px;
		height: 160px;
		width: 90%;
	}
	.dv-item{
		margin-left:0;
		width: 100%;
		height: 0; 
	}
	.dv-text h4{font-size: 15px;}
	.sp-item:nth-child(1){width: 100%;margin-bottom: 15px;}
	.sp-item:nth-child(2){width: 100%;margin-top: 5px;}
	.sp-item:nth-child(2) .sp-ct{
		display: flex;
    	flex-direction: column-reverse;
	}
	.sp-item:nth-child(2) .title h4{width: 100%;}
	.sp-item:nth-child(3){width: 100%;margin-bottom: 5px;}
	.sp-item:nth-child(4){
		width: 100%;
		margin-top: 10px;
	}
	.sp-item:nth-child(4) .title h4{
		width: 100%;
	}
	.sp-item:nth-child(4) .sp-ct{
		display: flex;
    	flex-direction: column-reverse;
	}
	.chose h3{font-size: 24px;}
	.chose-main{display: block;margin-top: 30px;padding-bottom: 15px;}
	.chose{height: unset;}
	.chose-ct{margin-left: 0;}
	.tintuc-ct{width: 100%;margin-left: 0;}
	.tintuc h3{width: 95%;}
	.lh-main{width: 95%;}
	.fix-lh{left: 0;margin-top: 12px;}
	.sdt, .name{width: 47%;}
	.email{width: 98%;}
	.extra-main{display: block;width: 90%;}
	.extra{padding-bottom: 15px;}
	.bao-gia{width: 95%;}
	.bao-gia h3{margin-top: 0;padding-top: 15px;font-size: 16px;}
	.thi-cong{
		width: 95%;
    	margin-left: 0;
	}
	.thi-cong h3{font-size: 16px;}
	.san-pham{
		width: 95%;
    	margin-left: 0
	}
	.san-pham h3{font-size: 16px;}
	.tin-tuc{
		width: 95%;
    	margin-left: 0
	}
	.tin-tuc h3{font-size: 16px;}
	.info-ft, .ho-tro, .map{width: 100%;}
	.fix-form{left: 0;}
	.lien-he{height: 270px;}
	.sp-item:nth-child(2) .sp-img{left: 0;}
	.sp-item:nth-child(4) .sp-img{left: 0;}
	.cus-lh{display: flex;position: fixed;width: 100%;bottom: 0;background: red}
}

@media(max-width:350px) {
	.input-dangky input{ width: 220px; }
	.item-gio img{ max-width: 40px; }
	.slide{display: none;}
	.dv-text{
		bottom: 170px;
		height: 160px;
		width: 90%;
	}
	.dv-item{
		margin-left:0;
		width: 100%;
		height: 0; 
	}
	.dv-text h4{font-size: 15px;}
	.sp-item:nth-child(1){width: 100%;margin-bottom: 15px;}
	.sp-item:nth-child(2){width: 100%;margin-top: 5px;}
	.sp-item:nth-child(2) .sp-ct{
		display: flex;
    	flex-direction: column-reverse;
	}
	.sp-item:nth-child(2) .title h4{width: 100%;}
	.sp-item:nth-child(3){width: 100%;margin-bottom: 5px;}
	.sp-item:nth-child(4){
		width: 100%;
		margin-top: 10px;
	}
	.sp-item:nth-child(4) .title h4{
		width: 100%;
	}
	.sp-item:nth-child(4) .sp-ct{
		display: flex;
    	flex-direction: column-reverse;
	}
	.chose h3{font-size: 22px;}
	.chose-main{display: block;margin-top: 30px;padding-bottom: 15px;}
	.chose{height: unset;}
	.chose-ct{margin-left: 0;}
	.tintuc-ct{width: 100%;margin-left: 0;}
	.tintuc h3{width: 95%;}
	.lh-main{width: 95%;}
	.fix-lh{left: 0;margin-top: 12px;}
	.sdt, .name{width: 47%;}
	.email{width: 98%;}
	.extra-main{display: block;width: 90%;}
	.extra{padding-bottom: 15px;}
	.bao-gia{width: 95%;}
	.bao-gia h3{margin-top: 0;padding-top: 15px;font-size: 16px;}
	.thi-cong{
		width: 95%;
    	margin-left: 0;
	}
	.thi-cong h3{font-size: 16px;}
	.san-pham{
		width: 95%;
    	margin-left: 0
	}
	.san-pham h3{font-size: 16px;}
	.tin-tuc{
		width: 95%;
    	margin-left: 0
	}
	.tin-tuc h3{font-size: 16px;}
	.info-ft, .ho-tro, .map{width: 100%;}
	.fix-form{left: 0;}
	.lien-he{height: 270px;}
	.sp-item:nth-child(2) .sp-img{left: 0;}
	.sp-item:nth-child(4) .sp-img{left: 0;}
	.cus-lh{display: flex;position: fixed;width: 100%;bottom: 0;background: red}
	.call_now{left: -12px;}
}