﻿/* Công ty cổ phần Angkorich
 * Bootstrap v3.3.7
 * Copyright 2018 by Angkorich
 * Edit code bootstrap by linhlv.akr@gmail.com
 */
 /*------------------------ Mobile ------------------------------*/
 @media (max-width : 480px){
 	.header-menu
 	{
 		display:none;
 	}

 	/*ảnh banner trang chủ*/
 	.slider-home .item img
 	{

 		width:100%;height:400px;background-repeat: no-repeat;background-size: 100%;

 	}
	 
	 .ms-slide .ms-slide-bgcont img
{
  height:550px !important;
  }

 }
 /*------------------------ iphone ----------------------------*/
 @media (min-width: 320px) {



 	ul, li 
 	{
 		padding: 0;
 		margin: 0 auto;
 	}

 	[class*='icon'] 
 	{
 		display: inline-block;
 		margin: 16px;
 		margin-top: 10px;
 		font-size: 24px;
 		text-align: center;
 		color: #fff;
 		font-size: 3em;
 		cursor: pointer;
 	}

 	[class*='icon']:hover 
 	{
 		color: #e1e1e1;
 	}

 	.navbar 
 	{
 		background: #004f81;
 		width: 100%;
 		height: 75px;
 		position: absolute;
 		z-index: 99999;
 		box-shadow: 0 0 10px #000;
 		padding: 0;
 		margin: 0 auto;
 	}

 	.menu 
 	{
 		position: absolute;
 		left: 0;
 	}

 	.settings 
 	{
 		position: absolute;
 		right: 0;
 	}

 	nav 
 	{
 		position: absolute;
 		background: #004f81;
 		width: 100%;
 		left: 0;
 		top: -837px;
 		z-index: 999;
 		transition-timing: 1s;
 		box-shadow: 0 0 10px #000;
 	}

 	nav li 
 	{
 		list-style: none;
 		text-align: center;
 	}

 	nav li a 
 	{
 		display: block;
 		padding: 15px;
 		color: #fff;
 		text-decoration: none;
 		font-size: 24pt;
 		text-align: left;
 	}

 	nav li a:hover 
 	{
 		background: #0086b3;
 		text-decoration: underline;
 	}

 	.down 
 	{
 		top: 74px;
 	}


 }
 /*------------------------ mobile and ipad ---------------------*/
 @media (max-width: 768px){
 	.header-menu
 	{
 		display:none;
 	}

 	/*ảnh banner trang chủ*/
 	.slider-home .item img
 	{
 		
 		width:100%;height:400px;background-repeat: no-repeat;background-size: 100%;
 		
 	}
	 
	 .ms-slide .ms-slide-bgcont img
{
  height:550px !important;
  }

 }
 /*------------------------ ipad chiều dọc ----------------------*/
 @media (min-width: 768px) and (max-width: 991px){

 	.navbar {
 		display:none;
 	}
 	.nav{
 		display:none;
 	}

 }
 /*------------------------ ipad chiều ngang ----------------------*/
 @media (min-width: 992px) and (max-width: 1280px){
 	.navbar {
 		display:none;
 	}
 	.nav{
 		display:none;
 	}		
 }
 /*------------------------ PC ----------------------*/
 @media (min-width: 1281px){
 	.navbar {
 		display:none;
 	}
 	.nav{
 		display:none;
 	}
 }
 /*------------------------ PC HD----------------------*/
 @media (min-width: 1366px){

 }
 /*------------------------ PC HD +----------------------*/
 @media (min-width: 1600px){

 }
 /*------------------------ PC Full HD----------------------*/
 @media (min-width: 1900px){

 }
