﻿@media (max-width: 1600px) {
	
}

@media (max-width: 1366px) {

}

@media (max-width:1280px) {
 	
 }

@media(max-width:1024px){
	
}
/*Css mobile*/



/*End Css mobile*/

@media(max-width:768px){
#slider1 img
{
      /* width: auto; */
    /* height: auto; */
    object-fit: cover;
    height: 300px !important;
}

.header-index
	{
		display: none
	}

	.mobile-header
	{
			display: block;
			height: 100px
	}
	.m-tren
	{
		height: 70%;
		display: flex;

	}	
	.m-trent {
    position: relative;
    right: 0px;
    top: 20px;
    left: 115px;
}
	.banner-anh
	{
		display: none
	}

	.bottom
	{
	
		display: flex;
		justify-content: space-between;
		z-index: 9999999;
		padding: 3px
			
	}
	.m-search
	{
		margin-right: : 5px
	}
	#thong-so
	{
		display: none
	}

.camket-item img {
    height: 50px;
    width: 50px;
}
.camket-item h4
{
	font-size: 12px
}
.news-events {
    width: 100%;
}
.show-sp
{
	display: flex;
}
.linhvuc-item
{
	margin-top: 30px;
	width: 100%

}
.img-sp img {
    width: 100%;
}
.img-sp {
    width: 100%;
}
.sp-item {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 10px;
}
	.mnfixed {
		top: 0;
	    position: fixed !important;
	}

	#icomenu {
		display: block;
	}

	

	div#icomenu {
		display: block;
    font-size: 24px;
    background-color: #fff;
    width: 35px;
    height: 35px;
    padding-left: 7px;
    padding-top: 2px;
    border-radius: 50%;
    margin-top: 5px
    

	}
	#m-mainmenu {
		    display: none;
    width: 100%;
    left: 0;
    background: #fff;
    padding: 15px;
    float: right;
    z-index: 9999;
    top: 0px;
    position: relative;
		}
.form-lh {
    width: 100%
}
.tt-lh
{
	width: 100%
}
	.gt {
    width: 100%;
    margin-top: 30px
    /* float: right; */
}
.list-cat {
    width: 100%;
    float: right;
    border: 1px solid #bebebe;
    padding: 20px;
    margin-top: 30px;
}
.cat-item
{
	display: block;
	width: 100%
}

.nutbv {
    background-color: #2b56a3;
    text-align: center;
    color: #fff;
    padding: 5px 20px;
    border-radius: 10px 0px 10px 0px;
}

.content-item {
    width: 100%;
}

.bottom {
       background-color: #fff;
    /* height: 50px; */
    width: 100%;
    /* margin-top: 40px; */
    overflow: hidden;
    position: relative;
    left: 0;

}
.show-linh-vuc
{
	display: block;
	text-align: center;
}

.cat-img {
    width: 100%;
}


	.fa-bars
	{
		color:#2b56a3
	}
	.menu-item
	{
		border-radius: 0px
	}
	.menu-item: hover
	{
		border-radius: 0px
	}

	ul#menu-nav
	{
		display: block;


	}

	/*.sub-menu
	{
		display: none
	}
*/
    .content-cat
		{
		 width: 100%;
		 padding: 10px;
		 margin-top: 30px
		}
		.video iframe
		{
			width: 100%
		}
		.video
		{
			width: 100%
		}


.noi-dung {
    width: 100%;
    float: right;
}
.product-image img {
    /* width: 350px; */
    /* height: 350px; */
    width: 100%;
    height: 100%;
}

.content-single-link
{
	display: block
}

.footer-mobile
{
	 background: #ccc;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
    display: flex;
    height: 40px;
    text-align: center
}
.trang-lh {
    width: 100%;
    float: right;
    display: block;
}
.telh
{
	width: 300px
}
.lhtitle
{
	width: 100%
}
.map iframe
{
	width: 450px
}
.tealh
{
	width: 300px
}
.footer-mobile ul li {
	color: #000000;
    float: left;
    padding: 8px;
    line-height: 25px;
    margin: 0 8px 0 0;
    cursor: pointer;
    animation: none;
}

.footer-mobile ul li a {
	color: #000000;
  
}

.content-cat img {
    width: 100%;
}
	#slider1 img

	{
		width: auto;
		height: auto;
	}

	.right
	{
		display: none
	}
	

	ul#main-menu {
		flex-direction: column;
	}
	ul#main-menu li {
		padding: 5px 0;
	}

	.content-inner {
		display: none;
	}

	.page-item {
		width: 100%;
		margin-bottom: 30px;
	}

	.list-product-parrent
	{
		display: block;
	}
	.product-category-item
	{
		width: 100%
	}
	#pic
	{
		display: none
	}
	.list-product-chitiet
	{
		display: block;
	}
	.owl-nav
	{
		display: none
	}
	.thongtinlh
	{
		display: block
	}
	.contact
	{
		display: none
	}
	.frow
	{
		display: block
	}
	.fcola
	{
		width: 100%
	}
	.fcolt
	{
		width: 100%
	}
	.fcoll
	{
		width: 100%
	}
	
	.product-parrent
	{
		display: block
	}
	.category-item
	{
		width: 100%
	}
	.list-products
	{
		display: block
	}
	.cat-products-item
	{
		width: 100%
	}

	.sub-menu {
    display: none;
    
    background-color: #fff;
    text-align: center;
   position: relative;
  
}

	.sub-menu li ul li
	{
		display: none;
		background-color: #fff;
		text-align: center;
		min-width: 160px;
		position: relative;
	}
.sub-menu :hover ul li
{
	display: none;
}
ul#menu-nav > li > a {
	color: #000000;
    text-transform: uppercase;
    border: none;
    font-weight: bold;
    padding: 12px 15px;
        font-size: 14px
    
}
ul#menu-nav > li > a {
    border-radius: 0 
}
	/*========================= CSS CATEGORIES ===========================*/
	.show-cat .list-news .news-item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
	}


	/*============================= CSS SINGLE =============================*/
	.content-single-news {
		width: 100%;
		margin-bottom: 25px;
	}
	.content-single-news h2 {
		font-size: 24px;
	}
	.order {
		width: 100%;
	}
	.sidebar
	{
		display: none;
	}
	
.titlepr
{
	width: 70%;
	margin-left: 15%
}

.gia_ca
{
	display: flex;
	text-align: center;
	margin-left: 55px
}
.gia_moi
{
	margin-left: 5px
}

.nutnn
{
   margin-top: 10px;
    margin-left: 20px;
    margin-right: 10px;
    display: flex;
}

.is-form-style {
    line-height: 1;
    position: relative;
    padding-left: 20px;
    margin-top: 5px;
    margin-left: 10px;
    width: 200px;
    margin-left: 5px
}

.mobile-header .m-logo
{
    width: 160px;
    height: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    background: url(../images/logo.png);
    background-size: 100% 100%;
    margin-top: 10px;
    margin-left: 20px
    
   

}
.product-parent {
    display: block;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-left: 70px

}

.nav-pills>li>a 
{
		width: 150px
}
.fa-bars {
    color: #2b56a3;
}

.gthd
{
	color:#2b56a3;font-size:12px;font-family: Roboto-Bold;font-weight:900;margin-bottom:0px
}

.hdgt p
{
	font-size: 8px
}

.gthden
{
	color:#2b56a3;font-size:12px;font-family: Roboto-Bold;font-weight:900;margin-bottom:0px
}

.noi_dung_sp {
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
}
.ordersp
{
	width: 100%
}
.tab-pane img
{
  max-height: 300px;
    max-width: 300px;
    margin-top: 10px;
}
.noidung_gt {
    width: 100%;
    float: left;
    color: #fff;
    padding-top: 50px;
}
.anh_gt {
    float: right;
    width: 100%;
    margin-top: 10px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.anh_gt img {
    width: 100%;
    height: auto;
}
.nav-pills>li.active>a {
    /* color: #fff; */
    /* background-color: #337ab7; */
    color: #337ab7;
    background-color: #fff;
    width: 150px;
}
p#breadcrumbs span
{
	font-size: 14px
}
ul#slider11-pager img {
    height: 160px;
}
ul#slider11 img {
    height: 270px;
    width: 325px;
}
p#breadcrumbs
{
	display: none
}
.product-content {
    margin: 0px;
    width: 100%;
    padding: 10px;
}
.product-image {
    width: 100%; 
}
}
@media all and (device-width: 768px) and (device-height: 1024px) {
 
}
@media(max-width:766px){
	
}
@media(max-width:640px){

}

@media(max-width:736px){

}

@media(max-width:480px){
	
}
@media(max-width:414px){
	
}
@media(max-width:360px){
	
}
@media(max-width:320px){
	
}