@media (max-width: 768px) {
.svn-sidebar {display: none !important;}
html, body {
	font-size: 20px !important;
	overflow-x: hidden;		/* tăng cỡ chữ cơ bản từ 16px lên 18px */
    }
.card-text, .card-text p, .card-text span, .card-text li {
    font-size: 20px !important;  /* hoặc 18px, 20px tuỳ ý */
}
    h1, .h1, .h1 a { font-size: 28px !important; }  /* tăng heading */
    h2, .h2, .h2 a { font-size: 27px !important; }
    h3, .h3, .h3 a { font-size: 26px !important; }
    h4, .h4, .h4 a { font-size: 25px !important; }
    h5, .h5, .h5 a { font-size: 24px !important; }
    h6, .h6, .h6 a { font-size: 23px !important; }

    /* Tùy chọn: các text nhỏ hơn */
    small, .small, .small a { font-size: 16px !important; }
    p, li, span, a { font-size: 20px !important; }
.news-info {font-size: 15px;}	
	
/* Container carousel */
#mainCarousel {
  width: 100%;
  max-width: 100%;
  overflow: hidden;  /* loại bỏ thanh trượt ngang */
}

/* Carousel-inner dùng padding-top để giữ tỷ lệ 800:450 */
#mainCarousel .carousel-inner {
  position: relative;          /* để padding-top hoạt động */
  width: 100%;
  padding-top: 56.25%;         /* 450/800 = 0.5625 = 56.25% */
}

/* Các slide chiếm hết container */
#mainCarousel .carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;                /* container height đã được padding-top */
}

/* Ảnh trong carousel */
#mainCarousel .carousel-item img {
  width: 100%;
  height: 100%;                /* lấp đầy slide */
  object-fit: cover;           /* crop giữ tỷ lệ */
  display: block;
}

    .card-body .card-title {
        font-size: 14px;
    }
    .card-body .card-text {
        font-size: 12px;
    }
	
    #textDropdown::after {
        display: none;
    }


.usercp-dropdown {
    position: absolute !important;  /* bám nav-link, không trôi */
    top: 0px !important;           /* ngay dưới nav-link */
    left: 0 !important;
    width: 100vw !important;        /* chiếm toàn bộ chiều ngang viewport */
    min-width: 100vw !important;    /* đảm bảo không bị giới hạn parent */
    box-sizing: border-box;
    z-index: 1050 !important;
}




  

  #searchDropdown + .dropdown-menu {
    position: absolute !important;  /* bám nav, không fixed */
    top: 0 !important;           /* ngay dưới nav-link */
    left: 0 !important;
    width: 100vw !important;        /* full chiều ngang */
    min-width: 100vw !important;
    padding: 0.5rem !important;
    box-sizing: border-box;
    z-index: 1050 !important;
  }

  /* Form chiếm hết menu */
  #searchDropdown + .dropdown-menu form {
    display: flex !important;
    width: 100% !important;
    gap: 0.5rem;
  }

  /* Input chiếm hết chỗ còn lại */
  #searchDropdown + .dropdown-menu .form-control {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* Button giữ kích thước nội dung */
  #searchDropdown + .dropdown-menu button {
    flex: 0 0 auto !important;
  }



    /* Row 1: Username + Check button vẫn nằm cùng hàng */
    .ui-form .form-group.row .col-md-6:first-child > .d-flex {
        flex-wrap: nowrap !important;       /* không xuống hàng */
		margin-bottom: 0.8rem; 
    }

    .ui-form .form-group.row .col-md-6:first-child > .d-flex > input {
        flex: 1 1 auto !important;          /* input chiếm hết chỗ còn lại */
        min-width: 0 !important;            /* để không bị overflow */
    }

    .ui-form .form-group.row .col-md-6:first-child > .d-flex > button {
        flex: 0 0 auto !important;          /* button giữ width nội dung */
        white-space: nowrap !important;     /* không xuống dòng */
    }



	
	
.feedback-row {
    display: flex;
    flex-wrap: wrap;       /* xuống hàng khi hẹp */
    align-items: center;
    gap: 0.5rem;           /* khoảng cách giữa input/button */
}

.feedback-row input.form-control {
    flex: 1 1 auto;        /* input chiếm hết chỗ còn lại */
    min-width: 0;           /* tránh overflow */
}

.feedback-row button {
    flex: 0 0 auto;         /* giữ kích thước button */
    white-space: nowrap;    /* không xuống dòng nếu còn chỗ */
}
    .feedback-row button {
        flex: 1 1 100%;
    }
.logo {width: 50%; height:50%;}


}