a {
    color: black;
}
a:hover {
    text-decoration: none;
    color: black;
}

iframe{
	width: fit-content;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img { width:100%; height:auto; object-fit: cover;}



.element {
    font-family: initial;
}

.h1, h1 {
    font-size: 1.8rem;
}
.h2, h2 {
    font-size: 1.6rem;
}
.h3, h3 {
    font-size: 1.4rem;
}
.h4, h4 {
    font-size: 1.4rem;
}
.h5, h5 {
    font-size: 1.2rem;
}

.html-span img {
    width: auto;
}

/*Dùng chun cho cả web*/
    
    @media(max-width: 768px) {
        .hideonmobile {display: none;}
    }

    @media(min-width:768px){
        .hideondesktop {display: none;}
    }
    body,ul {
        margin: 0;
        padding: 0;
        
    }

/*header menu*/

    header#header { background: rgba(37, 39, 40, 0.8); }
    ul#menuheader a { color: white; }
    .imagecssheader a { background-image: url(https://bydhcm.net/wp-content/uploads/Logo-Byd-2026.webp);  height: 30px;  width: 90px;  background-repeat: no-repeat;background-position: center;  background-size: cover;  text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block;
    }
     ul#menuheader li { list-style: none;}
     ul#menuheader a:hover {  text-decoration: none; }
     .current-menu-item a { border-bottom: 1px solid white; }

    /*mobile*/
    @media (max-width: 768px){
        ul#menuheader {  padding: 0;  margin: 0; position: fixed ; top: 0; background: rgba(37, 39, 40, 0.8); right:0% ; width: 70%; text-align: center; z-index: 9999; height:100%}
        ul#menuheader li {padding: 10px 0px;}
        .logoheader img { height: 60px; width: auto;  object-fit: cover;}
        #menuheader { transition: all 1s }
        .header-container { display: flex ; align-items: center; justify-content:center; position: relative; }
        .iconmenuheader i { color: white; }
        .iconmenuheader { position: absolute; left: 30px;}
        .hidemenu { right: -100% !important; }
        #bgmenu { position: fixed; top: 0; background: rgba(37, 39, 40, 0.8);  height: 100%; width: 100%; z-index: 101;}
        .iconmenuheader { transition: ease 1s; z-index: 999;}
    }

    /*desktop*/
    @media (min-width: 768px) {
        ul#menuheader {  margin-bottom: 0 !important; display: flex;  align-items: center; }
        .menu-menu-chinh-container {  display: flex;  justify-content: center;  align-items: center; }
        ul#menuheader li { display: flex; float: left;padding: 18px 25px; }
         .logoheader { display: none;}
         .iconmenuheader {display: none;}
    }

input[type="image"] {
    width: -webkit-fill-available;
}


    // mobile
    @media(max-width:786px) {
        .fz-mb-10 {
            font-size: 10px !important;
        }
        .fz-mb-11 {
            font-size: 11px !important;
        }
        .fz-mb-12 {
            font-size: 12px !important;
        }
        .fz-mb-13 {
            font-size: 13px !important;
        }
        .fz-mb-14 {
            font-size: 14px !important;
        }
        .fz-mb-15 {
            font-size: 15px !important;
        }
        .fz-mb-16 {
            font-size: 16px !important;
        }
        .fz-mb-17 {
            font-size: 17px !important;
        }
        .fz-mb-18 {
            font-size: 18px !important;
        }
        .fz-mb-19 {
            font-size: 19px !important;
        }
        .fz-mb-20 {
            font-size: 20px !important;
        }
    }
    //desktop
    @media(min-width:786px) {
        .fz-10 {
            font-size: 10px !important;
        }
        .fz-11 {
            font-size: 11px !important;
        }
        .fz-12 {
            font-size: 12px !important;
        }
        .fz-13 {
            font-size: 13px !important;
        }
        .fz-14 {
            font-size: 14px !important;
        }
        .fz-15 {
            font-size: 15px !important;
        }
        .fz-16 {
            font-size: 16px !important;
        }
        .fz-17 {
            font-size: 17px !important;
        }
        .fz-18 {
            font-size: 18px !important;
        }
        .fz-18 {
            font-size: 19px !important;
        }
        .fz-20 {
            font-size: 20px !important;
        }
        .fz-21 {
            font-size: 21px !important;
        }
        .fz-22 {
            font-size: 22px !important;
        }
        .fz-23 {
            font-size: 23px !important;
        }
        .fz-24 {
            font-size: 24px !important;
        }
        .fz-25 {
            font-size: 25px !important;
        }


    }