html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
}
.support-online {display:none}
.support-content{width:361px;margin:0 auto;height:30px}
.support-online a{margin:10px 16px;float:left;width:40px;height:40px;position:relative}
.support-online i{width:40px;height:40px;color:#fff;border-radius:100%;font-size:20px;text-align:center;line-height:1.9;display:block}
.support-online a span{border-radius:2px;text-align:center;background:#67b634;padding:9px;display:none;width:180px;margin-left:10px;position:absolute;color:#fff;z-index:999;top:0;left:40px;transition:all .2s ease-in-out 0;-moz-animation:headerAnimation .7s 1;-webkit-animation:headerAnimation .7s 1;-o-animation:headerAnimation .7s 1;animation:headerAnimation .7s 1}
.support-online a{display:block}
.support-online i.fa-phone {font-size: 23px; background: #03a9f4; z-index: 9999; position: absolute; left: 0; right: 0; text-align: center; width: 40px; height: 40px; margin: 0; padding: 0;}
.kenit-alo-circle-fill{position:absolute;width:60px;height:60px;top:-10px;right:-10px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(0,175,242,0.5);opacity:.75}
.kenit-alo-circle{position:absolute;width:50px;height:50px;top:-5px;right:-5px;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:.1;border-color:#0089B9;opacity:.5}
.support-online img{width:40px;height:40px;background:#43a1f3;color:#fff;border-radius:100%;font-size:20px;text-align:center;line-height:1.9;position:relative;z-index:999}
#menu a.logo_index {height: 46px;background: none;padding: 0;width: 279px;}
#menu a.logo_index:hover {}
#menu a.hot_event {display:none;width: 46px;right: 43px;top: 0px;float: right;display: block;position: absolute;}
#menu a.hot_event img {border-right: 1px solid #efefef4d;border-left: 1px solid #efefef4d;}
#gallery {margin-bottom: 10px;width: 100%;overflow: hidden;}
#gallery a {float: left;height: 99px;width: 20%;position: relative;display: block;overflow: hidden;margin-bottom: 1px}
#gallery a img {width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
#gallery a:before {content: "";display: block;position: absolute;top: 1px;left: 1px;right: 1px;bottom: 1px;}
#gallery .attachment-5,#gallery .attachment-10,#gallery .attachment-15,#gallery .attachment-20,#gallery .attachment-25,#gallery .attachment-30 {float: right;}
#gallery .attachment-0 {display:none}
#gallery .attachment-5 p {display:none}
#gallery .attachment-5 .view-all-cover {display:none}



@media only screen and (max-width : 1200px) {}
	
@media only screen and (max-width : 992px) {
.support-online{display:inline-block;width:100%}
}

@media only screen and (max-width : 768px) {
.contacthd {display:block}
.mega_main_body_w .posts-index {width:50%}
.rounded_mid_fp_innerpages .content_page {padding:0 10px}
.mega_main_body .mega_right_column .megaright h3 {text-transform: uppercase;padding:8px 8px 0 8px;height: 42px;}
.rounded_mid_fp_innerpages .content_page {padding:0 10px}
.mega_right_column .megaright .megaright_i {padding: 5px 10px 0 10px;}
.mega_main_body_w .posts-index .left-align,
.mega_main_body_w .posts-index .center-align,
.mega_main_body_w .posts-index .right-align {overflow:hidden;float: none; margin:0 auto}
.entry-footer .readmore {padding: 9px 15px;text-indent: -9999px;background: url(img/view-more-index.png) center no-repeat}
.entry-footer .readmore:hover {text-indent: -9999px;background:#7CC142 url(img/view-more-index.png) center no-repeat}
.endpostindex {display:none}
.support-online{display:inline-block;width:100%}
.mega_wrapper .mega_wrapper_i .mega_main_body_i .mega_main_body .mega_content #breadcrumbs {padding: 10px; color: #666; margin-bottom: 18px; background: #eaeaeab0; width: 98%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: none;}
.travel-guide-index .post-news, .travel-news-index .post-news {clear:both}
.travel-news-index,
.travel-guide-index {float:none;width: auto}
#gallery a {margin-bottom: 1%;}
#gallery {width:calc(100% + 22px);margin: 0 -11px 10px -11px;}
#gallery .blocks10 {display:none}
#gallery .attachment-10 {display:none}
#gallery .attachment-9 {display:none}
#gallery .attachment-8 {display:none}
#gallery .attachment-5 {float:left}
#gallery .attachment-1 {height:200px;width:68.5%}
#gallery .attachment-1 img {height:auto;width: 100%;position: absolute;transform: translate(-50%, -50%)}
#gallery .attachment-2 {margin-bottom: 1%;height:97px;max-height:97px;width:30.5%;float:right}
#gallery .attachment-2 img {height:auto;width: 100%;position: absolute;transform: translate(-50%, -50%)}
#gallery .attachment-3 {height:97px;max-height:97px;width:30.5%;float: left;margin-left: 1%;}
#gallery .attachment-3 img {height:auto;width: 100%;position: absolute;transform: translate(-50%, -50%)}
#gallery .attachment-4 {width: 37%;margin-right: 1%;}
#gallery .attachment-4 img {min-height:99px;}
#gallery .attachment-5 {float: left;margin-right: 1%;}
#gallery .attachment-6 {margin-right: 1%;}
#gallery .attachment-7 {position: relative;}
#gallery .attachment-7 p {display: block;position: absolute;color: #fff;z-index:9;width: 100%;height: 100%;top: 0;font-size: 129%;text-align: center;line-height: 99px;font-weight: 500;}
#gallery .attachment-7 .view-all-cover {display:block;width: 100%;height: 100%;background: #000;position: absolute;line-height: 300px;top: 0;left: 0;opacity: 0.46;}
#gallery a.attachment-7:hover .view-all-cover{opacity:0}

.menu-neo-ul {width:95%;margin: 0 auto;}
.tourdulichquangbinh {text-align: left}
.youtube-gallery iframe{width: 88%; height: 46%;}
}

@media only screen and (max-width : 480px) {
.tourdulichquangbinh {text-align: left}		
.thong-tin-du-lich-quang-binh .column {width:100%}	
.thong-tin-du-lich-quang-binh .cat-post h3.top-cat-post {display: inline-block;}
.contacthd {display:block;font-size:14px;height: 33px}
.contacthd a.callus {background-size: 24%}
.contacthd a.callushot {background-size: 24%;}
#breadcrumbs .fa-chevron-right {color: #dadada;font-size: 11px;padding: 0;}
.mega_main_body_w .posts-index {width:100%}
.mega_main_body_w .posts-index .left-align,
.mega_main_body_w .posts-index .center-align,
.mega_main_body_w .posts-index .right-align {overflow:hidden;float: none; margin:0 auto}
.posts-index a img {width: 99.98%;}
.mega_main_body_w .travel-news-index,
.mega_main_body_w .travel-guide-index {float: none;}
.mega_right_column .megaright .megaright_i {padding: 5px 10px 0 10px;}
.mega_main_body .mega_right_column .megaright h3 {font-size:130%;text-transform: uppercase; padding:8px 8px 0 8px}
.support-online{display:inline-block;width:100%}
.rounded_mid_fp_innerpages .content_page {padding:0 10px}
.mega_right_column .megaright .megaright_i {padding: 5px 10px 0 10px;}
a.call-ring {width: 46px;right: 43px;top: 0px;float: right;display: block;position: absolute;}
.mega_wrapper .mega_wrapper_i .mega_main_body_i .mega_main_body .mega_content #breadcrumbs {border-bottom: 1px solid #dadada70;padding:10px 0;color: #666;margin-bottom: 18px;background:#f1f1f159;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

#breadcrumbs > span > span > a:first-of-type {text-indent: -999999px;display: inline-block;}

#breadcrumbs > span > span:first-of-type:before {content: "\f015"; display: inline-block;font-family: 'FontAwesome'; font-size: 14px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding: 11px 10px 11px 17px; margin: -10px -12px;background: #dadada;color: #607D8B;font-size: 18px;}



#gallery a {margin-bottom: 1%;}
#gallery {width:calc(100% + 22px);margin: 0 -11px 10px -11px;}
#gallery .blocks10 {display:none}
#gallery .attachment-10 {display:none}
#gallery .attachment-9 {display:none}
#gallery .attachment-8 {display:none}
#gallery .attachment-7 {display:none}
#gallery .attachment-6 {display:none}
#gallery .attachment-1 {height:194px;width:49.5%}
#gallery .attachment-2 {height:194px;max-height:194px;width:49.5%;float:right}
#gallery .attachment-1 img {height:100%;width: 100%;position: absolute;transform: translate(-50%, -50%)}
#gallery .attachment-2 img {height:100%;width: 100%;position: absolute;transform: translate(-50%, -50%)}
#gallery .attachment-3 {height:99px;max-height:99px;width: 33%;margin-left:0}
#gallery .attachment-4 {width: 32%;margin-right:1%;margin-left:1%;}
#gallery .attachment-5 {width: 33%;float: right;margin-right:0}
#gallery .attachment-5 {position: relative;}
#gallery .attachment-5 p {display: block;position: absolute;color: #fff;z-index:9;width: 100%;height: 100%;top: 0;font-size: 129%;text-align: center;line-height: 99px;font-weight: 500;}
#gallery .attachment-5 .view-all-cover {display:block;width: 100%;height: 100%;background: #000;position: absolute;line-height: 300px;top: 0;left: 0;opacity: 0.46;}
#gallery a.attachment-5:hover .view-all-cover{opacity:0}
.menu-neo-ul {width: 84%;margin: 0 auto;}
.menu-neo-ul .left {width: 100%;float:left}
.menu-neo-ul .right {width: 100%;margin-top:-10px;float:left}
.youtube-gallery iframe{width: 88%; height: 46%;}
.youtube { width: 95vw;}
.youtube iframe {margin: 0 auto; top: 0; left: 0; width: 95vw; height: calc(100vw/1.87);}
footer {margin:0;padding: 0;min-width:320px;overflow: hidden;}
.one-column {width: auto; float: none;}
.one-column p { padding: 8px 0 0 9px; }
.two-column { width: auto; padding: 15px; position: relative; display: block; float: none; }
.two-column ul li::before {padding: 0 10px 0 13px;}
.the-column { width: auto; float: none; padding: 15px; background: #f2f2f2; }
.the-column ul li::before {padding: 0 10px 0 13px;}
.for-column { display: block; width: 100%; float: none; padding: 6px 0; }
.dieukhoan ul { width: auto; padding: 8px 16px; }
.dieukhoan ul li {width: calc((100% - 2px * 2) / 2); text-align: center; padding: 0;}
.for-column ul li.chungnhan { padding: 0; background: none; width: 276px; margin: 0 auto;display: block;}
}

@media only screen and (max-width : 320px) {
html,body{min-width:320px;width:100%;}
.contacthd {display:block;font-size: 100%}
.contacthd a.callus {background-size: 24%}
.contacthd a.callushot {background-size: 24%;}
#menu a img {width: 250px; padding-top: 2px;}
.mega_header .sub-menu ul li {padding: 12px 6px;}
.posts-index a img {width: 99.98%;}
.mega_main_body_w .posts-index {width:100%}
.mega_main_body_w .posts-index .left-align,
.mega_main_body_w .posts-index .center-align,
.mega_main_body_w .posts-index .right-align {overflow:hidden;float: none; margin:0 auto}
.support-online{display:inline-block;width:100%}
.entry-footer .readmore {padding: 9px 0px 9px 32px;text-indent: -9999px;background: url(img/view-more-index.png) center no-repeat}
.entry-footer .readmore:hover {text-indent: -9999px;background:#7CC142 url(img/view-more-index.png) center no-repeat}
.rounded_mid_fp_innerpages .content_page {padding:0 10px}
.mega_right_column .megaright .megaright_i {padding: 5px 10px 0 10px;}
.mega_wrapper .mega_wrapper_i .mega_main_body_i .mega_main_body .mega_content #breadcrumbs {padding: 10px 0;color: #666;margin-bottom: 18px;background:aliceblue;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.travel-news-index h2, .travel-guide-index h2 {font-size: 125%}
.youtube-gallery iframe{width: 88%; height: 46%;}
}
@media only screen and (max-width:370px){
.contacthd a.zalous, .contacthd a.whatsapp {display: none;}
.dieukhoan ul li {width: 100%;text-align: center;padding: 0;display: block;}
.top-tin .xemthemmoi {display:none}
}
@media only screen and (max-width:479px) {
.hotel .listhotel {width: calc((100% - 16px * 1) / 1);}
.top-tin .post-news {background: #eef8fe;border-right: 1px solid #0000001a;border-left: 1px solid #0000001a;padding: 0;margin-top: 15px;float: none;}
.top-tin .post-news .thumbs { float: none; padding: 0; margin: -1px; height: auto; width: auto; }
.top-tin .post-news .thumbs a img { background: none; border: none; padding: 0 0 10px 0; width: 100%; margin: 0; }
.top-tin .post-news h3 {padding: 0 10px}
.top-tin .post-news p {padding: 10px;}
}

@media only screen and (min-width:480px) {
.hotel .listhotel { width: calc((100% - 16px * 2) / 2); padding: 8px; }
.one-column {width: calc(100% - 30px);}
.two-column {width: calc(100% - 30px); padding:15px; position: relative; display: block;}
.the-column {width: calc(100% - 30px);padding: 15px; background: #f2f2f2; }
.for-column {width: calc(100% - 30px); display: block; width: 100%; padding: 6px 0; }
.dieukhoan ul li {width: calc((100% - 10px * 2) / 2); text-align: center; padding: 0;}
.top-tin .post-news {background: #eef8fe;border-right: 1px solid #0000001a;border-left: 1px solid #0000001a;padding: 0;margin-top: 15px;float: none;}
.top-tin .post-news .thumbs { float: none; padding: 0; margin: -1px; height: auto; width: auto; }
.top-tin .post-news .thumbs a img { background: none; border: none; padding: 0 0 10px 0; width: 100%; margin: 0; }
.top-tin .post-news h3 {padding: 0 10px}
.top-tin .post-news p {padding: 10px;}
.top-tin h2 .tieudemau a {font-size: 16px;}
}
@media screen and (min-width:600px) {
.top-tin {width: calc((100% - 16px * 2) / 2);float: left;}
.one-column {width: calc((100% - 30px * 2) / 2); }
.two-column {width: calc((100% - 30px * 2) / 2); padding:15px 15px 5px 15px; position: relative; display: block; min-height: 261px;}
.the-column {width: calc((100% - 30px * 2) / 2); padding: 15px; background: #f2f2f2; }
.for-column {width: calc((100% - 0px * 2) / 2); display: block; padding:25px 0 6px 0; }
.top-tin .post-news {background: #eef8fe;border-right: 1px solid #0000001a;border-left: 1px solid #0000001a;padding: 0;margin-top: 15px;float: none;}
.top-tin .post-news .thumbs { float: none; padding: 0; margin: -1px; height: auto; width: auto; }
.top-tin .post-news .thumbs a img { background: none; border: none; padding: 0 0 10px 0; width: 100%; margin: 0; }
.top-tin .post-news h3 {padding: 0 10px}
.top-tin .post-news p {padding:6px 10px;}
.top-tin .xemthemmoi {display:none}
.top-tin h2 .tieudemau a {font-size: 16px;}
}
@media only screen and (min-width:768px) {
.hotel .listhotel { width: calc((100% - 16px * 3) / 3);padding: 8px; }
.one-column {width: calc((100% - 30px * 2) / 2);}
.two-column {width: calc((100% - 30px * 2) / 2); padding-bottom:5px}
.the-column {width: calc((100% - 30px * 2) / 2);background:none;}
.for-column {width: calc((100% - 30px * 2) / 2);}
.dieukhoan ul li { padding: 2px 15px; width: auto; text-align: center; }
.top-tin .post-news {background: none; border: none; padding-bottom: 18px; float: none; border-bottom: 1px solid #efefef; margin-top: 12px;}
.top-tin .post-news .thumbs { padding: 0; margin: 5px 10px 0 0; height: auto; width: auto; float: left; }
.top-tin .post-news .thumbs a img {width: 123px;}
.top-tin .xemthemmoi {display:block}
.top-tin h2 .tieudemau a {font-size: 18px;}
}
@media only screen and (min-width : 900px) {
.one-column {width: 23%;padding:15px 15px 15px 15px}
.two-column {width: 19%; padding: 15px; }
.the-column {width: 24%; padding: 15px; }
.for-column {width: 25%;}
}

@media only screen and (min-width:1024px) {
.hotel .listhotel { width: calc((100% - 16px * 3) / 3);padding: 8px; }
.one-column { width: 23%; }
.two-column { width: 20%;}
.the-column { width: 24%; }
.for-column { display: block; width:23%; padding:15px 0 0 0; }
}

@media only screen and (min-width:1200px) {
.forcolumn, .dieukhoan {width:1168px}
.one-column {width: 23%;}
.two-column {width: 20%}
.the-column {width: 24%;}
.for-column {width: 23%;display:block;}
}
@media only screen and (min-width : 1267px) {}
.table-of-contents {padding: 15px 15px 0 15px; background-color: #f8f7f7; position: relative; margin-bottom: 10px ; border: 1px solid #efefef;}
.table-of-contents > ol:first-of-type {padding-top: 15px;padding-left:0}
.table-of-contents ul {padding-left: 1rem;}
.table-of-contents li {list-style: none;}
.table-of-contents .toc-headline {margin-bottom:0; font-size: 110%; cursor:pointer; padding-bottom: 15px; border-bottom:none;}
.table-of-contents .toc-headline::before {content: "\f0c9"; display: inline-block; font-family: 'FontAwesome'; font-size: 18px; margin-right: 0.7rem; color: #1078b9;}
.table-of-contents .toggle-toc {position: absolute; top: .4rem; right: 1rem; font-size: 30px; cursor: pointer; font-weight: 800}
.tocline .toc-headline {padding-bottom: 15px; border-bottom: 1px solid #d4d4d4;}
.tocline .toggle-toc {top: 0;font-size: 37px;}
.table-of-contents > ol > li a {color: #0000ff;}
.table-of-contents > ol > li > ol > li a {color: #008000;}