*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0px;
}

[class*='col-'] {
    float: left;
    padding-right: 0px; /* column-space */
	padding-left:20px;
}
[class*='cell-'] {
    
}

.grid {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}
.grid-no-overflow-hiden{
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;

}
.grid:after {
    content: "";
    display: table;
    clear: both;
}

.grid-pad {
    padding-top: 0px;
    padding-left: 10px; /* grid-space to left */
    padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
    float: right;
}

/* Content Columns */

.col-1-1 {
    width: 100%;
}
.col-2-3, .col-8-12 {
    width: 66.66%;
}

.col-1-2, .col-6-12 {
    width: 50%;
}

.col-1-3, .col-4-12 {
    width: 33.33%;
}

.col-1-4, .col-3-12 {
    width: 25%;
}
.col-2-4{
    width:50%;	
}
.col-3-4{
    width:75%;	
}
.col-1-5 {
    width: 20%;
}
.col-2-5 {
    width: 40%;
}
.col-3-5 {
    width: 60%;
}
.col-4-5 {
    width: 80%;
}

.col-1-6, .col-2-12 {
    width: 16.667%;
}

.col-1-7 {
    width: 14.28%;
}
.col-2-7 {
    width: 28.57%;
}
.col-3-7 {
    width: 42.85%;
}
.col-1-8 {
    width: 12.5%;
}

.col-1-9 {
    width: 11.1%;
}

.col-1-10 {
    width: 10%;
}

.col-1-11 {
    width: 9.09%;
}

.col-1-12 {
    width: 8.33%
}

/* Layout Columns */

.col-11-12 {
    width: 91.66%
}

.col-10-12 {
    width: 83.333%;
}

.col-9-12 {
    width: 75%;
}

.col-5-12 {
    width: 41.66%;
}

.col-7-12 {
    width: 58.33%
}

.m-width-1200
{
	min-width:1200px;
	margin:auto;
}
.padding-top-0
{
	padding-top:0
}
.padding-top-5
{
	padding-top:5px
}
.padding-top-10
{
	padding-top:10px
}
.padding-top-20
{
	padding-top:20px
}
.padding-0
{
	padding:0
}
.padding-bottom-15
{
	padding-bottom:15px;
}
.padding-bottom-20
{
	padding-bottom:20px
}

/* Pushing blocks */

.push-2-3, .push-8-12 {
    margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
    margin-left: 50%;
}

.push-1-3, .push-4-12 {
    margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
    margin-left: 25%;
}

.push-1-5 {
    margin-left: 20%;
}

.push-1-6, .push-2-12 {
    margin-left: 16.667%;
}

.push-1-7 {
    margin-left: 14.28%;
}

.push-1-8 {
    margin-left: 12.5%;
}

.push-1-9 {
    margin-left: 11.1%;
}

.push-1-10 {
    margin-left: 10%;
}

.push-1-11 {
    margin-left: 9.09%;
}

.push-1-12 {
    margin-left: 8.33%
}
.menu-mobile-fix{
    display:none;	
}

.end-col-hide-pc{
    display:none;	
}
.br-4{
    display:block;
}
.br-3{
    display:none;
}
.br-2{
    display:none;
}
.h-br-2{
    display:none;
}
.h-br-3{
    display:none;
}
.h-br-4{
    display:none;
}
.h-br-5{
    display:block;
}

.pc-paddingright-15{
    padding-right: 15px;
}

.pc-break{
    display: block;
}

.pad-break{
    display: none;
}

.tab-break{
    display: none;
}

.mobile-break{
    display: none;	
}

.hide-on-pc {
    display: none;

}        
.flex-container {
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	display: box;
	display: flexbox;
	flex: 1 100%;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-right{
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	width:100%;
	justify-content:space-between;
	
}
.flex-container-round {
	justify-content:space-around;
}
.flex-space-between {
	justify-content:space-between;
}
.flex-bw {
	justify-content:space-between;
}
.flex-container-center {
	justify-content:center;
}
.flex-container-flex-end {
	justify-content:flex-end;
}
.border-flex{
	border:solid 1px #e4e4e4;	
	border-right:none;
	border-bottom:none;
}
.cell-1-1{
	width:100%;	
}
.cell-1-5{
	width:18%;
	float:left;
	margin-bottom:25px;
	
}
.cell-2-5{
	width:39%;
}
.cell-3-5{
	width:59%;
}
.cell-4-5{
	width:80%;
}

.cell-download{
	width:49%;
	float:left;	
	margin-bottom:20px;
}

.cell-border{
	border:solid 1px #e9e9e9;	
}
.cell-1-3{
	width:31.33%;
}
.cell-2-3{
	width:65.66%;
}
.cell-1-4{
	width:23.5%;
}
.cell-2-4{
	width:49%;
}
.cell-3-4{
	width:75%;
}
.cell-1-2{
	width:49%;

}
.padding-left20{
	padding-left:20px;		
}
.margin-bottom-30{
	margin-bottom:30px;	
}
.cell-btn-cart{
	width:60%;
	margin-right:10px;
}
.cell-btn-contact{
	width:35%;
}
.cell-btn-catalogue,.cell-btn-daily{
	border:solid 1px #CCC;	
	padding:6px 5px;
	text-align:center;
	display:block;
	text-decoration:none;
}
.cell-btn-catalogue{
	width:35%;
	border-left:none;
	background:#f0f0f0;
	color:#404040;
}
.cell-btn-daily{
	width:65%;
	color:#2e3192;
	font-weight:bold;
}

.flex-daily{
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	width:100%;
	justify-content:flex-start;
	padding-left:20px;
}
.flex-daily .daily-1-3{
	width:33.33%;
	border-right:solid 1px #CCC;	
	float:left;
}
.flex-daily .daily-2-3{
	width:66.66%;	
	float:left;
}

.col-1-9{
	width:11.11%;	
}
.col-2-9{
	width:22.22%;	
}
.col-3-9{
	width:33.33%;	
}
.col-4-9{
	width:44.44%;	
}
.col-5-9{
	width:55.55%;	
}
.pc-left-pad-0{
	padding-left:0px;	
}
.menubar-mobile{
	display:none;	
}
.left-page{
	padding-left:0px;	
}

.photo-col-1-3{
	padding-left:33px;
}

.row-1{
	margin-left:-33px;	
}
.margin-bottom-20{
	margin-bottom:20px;	
}

.padding-left-right-50{
	padding-left:50px;	
	padding-right:50px;
}
.right-col{
	float:left;
	width:26%;
	padding-left:30px;	
}
.left-col{
	float:left;
	width:74%;
	
}
.cell-ud-1-5{
	width:19%;
}
.cell-uudiem-1-5{
	width:19%;
	background:url(../images/uudiem.png) no-repeat left;
	height:95px;
	display:table;
}
.cell-uudiem-1-5:hover{
	background:url(../images/uudiem-active.png) no-repeat left;

}
.newsletter-cell-1{
	width:60%;
}
.newsletter-cell-2{
	width:40%;
}

.pro-cell-1-4{
	width:23%;	
}
.col-left{
	width:22%;	
}
.col-right{
	width:76%;	
}
.box-attr-slide-home{
	padding-right:20px;	
}
.pro-cell-image{
	width:45%;	
}
.pro-cell-text{
	width:55%;
	padding:20px;	
}
@media handheld, only screen and (max-width: 1260px) {
   .grid{
		padding:0px 10px;   
	}
   .gototop-btn{
		right:0px !important;	
	}
    .top-page,.banner{
		padding-left:10px;
		padding-right:10px;	
	}
	.box-search-cart{
		margin-right:10px;	
	}
    
    .grid-padding-left-right-10{
		padding-left:10px;
		padding-right:10px;
	}
	.nav li a{
		padding: 0px 5px;
	}
	.nav li{
		margin:0px 10px;	
	}
}
@media handheld, only screen and (max-width: 1100px) {
	
	.title-left{
		font-size:12px;	
	}
	.toppage-item{
		padding:0 5px;	
	}
	.nav{
		width:calc(100% - 460px);	
	}
	.box-search-bar{
		width:170px;	
	}
	
}
@media handheld, only screen and (max-width: 1000px) {
	.nav li{
		margin:0px 5px;	
	}
}
@media handheld, only screen and (max-width: 967px) {
    .mobile-100{
        width:100%;	
    }
    
    .pad-2{
        width:50%;
        float:left;	
    }
    .mobile-col-1-2{
        width:32.33%;	
    }
    .pad-col-4{
        width:25%;
        float:left;
    }
   
    
    .pc-paddingright-15{
        padding-right: 0px;
    }
    
    

    .pad-col-1-4 {
        width: 25%;
    }

    .pad-col-1-1 {
        width: 100%;
    }
    .pad-col-2-3, .pad-col-8-12 {
        width: 66.66%;
    }

    .pad-col-1-2, .pad-col-6-12 {
        width: 50%;
    }

    .pad-col-1-3, .pad-col-4-12{
        width:33.33%;	
    } 

	.pad-cell-1-3{
		width:32%;	
	}
    .pc-break{
        display: none;
    }

    .pad-break{
        display: block;
    }

    .mobile-break{
        display:none;	
    }        
	.pad-cell-1-1{
		width:100%;	
	}

    

    .hide-on-pc{
        display: block; 
    }    
	
	.hide-on-pad {
        display: none;
    }
	.hide-tab {
		display:none !important;	
	}
	.hide-pad {
		display:none !important;	
	}
	
	
	.pad-padding-right-10{
		padding-right:20px;	
	}
	.show-pad{
		display:block;	
	}
	.news-home-pad-1-3{
		width:32.33%;	
	}
	.pad-100{
		width:100%;	
	}
	
	
	.cell-1-3{
		width:32%;	
	}
	.nav{
		display:none;	
	}
	.menubar{
		position:relative;
		box-shadow:none;	
		z-index:999;
		-webkit-border-radius:0px;
		-ms-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		
	}
	.menumobile{
		display:block;	
	}
	#banner{
		display:none;	
	}
	.cell-pad-1-3{
		width:32%;	 
    }
	.toolbar-top .icon-cart{
		float:none;	
		display:inline-block;
		width: 60px;
	}
	.pad-padding-left-0{
		padding-left:0px;	
	}
	.left-page{
		padding-left:0px;	
	}
	.box-iso{
		display:block;	
	}
	.logo{
		width:50%	;
	}
	.tab-padding-0{
		padding:0px;	
	}
	.pad-cell-1-2{
		width:48%;	
	}
	.image-cam-ket{
		width:100%;	
		text-align:center;
	}
	.image-cam-ket img{
		max-width:100%;	
	}
	.text-cam-ket{
		width:100%;	
		text-align:center;
	}
	.left-col{
		width:100%;
	}
	.right-col{
		display:none;
	}
	.image-tuvanvien-home{
		margin:0 auto;	
	}
	.nav-mobile
	{
		display:block;
	}
	
}

@media handheld, only screen and (max-width: 767px) {
    .grid {
        width: 100%;
        min-width: 0;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px; 
        padding-right: 10px;
    }
	.grid-padding-left-right-10{
		padding-left:10px;
		padding-right:10px;
	}
	 [class*='tab-col-'] {
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px; 
        padding-bottom: 0px;
    }
	.row{
		margin-left:-10px;	
	}
	.hide-on-pc{
        display: block; 
    }
    .hide-on-pad {
        display: block; 
    }
    .hide-on-tab {
        display: none;
    }
    
    
    .tab-mobile{
        display: block;
    }

    .pc-paddingright-15{
        padding-right: 0px;
    }

    
    .pc-break{
        display: none;
    }

    .pad-break {
        display: none;
    }

    .tab-break{
        display: block;
    }

    .mobile-break{
        display:none;	
    }    


    .tab-col-1-4 {
        width: 25%;
    }

    .tab-col-3-4 {
        width: 75%;
    }


    .tab-col-1-1 {
        width: 100%;
       
    }

    .tab-col-2-3, .tab-col-8-12 {
        width: 66.66%;
    }

    .tab-col-1-2, .tab-col-6-12 {
        width: 50%;
    }

    .tab-col-1-3, .tab-col-4-12{
        width:32.33%;	
    }


	.hide-pad{
		display:none !important;	
	}
	.cell-tab-1-2{
		width:49%;	 
    }
	
	.right-page{
		width:100%;
		margin-top:10px;	
	}
	.cell-tab-1-1{
		width:100%;	
	}
	.show-on-tab{
		display:block;	
	}
	.toolbar-top .icon-cart{
		float:none;	
		display:inline-block;
		width: 60px;
	}
	.left-page{
		padding-left:0px;	
	}
	.about-home-mobile{
		margin:0px 10px;	
	}
	.photo-col-1-3{
		padding-left:33px;
	}
	.cell-download{
		width:100%;	
	}
	.row{
		margin-left:0px;	
	}
	.tab-padding-left-0{
		padding-left:0px;	
	}
	.tab-margin-left-10{
		margin-left:-10px;	
	}
	.tab-margin-left-20{
		margin-left:-20px;	
	}
	.row-1{
		padding-left:10px;	
	}
	.tab-padding-left-10{
		padding-left:10px;	
	}
	
	.box-iso{
		display:none;	
	}
	
	.selectcat{
		display:block;	
	}
	.categorypage{
		display:none;	
	}
	.categorypage a{
		display:block;
		width:100%;
			
	}
	.tab-padding-left-right-10{
		padding-left:10px;
		padding-right:10px;
	}
	.tab-cell-1-1{
		width:100%;	
	}
	.tab-cell-1-2{
		width:48%;	
	}
	.tab-cell-1-3{
		width:32.66%;	
	}
	.news-name-home{
		font-size:16px;	
	}
	.box-newsletter-footer .text-newsletter{
		width:200px;	
	}
	.tab-padding-0{
		padding:0px;	
	}
	
	
	.box-attr-slide-home{
		padding:0px 20px;	
	}
	.slide-next,.slide-prev{
		top:25%;	
	}
	.box-search-bar
	{
		display:none;
	}
	.btn-search-mobile
	{
		display:block
	}
	.logo img
	{
		height:100%;
		display:block;
		margin-left:0 !important;
	}
	.content-page
	{
		padding-left:0px;
		padding-right:0px;
	}
	.product-name
	{
		margin-top:20px;
	}
	.h-p
	{
		display:none
	}
	.img-info-book
	{
		margin-top:30px;
	}
	
	.mobile-margin-top-20{
		margin-top:20px;
	}
}


@media handheld, only screen and (max-width: 577px) {
    
    .grid {
        width: 100%;
        min-width: 0;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px; 
        padding-right: 10px;
    }
	.grid-padding-left-right-10{
		padding-left:10px;
		padding-right:10px;
	}
	.mobile-padding-left-right-10{
		padding-left:10px;
		padding-right:10px;
	}
    [class*='col-'] {
       
    }



    [class*='mobile-col-'] {
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 10px;
        padding-left: 10px;
        padding-right: 0px; 
        padding-bottom: 0px;
    }
	.row{
		margin-left:-10px;	
	}

    
    .tab-detail{
   
            border-bottom:none !important;
    }
    .tab-detail .item-tab{
            float:left;
            width:100% !important;	
            padding:0px !important;
            height:30px;
            margin: 2px 0px;
    }
    .tab-detail .item-tab:first-child{
            padding-left:0px;	
    }
    .tab-detail .item-tab a{
        background: #EEE;
        
            display:block;	
            border: none !important;
            border-bottom:none;
            height:30px;
            text-align:center;
            line-height:30px;
            border-radius:0px !important;
    }
    .tab-detail .item-tab a.active{
            background:#ef6410;	
    }        
    
    .tab-detail a{
		width:100%;
		margin-top:2px;
		-webkit-border-radius:5px;
		-ms-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
	}
    .tab-mobile{
        display: block;
    }
	

    .pc-paddingright-15{
        padding-right: 0px;
    }
    

    .hide-on-pc{
        display: block; 
    }
    .hide-on-pad {
        display: block; 
    }
    .hide-on-tab {
        display: block; 
    }
    .hide-on-mobile {
        display: none !important;
    }    
    
    .pc-break{
        display: none;
    }

    .pad-break {
        display: none;
    }

    .tab-break{
        display:none;	
    }

    .mobile-break{
        display:block;	
    }

    .mobile-col-1-1 {
        width: 100%;
      
    }
    .mobile-col-2-3, .mobile-col-8-12 {
        width: 66.66%;
    }

    .mobile-col-1-2, .mobile-col-6-12 {
        width: 48%;
			
    }
	
	.mobile-padding-left-0{
		padding-left:0px;	
	}
   
    .mobile-col-1-3, .mobile-col-4-12{
        width:33.33%;	
    } 
	.hide-pad{
		display:block !important;	
	}
	.hide-tab{
		display:block !important;	
	}
	.hide-mobile{
		display:none !important;	
	}
	.mobile-show{
		display:block !important;	
	}
    .mobile-width-100{
		width:100% !important;	
	}
	.pro-padding-10{
		padding:10px;	
	}
	.pad-padding-right-10{
		padding-right:10px;	
	}

	.contact_label{
		width:100%;	
		float:none;
		position:relative;
	}
	.contact_input{
		width:100% !important;	
		float:none;
	}
	.box-label-input{
		padding-left:0px;	
	}
	
	.cell-mobile-1-2{
		width:49%;	 
    }
	.cell-mobile-1-1{
		width:100%;	 
    }
	.image-news-name{
		width:100px;	
	}
	.show-on-mobile{
		display:block;	
	}
	
	
	.row{
		margin-left:0px;	
	}
	.row-1{
		padding-left:30px;	
	}
	.mobile-padding-left-10{
		padding-left:10px;
	}
	
	.mobile-padding-left-0{
		padding-left:0px;	
	}
	.mobile-cell-1-1{
		width:100%;	
	}
	.mobile-cell-1-2{
		width:48%;	
	}
	.mobile-cell-1-3{
		width:32.66%;	
	}
	
	.mobile-padding-0{
		padding:0px;
	}
	.mobile-margin-bt-20{
		margin-bottom:20px;	
	}
	.box-attr-slide-home{
		padding:0px 20px;	
	}
	
	.slide-next,.slide-prev{
		top:20%;	
	}
	.hotline-email
	{
		display:none
	}
	.page-product-detail
	{
		padding:10px;
	}
	.box-booking
	{
		padding:10px;
	}
	.h-m
	{
		display:none
	}
	.frm-book
	{
		padding:10px;
	}
	
}
@media handheld, only screen and (max-width: 480px) {
	.logo
	{
		padding-top:12px;
	}
}
@media handheld, only screen and (max-width: 320px) {
	.hide-on-mini{
		display:none;	
	}
	.cell-download{
		width:100%;	
	}
	.mobile-padding-left-0{
		padding-left:0px;	
	}
	.mobile-cell-1-1{
		width:100%;	
	}
	.mobile-cell-1-2{
		width:49%;	
	}
	.mobile-cell-1-3{
		width:32.66%;	
	}
	
	.box-attr-slide-home{
		padding:0px 20px;	
	}
}