/************* Header-Responsive ************/ 
@media screen and (max-width: 1199px) {
.main-header .main-header-right .main-header-menu {font-size: 1.8rem;}
}

@media screen and (max-width: 1199px) {
	.main-header .logo-brand img {height: 50px;}
	.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 { padding: 6px 3px;font-size: 1.9rem; }
	.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: 50px;}
	.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 { padding: 5px 3px;font-size: 1.4rem; }
	.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; }
}
/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 767px) {
	#search-zone .search-maintype .select2-selection__rendered {display: block;}
	
	.main-header .logo-brand {float: left;}
	.user-menu .dropdown-toggle .hidden-xs {display:none;}
	.main-header .logo-brand img {height: 45px;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: #000;}
	.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%}
	
}
/************* End-Header-Responsive ************/


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

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

}
@media screen and (max-width: 768px) {
#navbarMenu {width: 100%;padding-top: 10px;}
#navbarMenu #main-menu li a {font-size: 21px !important;padding: 15px 6px !important; color: white; }
#navbarMenu #main-menu li {border-bottom: 1px solid #c1b9b9;}
#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;}
	
}
@media screen and (max-width: 575px) {

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 a {font-size: 21px !important;padding: 15px 6px !important;}
#navbarMenu #main-menu li {border-bottom: 1px solid #c1b9b9;}
#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;}

}
/************* 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) {
	.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: 575px) {
#login-panel .panel{ width: auto;}
.infodetail .compareBox .title.list {height: 122px;}
.infodetail .compareBox .title.dataSource {height: 122px;}
.infodetail .compareBox .title.dataInfo {height: 122px;}
}
/************* 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) {

}
@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;}
}


/***************** For B2B *****************/
@media screen and (max-width: 1200px) {
	.board .dashboard-panel { flex-direction: column; }
	.board .dashboard-panel-v2 { flex-direction: column; }
	.board .button-zone { flex-direction: column; align-items: center; gap: 15px; margin-top: 0px; }
	.board .button-zone div:nth-child(2) { width: 100%; justify-content: space-between; }
}
@media screen and (max-width: 992px) {
	.head-box { flex-direction: column; }
	.head-left-box { width: 100% !important; text-align: center; }
	.head-left-box img { max-width: 400px; }
	.head-right-box { width: 100% !important; }
	.head-title2 { font-size: 48px !important; }
	.head-title3 em.fa-handshake-o { margin-left: 0px !important; }

	.app-body .room-box { padding: 10px; }
	.app-body .chat-box .profile-info { display: none; }
	.app-body .chat-box .room-panel { width: 80px; }
	.app-body .chat-box .message-box { width: calc(100% - 80px); }
	.app-body .search-box { display: none; } 

	.app-body .panel-flex .panel-left { width: 100%; }
	.app-body .panel-flex .panel-right { display: none; }

	.footer-box { flex-direction: column; }
	.footer-box .footer-item .item-title { font-size: 24px; text-align: center; } 
	.footer-box .footer-item .item-list > div { font-size: 19px; } 
	.footer-box .footer-item .item-list > em { position: relative; top: 2px; } 
	.footer-box .footer-item .item-socail { justify-content: center; }

	.button-zone { overflow: auto; }

	.open>.dropdown-menu { left: unset; right: -115px; }
}
@media screen and (max-width: 767px) {
	.dashboard-panel { margin: 80px 30px 15px 30px !important; }
	.dashboard-panel-v2 { margin: 80px 30px 15px 30px !important; }
	.btn { display: block; margin-bottom: 15px; }
	.input-group-btn .btn { display: inline-block; margin-bottom: 0px; } 
	.logo-text { display: none; }
	.list-page .button-zone { flex-direction: column; align-items: center; }
	.list-page .button-zone .title { margin-bottom: 20px; }

	.app-body .head-right { flex-direction: column; }
	.app-body .head-right label { width: calc(100% - 150px); position: absolute; left: 95px; }
	.app-body .head-right > div { width: 100%; margin-top: 15px; } 

	.app-body .info-list-box .info-list { flex-direction: column; }
	.app-body .info-list-box .info-list label { width: calc(100% - 150px); position: absolute; left: 90px; padding: 7px; }
	.app-body .info-list-box .info-list > div { width: 100%; margin-top: 20px; margin-bottom: 15px; }
	.app-body .info-list-box .info-list > div.row { margin-left: 0; margin-right: 0; }
	
	.app-body .head-box2 { flex-direction: column; align-items: center; }
	.app-body .head-box2 .info2 { width: 100%; }
	.app-body .head-box2 .info2 .title2 { justify-content: unset; flex-direction: column; }
	.app-body .head-box2 .info2 .title2 .moredetail { margin-top: 15px; margin-bottom: 0px; }

	.negotiate-summary .foot-info { flex-direction: column; margin-left: 0px; margin-right: 0px; }
	.negotiate-summary .foot-box1 .box-inner { max-width: 100%; }

	.app-body .container-compare table tr > th:first-child, table tr > td:first-child { position: unset !important; min-width: unset; width: auto; }
	.app-body .container-compare .column-fixed em { display: none; }
	.app-body .container-compare a { display: inline-block; }
	.app-body .container-compare .column-data > div { width: 300px; white-space: normal; }

	.app-body .foot-info { margin-left: 0px; margin-right: 0px; flex-direction: column; }
	.app-body .foot-box1 .box-inner { max-width: 100%; }
	.app-body .foot-box2 { padding-left: 15px; }

	.app-body .delivery-box { margin: 0px 0px 50px; }
	.app-body .delivery-text > div:nth-child(1) { font-size: 36px; }
	.app-body .tracking-form { margin: 0; }
	.app-body .tracking-form .form-box { flex-direction: column; }
	.app-body .tracking-form .form-box .form-left { width: 100%; }
	.app-body .tracking-form .form-box .form-right { width: 100%; }
	.app-body .tracking-form .form-box .form-right .has-feedback { width: 100% !important; }
	.app-body .tracking-form .form-box .form-right .has-feedback input { width: 100% !important; max-width: unset !important; margin-bottom: 10px; }
	
	.app-body .noti-box .noti-img { width: 60px; }
	.app-body .noti-box .noti-img img { width: 60px; height: 60px; }
	.app-body .noti-box .noti-info div:nth-child(1) { font-size: 23px; }
	.app-body .noti-box .noti-info div:nth-child(3) { font-size: 17px;}
	.app-body .noti-box .noti-info div:nth-child(1) em.fa-circle { left: 13px; }

	.section-message .info .inner { flex-direction: column; }
	.section-message .info .inner .detail { width: 100% !important; }
	.section-message .info .inner .detail em.fa-money { margin-left: 0 !important; }
}
@media screen and (max-width: 620px) {
	.dashboard-panel-v2 .dashboard-box .box-flex { flex-direction: column; }
	.dashboard-panel-v2 .dashboard-box .box-flex .box-flex-price { padding-left: 22px; }
}
@media screen and (max-width: 575px) {
	.dashboard-panel { margin: 80px 0px 15px 0px !important; }
	.dashboard-panel-v2 { margin: 80px 0px 15px 0px !important; }
	.dashboard-panel-v2 { margin: 80px 0px 15px 0px !important; }
	.dashboard-panel-v2 .dashboard-box { padding-left: 20px !important; padding-top: 60px !important; }
	.dashboard-panel-v2 .dashboard-box .box-img { left: calc(50% - 50px) !important; top: -45px !important; }
	.dashboard-panel-v2 .dashboard-box .box-flex { flex-direction: row; }
	.dashboard-panel-v2 .dashboard-box .box-flex .box-flex-price { padding-left: 0px; }
}