body{/*font-family: "UTM_Avo";font-size: 16px;*/font-family: "Chakra Petch", sans-serif;
    font-size: 15px;margin: 0px;padding: 0px;color: #0b0b0b;background: #fff;display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
}
.disnone{display:none;}
.paddnone {padding: 0;}
/*************************************/
.headtop{background-color: #3ab54b;padding-top: 5px;
    padding-bottom: 5px;}
.header_m {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.topall{
	display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 10px;
    padding: 0px;
}
.h1site{font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    color: #ffffff;
    margin-bottom: 0;
    line-height: 27px;}
.menutprig{
	list-style: none;
    padding: 0;
    margin: 0;
    float: right;
}
.menutprig >li {
    float: left;
}
.menutprig >li >a {
	font-size: 14px;
    color: #ffffff;
}
.menutprig >li >a >strong {
    color: #333;
}
.menutprig >li:not(:last-child):after {
    font-family: "FontAwesome";
    content: "/";
    padding: 0 5px;
    color: #7A4915;
}
/***/
.headbt {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 10px;
    padding: 0px;
}
.heapart1 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 10px;
    padding: 0px;align-items: center;
}
.thumblg {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    background: #fff;
    vertical-align: top;
    overflow: hidden;
}
.thumblg:before {
    content: "";
    display: block;
    padding-top: 109px;
}
.thumblg_in {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: none;
    overflow: hidden;
}
.thumblg_in >a {
    float: left;
    overflow: hidden;
}
.hotline{font-size: 20px;
    font-weight: 500;text-align: right;}
.hotline >span{margin-right: 5px;}
.hotline >a{font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fb0101;
    float: right;}
/**/
.heapart2 {
    background-color: #3ab54b;
}
/*****************header**************/
/**************main*******************/
.main_m {
    display: grid;
    grid-gap: 10px;margin: 10px 0px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.about,.event,.rental,.news {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.about_td,.event_td,.rental_td,.news {
    text-align: center;
}
.h2about,.h2event,.h2rental,.h2news {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
    display: inline-block;
    position: relative;padding: 10px 0px;
}
.h2about:before,.h2event:before,.h2rental:before,.h2news:before {
    width: 116px;
    height: 2px;
    background-color: #3ab54b;
    position: absolute;
    left: 50%;
    margin-left: -58px;
    bottom: 4px;
    content: '';
}
.about_m {
    color: #fff;
    background-color: #ff8000;
}
.about_cont{
	list-style: none;
    padding: 0;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.h3about {
    font-size: 19px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}
.des_about {
    margin-bottom: 10px;
}
.des_about p{margin: 0;}
.hrefab{background-color: #3ab54b;
    padding: 5px 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;}
/**event**/
.event_list {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    padding: 0;
    margin: 0;
}
.item_ev {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.thumb_ev {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    background: #fff;
    vertical-align: top;
    overflow: hidden;
}
.thumb_ev:before {
    content: "";
    display: block;
    padding-top: 67.22%;
}
.thumb_inev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: none;
    overflow: hidden;
}
.thumb_inev >a {
    float: left;
    overflow: hidden;
}
.info_ev {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));padding: 10px 0px;
}
.h3ev {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
	margin: 0px;text-align: center;
}
.h3ev >a{color: #58ba1f;}
.h3ev >a:hover{text-decoration: none;color: #ff8000}
.h4ev {
    font-size: 15px;
    font-style: italic;margin: 0px;
}
/****/
.whyus_m{
    text-align: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 460px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1,minmax(0,1fr));
}
.whyus {
    padding: 50px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1,minmax(0,1fr));
    background-color: #ffffffc7;
    margin: 50px auto;
}
.h2whyus {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}
.h3whyus {
    margin: 0;
    font-size: 16px;
}
.ulwhyus {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lius,.inf-wus {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.thumb-wus {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    vertical-align: top;
    overflow: hidden;
}
.thumb-wus:before {
    content: "";
    display: block;
    padding-top: 100px;
}
.thumb-inwus {
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
}
.thumb-inwus >a {
    float: left;
    overflow: hidden;
}
.h4wus {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}
/**rental**/
.rental_list {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    padding: 0;
    margin: 0;
}
.item_ren {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.thumb_ren {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    background: #fff;
    vertical-align: top;
    overflow: hidden;
}
.thumb_ren:before {
    content: "";
    display: block;
    padding-top: 54.055%;
}
.thumb_inren {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: none;
    overflow: hidden;
}
.thumb_inren >a {
    float: left;
    overflow: hidden;
}
.info_ren {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));padding: 10px 0px;
}
.h3ren {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
	margin: 0px;text-align: center;
}
.h3ren >a{color: #58ba1f;}
.h3ren >a:hover{text-decoration: none;color: #ff8000}
.h4ren {
    font-size: 15px;
    font-style: italic;margin: 0px;
}
/**callme**/
.callme_m{background-color: #58ba1f;}
.callme {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-items: center;
    padding: 10px 0px;font-size: 20px;
}
.spcallme{
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
.spcallme >a{color: #fff;}
.zalome {
    background-color: #ff8000;
    padding: 5px 10px;
    font-size: 16px;font-weight: 600;
    text-transform: uppercase;
}
.zalome >a{color: #fff;}
/**news**/
.news_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 10px;
}
.thumb_news {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    background: #fff;
    vertical-align: top;
    overflow: hidden;
}
.thumb_news:before {
    content: "";
    display: block;
    padding-top: 70%;
}
.thumb_innews {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: none;
    overflow: hidden;
}
.thumb_innews >a {
    float: left;
    overflow: hidden;
}
.item_news {
    display: grid;
    grid-template-columns: 140px repeat(1, minmax(0, 1fr));
    grid-gap: 10px;
}
.info_news{display: grid;
    grid-gap: 2px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-content: baseline;text-align: left;}
.h3news {
    font-size: 17px;
    margin: 0px;
}
.h3news >a:hover{text-decoration: none;color: #ff8000}
.h4news {
    font-size: 15px;
    font-style: italic;
    color: #4c4a4a;margin: 0px;
}
/*************category****************/
.casipa {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr)) 280px;
}
.columnleft {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-content: baseline;
}
h1.h1catsipa {
    margin-bottom: 0;
    background-color: #553014;
    display: inline-block;
    padding: 8px 5px;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
}
.csp_td {
    border-bottom: 3px solid #553014;
}
.csp_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.item_csp {
    border: 1px solid #eee;
    position: relative;
    list-style: none;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.thumb_csp {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    background: #fff;
    vertical-align: top;
    overflow: hidden;
}
.thumb_csp:before {
    content: "";
    display: block;
    padding-top: 61.58%;
}
.thumb_incsp {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: none;
    overflow: hidden;
}
.thumb_incsp >a {
    float: left;
    overflow: hidden;
}
.info_csp {
    display: grid;
    align-content: center;
    grid-gap: 5px;
    justify-items: center;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: 0px 5px;
}
.h3csp {
    margin-bottom: 0;
    font-size: 16px;
}
.h3csp >a {
    color: #464646;
}
.h4csp {
    font-size: 15px;
    margin-bottom: 0;
    font-style: italic;
    color: #a39e9e;
    font-weight: 400;
}
/*****************sidebar*****************/
.sidebar,.sideblog {
    display: grid;
    grid-gap: 10px;align-content: baseline;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.bl-sidebar {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.sidetit {
    border-bottom: 3px solid #fdee17;
}
.sidetit >h3 {
    font-size: 16px;
    margin-bottom: 0;
    padding: 8px 5px;
    background-color: #553014;
    text-transform: uppercase;
    color: #fff;
}
.ollist {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.item-ol {
    grid-gap: 10px;
    grid-template-columns: 35% repeat(1, minmax(0, 1fr));
    display: grid;
    border-bottom: 1px solid #eee;
    position: relative;
}
.thumb-ol {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    background: #fff;
    vertical-align: top;
    overflow: hidden;
}
.thumb-ol:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.thumb-inol {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: none;
    overflow: hidden;
}
.thumb-inol >a {
    float: left;
    overflow: hidden;
}
.inf-news,.info-lsnew {
    display: grid;
    align-content: center;
    grid-gap: 5px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: 0px 5px;
}
.h3titnews,.h3lsnew {
    margin-bottom: 0;
    font-size: 15px;
}
.h3titnews >a,.h3lsnew >a {
    color: #464646;
}
.h4titnews,.h4lsnew {
    font-size: 13px;
    margin-bottom: 0;
    font-style: italic;
    color: #a39e9e;
    font-weight: 400;
}
.dmtaxcat{background-color: #f1f1f194;}
/**menu sidebar**/
.sidemenucls,.sidemenunsx {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidemenucls >li,.sidemenunsx >li {
    border-bottom: 1px solid #6a666670;
}
.sidemenucls >li >a,.sidemenunsx >li >a {
    padding: 5px 0px;
    display: block;color:#000;
}
.sidemenucls >li >a:before,.sidemenunsx >li >a:before {
    content: "\f105";
    display: inline-block;
    font-family: "FontAwesome";
    /*color: #e03232;*/
    margin: 0 6px 0 0;
}
.sidemenucls >li >a:hover,.sidemenunsx >li >a:hover{text-decoration:none;color:#1a73e8;}
.sidemenucls >li.menu-item-has-children >.sub-menu,.sidemenunsx >li.menu-item-has-children >.sub-menu {
    list-style: none;
    padding: 0;background-color:#424040de;
    margin: 0;display:none;
}
.sidemenucls >li.menu-item-has-children,.sidemenunsx >li.menu-item-has-children{position:relative;}
.sidemenucls >li.menu-item-has-children >.sub-as-opened:before,.sidemenunsx >li.menu-item-has-children >.sub-as-opened:before{font-family: fontawesome;content:"\f147";}
.sidemenucls >li.menu-item-has-children >ul >li:not(:last-child),.sidemenunsx >li.menu-item-has-children >ul >li:not(:last-child){border-bottom:1px solid #eee;}
.sidemenucls >li.menu-item-has-children >ul >li >a,.sidemenunsx >li.menu-item-has-children >ul >li >a{
    display: block;text-decoration: none;
    padding: 5px 10px 5px 15px;
    color: #fff;}
.sidemenucls >li.menu-item-has-children >ul >li >a:before, .sidemenunsx >li.menu-item-has-children >ul >li >a:before{font-family: fontawesome;content: "\f101";margin-right: 5px;}
.sidemenucls >li.menu-item-has-children >ul >li >a:hover,.sidemenunsx >li.menu-item-has-children >ul >li >a:hover{
	color:#fdee17;
}
.sub-as-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    height: 34px;
    width: 34px;
    cursor: pointer;
}
.sub-as-button:before{font-family: fontawesome;
    position: absolute;
    content: "\f196";
    color: #000;
    text-align: center;
    right: 10px;font-size: 16px;
    bottom: 5px;}
/**************single****************/
.sipa_td {
    border-bottom: 3px solid #d30011;
}
.h1sipa {
    font-size: 16px;
    margin: 0;
}
/**************single relate**********/
.hrelate {
    margin-bottom: 0;
    background-color: #553014;
    display: inline-block;
    padding: 8px 5px;
    color: #fff;
    font-size: 16px;
}
.bl-titrelate {
    border-bottom: 3px solid #d30011;
}
.blogrelate {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-content: baseline;
}
.realtecate {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.item-tax {
    border: 1px solid #eee;
    position: relative;
    list-style: none;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.thumb-taxlis {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    background: #fff;
    vertical-align: top;
    overflow: hidden;
}
.thumb-taxlis:before {
    content: "";
    display: block;
    padding-top: 61.58%;
}
.thumb-intaxlis {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: none;
    overflow: hidden;
}
.thumb-intaxlis >a {
    float: left;
    overflow: hidden;
}

/**************main*******************/
/**************footer*****************/
.footer_m {
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.footer {
    background-color: #3ab54b;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-top: 10px;
    padding-bottom: 10px;
}
.info_com {align-content: baseline;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.h3com {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px;
    display: inline-block;
}
.h3com:before {
    width: 100%;
    height: 2px;
    background-color: #f97c25;
    position: absolute;
    left: 0;
    bottom: -4px;
    content: '';
}
.olcom {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-gap: 0px;color: #ffffff;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.olcom li a{color: #ffffff;}
.h4com {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
.dd,.mst,.hl,.ema,.dc,.dt,.ngca {
    font-weight: 700;
    color: #080808;
}
address{margin: 0;color: #ffffff;display: inherit;}
.fb{background-position: -128px -32px;background-color: #3b5998;}
.fb:hover{background-position:-128px -32px;background-color:#3b5998 !important;}
.youtu{background-position: -192px -96px;background-color: #f45750;}
.youtu:hover{background-position:-192px -96px;background-color:#f45750 !important;}
.insta{background-position: -224px -96px;background-color: #517fa4;}
.insta:hover{background-color:#517fa4 !important;background-position:-224px -96px;}
.pin{background-position: 0 -96px;background-color: #cb2027;}
.pin:hover{background-color: #cb2027 !important;background-position: 0 -96px;}
.twi{background-position: -95px -96px;background-color: rgb(29, 155, 240);}
.twi:hover{background-color: rgb(29, 155, 240) !important;background-position: -95px -96px;}
.tiktok{background-position: -30px -160px;background-color: #ffffff;}
.tiktok:hover{background-color:#ffffff !important;background-position: -30px -160px;}
.fb,.youtu,.insta,.pin,.tiktok,.twi{
	width: 32px;
    height: 32px;
    background-image: url(https://buidungmusic.com/wp-content/uploads/2023/01/bui-dung-music-socials.png);
    background-repeat: no-repeat;
    background-size: 320px 192px;
	border-radius: 40px;
    display: inline-block;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;}
.copyright {
    text-align: center;
    font-size: 12px;
    color: #080808;
    padding: 4px 0px;
    background-color: #555;
}
/**************footer*****************/
@media only screen and (min-width: 481px) {

}

@media only screen and (max-width: 768px) {
    .whyus {
    padding: 50px 10px !important;}
.about_cont,.news_list,.footer,.topall,.casipa {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.event_list,.ulwhyus,.rental_list,.csp_list,.realtecate {
    grid-gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
	.callme{font-size: 16px;text-align: center;}
	.topright{display: none;}
	.heapart1{padding-right: 15px !important;
    padding-left: 15px !important;}
	.hotline{text-align: center;}
	.h1site{text-align: center;}
}