@media (min-width: 1200px) {}

@media (min-width: 992px) and (max-width: 1200px) {}

@media (min-width: 768px) and (max-width: 992px) {

}
@media (max-width: 768px){
	.container{
		width: 100%!important;
	}
	.mbButtonMenu{
		position: absolute;
		top: 0;
		right: 0;
		color: #fff;
	}
	.boxMenu {
		float: none;
		margin-top: 0;
		position: fixed;
		z-index: 200;
		left: 0;
		top: 0;
		background: #302114;
		width: 100%;
		height: 100%;
		border-right: 2px solid #302114;
		display: none;
		padding-top: 10px;
        opacity: 1;
	}
    .boxMenu.on {
        display: block;
        padding-top: 15px;
    }
    .boxMenu ul{
        padding-left: 18px;
        text-align: left;
        padding-top: 40px;
    }
    .boxMenu ul li a{
        position: relative;
        top:0;
        font-size: 18px;
    }
    .boxMenu ul li.mdLogo a {
        font-size: 25px;
    }
    .boxMenu ul li {
        float: none;
        position: relative;
        width: 100%;
        padding-left: 5px;
        top: 0px;
    }
    .boxMenu ul li.mdLogo a{
        top:0px;
    }
    .boxMenu li ul {
        top: auto;
        left: 0;
        padding: 5px 0 0px 0;
        box-shadow: none;
        display: none;
        min-width: 100%;
        z-index: 999;
        position: relative;
        background: #bf0c0f;
        width: 100%;
    }
    .boxMenu li ul li {
        margin: 0px 0;
        padding-left: 8px;
    }
    .boxMenu ul li a:hover{
        color: #fff;
    }
    .boxMenu ul li a{
        padding: 0;
    }
    .mbButtonMenuL{
        top: 2px;
        position: absolute;
        right: -5px;
        color: #fff;
    }
    .mbButtonMenuL.navbar-toggle {
        margin-top: 0px;
        padding: 0 10px;
        top: -15px;
        z-index: 2;
    }
    .mbButtonMenuL:hover,
    .mbButtonMenu:hover{
        color: #fafafa;
    }
    .boxIndex0 {
        font-size: 22px;
        color: #58595b;
    }
    .boxIndex0 br{
        display: none;
    }
	.boxHotline {
		float: left;
	}
    .boxMenu{
        display: none;
    }
    #header {
        border-bottom: 1px solid #ddd;
        background: #302013;
        position: fixed;
        z-index: 10;
        display: inline-block;
        width: 100%;
    }
    .boxIndex0 {
        padding-top: 0px;
    }
    #content {
        padding-top: 50px;
    }
    .rText {
        text-align: center;
    }
    .rText *{
        padding: 0;
    }
    .textDoted {
        margin-top: 5px;
    }
    .boxIndex2{
        text-align: center;
    }
    .boxIndex2 *{
        padding: 0;
    }
    .textLeftH{
        margin-left: 0;
    }
    .title-box-index{
        text-align: center;
    }
    .title-box-index .textOt{
        padding: 0;
    }
    .boxLinkFooter .address{
        text-align: center;
    }
    .box-social-2 {
        text-align: center;
    }
    .address.ext img{
        float: none;
    }
    .address .box-call-2{
        text-align: center;
        background: url("../img/icon-cal.png") no-repeat center 5px;
        padding-left: 0;
        padding-top: 60px;
    }
    .line-post-data{
        padding: 5px 0px;
    }
    .mbButtonMenu{
        display: inline-block;
    }
    .item-post .post-img{
        height: auto;
        max-height: none;
    }
    .listPostNews .item-post-cols {
        height: auto;
        display: inline-block;
    }
    .textDoted ul {
        margin-top: 10px;
    }
    .thanhphan table{
        max-width: 100% !important;
        width: 100%!important;
    }
    .bottomContent{
        padding: 0 15px;
    }
    .spingT.ext {
        padding-left: 0;
        clear: both;
        display: inline-block;
        width: 100%;
    }
    .listPostNews .thumbI {
        height: auto;
    }
    .boxMenu .submenu{
        display: block;
        position: relative;
        top:2px;
    }
    .boxMenu ul li{
        margin-bottom: 10px;
    }
    .contentHotlineMail .txtHotline .iconPhone{
        margin: 0px;
    }
    .txtMail,
    .txtHotline{
        color: #fff;
        font-size: 14px;
    }
    .content-box-index{
        margin: 0px;
        right: 0px;
        width: 100%;
        padding-top: 15px;
    }
    .title-box-index {
        text-align: left;
        padding-left: 15px;
    }
    .timePost {
        display: inline-block;
        width: 100%;
    }
    .titleNews{
        margin-top: 10px;
    }
    .thumbNews img{
        width: 100%;
    }
    .item-box{
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }
    .contentHotlineMail {
        float: none;
    }
    .text-intro {
        padding-top: 10%;
        padding-left: 0;
    }
    .bgIntro .thumb {
        top: 1%;
        text-align: center;
        display: inline-block;
        width: 100%;
    }
    .bgIntro .thumb img {
        width: 80%;
        left: 0;
    }
    .bgIntro {
        width: 100%;
        height: auto;
    }
    .boxIndex3 {
        border-top: 2px solid #8b5d3b;
    }
    .boxIndex3 {
        padding-bottom: 20px;
    }
    .content-one{
        width: 100%;
    }
    .wrap-content-one {
        padding-top: 0%;
    }
    .bgPageDetail{
        padding-top: 10px;
    }
    .mbLogo{
        display: inline-block;
        color: #fff;
        margin-top: 18px;
        margin-left: 15px;
    }
    .mbLogo a{
        color:#fff;
        font-family: UVF Quattrocento-Regular;
        font-size: 20px;
    }
    .boxMenu.opacity1.on br{
        display: none;
    }
    .boxMenu.opacity1.on li a{
        font-family: UVF Quattrocento-Regular;
        font-size: 20px;
    }
    .address img {
        width: 25%;
    }
    .pOthers{
        background: #c49a6b url("../img/002.png") repeat;
    }
    .line-solid{
        background: #fff;
        padding: 10px 15px;
    }
    .boxMenu.opacity1.on .mdLogo{
        display: inline-block;
        color: #fff;
        margin-top: -2px;
        margin-left: 15px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .boxMenu.opacity1.on .mbLogo{
        display: none;
    }
    .boxMenu.opacity1.on ul li {
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .address-contact {
        margin-top: 20px;
        border-top: 1px solid #ddd;
        padding-top: 20px;
    }
    .viewPost.paddbt50.mb{
        padding-bottom: 5px;
    }
    .imgCatShow {
        padding-top: 0;
        margin-top: 0px;
    }
    #sliderBanner{
        display: none;
    }
    .FHotline{
        display: block;
        position: relative;
        z-index: 99999;
    }
    .FHotline a {
        display: inline-block;
        position: fixed;
        bottom: -5px;
        left: 10px;
        width: 80px;
        text-align: center;
        cursor: pointer;
        font-size: 40px;
        color: #fff;
        line-height: 100px;
        z-index: 99999;
    }
    .FHotline a img{
        width: 100%;
    }
    .tRight .post-title{
        height: auto;
    }
    .item-post {
        float: none;
        height: auto;
    }
    .bannerFixed{
        display: none;
    }
    .content-view-padd {
        top: 5px!important;
    }
    .mdLogo br{
        display: none;
    }
    #sys-popup-regs .modal-dialog-popup {
        width: 100%;
        height: auto;
    }
    #sys-popup-regs .action-popup-button {
        width: 100%;
        text-align: left;
    }

    #sys-popup-regs .classic-popup-input {
        position: relative;
        bottom: auto;
        left: auto;
    }
    #sys-popup-regs .modal-dialog-popup .modal-content{
        background-image: url("../img/bgHoiThao-0.jpg");
        width: 95%;
    }
    #sys-popup-regs .itemFrm input {
        width: 100%;
    }
    #sys-popup-regs .btn-ext {
        width: auto;
    }
    #sys-popup-regs .bgLogo,
    #sys-popup-regs .classic-popup-subtitle{
        display: inline-block;
    }
    .content-view img{
        height: auto!important;
        width: 100%!important;
    }
    .rightBox .item-post {
        height: auto;
    }
    .tRight .post-title {
        height: auto;
    }
    .tRight .post-intro {
        height: auto;
    }
    .img-other-video{
        height: auto;
    }
    .thumbNews{
        height: auto;
    }
    .introNews.ext,
    .introNews{
        height: auto;
    }

}