@import url('https://fonts.googleapis.com/css?family=Space+Mono:400,700&display=swap&subset=vietnamese');

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;overflow: hidden;}

.col-xs-5ths {width: 20%;float: left;}

@media (min-width: 768px) {.col-sm-5ths {width: 20%;float: left;}}

@media (min-width: 992px) {.col-md-5ths { width: 20%;float: left;}}

@media (min-width: 1200px) {.col-lg-5ths {width: 20%;float: left;}}

@media screen and (min-width: 1025px){

    .dropdown2:hover >ul{display:block;}

}

/*Ipad ngang(1024 x 768)*/

@media screen and (max-width: 1024px){

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

	   padding-left: 10px;

	   padding-right: 10px;

	   font-weight: 500;

	}

	.navbar-default .navbar-brand{

	   padding-right: 10px;

	   font-weight: 500;

	}

	.item-camket .content strong{

		font-size: 13px;

	}

	.item-camket .content span{

		font-size: 13px;

	}

}

@media screen and (max-width:991px){
   .container{
	  width:100%;
	  max-width:96%;
   }

   .nav_df{
    max-width:200px;
   }

   .nav_df .form-control{
      max-width:160px;
   }

}

/*Ipad dọc(768 x 1024)*/

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

	.navbar-form_v1{
		max-width:300px;
		float:right;
	}


    .sm-none{display: none!important;}

    .sm-block{display: block!important;}

    .navbar-form .form-group{

		width:calc(100% - 40px);

    }

    .navbar-form .form-control{

		width: 100%;

		border: 1px solid #ccc;

		border-radius: 0px;

    }

    .navbar-form button{

		background-color: #cc8c66;

		border-radius: 0px;

		color: #fff;

		border: 1px solid #cc8c66;

		margin-left: -4px;


    }

    .navbar-form{

		margin-top: 19px;

		margin: 0 0;
        display: flex;
        justify-content: space-between;
        align-items: center;

    }

    .navbar-toggle{

    /* margin-top: 19px; */

    /* border: 1px solid #67b313; */

		border-radius: 0px;

    }

    .navbar-toggle .icon-bar{

		background-color: #67b313;

    }

    .gio-hang a{

		background-color: transparent;

		color: #67b313;

		padding: 0px;

		font-size: 18px;

		position: relative;

		line-height: 10px;

		margin-top: 26px;

		}

    .gio-hang a span{

		position: absolute;

		background-color: red;

		color: #fff;

		padding: 5px;

		font-size: 13px;

		line-height: 8px;

		border-radius: 50%;

		top: -7px;

		left: 12px;

    }

	.item-camket .content span{

		font-weight: 600;

		color: red;

		font-size: 20px;

	}

	.logo{

		margin-left: -15px;

	}

	.item-camket{

		margin-right: -10px;
		margin-top:30px;

	}

}

/*Tablet nhỏ(480 x 640)*/

@media screen and (max-width: 767px){



    .xs-block{display:block;}

    .xs-none{display: none !important;}

    .breadcrumb{

    	display:none;

    }

    .hc-nav-trigger.hc-nav-1{

    	display: block !important;

    }

	.item-camket .content{
		margin-bottom:10px;
	}

 }

/*Iphone(480 x 640)*/


@media screen and (max-width: 700px){
	.navbar-form button{
		margin-top:-6px;
	}
	.title-home span{
		border-bottom-color:transparent;
		line-height:1.4;
	}
	#toc-content{
		max-width:100%;
	}
}

@media screen and (max-width: 576px){
	.des-module img, .chitiettin img{
		max-width:100%!important;
		height:auto!important;
		margin:10px 0;
	}
	.des-module iframe,.chitiettin iframe{
		 max-width:100%!important;
		 height:40vh!important;
	}

}
@media screen and (max-width: 430px){
	.item-product{
		min-height:unset;
	}
}
@media screen and (max-width: 320px){



}

/*Smart phone nhỏ*/

@media screen and (max-width: 240px){



}