/* 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{ width:100%!important;}
#gallery_01 a img{ width:20%;}
.zoomWrapper{ width:353px!important; height:353px!important;}
.zoomWrapper img{ width:350px!important; height:350px!important;} 
}





/* 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;}

}



