/************* Header-Responsive ************/ 

@media screen and (max-width: 2560px) and (min-width: 1200px) {
/*activity-zone .activity-list-zone #activity-list {width:100%;}
.activity-zone .activity-list-zone #activity-list .slick-current.slick-active {width: 10% !important;height: 365px;}
.activity-zone .activity-list-zone #activity-list .slick-current.slick-active .image {padding-top: 64%;}
.activity-zone .activity-list-zone .activity-list .activity-item.slick-active {width: 4.6% !important;height: 365px;}
.activity-zone .activity-list-zone .activity-list .activity-item.slick-active .image {padding-top: 139%;}
.activity-zone .slick-list {height: 400px;}*/
}


@media screen and (max-width: 1199px) {
.main-header .main-header-right .main-header-menu {font-size: 1.8rem;}
.activity-zone .activity-list-zone .activity-list .activity-item .image {padding-top: 140% !important;}
}

@media screen and (max-width: 1199px) {
	.main-header .logo-brand img {height: 80px;}
	.main-header-main .profile-box .head-profile-box .profile-menu a {font-size: 17px;}
	.main-header-main .profile-box .head-profile-box .profile-menu a span {font-size: 17px;}
	.main-header-main .profile-box  a {font-size: 17px;}
	.main-header .main-header-right .main-header-menu .navbar-nav > li > a.product-menu {margin-right: 25px;}
	.banner-zone .banner-list .slick-slide img {height: 130px !important;}
	.banner-zone .btn-gallery {display:none !important;}
	.banner-zone {padding: 35px 0px 0px !important;}
	.slick-dots {bottom: -35px;}
	.productcategory-zone .productcategory-title a {position: relative;top: -5px;}
	.product-bestseller-zone .product-bestseller-title a {position: relative;top: -5px;}
	.product-promotion-zone .product-promotion-title a {position: relative;top: -5px;}
	.product-seasons-zone .product-seasons-tabs .product-seasons-tab:first-child {font-size: 2.5rem;}
	.product-seasons-zone .product-seasons-tabs .product-seasons-tab:last-child {font-size: 2.5rem;}

	.activity-zone .activity-list-zone .activity-list.slick-dotted.slick-slider {margin: auto;}
	.activity-zone .activity-header-zone .activity-header-title {font-size: 5rem !important;}
	.attraction-zone .attraction-header-zone .attraction-header-title {font-size: 5rem !important;}
	.main-header-main .profile-box .head-profile-box .profile-menu .profile-fullname {display:none;}
	.banner-bg-attraction .banner-content .sub-text {padding-left: 0;}
	.banner-bg-attraction .sub-text .row {flex-direction: column;}
	.banner-content .sub-text .hot-btn {text-align: center !important;}
	.banner-content .sub-text .hot-text {float:none !important;}
	.banner-bg-attraction .sub-text .row .col-md-12:nth-child(1) {width: 100%;}
	.banner-content span {font-size: 5.5rem;}
	.banner-content .sub-text .hot-text {font-size: 2.3rem !important;}
	.banner-content input {font-size: 19px;}
	.header-zone .header-main-zone {flex: 5 !important;}


	.main-header-right .navbar-right ul.navbar-nav { float:right;margin-top: 0;font-size: 1.4rem; padding-right: 7px;}
	.main-header .main-header-right .main-header-menu .navbar-nav  li a {font-size: 1.7rem; }
	.main-header-right .navbar-right .navbar-nav li {     float: left;margin-top: 5px;}
	.main-header .main-header-right .main-header-top .navbar-nav li ul a {font-size: 1.4rem;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu li a {padding: 0;}
	.navbar-nav .open .dropdown-menu {width: 100px;position: absolute; z-index: 100;background: white;padding: 5px;}
	.navbar-nav .open .dropdown-menu li { float: none;}
	.main-header .main-header-right .main-header-top .navbar-right .navbar-nav .dropdown-toggle { margin-top: -2.5px;}
	.main-header .main-header-right .main-header-menu { margin-top : 0;}
	div.content-wrapper { margin-top: 0; }
	.main-header .main-header-right .main-header-top .navbar-nav li.user {width: auto;}
	#search-zone .search-location .btn span {}
	.main-header .main-header-right .main-header-top .navbar-nav > li > a {font-size: 13px;}
	#search-zone .search-province .select2-selection span.select2-selection__rendered, #search-zone .search-maintype .select2-selection span.select2-selection__rendered {}
	#search-zone .search-text input {}
	#search-zone .search-button .btn {}
}
@media screen and (max-width: 991px) {	
	.main-header .logo-brand img {height: 70px;}
	.header-zone {flex-direction: column;}
	.header-zone .header-contact .social-box #lnkContact {width:150px;left: 0px;float: left;    margin-right: 10px;}
	.header-zone .header-contact .social-box #lnkReport {width:150px;float: left;}
	.header-contact .social {margin-top: 0px;}
	.main-header-main .profile-box .head-serach-box .head-serach-box-box {width: 210px !important;}
	.product-seasons-zone .product-seasons-tabs {width: 60% !important;}
	.product-seasons-zone .product-seasons-tabs .product-seasons-tab {/*width: 50% !important;*/}
	.product-seasons-zone .product-seasons-btn {padding-top: 25px !important;}
	.attraction-zone .attraction-header-zone .attraction-header-category .attraction-header-category-word {display: inline-block;font-size: 16px;}
	.main-header .main-header-right .main-header-menu .navbar-nav li a {font-size: 1.5rem;padding: 10px 6px;}
	.main-header .main-header-right .main-header-menu .navbar-nav > li > a em {font-size: 1.0rem;}

	.main-header-right .navbar-right ul.navbar-nav { float:right;margin-top: 0;font-size: 1.3rem; }
	.main-header .main-header-right .main-header-menu .navbar-nav > li > a.product-menu {margin-right: 8px;}
	.main-header-right .navbar-right .navbar-nav li {     float: left;margin-top: 5px;}
	.main-header .main-header-right .main-header-top .navbar-nav li ul a {font-size: 1.5rem;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu li a {padding: 0;}
	.navbar-nav .open .dropdown-menu {width: 100px;position: absolute; z-index: 100;background: white;padding: 5px;}
	.navbar-nav .open .dropdown-menu li { float: none;}
	.main-header .main-header-right .main-header-top .navbar-right .navbar-nav .dropdown-toggle { margin-top: -2.5px;}
	.main-header .main-header-right .main-header-menu { margin-top : 0;}
	div.content-wrapper { margin-top: 0; }
	.sell-regis-form .header .header-logo img {width: 100% !important; padding: 20px 0px;}
}


/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 767px) {
	#search-zone .search-maintype .select2-selection__rendered {display: block;}
	.banner-bg .banner-content span {font-size: 5rem !important;}
	.banner-bg .banner-content {top: 50%;}
	.product-seasons-zone .product-seasons-tabs {width: 80% !important;}
	.product-seasons-zone .product-seasons-tabs .product-seasons-tab {/*width: 50% !important;*/}
	.footer-box {width: 100%;text-align: center;display: block;}
	.footer-box .footer-item.imte-1 {flex: unset;}
	.footer-box .footer-item .footer-brand {width: 100%;}
	.footer-box .footer-item .footer-brand .footer-brand-logo {float: none;margin: auto;}
	.footer-box .footer-item .footer-brand .footer-brand-name {margin-left: 0px;}
	.footer-box .footer-item .item-list {display: block;}
	.footer-box .imte-2 , .footer-box .imte-3 , .footer-box .imte-4 {display:none;}
	.footer-box .footer-item .item-socail {justify-content: center;}
	.main-footer .footer-link , .main-footer .footer-text , .main-footer .footer-copyright {text-align: center;}
	.attraction-zone .attraction-list-zone .attraction-list-zoneinner {width:90% !important;}
	.visible-xs .navbar-header {background-color: #1989b3;background-image: linear-gradient(90deg, #1989b3 0%, #00b3a6 50%, #1cc18f 100%);padding-top: 3px;padding-bottom: 2px;}
	.main-header-main2 .container {padding-right: 0px;padding-left: 0px;}
	.main-header-main .profile-box .head-serach-box .head-serach-box-box {width: 200px !important;}
	.main-header-main .profile-box {gap: 30px;}
	.main-header .main-header-right .navbar-collapse-cover {background-color: #eee !important;}
	#navbarMenu #main-menu li a {color:#333 !important;font-family: 'DBHelvethaicaX';width: 100%;display: inline-block;}
	.main-header .main-header-right .navbar-collapse-cover .navbar-collapse > ul > li em {display:none;}
	.main-header .main-header-right .navbar-collapse-cover .navbar-collapse > ul > li {/*padding-left: 20px !important;*/}

	#navbarMenu #main-menu li a::before {content: "\f111";font-family: 'FontAwesome';margin-right: 10px;font-size: 5px;vertical-align: middle;}

	.main-header .logo-brand {float: left;}
	.user-menu .dropdown-toggle .hidden-xs {display:none;}
	.main-header .logo-brand img {height: 70px;margin-top: 5px; }
	.main-header .main-header-right {display: inline; float: none;}	
	.main-header .main-header-right .navbar-right ul.navbar-nav {padding-right: 0px;}
	.main-header .main-header-right .navbar-right > ul.navbar-nav { float:right;margin: 0;font-size: 1.4rem; }
	.main-header .main-header-right .main-header-menu .navbar-nav  li a { padding: 2px 5px 0px 0px;font-size: 1.3rem; }
	.main-header .main-header-right .navbar-right .navbar-nav > li {     float: left;}
	.main-header .main-header-right .main-header-top {position: absolute; top: 8px; right: 0px;}
	.main-header .main-header-right .main-header-top .navbar-nav li ul a {font-size: 1.3rem;}
	.main-header .main-header-right .main-header-top .navbar-nav li > a {padding: 7px 15;}
	.main-header .main-header-right .main-header-top .navbar-nav li > button {padding: 7px 15px; color: #666;}	
	.main-header .main-header-right .navbar-header .navbar-toggle {/*position: absolute; top: 0; right: 0;*/ color: #fff;padding: 7px 15px;line-height: 15px;}
	.main-header .main-header-right .main-header-top .navbar-right .navbar-nav .dropdown-toggle { margin-top: -2.5px;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu li a {padding: 0;}
	.navbar-nav .open .dropdown-menu {width: 100px;position: absolute; z-index: 100;background: white;padding: 5px; right: 0; left: auto;}
	.navbar-nav .open .dropdown-menu li { float: none;}
	.main-header .main-header-right .main-header-menu {margin-top: 15px;margin-left: 10px;}
	.main-header .main-header-right .navbar-collapse-cover {background-color: #333;}
	.main-header .main-header-right .navbar-collapse-cover .navbar-collapse > ul > li {/*padding: 3px 0px;*/}
	.main-header .main-header-right .navbar-collapse-cover .navbar-collapse > ul > li a {color: #333;}
	div.content-wrapper { margin-top: 0; }
	.content-wrapper .info .hilight-panel .hilight-inner {height: 116.807601px !important;}
	.infodetail .std-panel .standard > li {height: auto;width:100% !important;border-left: none;border-bottom: 1px solid #eee;padding: 10px;}
	.infodetail .std-panel .std-part {height: auto;}
	.infodetail .std-panel .standard img {float: none;margin: auto;}
	.infodetail .std-panel .standard .std-official div ,.infodetail .std-panel .standard .std-verified div,.infodetail .std-panel .standard .std-elephant div
	{font-size: 18px;text-align: center;width: 100%;}
	#tab04 .reviewBox-title, #tab04 .reportBox-title {margin: 20px 10px;}
	#tab03 .attractionBox-title, #tab03 .activityBox-title {margin: 20px 10px;}
	#tab05 .attractionBox-title, #tab05 .activityBox-title {margin: 20px 10px;}
	.infodetail .compareBox {}
	.zone-title {margin: 7px 0px 10px !important;}
	#thainess-zone .thainess-box .title {line-height: 80px !important;}
	.infodetail .information-panel .detail p img {height: auto;max-width: 100%}
	/* .offcanvas-inner #main-menu li a:hover,a:active {width: 100%;font-family: 'DBHelvethaicaX';display: block;padding: 7px 20px;color: #3fbba9;border-bottom: 1px solid #eee; background-color: #e1e3e9;} */
}
/************* End-Header-Responsive ************/


/************* Footer-Responsive ************/
@media screen and (max-width: 1119px) {

}
@media screen and (max-width: 991px) {
	.banner-content span {font-size: 5.5rem !important;}
}
@media screen and (max-width: 768px) {
#navbarMenu {width: 100%;padding-top: 10px;}
.navbar-collapse {border-top: none;}
.main-header-main .profile-box .head-profile-box .profile-menu a span {display:none;}
#navbarMenu #main-menu li.active {color:#fff;background: #0fba9a !important;}
#navbarMenu #main-menu li.active a {color:#fff !important;}
#navbarMenu #main-menu li a.product-menu {background-color: #c298dd;color: #fff !important;}
#navbarMenu #main-menu li a.sell-regis-menu {background-color: #62c8fc;color: #fff !important;}
#navbarMenu #main-menu li a {font-size: 21px !important;padding: 5px 20px !important; color: white; }
#navbarMenu {padding-top: 0px;}
#navbarMenu #main-menu li {border-bottom: 1px solid #ddd;}
#navbarMenu #main-menu li.active {background: #245aa3;}
#navbarMenu #main-menu li.active a {color:#fff;}
.main-header {padding: 0px;}
		.hilight-panel .hilight-inner .hilight-inner-category .slick-next {right: -10px;}
	.hilight-panel .hilight-inner .hilight-inner-category .slick-prev {left: -10px;}
	.breadcrumbs-panel .breadcrumb >.active {font-size: 1.5rem;}
.active { }
.offcanvas-inner #main-menu li a:active {width: 100%;font-family: 'DBHelvethaicaX';display: block;padding: 7px 20px;color: #3fbba9;border-bottom: 1px solid #eee; background-color: #e1e3e9 ;}

/*@media screen and (max-width: 650px) {*/
@media screen and (max-width: 650px) {
.head-serach-box {display:none;}
.banner-content .sub-text .hot-btn button {width: 120px;}
.banner-bg .banner-content span {font-size: 4.5rem !important;}
.header-contact .social {width: 100%;padding-top: 15px;}
.header-contact .social .share {text-align: right;}
.header-contact .social .share a {margin-left:3px;}
.header-contact .social .social-box img {float:left;}
.main-header-main .profile-box {justify-content: space-between; width: 100%;}
.main-header-main .profile-box .head-profile-box .profile-img img {width: 30px;height: 30px;}
.attraction-zone .attraction-list-zone .attraction-list .attraction-item {flex-direction: column;}
.attraction-zone .attraction-list-zone .attraction-list .attraction-item .image .image-lnk {height: 250px !important;}
.attraction-zone .attraction-list-zone .attraction-list .attraction-item {height:auto;}
.attraction-zone .attraction-header-zone .attraction-header-category .attraction-header-category-word {margin-bottom: 5px;}
.influencersdetail-zone .influencersdetail-item {flex-direction: column !important;}
.influencersdetail-zone .influencersdetail-item .item-img {width: 100% !important;}
.influencersdetail-zone .influencersdetail-item .item-detail-box {width: 100% !important;}
.influencersdetail-zone .influencersdetail-item .item-detail-box .item-detail {height: 125px;}
.activity-zone .activity-header-zone .activity-header-title {font-size: 3.2rem !important;}
.attraction-zone .attraction-header-zone .attraction-header-title {font-size: 3.2rem !important;}
.product-promotion-zone .product-promotion-title span {font-size: 3.2rem !important;}
.product-promotion-zone .product-promotion-title span {font-size: 3.2rem !important;}
.production-zone .production-title span {font-size: 3.2rem !important;}
.storebrand-zone .storebrand-title span {font-size: 3.2rem !important;}
.influencers-zone .influencers-title span {font-size: 3.2rem !important;}
.productcategory-zone .productcategory-title span {font-size: 3.2rem !important;}
.product-bestseller-zone .product-bestseller-title span {font-size: 3.2rem !important;}
.attraction-zone .attraction-header-zone .attraction-header-desc {font-size: 2.5rem !important;}
.attraction-zone .attraction-header-zone .attraction-header-desc a {margin-top: 10px;}
.production-zone .production-title {display: flex;flex-direction: column;}
.storebrand-zone .storebrand-title {display: flex;flex-direction: column;}
.influencers-zone .influencers-title {display: flex;flex-direction: column;}
.production-zone .production-title a {width: 140px;margin: auto;}
.storebrand-zone .storebrand-title a {width: 140px;margin: auto;}
.influencers-zone .influencers-title a {width: 140px;margin: auto;}
.influencers-zone .influencers-title br {display: none;}
.header-box .sort-box {position: relative;top: -5px;}
.breadcrumbs-panel .breadcrumb >.active , .breadcrumbs-panel .breadcrumb a {font-size: 1.5rem !important;}
.infodetail .container {margin-top: 10px !important;}
.infodetail.product .detail-box {margin-top: 20px !important;}
.comment-panel .comment-box .box-item:nth-child(1)::before {display:none !important;}
.panel-profile-menu-seller {display:none;} 
}



@media screen and (max-width: 575px) {
.product-bestseller-zone .product-bestseller-list .product-item .image {height: 185px;}
.product-promotion-zone .product-promotion-list .product-item .image {height: 185px;}
.product-seasons-zone .infocard .image img {height: 185px;}
.main-header .logo-brand img {height: 55px;}
.main-header-main {margin-bottom:5px;}
.main-header-main .profile-box {gap: 10px;}
.main-header-main .profile-box .head-serach-box .head-serach-box-box {display:none;}
footer.main-footer .container .footer-title span.footer-social{top: 90%;}
footer.main-footer .container .footer-link,footer.main-footer .container .footer-text,footer.main-footer .container .footer-copyright footer.main-footer .container .footer-view {font-size: 1.6rem;}
#tab03 .attractionBox .itemBox .item-img  {width:90%;height: auto !important;}
#tab04 .attractionBox .itemBox .item-img  {width:90%;height: auto !important;}
#tab05 .attractionBox .itemBox .item-img  {width:90%;height: auto !important;}
#tab03 .attractionBox .itemBox {margin-right: initial;margin-left: inherit;}
#navbarMenu {width: 100%;padding-top: 10px;font-size: 5px;}

#navbarMenu #main-menu li {border-bottom: 1px solid #ddd;}
#navbarMenu #main-menu li.active {background: #245aa3;}
#navbarMenu #main-menu li.active a {color:#fff;}
.main-header {padding: 0px;}
.main-header .main-header-right .main-header-top .navbar-nav li.user {width: auto;}
.main-header .main-header-right .navbar-right .dropdown-menu {width: auto;}
#smart-interactive-map-zone .detail-zone .detail-part .item {padding-right: 0px !important;padding-left: 0px !important;}
.zone-title .button-part {position: relative !important;}
#result-list .infocard {width: 100% !important;}
#tab01 .itemBox .item-img {height: 200px !important;}
#tab02 .itemBox .item-img {height: 200px !important;}
#tab03 .attractionBox .itemBox .item-img {height: 200px !important;}
#tab01 .itemBox .detail.detail-sub {padding-left: 10px;}
#tab01 .itemBox .title , #tab01 .itemBox .detail ,#tab01 .itemBox .detail.detail-sub{padding-left: 0px !important;padding-right: 0px !important;}
#tab02 .itemBox .title , #tab02 .itemBox .detail ,#tab02 .itemBox .detail.detail-sub{padding-left: 0px !important;padding-right: 0px !important;}
#tab03 .itemBox .title , #tab03 .itemBox .detail ,#tab03 .itemBox .detail.detail-sub{padding-left: 0px !important;}
#tab04 .itemBox .title , #tab04 .itemBox .detail ,#tab04 .itemBox .detail.detail-sub{padding-left: 0px !important;}
.tab-content .itemBox .imgStd-verified ,.tab-content .itemBox .imgStd-elephant ,.tab-content .itemBox .imgStd-official {height:20px !important;}
.tab-content .itemBox .detail {font-size: 2rem !important;}
.tab-content .itemBox .item-img {margin-bottom:10px !important;}
.tab-content .itemBox .title a {font-size: 2.2rem !important;}
.report-change-part #btnReport {font-size: 14px!important;}
.report-change-part #btnReport em {font-size: 13px;}
#hilight-zone.hilight-th .title-hilight-01 {font-size: 100px;line-height: 52px;}
#hilight-zone.hilight-th .title-hilight-02 {font-size: 55px;line-height: 50px;}
#hilight-zone.hilight-th .title-hilight-03 {font-size: 55px;line-height: 50px;}
.breadcrumbs-panel .breadcrumb li {display:none;}
.info .title-panel {margin-top: 10px;}
.sell-regis-form .header .header-logo img {width: 100% !important; padding: 50px 0px;}
.sell-regis-form .header .header-text {font-family: 'DBHelvethaicaX' !important;padding-top: 20px !important;}


}
/************* End-Footer-Responsive ************/
/************* List-Responsive ************/
@media screen and (max-width: 1119px) {
#result-list .infocard .image {    height: 179.2572222222222px;}
#result-list .infocard {padding-bottom: 8.31685897435898px;margin-bottom: 20px;}
#result-list .infocard .detail {padding: 9px 0px 3px;}
#result-list .infocard .detail .detail-title, .infocard .detail .detail-row, .infocard .detail .detail-date, .infocard .detail .detail-symbol{padding: 2px 0px;}
#result-list .infocard .detail .detail-symbol {height: 19.89430769230769px;}

#recommendPanal .infocard {padding-bottom: 0px;}
#recommendPanal .infocard .detail {padding: 15px;}
}
@media screen and (max-width: 991px) {
#result-list .infocard .image {    height: 210.8333333333333px;}
#result-list .infocard {padding-bottom: 12px;margin-bottom: 25px;}
#result-list .infocard .detail {padding: 15px 0px 7px;}
#result-list .infocard .detail .detail-title, .infocard .detail .detail-row, .infocard .detail .detail-date, .infocard .detail .detail-symbol{padding: 2.5px 0px;}
#result-list .infocard .detail .detail-symbol {height: 23.4px;}

#recommendPanal .infocard {padding-bottom: 0px;}
#recommendPanal .infocard .detail {padding: 15px;}
}
@media screen and (max-width: 768px) {
#result-list .infocard .image {    height: 333.6666666666667px;}
#result-list .infocard {padding-bottom: 15px;margin-bottom: 30px;}
#result-list .infocard .detail {padding: 15px 0px 7px;}
#result-list .infocard .detail .detail-title, .infocard .detail .detail-row, .infocard .detail .detail-date, .infocard .detail .detail-symbol{padding: 3px 0px;}
#result-list .infocard .detail .detail-symbol {height: 24px;}

#recommendPanal .infocard {padding-bottom: 0px;}
#recommendPanal .infocard .detail {padding: 15px;}
}
@media screen and (max-width: 575px) {
	#result-list .infocard .image {    height: 241.3888888888889px;}
}
/************* End-List-Responsive ************/
/************* Content-news-list-Responsive ************/
/*@media screen and (max-width: 1999px) {
.content-wrapper .info .hilight-panel img { height: 332.541567695962px;}
.content-wrapper .info .hilight-panel .hilight-inner { height: 95.01187648456057px;}
.content-wrapper .info .hilight-panel .hilight-inner .container .hilight-inner-title {font-size: 4.7rem;line-height: 1.3;}
.title-panel .container .title{}
}*/
@media screen and (max-width: 1119px) {
.content-wrapper .info .hilight-panel img {height: 274.9010292953286px;}
.content-wrapper .info .hilight-panel .hilight-inner {    height: 130.543151px !important;}
.content-wrapper .info .hilight-panel .hilight-inner .container .hilight-inner-title{font-size: 3.5rem;line-height: 1.2;}
.title-panel .container .title{}
}
@media screen and (max-width: 991px) {
.content-wrapper .info .hilight-panel img {height: 212.8266033254157px;}
.content-wrapper .info .hilight-panel .hilight-inner {}
.content-wrapper .info .hilight-panel .hilight-inner .container .hilight-inner-title {font-size: 3.5rem;line-height: 1;}
}
@media screen and (max-width: 768px) {
.content-wrapper .info .hilight-panel img {height: auto;width:100%;}
.content-wrapper .info .hilight-panel .hilight-inner {    height: 90.605701px !important;}
.content-wrapper .info .hilight-panel .hilight-inner .container .hilight-inner-title {font-size: 3rem;line-height: 0.5;}
.title-panel .container .title{font-size: 2.4rem;}
.main-header .main-header-right .main-header-top .navbar-nav li.user {width:auto;}
.hilight-inner .hilight-inner-category #hilight-inner-category .slick-track {}
.report-change-part #btnReport {font-size: 22px;}
}
@media screen and (max-width: 575px) {
.content-wrapper .info .hilight-panel img {}
.content-wrapper .info .hilight-panel .hilight-inner {    height: 74.65004px !important;}
.content-wrapper .info .hilight-panel .hilight-inner .container .hilight-inner-title {font-size: 2rem; line-height: 0;}
.title-panel .container .title{font-size: 2.4rem;}
#activity-zone {margin-top: 85px !important;}
#activity-zone .zone-title .title {width: 100%;float: left;}
#attractionupdated-zone .content-intro {height: 170px !important;}
#smart-interactive-map-zone .detail-zone .detail-part .list-panel {height: auto !important;}
.hilight-panel .hilight-inner-category a {padding: 2px;font-size: 18px;}
.breadcrumbs-panel .breadcrumb {width: 250px;overflow: hidden;height: 42px}

}
/************* End-Content-news-list-Responsive ************/

/************** InfoDetail *********************/
@media screen and (max-width: 1119px) {
	.infodetail .intro-box {height: 411px;}
	.infodetail .intro-box hr {margin-top: 10px; margin-bottom: 10px;}
}
@media screen and (max-width: 991px) {
	.main-header-main .profile-box {
		gap: 10px;
	}
	.infodetail .intro-box {height: auto;}
}
@media screen and (max-width: 768px) {
.infodetail .compareBox .title.list {font-size: 18px;}
.infodetail .compareBox .title.dataSource {font-size: 18px;}
.infodetail .compareBox .title.dataInfo {font-size: 18px;}
	
}
/************** End - InfoDetail *********************/

/************* Login-And-Register-Responsive ************/
@media screen and (max-width: 1999px) {

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

}
@media screen and (max-width: 991px) {
.text-sm-left-emwork{text-align: left !important;}
}
@media screen and (max-width: 768px) {

}

@media screen and (max-width: 750px) {
.panel-profile-menu-seller {display:none;}
.main-header-main .profile-box .head-serach-box .head-serach-box-box {width: 150px !important;}
}
@media screen and (max-width: 575px) {
#login-panel .panel{ width: auto;}
.infodetail .compareBox .title.list {height: 122px;}
.infodetail .compareBox .title.dataSource {height: 122px;}
.infodetail .compareBox .title.dataInfo {height: 122px;}
.info .inforow .detail {margin-left: 0;}
.inforow .image {float: unset !important;margin: auto;margin-bottom: 20px;}
.info-profile-order .inforow .detail .detail-title {flex-direction: column;text-align: center;}
.info-profile-order .inforow .detail .detail-title .d-status {display: block;margin: auto;padding-top: 10px;}
.info-profile-reserveworkshop .inforow .detail .detail-title {flex-direction: column;text-align: center;}
.info-profile-reserveworkshop .inforow .detail .d-status {display: block;margin: auto;padding-top: 10px;padding-bottom: 10px;}
.info-seller-reserveworkshop .inforow .detail .detail-title {flex-direction: column;text-align: center;}
.info-seller-reserveworkshop .inforow .detail .d-status {display: block;margin: auto;padding-top: 10px;padding-bottom: 10px;}
.info-profile-cart .tblCart td.product-cell .product {flex-direction: column;}
.info-profile-cart .tblCart td.storesummary .btn-order {margin-bottom: 10px;}
.info-profile-cart .tblCart td.product-cell .product .product-info {padding-left: 0px;}
.info-profile-cart .tblCart td.product-cell .product .product-info .product-name {font-size: 21px !important;}
.info-profile-cart .tblCart td.product-cell .product .product-info .product-price {font-size: 21px !important;}
.info-profile-cart .panel-default {overflow-x: scroll;}
.info-profile-chat .chat-box .room-panel {width: 150px;}
.info-profile-chat .chat-box .message-box {width: calc(100% - 150px);}
.info-seller-chat .chat-box .room-panel {width: 150px;}
.info-seller-chat .chat-box .message-box {width: calc(100% - 150px);}
.main-header-main .profile-box .head-profile-box {gap: 5px;}
.activity-zone .activity-list-zone .activity-list .activity-item .image {padding-top: 80% !important;}
.product-seasons-zone .product-seasons-tabs .product-seasons-tab:first-child {font-size: 2.1rem;}
.product-seasons-zone .product-seasons-tabs .product-seasons-tab:last-child {font-size: 2.1rem;}
.order-panel {display: flex;flex-direction: column;}
.order-panel .order-header {display: flex;flex-direction: column;text-align: center;}
.order-panel .order-store-image {margin: auto;}
.order-panel .order-header .order-status {padding-top: 10px;padding-bottom: 10px;}
.info-seller-order .inforow .detail .detail-title {flex-direction: column;text-align: center;}
.info-seller-order .inforow .detail .detail-title a.detail-name {flex: none;width: 100%;}
.info-seller-order .inforow .detail .detail-title .d-status {margin: auto;padding-top: 10px;}
.info-seller-order .inforow .image {margin-bottom: 0px;}
.chat-box {flex-direction: column;}
.chat-box .room-panel {width: 100% !important;margin-bottom: 20px;}
.room-list {height: auto !important;}
.chat-box .message-box {width: 100% !important;}
.chat-box .head-box {background: #d2d6de;}
.section-message .info .inner .detail > div:nth-child(1) {font-size: 19px !important;}
.info-seller-product .inforow .detail .detail-title a.detail-name {font-size: 23px !important;line-height: 23px;}
.info-seller-product .inforow .detail .detail-title {margin-bottom: 0px;}
.info-seller-product .inforow .detail .detail-price {margin-bottom: 0px;}
.info-seller-product .inforow .detail .detail-rating {margin-bottom: 0px;}
.info-seller-product .inforow .detail .detail-status {text-align: center;}
#formData .form-group {padding-left: 0px;}
.form-group .control-label-with-icon em {width: 20px;height: 20px;font-size: 11px;line-height: 20px;}
.form-group .divControl-with-icon {padding-left: 35px;}
.inforow .detail .detail-workshop-action {text-align: center;}
#lhc_container_v2 #lhc_status_widget_v2 {display:none !important;}
.main-header-main .profile-box .head-store-box .head-store-box-box {font-size: 25px;}
}

/*iphone*/
@media screen and (max-width: 450px) {
.main-header-main .profile-box .head-cart-box .head-cart-box-span {font-size: 11px;}
.main-header-main .profile-box .head-profile-box .profile-img img {width: 20px;height: 20px;}
.main-header-main .profile-box {gap: 10px;}
.header-box {flex-direction: column;}
.header-box .sort-box {margin-top: 15px;}
.info .inforow .detail {margin-left: 0;}
.inforow .image {float: unset !important;margin: auto;margin-bottom: 20px;}
.main-header-main .profile-box .head-profile-box {gap: 5px;}
.main-header-main .profile-box {gap: 5px !important;}
.sell-regis-form .sell-regis-finish .button-zone a {display: block;margin-top: 10px;}
.info-seller-info .widget-menus .col-md-3 .widget-menu-box div {font-size: 19px;line-height: 20px;}
.main-header-seller .main-header-main {flex-direction: column;}
.main-header-buyer .main-header-main {flex-direction: column;}
.main-header-main-store {display: initial;color: #3fbba9;font-family: 'DB HelvethaicaX Med';font-size: 27px;display: inline-block;width: 100%;text-align: center;}
.head-store-box {display:none;}
/* .main-header-main .profile-box {gap: 30px;} */
.main-header-main-store .profile-box {padding-left: 0;}
.info-seller-product .inforow .image {width: 110px;}
.button-panel-zone button {width:100%;margin-bottom: 10px;}
#delivery-form-zone #DeliveryDateDay , #delivery-form-zone #DeliveryDateMonth , #delivery-form-zone #DeliveryDateHour , #delivery-form-zone {margin-bottom: 5px;}
.info .panel-default .search-zone .search-part-button .btn {font-size: 18px; padding: 9px;}
}

@media screen and (max-width: 370px) {
.main-header .main-header-main {display: block;width: 100%;}
.main-header .logo-brand {float:none;}
.main-header .logo-box {justify-content: space-around;}
.main-header-main .profile-box {justify-content:space-between;}
.info .panel-default .search-zone .search-part-button .btn {font-size: 18px; padding: 9px;}

}

@media screen and (max-width: 320px) {
.info-seller-info .widget-menus .col-md-3 {width:100%;}
}

/************* End-Login-And-Register-Responsive ************/


/************* layout : content-box-Responsive ************/
@media screen and (max-width: 992px) {
.slick-list.draggable .homecard .image { height: 201.2167300380228px;}
#attractionupdated-zone .container .content-box-zone .content-box,
#attractionupdated-zone .container .content-box-zone .content-intro{height: 207.2649572649573px;}

}
@media screen and (max-width: 768px) {
	.main-header-main .profile-box {
		gap: 5px;
	}
}
@media screen and (max-width: 576px) {
#attraction-zone .container .zone-title .title {font-size: 3.1rem;width: 100%;float: left;}
#attractionupdated-zone .container .content-box-zone .content-intro{width:100%;}
#attractionupdated-zone .container .content-box-zone .content-intro p{text-align: center;padding-top: 0px;}
#attractionupdated-zone .container .content-box-zone .content-intro a.viewall{font-size: 3rem;display: block;text-align: center;position:unset;}
#attractionupdated-zone .container .content-box-zone .content-box{width: 100%;}
#thainess-zone .thainess-box .btn {float: none !important;}
}
/************* End-layout : content-box-Responsive  ************/

/************* layout : Search-Responsive ************/
@media screen and (max-width: 1199px) {
	#search-zone.search-zone-zh .search-location .btn {font-size: 1.9rem;}
}
@media screen and (max-width: 991px) {
	#search-zone .search-text, 
	#search-zone .search-location,
	#search-zone .search-province,
	#search-zone .search-maintype,
	#search-zone .search-button {padding-bottom: 5px;}
}
@media screen and (max-width: 768px) {
	
}
/************* End-layout : Search-Responsive  ************/

/************** button upload **************/
@media screen and (max-width: 420px) {
	.jFiler-theme-default .jFiler-input { width: 100% !important; }
}

/********* Forgot Password Page *********/
@media screen and (max-width: 992px) {
	#forgot-panel .panel { width: 600px; }
	#forgot-panel .sub-title { max-width:500px; }
	#forgot-panel .btn { max-width:500px; }
	#forgot-panel .form-control { max-width: 500px; }
}
@media screen and (max-width: 768px) {
	#forgot-panel .panel { width: 500px; }
	#forgot-panel .sub-title { max-width:400px; }
	#forgot-panel .btn { max-width:400px; }
	#forgot-panel .form-control { max-width: 400px; }
}
@media screen and (max-width: 560px) {
	#forgot-panel .panel { width: 100%; }
	#forgot-panel .sub-title { max-width: 90%; }
	#forgot-panel .btn { max-width: 90%; }
	#forgot-panel .form-control { max-width: 90%; }
}

/************* Authentication ***********/
@media screen and (max-width: 768px) {
	.header-user { right: 0px; top: -50px; }
}

/********** Fix Position Header ***********/
@media screen and (max-width: 768px) {
	.content-wrapper { margin-top: 50px; }
}

/*************** Header ***************/
@media screen and (max-width: 768px) {
	.main-title .info-right { top:-10px; }
	.dropdown.user.user-menu .dropdown-toggle em ,
	.glyphicon.glyphicon-log-in { font-size: 30px; }
}

/**************** Menu **************/
@media screen and (min-width: 768px) {
	#navbar-collapse{ float:right; position:relative; left:-50%; text-align:left; }
	#navbar-collapse ul { list-style:none; position:relative; left:50%; }
	#navbar-collapse li {float:left;position:relative;}/* ie needs position:relative here*/
}
@media screen and (max-width: 768px) {
	#service , #contact { top: -46px; }
}

/***************** Profile Side Menu *******************/
@media screen and (max-width: 768px) {
	.profile-side-menu { padding: 0px; }
}

/******************* Bootstrap Overwrite ******************/
@media screen and (max-width: 768px) {
	.modal-dialog .modal-header { margin-top: 75px; }
}

/***************** CSS for module content *****************/
@media screen and (max-width: 768px) {
    .content-info-search.page-title-zone { padding-top: 20px; }
    .content-info-search.page-title-zone .content-title { display: none; }
    .content-info-search.page-title-zone .filter { margin: 10px 0px 10px 0px; }
}
/***************** CSS for InkSwitchFontSize *****************/
@media screen and (max-width: 420px)
{
	.lnkSwitchFontSize {display: none !important;}
}

.product #image-hilight .image-hilight-inner img {background: #fff;}

.product #image-items .image-hilight-inner img {object-fit: cover;}