/* lg */ 



@media (min-width: 1200px) {



 /* Make Navigation Toggle on Desktop Hover */



  .dropdown:hover .dropdown-menu {



      display: block;



      -webkit-animation: fadeInUp 400ms;



      animation: fadeInUp 400ms;



  }







  #portfolio .row {



    margin-left: -10px;



    margin-right: -10px;



  }







  .carousel-content {



    margin-top: 350px;



}







}







/* md */



@media (min-width: 992px) and (max-width: 1199px) {



  



 /* Make Navigation Toggle on Desktop Hover */



  .dropdown:hover .dropdown-menu {



      display: block;



      -webkit-animation: fadeInUp 400ms;



      animation: fadeInUp 400ms;



  }







  .navbar-nav > li {



    margin-left: 10px;



  }







  .navbar-collapse {



    padding-left: 0;



    padding-right: 0;



  }



	.navbar-inverse .navbar-nav > li > a{



		padding: 5px 0px;



		font-size: 12px;



	}



	



	.header_big .navbar-inverse .navbar-nav > li > a{



		padding: 5px 0px;



		font-size:12px!important;



		font-weight:normal; 



		}



  .social img{



	      margin-left: 16px;



  }



	.social {



    margin-top: 15px;



     margin-right: 0px;



	}



	.header_on_left {



    line-height: 30px;



	}



	.xem_them {



    width: 85px;



	}



	.navbar-brand>img{ width:80%;}



	.right_header{ width:100%;}



	.slider h1{ margin-top:100px;}



	.hotline a img{ display:none;}



	.cate_nguyenlieu ul li a{ font-size:13px; font-weight:normal;}



	.owl-carousel .owl-controls .owl-dots{ bottom:102%;}



}











/* sm */



@media (min-width: 768px) and (max-width: 991px) {



  /* Make Navigation Toggle on Desktop Hover */



  .dropdown:hover .dropdown-menu {



      display: block;



      -webkit-animation: fadeInUp 400ms;



      animation: fadeInUp 400ms;



  }







  .navbar-collapse {



    padding-left: 0;



    padding-right: 0;



  }







  .slider h1{



	 font-size:50px;



	 margin-top:100px;



  }



	.slider h2{



		    font-size: 35px;



	}



	#main-slider .carousel .btn-slide{



		 font-size: 25px;



	}



	.navbar-inverse .navbar-nav > li > a{



		padding: 5px 10px; 



		font-size: 13px;



		line-height: 25px;



	}



	.next2{ margin-left:85%;}



	.header_big .navbar-inverse .navbar-nav > li > a{ font-size:12px!important; padding:5px 5px}



	.header_big .navbar{ overflow:hidden;}



	.header_on_right {



    margin-top: 26px;



}



	.header_on_left {



    line-height: 25px;



}



	.hot_product {



    width: 270px;



   



    margin: auto;



}



	.list_hot_new{



	margin-bottom:25px;



	overflow:hidden



}



.cate_footer ul li{



	width:50%;



	height:260px;



}



.list_product ul li {



width: 100%;}



.hot_product_1{



	



}



.slider_product {



width: 100%;}



.info_product {



    width: 100%;



   



    padding-left: 0px;



}







.right_header{display:block;}



.right_header  h3{ font-size:17px;}



.right_header  p{ font-size:15px;}



#hot_project,#customer_home{ background:none;}



.cate_nguyenlieu ul li a{ font-size:12px;}



#news_home3{ margin-top:-130px;}



#header_on{ display:none;}



}







/* xs */



@media (max-width: 767px) {



  .container > .navbar-header, .container > .navbar-collapse{



    margin: 0px 15px;



  }







  .slider h1{



	 font-size:35px;



	 margin-top:50px;



  }



	.slider h2{



		    font-size: 25px;



	}



	#main-slider .carousel .btn-slide{



		 font-size: 15px;



		 margin-top:30px;



	}



    #main-slider .carousel .item{



		height:300px;



	}



	.navbar-inverse .navbar-nav > li > a{



		line-height: 30px;



	}



	.header_on_left {



    line-height: 25px;



	}



	.header_on_right {



    margin-top: 10px;



	}



	.social {



    float: left;



	}



	.hot_product {



    width: 270px;



   



    margin: auto;



}



	.list_hot_project {



    width: 360px;



    margin: auto;



}



	#company{



		font-size: 40px;



    line-height:200px;



	}



	.list_hot_new{



	margin-bottom:10px;



	overflow:hidden



}



	.cate_footer ul li{



	width:100%;



	margin-bottom:25px;



	padding-left:15px;



	}



	.address_footer{



	padding-left:15px;



}



	.thongke_truycap{



	text-align:left;



	padding-right:0px;



}



.thongke_truycap p{



    float: left;



    font-weight: 600;



    font-size: 12px;



	text-align:left



}



.img-customer{



	width: 215px;



    margin: auto;



    text-align: center;



}



.list_product ul li {



width: 100%;}



.slider_product {



width: 70%;



margin-left: 15%;}



.info_product {



    width: 100%;



   



    padding-left: 0px;



}







#company a{



	font-size:14px;



	} 



.intro ul li a h3{



	width:100%;



	}	



.title_news_home1 h3{



	font-size:17px;



	}	



.title_news_home h3{



	font-size:17px;



	}	



#bottom p{ font-size:12px; margin-right:5%;}



.navbar-brand>img{ width:60%; 



	}	



.navbar-toggle{ margin-top:5px;}	



.header_on_left{ /*display:none;*/}



.right_header{display:block}



.right_header  h3{ font-size:17px;}



.right_header  p{ font-size:15px;}



.menu .container{ height:auto!important;}



.navbar{



	height: auto;



	}



#chuyenmuc h2{ padding-left:10px;}



.menu{ top:55px;}	



.navbar-inverse .navbar-nav > li > a{ font-weight:normal; text-transform:none;}



.navbar-inverse .navbar-nav > li{ border-bottom: 1px solid #184ad6;}



.navbar-inverse .navbar-nav > li:last-child{ border:none;}



.cate_product_hot .nav-tabs{ margin-left:0%; background:#eee;}



.cate_product_hot .nav>li>a{ font-weight:normal; font-size:12px;}



.content-customer ul li img{ height:auto!important;}



.right_header{



	display:none;}



#company1{



	font-size:20px!important;



	line-height:140px!important;



	}



.top_news{ margin-left:0px;}	



.an{ display:none;}



.cate_hien{ display:block;}



.menu_an{ display:block;}



#main-slider .carousel .btn-slide{ margin-top:67%;}



.navbar-header{ height:auto!important;}



.navbar-inverse .navbar-nav > li{ border-bottom:1px solid #72c305;}



.menu .container{ background:#589803;}



.header_big .menu{ width:100%; top:52px;}



.header_big .menu .container{ width:100%; margin-left:0%;background:#589803;}



.list_hot_new{ margin-top:10px!important;}



#customer_home{ background:none;}



.cus p{ width:100%; padding-left:0px;}



.cus a img{ margin-left:30%; margin-bottom:20px;}



.dauphay{ display:none;}



.title_news_home h3,.title_news_home1 h3{ color:#666;}



.title_news_home1 h3{ margin-top:-25px;}



.content_nguyen_lieu ul li img{ margin-top:10px;}



.chi_nhanh ul li{ width:auto; float:left; margin-left:20px;}



.chi_nhanh_sx{ margin-top:15px;}



#hot_project{ background:none;}



.owl-carousel .owl-controls .owl-dots{ left:35%;}



.right_header{ display:block;}



.dang_nhap{ display:block;}



.an{ display:block;}



.search{ display:none;}

.left_mobile,.right_side{ display:none;}

.title_news_home1{ width:100%; float:left; background-size:auto; margin-top:10px;margin-left:0px;}

.title_news_home1 h3{ width:100%; float:left; margin-top:0px; color:#fff; line-height:45px; color:#fff; }

.gio_hang{ display:none;}

#head1{ min-height:55px;}

.navbar-inverse .navbar-toggle{ margin-top:10px;}

.navbar-nav{ margin:7.5px 0px;}

.menu_desk{ display:none;}

#owl_home_recommend{ margin-bottom:55px!important;} 

.adv{ display:none;}

#gallery_01{ display:none;}

#gallery_01 a img{ width:20%;}

.zoomWrapper{ width:353px!important; height:353px!important;}

.zoomWrapper img{ width:350px!important; height:350px!important;} 
.right_mobile a img{ padding-left:15px; margin-top:15px; width:95%;}

}











/* XS Portrait */



@media (max-width: 480px) {



	#company{



		    font-size: 27px;



    line-height: 140px;



	}



	.slider_product {



    width: 80%;



	margin-left:0px;



}



#company a{



	font-size:14px;



	} 



.intro ul li a h3{



	width:100%;



	}	



.title_news_home1 h3{



	font-size:17px;



	}	



.title_news_home h3{



	font-size:17px;



	}	



#bottom p{ font-size:12px; margin-right:5%;}



.navbar-brand>img{ width:60%;



	}	



.navbar-toggle{ margin-top:2px;}	



.header_on_left{ display:none;}



/*.right_header{



	display:none;}*/



.menu .container{ height:auto!important;}



.navbar{



	height:55px;



	}



.menu{ top:55px;}	



.navbar-inverse .navbar-nav > li > a{ font-weight:normal; text-transform:none;}



.navbar-inverse .navbar-nav > li{ border-bottom:1px solid #72c305;}



.navbar-inverse .navbar-nav > li:last-child{ border:none;}



.cate_product_hot .nav-tabs{ margin-left:0%; background:#eee;}



.cate_product_hot .nav>li>a{ font-weight:normal; font-size:12px;}



.content-customer ul li img{ height:auto!important;}







.right_header{ display:block; height:3px;}



.dang_nhap{ display:none;}



.hotline a img,.hotline a span{}



.navbar-inverse .navbar-toggle{!important;}



.hotline{ margin-top:10px;}



.list_mutinews1 ul li img,.list_mutinews1 ul li:nth-child(2n) img{ width:100%; margin-bottom:20px;}



.list_mutinews1 ul li{ margin-bottom:20px;}



.list_videos_content{ height:auto!important; margin-bottom:20px;} 



.next2{ margin-left:78%;}



.cate_nguyenlieu ul li a{ line-height:30px;}



.chi_nhanh_sx a img{ width:100%; margin-bottom:20px; }



.header_big .navbar-inverse .navbar-nav > li > a{ text-transform:none; font-weight:normal; font-size:14px;}



.mutinew_hot_news{ display:none;}



.header_big .navbar-brand > img{ width:100%;}



#news_home3{ margin-top:-90px;}



#header_on{ display:none;}



.search{ display:none;}



}







