/* Ipad */
@media screen and (max-width: 1200px){
	/* Ở chế độ màn hình này, reset các thành phần bị quy định chiều ngang là px, ví dụ .main {width:950px;} */
	.main{width:100%!important;}
	.main2{width:100%!important;}
	.nutflytocart i,.nutaddtocart i{display:none;}
	input.addtocart-button,input.flytocart-button{padding-left:10px;padding-right:10px;}
}
@media screen and (max-width: 1050px){
	
}
@media screen and (max-width: 800px){
	.cart-block_1_spacer{
		padding-left:30px;
	}
	.cart-usergiohang tr.yek_hovaten, .cart-usergiohang tr.yek_phone_1,
	.cart-usergiohang tr.yek_email, .cart-usergiohang tr.yek_address_1{
		width:auto;
		float:none;
	}
	.cart-block_2{
		width:50%;
	}
	.cart-block_1{
		width:50%;
	}
	.formdk .yek_hovaten, .formdk .yek_password2, .formdk .yek_phone_1,
	.formdk .yek_username, .formdk .yek_password, .formdk .yek_email{
		width:auto;
		float:none;
	}
}

/* Điện thoại: mobile cũ :  @media screen and (max-width: 768px){ */
@media screen and (max-width: 767px){
	#ja-cottrai{padding:0%;width:100%;float:none;}
	#ja-cotphai{padding:0%;width:100%;float:none;}
	#ja-cotgiua{width:100%;float:none;}
	#ja-cottrai,#ja-cotphai{display:none;}
	.browse-view .blocksp{
		display: block;
		padding: 0%;
		width: 50%;
		margin: 0%;
	}
	.browse-view .row{display:inherit;}
	.browse-view .nutaddtocart, .browse-view .nutflytocart{margin:3px 0px;}
	.browse-view .spacer{padding:10px;}
	.browse-view .browseProductImage{
		width:auto;
		margin:auto;
	}
	.catItemImageBlock {
		margin: 0%;
		width: 40%;
		margin-bottom: 0px;
		margin-right: 10px;
	}
	.catItemThongTin{
		width: auto;
		float: none;
	}
	.catItemTitle {
		width: 100%;
		float:none;
		text-align:left;
	}
	.catItemReadMore{
		width:100%;
		float:none;
	}
	.itemListView.scroller .catItemView .catItemImageBlock{margin-bottom:10px;}
	.header-imageproduct {
		display: block;
		overflow:hidden;
		width: 100%;
		float: none;
		padding: 0%;
		border: 0px;
		background: white;
	}
	.header-descproduct {
		display: block;
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	#ja-cotgiua img{max-width:100%;}
	.bvcungmuc #k2ModuleRelated .k2ItemImageleft {
		width: 30%;
		float: left;
		margin-right: 5%;
	}
	.bvcungmuc #k2ModuleRelated h3 {
		width: 65%;
		float: right;
	}
	#ja-menungang,#Mod326{display:none;}
	.mobile_menu{display:table;position:relative;width:100%;table-layout:fixed;}
	.mobile_menu >div{display:table-cell;width:100%;}
	.mobile_menu .tieude{padding:10px;text-align:center;background:#36b1d5;color:white;font-weight:bold;font-size:130%;cursor:pointer;text-transform:uppercase;}
	.mobile_menu .nentat{position:fixed;z-index:999;background:rgba(0, 0, 0, 0.6);left:0%;top:0%;width:100%;height:100%;cursor:pointer;}
	.mobile_menu .noidung{position:fixed;z-index:1000;width:70%;left:-70%;top:0%;height:100%;background:white;overflow-y:scroll;overflow-x:hidden;}
	.mobile_menu .noidung,.mobile_menu .nentat{
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	.mobile_menu .noidung >ul{padding:10px;}
	.mobile_menu .noidung >ul>li{margin-bottom:10px;}
	.mobile_menu .noidung >ul ul{margin-left:20px;}
	.mobile_menu .noidung li{list-style-type:none;}
	.mobile_menu .noidung li a,
	.mobile_menu .noidung li span{padding:5px;display:block;color: #005175;font-size:110%;}
	.mobile_menu .noidung >ul>li>a{font-weight:bold;}
	.mobile_menu .noidung >ul>li>a:before{
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;    content: "\f35a";padding-right:7px;
	}
	.mobile_menu .nentat{display:none;}
	.mobile_menu .noidung.mnmb{left:0%;}
	.mobile_menu .nentat.mnmb{display:block;}
	.td3,.sd3{font-size:0%!important;width:0px!important;}
	span.cart-images img{width:100%;margin-right:0px;}
	.mobile_menu i{padding-right:10px;}
	.itemFullText td,.itemFullText tr,.itemFullText table,.product-thongtin-mota td,.product-thongtin-mota tr,.product-thongtin-mota table{display:block;width:100%!important;}
	span.cart-images img{height:auto;}
	.td4 {
		width: 18%;
	}
	.td6 {
		width: 29%;
	}
	.cart-summary >tbody > tr:first-child td{font-size:100%;}
	.td4{width:24%;}
	.tranggiohang .product-thongtin-salesPrice{font-size:100%;}
	.tranggiohang .product-thongtin-billTotal{font-size:110%;}
	button.details-button{font-size:0px;padding:7px 3px;}
	button.details-button:before{
		font-family: 'Font Awesome 5 Free';
		font-weight: 400;    content: "\f0c7";font-size:14px;padding:7px 5px
	}
	.formdndk_1,
	.formdndk_2{
		float:none;
		width:Auto;
	}
	.formdn,.order-view{float:none;width:100%;clear:both;display:block;overflow:hidden;}
	.formdk{
		width: 100%;
		float: none;
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #ddd;
	}
	.formdndk_2_2 .ja-workshome,
	.formdndk_2_1 .formdk{
		width:auto;
		margin:0;
		padding:0;
		border:0;
	}
	.formdndk_1{
		margin-bottom:30px;
	}
	.formdndk_1 ul li{
		display:inline-block;
		float:left;
		margin-right:10px;
	}
	.order-view{margin-bottom:20px;}
	.header1_3 .ja-workshome{float:none;}
	.header1_3 td{display:block;padding:0px;}
	.header1 .main2>div{display:block;}
	.header2 .main2>div{display:block;}
	.footer2 .main2>div{display:block;padding:10px 0px;}
	.header2_2 .module_search{width:auto;}
	.popup_cart{width:80%;right:-80%;}
	.popup_cart>div{
		padding: 0px 15px;
	}
	.n1 input{width:24px;}
	.alepaytragopblock_3{overflow-x:scroll;}
	.cart-block_1_spacer{
		padding:0;
	}
	.cart-block_2_spacer{
		padding:20px 10px;
	}
	.cart-block_1,
	.cart-block_2{
		width:auto;
		float:none;
	}
	.cart-block_1{
		margin-bottom:30px;
	}
	
	
	.mobile_menu{display:none;}
	#Mod419 .value {
    display: grid;
    box-sizing: border-box;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    max-width: 100%;
    margin: 0 auto;
}
#Mod419 {
    background: url(../../../images/Melbour_sightseeing.jpg) center no-repeat;
    background-size: cover;
    object-fit: cover;
    height: 100%;
    position: relative;
    padding: 0px;
}
#Mod420 .service {
    padding: 0px 0px;
    margin: 0 auto;
}
#Mod420 .service-title {
    background: #000;
    color: #fff;
    padding: 10px 10px;
    font-size: 30px;
    width: 100%;
    border-radius: 5px;
    padding-left: 50px;
    line-height: 1.8;
}
#Mod420 .service-title {
    background: #000;
    color: #fff;
    padding: 10px 10px;
    font-size: 14px;
    width: 100%;
    border-radius: 5px;
    padding-left: 50px;
    line-height: 1.8;
}
#Mod421 .finance {
    display: block;
    box-sizing: border-box;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px 0px;
}
#Mod419 .custom {
    max-width: 100%;
    background: rgba(251, 251, 251, 0.75);
    margin: 0 auto;
    padding: 0px;
    border-radius: 10px;
    position: static;
    top: 49.99%;
}
#Mod422 td:first-child {
    width: 100%;
    height: 100%;
    padding: 0px;
    padding-right: 00px;
    max-height: 100%;
    display: block;
}
#Mod422 {
    margin-top: 10px;
    max-height: 100%;
    box-shadow: 2px 2px 2px 2px #eee;
}
#Mod423 .custom {
    max-width: 10;
    margin: 0 auto;
    padding: 0px;
    border-radius: 10px;
    position: relative;
    top: 49.99%;
}
#Mod423 .commer {
    display: grid;
    box-sizing: border-box;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
    max-width: 100%;
    margin: 0 auto;
}
#Mod423 {
    background: url(../../../images/img85.jpg) center no-repeat;
    background-size:cover;
    object-fit: cover;
    height: 100%;
    position: relative;
    padding: 10px;
    box-shadow: 2px 2px 2px 2px #eee;
    margin-top: 10px;
}
#Mod424 .custom {
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
    border-radius: 10px;
    position: relative;
    top: 49.99%;
}
#Mod424 .commer {
    display: grid;
    box-sizing: border-box;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

#Mod424 {
    background: url(../../../images/img97.jpg) center no-repeat;
    background-size: cover;
    object-fit: cover;
    height: 100%;
    position: relative;
    padding: 10px;
    box-shadow: 2px 2px 2px 2px #eee;
    margin-top: 10px;
    box-sizing: border-box;
}
#Mod424 h2 {
    font-size: 40px;
    text-align: center;
    color: #000;
    font-weight: 900;
    border-radius: 20px;
    background: rgba(251, 251, 251, 0.75);
    max-width: 100%;
    margin: 0 auto;
    padding: 10px;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.overtong {
    display: block;
    box-sizing: border-box;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
    max-width: 100%;
    margin: 0 auto;
    align-items: center;
}
.over-img {
    width: 100%;
    height: auto;
}
#Mod425 h2 {
    font-size: 160%;
    BACKGROUND: #000;
    z-index: 999;
    width: 60%;
    position: relative;
    color: #fff;
    padding: 40px 0px;
    padding-left: 20px;
    margin-bottom: 20px;
    text-align: center;
}
#Mod425 h2:after {
    content: "";
    display: block;
    border-left: solid 90px #000;
    border-top: solid 120.5px transparent;
    position: absolute;
    right: -0px;
    top: 0px;
    box-shadow: 0px 0px 0px #eee;
    -webkit-transform: translate(100%, 0%);
}
#Mod426 h2 {
    font-size: 40px;
    text-align: center;
    color: #000;
    font-weight: 900;
    margin-bottom: 0px;
    width: 100%;
}
#Mod427 h2 {
    font-size: 40px;
    text-align: center;
    color: #000;
    font-weight: 900;
    margin-bottom: 0px;
}
.serviceall {
    display: block;
    box-sizing: border-box;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 40px;
    max-width: 100%;
    margin: 0 auto;
}
#Mod422 td {
    width: 100%;
    text-align: center;
    padding: 10px;
    display: block;
    box-sizing: border-box;
}
.over-item {
    display: block;
    align-items: center;
    margin-bottom: 20px;
    align-items: top;
    vertical-align: top;
}
#Mod428 td:first-child {
    width: 100%;
    height: auto;
    padding: 0px;
    padding-right: 0px;
}
    #Mod428 td {
        width: 100%;
        text-align: center;
        padding: 0px 10px;
        vertical-align: top;
        padding-right: 0px;
        box-sizing: border-box;
    }
#Mod428 td:first-child {
    width: 100%;
    height: auto;
    padding: 0px;
    padding-right: 0px;
    display: block;
}
    #Mod428 td {
        width: 100%;
        text-align: center;
        padding: 0px 10px;
        vertical-align: top;
        padding-right: 0px;
        box-sizing: border-box;
    }
.trangctbv ul, body#tinymce ul, .product-thongtin-mota ul, .tabDetails ul, .workshome-content .custom ul {
        padding-left: 0px;
        font-size: 14px;
        text-align: justify;
        box-sizing: border-box;
        padding: 10px;
    }	 
	#Mod428 {
    margin-top: 10px;
    max-height: 100%;
    box-shadow: 2px 2px 2px 2px #eee;
    clear: both;
}
#Mod429 td:first-child {
    width: 100%;
    height: auto;
    padding: 0px;
    padding-right: 00px;
}
#Mod429 {
    margin-top: 10px;
    max-height: 100%; 
    box-shadow: 2px 2px 2px 2px #eee;
    clear: both;
}  
    #Mod427 .service-item img {
        height: 60px;
        border: 3px solid #000;
        object-fit: cover;
        border-radius: 999px;
        z-index: 999;
        padding: 0px;
        background: #fff;
        position: relative;
        left: 10px;
        width: 60px;
    }
#Mod427 {
    background: url(../../../images/img144.jpg) bottom no-repeat;
    object-fit: cover;
    max-height: 100%;
    position: relative;
    padding: 0px;
    box-shadow: 2px 2px 2px 2px #eee;
    margin-top: 10px;
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
}
#Mod427 .service-title {
    background: #000;
    color: #fff;
    padding: 20px 10px;
    font-size: 14px;
    max-width: 100%;
	width:250px;
    border-radius: 5px;
    padding-left: 10px;
    line-height: 1.8;
    font-weight: 700;
}
#Mod430 .commer {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
#Mod430 .commer-item { 
    text-align: center;
    padding: 20px 20px;
    border-radius: 20px;
    border: 0px solid #000;
    width: 100%;
    background: rgba(251, 251, 251, 0.75);
    box-sizing: border-box;
}
#Mod429 td {
    width: 100%;
    text-align: center;
    padding: 00px;
    vertical-align: top;
    padding-right: 00px;
    box-sizing: border-box;
}
    #Mod429 td:first-child {
        width: 100%;
        height: 100%;
        padding: 0px;
        padding-right: 00px;
        display: inline-block;
    }
	#Mod430 .custom {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    border-radius: 10px;
    position: static;
    top: 50%;
    left: 50%;
    transform: translate(0%, 0%);
}
#Mod430 {
    background: url(../../../images/img203.jpg) center no-repeat;
    background-size: cover;
    object-fit: cover;
    max-height: 100%;
    position: relative;
    padding: 0px;
    box-shadow: 2px 2px 2px 2px #eee;
    margin-top: 10px;
    box-sizing: border-box;
    height: auto;
    width: 100%;
}
#Mod431 .commer-item {
    padding: 20px 20px;
    border-radius: 20px;
    border: 0px solid #000;
    background: rgba(251, 251, 251, 0.75);
    margin-bottom: 20px;
    display: block;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    max-width: 100%;
    box-sizing: border-box;
}
#Mod431 h2 {
    font-size: 48px;
    text-align: center;
    color: #000;
    font-weight: 900;
    border-radius: 20px;
    background: rgba(251, 251, 251, 0.75);
    max-width: 100%;
    margin: 0 auto;
    padding: 10px;
    margin-bottom: 30px;


}
#Mod431 {
    background: url(../../../images/img214.jpg) center no-repeat;
    background-size: cover;
    object-fit: cover;
    max-height: 100%;
    position: relative;
    padding: 0px;
    margin-top: 10px;
    box-sizing: border-box;
    height: auto;
}
#Mod431 .custom {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    border-radius: 10px;
    position: static;
    top: 50%;
    left: 50%;
    transform: translate(0%, 0%);
}
#Mod422 img {
    box-shadow: 00px 00px 00px rgb(194, 193, 193);
    box-sizing: border-box;
}
#Mod422 img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
    #Mod430 h2 {
        font-size: 40px;
        text-align: center;
        color: #000;
        font-weight: 900;
        border-radius: 20px;
        background: rgba(251, 251, 251, 0.75);
        max-width: 100%;
        margin: 0 auto;
        padding: 10px;
        margin-bottom: 10px;
        width: 100%;
        box-sizing: border-box;
    }
    #ja-khungchinh {
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
    }
	.all {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0rem;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    padding-bottom: 100px;
    padding-top: 50px;
    box-sizing: border-box;
}
.all .item:nth-child(7){display:none;}
.all .item:nth-child(8){display:none;}
#Mod420 {
    background: url(../../../images/img62.jpg) bottom no-repeat;
    margin-top: 20px;
    box-shadow: 2px 2px 2px 2px #eee;
    height: 100%;
    max-height: 100%;
}
#Mod421 h2 {
    font-size: 30px;
    text-align: center;
    color: #000;
    font-weight: 900;
    margin-bottom: 50px;
    margin-top: 50px;
    box-sizing: border-box;
}
#Mod421 .workshome-content {
    background: url(../../../images/img143.jpg) bottom no-repeat;
    background-size: 100% 45%;
    object-fit: cover;
    margin-top: 20px;
    box-shadow: 2px 2px 2px 2px #eee;
    max-height: 100%;
}
#Mod427 .custom {
    position: static;
    top: 50%;
    left: 50%;
    transform: translate(0%, 0%);
    padding: 0px 0px;
    border-radius: 00px 0px 0px 0px;
    width: 100%;
    box-sizing: border-box;
}
#Mod427 .workshome-content {
    background: #fff;
    height: 100%;
    clip-path: polygon(50% 0%, 60% 0, 100% 35%, 100% 100%, 81% 100%, 35% 100%, 27% 93%, 0% 70%, 0% 35%, 0 0);
	   clip-path:none;
}
.over-img img{width:100%;} 
#Mod439 td:first-child {
    width: 100%;
    height: 100%;
    padding: 0px;
    padding-right: 00px;
    max-height: 1080px;
    float: left;
}
#Mod440 h2:after {
    content: "";
    display: block;
    border-left: solid 89px #000;
    border-top: solid 105.5px transparent;
    position: absolute;
    right: -0px;
    top: 0px;
    box-shadow: 0px 0px 0px #eee;
    -webkit-transform: translate(100%, 0%);
}
    .over-img img {
        width: 100%;
		height:auto;
    }
#Mod439 td {
    width: 100%;
    text-align: center;
    padding: 30px;
    vertical-align: top;
    box-sizing: border-box;
} 
.all .item:nth-child(5){
    display: none;
}
.all .item:nth-child(8){
    display: none;
}
.all .item:nth-child(7){
    display: block;
}
    #Mod439 td {
        width: 100%;
        text-align: center;
        padding: 0px;
        vertical-align: top;
        box-sizing: border-box;
    }
	#Mod439 h2 {
    font-size: 40px;
    text-align: center;
    color: #000;
    font-weight: 900;
    margin-bottom: 20px;
}
    #Mod439 td{
        display: block;
    }
	#Mod439 img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
#Mod440 h2 {
    font-size: 150%;
    BACKGROUND: #000;
    z-index: 999;
    width: 60%;
    position: relative;
    color: #fff;
    padding: 20px 0px;
    padding-left: 20px;
    margin-bottom: 20px;
    text-align: center;
}
    #Mod440 h2:after {
        content: "";
        display: block;
        border-left: solid 89px #000;
        border-top: solid 77.5px transparent;
        position: absolute;
        right: -0px;
        top: 0px;
        box-shadow: 0px 0px 0px #eee;
        -webkit-transform: translate(100%, 0%);
    }
	#Mod420 .custom:after {
	display:none!important;
}
#Mod425 img{width:100%;height:auto;}
}