@media only screen and (max-width: 480px) {
	.carousel-inner .features_list .items img {
		height: 125px;
	}

	.dola b {
		font-size: 22px;
	}

	.mega-menu ul.list li a {
		padding: 6px 12px;
		border: 1px solid #e6e7ed;
	}

	.mega-menu ul.list li span {
		font-size: 14px;
	}

	.item-product .card-deck .card {
		flex: 0 0 100% !important;
	}
}

@media only screen and (max-width: 579px) {
	.tab-blue .nav-link {
		font-size: 14px;
	}

	.nav-drill ul.nav li {
		width: 100%;
	}

	.pulsa-content {
		padding: 16px 0;
	}

	.pulsa-content ul.list {
		grid-template-columns: 46% 46%;
		gap: 24px;
		margin-top: 30px;
	}

	.tele-utili .rounded-circle {
		width: 100px;
		height: 100px;
		margin: 0 auto 10px;
	}

	.item-product .feature-items {
		padding-bottom: 10px;
	}

	.container {
		padding-right: 16px !important;
		padding-left: 16px !important;
		max-width: 100%;
	}

	.container-menu-mb {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.feature-items h4 {
		font-size: 16px;
		margin-bottom: 0;
		padding: 10px 0px;
	}

	.feature-items .boxcoint {
		padding: 0px;
	}

	.feature-items .boxcoint p {
		margin-bottom: 10px;
	}

	.card {
		padding: 12px 16px;
		border-radius: 14px;
		border: 2px solid #f2f4fa;
	}

	.card .bottom {
		padding: 10px 10px;
	}

	.item-product .card-deck .card {
		padding: 16px !important;
		border-radius: 14px;
	}

	.nav-drill ul.nav li {
		width: 100%;
	}

	.nav-drill ul.nav li {
		padding-left: 0px;
	}

	.news .sub-title-1 {
		display: block;
	}

	.news .sub-title-2 {
		display: none;
	}

	.news .news-part {
		margin-top: 30px;
	}

	.news .sub-img {
		border-radius: 8px;
	}

	.news .news-content {
		font-size: 14px;
		padding: 15px !important;
		margin-top: 0px !important;
		background-color: #f9f7f7;
	}

	.news .news-content .f24 {
		font-size: 24px !important;
	}

	/*.news .news-content .col-5 { 
        padding: 15px; 
    }*/
	.news .news-content .col-5 {
		padding-left: 15px;
		padding-right: 15px;
	}

	.news .news-content .col-7 {
		padding-left: 15px;
		padding-right: 15px;
	}

	.news .sub-title {
		max-width: 100%;
		border-radius: 3px;
		padding: 5px 10px;
	}

	.logo img {
		max-width: 120px;
	}

	a.register {
		font-size: 18px;
		padding: 6.5px 19.5px;
	}

	.nav-drill ul.nav li {
		margin-bottom: 16px;
	}

	.nav-drill {
		padding: 0px 0px 0px;
	}

	.tele-login {
		padding-top: 160px;
	}

	.column-item-search-name {
		font-size: 10px;
	}

	.title-key-search {
		font-size: 14px;
		font-weight: 400;
	}

	.bg-image-login {
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		top: 0;
		display: block;
	}
	.bg-image-login img {
		width: 100%;
		height: 100%;
	}

	.closemenu {
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.nav-drill ul.nav li a {
		font-size: 18px;
	}

	.number {
		font-size: 34px;
	}

	.tel-intro {
		margin-top: 20px;
	}

	.tel-ict {
		margin-top: 30px !important;
	}

	.tel-intro h2,
	.banner-slide-about h3 {
		font-size: 18px;
	}

	.intro-top .carousel-inner {
		height: auto;
	}

	.mega-menu ul.list {
		flex-wrap: nowrap;
		overflow: auto;
		justify-content: flex-start;
		gap: 8px;
	}

	.mega-menu ul.list li {
		min-width: fit-content;
		margin: auto;
	}

	.hot-promo .carousel-indicators {
		bottom: -20px;
	}

	.hot-promo h2 span::before {
		content: none;
	}

	.hot-promo h2 span {
		justify-content: flex-start;
		padding: 10px 0px;
	}

	.hot-promo h2 span,
	.tele-news h2 {
		font-size: 20px;
	}

	.boxtimeline .title {
		font-size: 14px;
		font-weight: 600;
	}

	.copyright .col-md-4 {
		width: 55%;
		order: 1;
		display: inline-block;
	}

	.copyright .col-md-6 {
		order: 3;
	}

	.copyright .col-md-2 {
		order: 2;
		display: inline-block;
		width: 45%;
	}

	.ft-bottom,
	.ft-bottom .left {
		display: block;
		text-align: center;
	}

	.bottom-link a {
		padding: 0 0 10px 0;
	}

	.social {
		margin-top: 20px;
		justify-content: center;
	}

	.intro-top .mr-5 {
		margin-right: 0 !important;
	}

	.banner-slide h2,
	.banner-slide h3 {
		font-size: 24px;
	}

	.banner-slide p {
		font-size: 16px;
	}

	.banner-slide {
		height: 150px;
	}

	.tele-bussiness {
		padding: 8px 0;
	}

	.tele-detaiProd .content {
		padding: 20px;
	}

	.tele-detaiProd .content .title {
		margin-top: 20px;
	}

	.middle input[type="radio"]:checked ~ .ww-list-detail::after {
		width: 120px;
		/*left: -42px*/
	}

	.tele-product .items .img img {
		height: 120px;
		min-width: 94px;
	}

	#thumbSlider .carousel-item .thumb {
		width: 30%;
	}

	.product-detail h1 {
		font-size: 24px;
	}

	#thumbSlider .carousel-inner img {
		height: auto;
	}

	#myCarousel img {
		max-width: 100%;
	}

	.tele-showroom .box {
		padding: 20px 16px;
	}

	.tele-charge .boxstyle label.text-right {
		text-align: left !important;
		margin-bottom: 10px;
	}

	.tele-charge .boxstyle .form-group.mb-5 {
		margin-bottom: 20px !important;
	}

	.tele-charge .boxstyle {
		/*		padding: 20px 20px 10px;
		background: url(../image/bg-charge.png) repeat-y center top;*/
	}

	.boxstyle form .form-group {
		margin-bottom: 20px;
	}

	.boxstyle form {
		margin-top: 20px;
	}

	.backhome {
		left: 20px;
		top: 20px;
	}

	.box-video a.icon-video {
		height: 165px;
	}

	.box-customer,
	.box-customer .box {
		padding: 0px;
	}

	.box-customer .accordion .card-header,
	.box-customer .card-body {
		padding: 0px;
	}

	.box-customer .card-link {
		padding-right: 20px;
		font-size: 14px;
		font-weight: 600;
	}

	.box-customer .card-link:before {
		top: 10px;
	}

	.f24 {
		font-size: 24px !important;
	}

	.f20 {
		font-size: 20px !important;
	}

	.tele-program .title span:first-child {
		margin: 0 0 10px;
	}

	.modal .modal-dialog {
		max-width: 100%;
	}

	.boxtimeline .times span {
		font-size: 20px;
	}

	.item-product .features {
		width: 50%;
		/*padding-right: 0;*/
	}

	.item-product .features:nth-child(2n) {
		padding-left: 0;
		/*margin-left: 3%;*/
	}

	.item-product .features .items {
		width: 100%;
		margin-bottom: 14px;
	}

	.tele-product {
		padding-top: 60px;
	}

	.box-range,
	.tele-product .box p {
		display: none;
	}

	.tele-product .box p.mb-0 {
		display: block;
	}

	.tele-product .box {
		padding: 10px;
	}

	a.btn-regis {
		padding: 5px 15px;
		width: 140px;
	}

	.carousel-inner .features_list .features {
		width: 50%;
	}

	.carousel-inner h3 {
		font-size: 1rem;
	}

	.tele-help .title {
		font-size: 22px;
	}

	.form input {
		border-radius: 30px;
		height: 45px;
		padding: 13px 32px;
		font-size: 16px;
		margin-right: 2px;
	}

	.form .btn-success {
		font-size: 18px;
		padding: 9px 20px;
		height: 45px;
	}

	.main-balance form {
		margin-top: 0;
	}

	.tel-intro .descrip {
		margin-bottom: 10px;
		max-height: 60px;
		overflow: hidden;
	}

	.tel-intro a.btn-blue {
		margin-bottom: 10px;
	}

	.listproduct a.title {
		font-size: 14px;
		color: #394d99;
		font-weight: 400;
	}

	.listproduct {
		padding: 15px 10px;
	}

	.tele-news .features {
		width: 100%;
		display: block;
	}

	.h-175 {
		height: 100%;
	}

	.tele-news .features .news-item .img {
		width: 80px;
		height: 80px;
		float: left;
		margin: 0 12px 0px 0;
	}

	.tele-news .features .news-item {
		border: none;
		border-radius: 0;
		margin-bottom: 0rem !important;
	}

	.news-item h3 {
		margin-top: 0;
	}

	.news-item .descrip,
	.news-item p.m-0,
	.item-vas .boxcont .descrip {
		display: none;
	}

	.news-item h3 a {
		max-height: 80px;
		overflow: hidden;
	}

	.chatbot {
		right: 10px;
	}

	.item-vas .boxcont {
		padding: 10px;
	}

	.dola span {
		font-size: 16px;
	}

	.item-vas .boxcont .f24 {
		font-size: 20px !important;
	}

	.banner-slide-about {
		height: 155px;
		padding: 0 30px;
	}

	.main-balance form .col-sm-3,
	.main-balance form .col-sm-5,
	.main-packages form .col-sm-3 {
		width: 40%;
	}

	.main-balance form .col-sm-9,
	.main-balance form .col-sm-7,
	.main-packages form .col-sm-9 {
		width: 60%;
	}

	.tele-account .boxstyle .mt-5 {
		margin-top: 10px !important;
	}

	.tele-history .box {
		padding: 10px;
	}

	.panel-content {
		padding: 20px;
	}

	.tab-blue .nav-item {
		width: 44%;
		margin-bottom: 20px;
	}

	.info-member .boxstyle {
		padding: 15px;
	}

	.progressbar .rating-icon {
		right: 14px;
	}

	.listoffer li {
		width: 50%;
		display: block;
	}

	.listoffer .icon {
		margin-bottom: 10px;
	}

	.box-customer .form-search {
		display: block !important;
	}

	.box-customer .form-search select {
		padding: 8px 12px;
		border-radius: 8px;
	}

	.theme-newyear .mega-menu ul.list li a {
		width: auto;
		height: auto;
	}

	.pulsa-content .bg2 {
		width: 100%;
		left: 0;
		top: auto;
		bottom: 0;
	}

	.pulsa-content .box {
		margin-bottom: 10%;
	}

	.body-loyalty-gradient {
		margin-bottom: 18px;
	}

	.background-desc {
		padding: 8px 16px;
		left: 5%;
		right: 5%;
		bottom: -20px;
		transform: translateX(0%);
	}

	.background-desc-wrapper {
		padding-bottom: 10px;
	}

	.background-desc-header {
		font-size: 24px;
	}

	.background-desc-body {
		font-size: 14px;
	}

	.time {
		font-size: 12px;
	}

	.new-header {
		display: block;
		line-height: 1.5;
		max-height: calc(1.5em * 2);
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#promotion-products {
		flex-direction: column;
		flex-wrap: wrap;
		gap: 14px;
		margin: 0 auto;
		padding: 16px 0;
	}

	.promotion-products-card {
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: white;
		border-radius: 8px;
		gap: 13px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		padding: 20px;
		border: 1px solid #d3d2d9;
		width: auto;
	}

	.promotion-products-card h2 {
		color: #4e4a69;
		text-align: start;
		font-size: 16px;
	}

	.promotion-products-card h3 {
		color: #231a5b;
		margin: 10px 0;
		font-size: 20px;
		text-align: center;
	}

	.promotion-products-card p {
		margin: 5px 0;
		color: #4e4a69;
		font-size: 14px;
	}

	.pricing-card-content p {
		margin: 5px 0;
		color: #4e4a69;
		font-size: 14px;
	}

	.promotion-products-card strong {
		font-size: 18px;
	}

	.promotion-products-card span {
		font-size: 12px;
		color: #7a7887;
	}

	.promotion-products-right,
	.promotion-products-left {
		width: auto;
	}

	.promotion-products-right {
		text-align: center;
	}

	.register-btn {
		border: none;
		border-radius: 8px;
		color: #ff611a;
		cursor: pointer;
		padding: 10px 20px;
		font-weight: bold;
		font-size: 18px;
	}

	.register-btn:hover {
		background-color: #f7b79f;
	}

	.header-module p {
		color: #231a5b;
		font-family: var(--f-bold);
		font-size: 20px;
	}

	.vas-card {
		background-color: white;
		border-radius: 12px;
		box-shadow: 0px 2px 24px 0px #22222217;
		min-width: 242px;
		padding: 16px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.image-container img {
		width: 100%;
		border-radius: 10px;
		margin-bottom: 15px;
	}

	.card-content h2 {
		font-size: 16px;
		color: #231a5b;
		line-height: 150%;
		font-weight: 600;
	}

	.card-content p {
		color: #4e4a69;
		font-size: 12px;
		line-height: 150%;
	}

	.price {
		font-size: 20px;
		color: #231a5b;
		margin-bottom: 8px;
	}

	.vas-card .register-btn {
		width: 100%;
		text-align: center;
		color: #ff611a;
		border: none;
		border-radius: 5px;
		padding: 10px 15px;
		cursor: pointer;
		transition: background-color 0.3s ease;
	}

	.vas-card .register-btn:hover {
		background-color: #d58a1f;
	}

	.day {
		font-size: 12px;
		color: #7a7887;
		line-height: 150%;
	}

	.vas-container {
		gap: 16px;
		overflow: auto;
		margin-bottom: 32px;
	}

	.vas-container::-webkit-scrollbar {
		display: none;
	}

	.tele-device {
		margin: 32px 0;
	}

	.tele-device .device-container {
		padding: 16px 0;
		gap: 16px;
		overflow: auto;
	}

	.tele-device .device-container::-webkit-scrollbar {
		display: none;
	}

	.tele-device .image-container {
		width: 140px;
		height: 140px;
		padding: 16px 10px;
	}

	.tele-device .image-container img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.tele-device p {
		margin: 0;
	}

	.tele-device span {
		font-size: 12px;
		color: #7a7887;
		vertical-align: middle;
		line-height: 150%;
	}

	.tele-device span.price {
		font-size: 20px;
		font-weight: 600;
		vertical-align: middle;
		line-height: 130%;
		color: #231a5b;
	}

	.tele-help {
		background-color: #fff;
		padding: 20px;
		border-radius: 8px;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
		margin: auto;
		flex-direction: column;
	}

	.tele-help h1 {
		color: #231a5b;
		font-size: 20px;
		font-weight: 600;
		line-height: 130%;
	}

	.tele-help p {
		font-size: 14px;
		color: #4e4a69;
	}

	.tele-help label {
		display: block;
		font-weight: 600;
		font-size: 14px;
		color: #4e4a69;
		line-height: 140%;
	}

	.tele-help input,
	.tele-help textarea {
		width: 100%;
		padding: 10px 12px;
		margin: 5px 0;
		border: 1px solid #d3d2d9;
		border-radius: 6px;
	}

	.tele-help button {
		background-color: #ff5000;
		color: #fff;
		border: none;
		padding: 10px;
		border-radius: 8px;
		cursor: pointer;
		width: 100%;
		font-size: 16px;
	}

	.tele-help button:hover {
		background-color: transparent;
		color: #ff5000;
	}

	.tele-help a {
		color: #507ae5;
		font-size: 14px;
		font-weight: 600;
	}

	.footer-summery {
		flex-wrap: wrap;
	}

	.footer-container h3 {
		font-size: 16px;
	}

	.footer-container ul li {
		font-size: 14px;
	}

	.footer-container p {
		font-size: 14px;
	}

	.contact-us {
		flex: 1;
	}

	.contact-us img {
		width: 16px;
		height: 16px;
	}

	#bottom-nav-container {
		background-color: #ffffff;
		/* Background color */
		border-top: 1px solid #e5e5e5;
		/* Border color */
		padding: 12px 16px;
		position: fixed;
		bottom: 0;
		width: 100%;
	}

	.bottom-nav {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

	.nav-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		text-align: center;
		color: #4e4a69;
		/* Text color */
		text-decoration: none;
	}

	.nav-item img {
		width: 28px;
		/* Icon size */
		height: 28px;
	}

	.nav-item span {
		font-size: 10px;
		font-weight: 600;
		/* Font size */
	}

	.main_nav {
		padding: 8px;
	}

	.avatar img {
		width: 36px;
		height: 36px;
	}

	.avatar .name {
		font-size: 14px;
		margin: 0;
		color: #4e4a69;
	}

	.avatar .phone {
		font-size: 12px;
		color: #4e4a69;
		margin: 0;
	}

	.my-account img,
	.logout img {
		width: 20px;
		height: 20px;
	}

	.my-account a,
	.logout a {
		font-size: 14px;
		color: #4e4a69;
	}

	.sub_acc {
		min-width: 185px;
	}

	.breadcrumb {
		padding: 16px 0;
		margin: 0;
		margin-top: 20px;
	}

	.top-banner {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.top-banner .banner {
		max-width: 100%;
	}

	.top-banner .arrange {
		align-self: flex-end;
	}

	.arrange span {
		font-size: 14px;
		color: #4e4a69;
		line-height: 150%;
	}

	.arrange.filter {
		border: 1px solid #e9e8eb;
		padding: 6px 12px;
		border-radius: 6px;
		margin-bottom: 1.5rem;
	}

	.filter-header {
		margin-bottom: 16px;
	}

	.filter-content {
		background: white;
		padding: 16px;
		border-top-left-radius: 14px;
		border-top-right-radius: 14px;
	}

	.filter-content .time-options {
		flex-wrap: wrap;
	}

	.time-options .time-option {
		width: 50%;
	}

	.filter-content h3 {
		font-size: 18px;
		font-weight: 600;
		color: #4e4a69;
		line-height: 150%;
	}

	.filter-content h4 {
		font-size: 16px;
		font-weight: 600;
		color: #231a5b;
		line-height: 150%;
		margin-bottom: 12px;
	}

	.filter-content label {
		display: flex;
		font-size: 16px;
		color: #4e4a69;
		line-height: 150%;
		align-items: center;
	}

	.filter-content button {
		background-color: #ff5000;
		color: white;
		border: none;
		padding: 10px;
		border-radius: 5px;
		cursor: pointer;
		width: 100%;
		margin-top: 14px;
		font-size: 18px;
		font-weight: 600;
		line-height: 135%;
		vertical-align: middle;
	}

	.filter-content input[type="checkbox"] {
		margin-right: 10px;
	}

	.filter-content input[type="radio"] {
		margin-right: 10px;
	}

	.filter-button {
		cursor: pointer;
		background-color: #007bff;
		color: white;
		border: none;
		padding: 10px;
		border-radius: 5px;
		margin-top: 20px;
	}

	.filter-content .price-options {
		flex-wrap: wrap;
	}

	.filter-content .price-options label {
		width: 100%;
		display: flex;
		font-size: 16px;
		color: #4e4a69;
		line-height: 150%;
		align-items: center;
	}

	.pricing-card {
		background: white;
		border-radius: 10px;
		padding: 20px;
		width: 100%;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		text-align: center;
		border: 2px solid #e6e7ed;
		height: 100%;
	}

	.best-seller {
		background-color: #ffefe8;
		color: #ff5000;
		padding: 4px 8px;
		border-radius: 6px;
		font-weight: 600;
		font-size: 10px;
	}

	.plan-name {
		font-size: 24px;
		font-weight: 600;
		color: #4e4a69;
		line-height: 150%;
	}

	.price {
		font-size: 20px;
	}

	.original-price {
		text-decoration: line-through;
		color: #7a7887;
		font-size: 14px;
	}

	.discounted-price {
		color: #231a5b;
		font-weight: 600;
		font-size: 22px;
	}

	.discount {
		color: #e30736;
		font-size: 10px;
		font-weight: 600;
	}

	.data,
	.call,
	.sms {
		font-size: 16px;
		margin: 5px 0;
	}

	.pricing-card .register {
		font-size: 18px;
		font-weight: 600;
		line-height: 135%;
		transition: all linear 0.3s;
	}

	.pricing-card .view-details {
		font-weight: 600;
		line-height: 140%;
		transition: all linear 0.3s;
	}

	.pricing-card button:hover {
		background-color: #ff611a;
		color: #fff;
	}

	#vas button {
		background-color: #fff;
		color: #ff5000;
		border: none;
		border-radius: 5px;
		padding: 10px;
		cursor: pointer;
		width: 100%;
		margin-top: 10px;
	}

	#vas .register {
		font-size: 18px;
		font-weight: 600;
		line-height: 135%;
	}

	#vas .view-details {
		font-size: 14px;
		font-weight: 600;
		line-height: 140%;
	}

	#vas button:hover {
		background-color: #ff611a;
		color: #fff;
	}

	.data {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.data .data-header {
		color: #7a7887;
		font-size: 14px;
		line-height: 150%;
	}

	.data .data-content {
		color: #7a7887;
		font-size: 12px;
		line-height: 150%;
		margin: 0;
	}

	.data-amount {
		color: #4e4a69;
		font-size: 16px;
		font-weight: 600;
		line-height: 150%;
	}

	#list-products {
		display: flex;
		flex-direction: column;
		gap: 24px;
		align-items: center;
	}

	.product-detail {
		display: flex;
		flex-direction: column;
		gap: 12px;
		background-color: #fff;
		border-top-right-radius: 14px;
		border-top-left-radius: 14px;
		padding: 16px 16px 24px 16px;
		width: 100%;
		max-height: 85vh;
		overflow: hidden;
	}

	p {
		font-size: 14px;
		line-height: 150%;
	}

	.confirmation-content {
		display: flex;
		flex-direction: column;
		gap: 24px;
		padding: 24px;
		border-radius: 12px;
		background-color: #fff;
		width: 90%;
	}

	.confirmation-content img {
		width: 92px;
		height: 92px;
		object-fit: cover;
	}

	h1 {
		font-size: 20px;
		color: #001a79;
		font-weight: 600;
	}

	.device-card-content {
		height: auto;
	}

	.feature-items h4 {
		color: #001a79;
		font-size: 16px;
	}

	.feature-items ul li {
		font-size: 14px;
		line-height: 150%;
	}

	.card-image {
		border-radius: 8px;
		overflow: hidden;
	}

	.broadband-contact img {
		width: 32px;
		height: 32px;
	}

	#product-desc {
		font-size: 12px;
		line-height: 200%;
		color: #394d99;
	}

	#vas .vas-card {
		flex: 1;
	}

	.card-content {
		width: 100%;
	}

	.product-detail .detail {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	h4 {
		margin: 0;
	}

	.ict-container {
		padding: 16px;
		gap: 12px;
	}

	.ict-content {
		padding: 0;
	}

	.tele-bussiness h3 {
		margin-bottom: 4px;
	}

	.list-ict {
		padding: 16px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 24px;
	}

	.ict-banner {
		border-radius: 4px;
		overflow: hidden;
		height: 166px;
		object-fit: contain;
	}

	.device-card {
		border-radius: 10px;
	}

	.device-image {
		border-radius: 10px;
		width: 100%;
		min-height: 120px;
		padding: 16px 0;
		box-sizing: content-box;
	}

	.device-name {
		font-size: 14px;
		margin: 10px 0 5px;
		color: #394d99;
	}

	.device-price-original {
		font-size: 14px;
		color: #7a7887;
		text-decoration: line-through;
	}

	.device-price-discounted {
		font-size: 20px;
		color: #001a79;
		font-weight: 600;
	}

	.device-sold {
		font-size: 12px;
		color: #6579c2;
	}

	.color-options {
		display: flex;
		align-items: center;
		height: 40px;
		gap: 16px;
	}

	.color-option {
		display: inline-block;
		width: 16px;
		height: 16px;
		padding: 3px;
		border-radius: 50%;
		cursor: pointer;
		border: 2px solid white;
		/* To create a nice outline effect */
	}

	.device-container {
		width: 100%;
		background-color: white;
		border-radius: 10px;
		overflow: hidden;
	}

	.device-image img {
		width: 100%;
	}

	.device-details .price {
		font-size: 24px;
		color: #001a79;
		font-weight: 600;
		border: none;
	}

	.device-details .name {
		font-size: 16px;
		font-weight: 600;
		margin: 10px 0;
		color: #001a79;
	}

	.device-details .description {
		color: #7a7a7a;
		margin: 10px 0;
		font-size: 14px;
	}

	.sales-info {
		color: #7a7a7a;
		font-size: 14px;
		margin: 10px 0;
	}

	.specifications h3,
	.contact h3 {
		margin-top: 20px;
		color: #001a79;
		font-weight: 600;
		margin-bottom: 12px;
	}

	.custom-radios {
		padding: 12px;
	}

	.modal .modal-title {
		font-size: 20px;
	}

	.modal-content {
		padding: 24px;
		border-radius: 12px;
	}

	.modal .modal-header {
		padding: 0;
		margin-bottom: 4px;
	}

	.modal-body {
		padding: 0;
	}

	.modal .form-group {
		margin-top: 24px;
	}

	.support-img {
		width: 175px;
		height: 84px;
		object-fit: cover;
	}

	.support-content {
		padding: 0 16px;
		text-align: center;
	}

	.row {
		margin: 0;
		padding: 0px !important;
	}

	.tel-ask {
		margin-top: 50px;
	}

	.box-customer .card-body a {
		font-size: 14px;
	}

	.search-faq h3 {
		font-size: 20px;
		color: #394d99;
		font-weight: 600;
	}

	.search-faq span {
		font-size: 14px;
		color: #6579c2;
	}

	.support-content h3 {
		font-size: 20px;
		color: #394d99;
		font-weight: 600;
	}

	.support-content span {
		font-size: 14px;
		color: #6579c2;
	}

	.area-select label {
		font-size: 14px;
	}

	.loyalty-title h3 {
		font-size: 20px;
		color: #4e4e4e;
	}

	.benefit-loyalty ul li {
		font-size: 14px;
		line-height: 1.5;
	}

	.exchange-point-benefit ul li {
		font-size: 14px;
		line-height: 1.5;
	}

	span {
		font-size: 14px;
	}

	.about-container.join-us p {
		font-size: 14px;
	}

	.about-container.join-us h3 {
		font-size: 24px;
	}

	.tele-ourcompany h3 {
		font-size: 20px;
	}

	.process-estab .readmores {
		font-size: 14px;
	}

	.focus-area img {
		object-fit: cover;
	}

	.career-item h3 {
		font-size: 18px;
	}

	.career-item .time {
		font-size: 14px;
	}

	.login-container .login-banner {
		display: none;
	}

	.list-category {
		display: none;
	}

	.background-homepage {
		padding: 0;
	}

	#news {
		flex-direction: column;
	}

	.background-desc {
		max-width: 80%;
	}
}