/* ------------ PC --------------- */
@media (max-width: 1024px) {
	.navbar-collapse{
		float:right;
	}
	.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 5px;
}
.navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px
}
.info-left{margin-top:10px;}
	.info-right{text-align:left; margin-top:10px;}
	

	
}

/* ------------ TABLET doc --------------- */
@media (max-width: 991px) {
	
}


/* ------------ TABLET ngang --------------- */
@media (max-width: 769px) {
	.navbar-nav{
		margin-top:20px;
		width:100%;
		border-radius:0 !important;
		background-color: #fdfcf3;
		margin-right:0;
		padding:0 30px;
	}
	.navbar-default .navbar-nav li a:hover > span, .navbar-default .navbar-nav li a.active > span{
		left: -25px;
		position: absolute;
		top: 20px;
	}
	form#search {
		margin: 10px auto;
	}
	
	.navbar-nav > li > a{
		margin-left:20px;
	}
	
	.mini_pack li{ margin: 15px 0 0 15px; width: 47%; float:left; }
	.mini_pack li img{ margin-top:0;}
	.mini_pack li h3{  font-size: 14px;line-height: 10px;}
	/* --------------- EDIT BANNER ---------*/
	.multimedia_perspective_carousel.black .elementTitle {margin-top: -45px !important;}
	.newFS h2{ font-size:14px !important; }
	.newFS p{ font-size:12px !important;}
	
	
}

@media (width: 768px) {
	.fix .col-md-3 {width:50%;float:left;}
}
@media (width:1024px) {
	.fix .col-md-3 {width:50%;float:left;}
}
/* ------------ MOBILE --------------- */
@media (max-width: 450px) {
	.top{ text-align:center; font-size:12px; margin-bottom:20px;}
	.hlinks li{margin-top:20px;}
	.hlinks li::before {margin:0 5px;}
	.navbar-collapse{
		min-height:1000px;
	}
	.info-left{margin-top:10px;}
	.info-right{text-align:left; margin-top:10px;}
	
	.navbar-nav{
		margin-top:20px;
		width:100%;
		border-radius:0 !important;
		background-color: #fdfcf3;
		margin-right:0;
		padding:0 30px;
	}
	.navbar-nav>li>a {
		padding-left:15px;
		line-height:16px;
	}
	.navbar-nav > li > a{
		margin-left:0;
	}
	.navbar-default .navbar-nav li a:hover > span, .navbar-default .navbar-nav li a.active > span{
		left: -15px;
		position: absolute;
		top: 16px;
	}
	form#search {
		margin: 10px auto;
	}
	.bx-viewport {
		min-height:160px  !important;
	}
	
	.mini_pack li{ width:90%; margin:15px 0px 0 15px; }
	.mini_pack li img{ margin-top:0;}
	.mini_pack li h3{  font-size: 14px;line-height: 10px;}
	/* --------------- EDIT BANNER ---------*/
	.multimedia_perspective_carousel.black .elementTitle {margin-top: -25px !important;}
	.newFS h2{ font-size:14px !important; }
	.newFS p{ display:none !important;}
}