/* Responsive */

@media(max-width:1300px){

}

@media(max-width:1001px){
	.header.is-fixed {
		position: fixed;
	}
	.header {
		position: relative;
	}
	.menu-icon .icon span {
		background-color: var(--c1);
	}
	.flex_mmenu {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 10px;
	}
	.login_thiepmoi {
		position: relative;
		font-family: system-ui, -apple-system, sans-serif;
	}

	.auth-btn-direct {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		background: linear-gradient(135deg, var(--c1), var(--c2));
		color: #fff;
		padding: 8px 18px;
		border-radius: 50px; 
		text-decoration: none;
		font-weight: 600;
		font-size: 14px;
		box-shadow: 0 4px 10px rgba(255, 126, 95, 0.3);
		transition: all 0.2s ease;
	}

	.auth-btn-direct:active {
		transform: scale(0.95);
		box-shadow: 0 2px 5px rgba(255, 126, 95, 0.3);
	}

	.auth-btn-direct i {
		font-size: 12px;
	}

	.user-dropdown-container {
		position: relative;
		display: inline-block;
	}
	.logowwb {
		width: 70px;
	}
	.user-avatar-trigger {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 38px;
		height: 38px;
		background: var(--c1);
		color: #ffffff;
		border-radius: 50%;
		font-weight: bold;
		font-size: 16px;
		text-transform: uppercase;
		cursor: pointer;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
		user-select: none;
		-webkit-tap-highlight-color: transparent; 
		margin: 0;
	}

	.user-menu-toggle {
		display: none;
	}

	.user-dropdown-menu {
		position: absolute;
		top: calc(100% + 10px);
		right: 0; 
		background: #ffffff;
		min-width: 170px;
		border-radius: 12px;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-10px);
		transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
		z-index: 999;
		overflow: hidden;
	}

	.user-menu-toggle:checked ~ .user-dropdown-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	.ud-header {
		padding: 12px 16px;
		background: #f8f9fa;
		border-bottom: 1px solid #f1f2f6;
	}

	.ud-greeting {
		font-size: 13px;
		color: #57606f;
		font-weight: 600;
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis; 
	}

	.ud-item {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 12px 16px;
		color: #2f3542;
		text-decoration: none;
		font-size: 14px;
		font-weight: 500;
		transition: background 0.2s;
	}
	.ud-item:active {
		background: #f1f2f6;
	}

	.ud-item i {
		color: #a4b0be;
		width: 16px;
		text-align: center;
	}

	.ud-logout {
		color: var(--c1);
		border-top: 1px solid #f1f2f6;
	}

	.ud-logout i {
		color: var(--c1);
	}
	.wrap_slider {
	padding: 40px 15px;
	}

	.flex_slider_thiepmoi {
	flex-direction: column;
	text-align: center;
	gap: 30px;
	}

	.left_thiepmoi {
	max-width: 100%;
	}

	.name_thiepmoi {
	font-size: 32px;
	}

	.desc_thiepmoi {
	font-size: 15px; 
	}

	.right_thiepmoi {
	width: 100%;
	height: auto; 
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 20px;
	}

	.img_macbookgthieu {
	position: relative; 
	width: 90%; 
	max-width: 400px;
	left: auto;
	top: auto;
	}

	.img_iphonegthieu {
	width: 30%; 
	max-width: 140px;
	right: 0;
	bottom: 0;
	}
	.title_mauthiepcuoi {
		font-size: 30px;
	}
	.pd50 {
		padding: 20px 0;
	}
	.tmauthiep {
		font-size: 14px;
	}
	.slogan_mauthiepcuoi {
		font-size: 14px;
	}
	.slider_khogiaodien {
		margin-top: 20px;
	}
	.btn-star {
		padding: 10px 20px;
		font-size: 13px;
	}
	.grid_tinhnangnoibat {
		grid-template-columns: repeat(1,1fr);
		gap: 10px;
	}
	.flex_cacbuoclamthiepcuoi {
		margin-top: 20px;
		align-items: center;
		flex-direction: column-reverse;
		gap: 20px;
	}
	.left_buoctaothiepcuoi {
		width: 100%;
		gap: 10px;
	}
	.img__buoctaothiep {
		max-width: 100%;
		padding: 10px;
		background: white;
		border-radius: 0;
	}
	.grid_taisaochontconl {
		grid-template-columns: repeat(1,1fr);
		gap: 10px;
		margin-top: 20px;
	}
	.footer-copyright {
		text-align: center;
	}
	.footer-statistic {
		display: flex;
		justify-content: center;
	}
	.footer-powered {
		padding: 10px 0;
	}
	.taothiep-wrapper {
		padding: 15px;
	}

    .taothiep-wrapper { 
        padding: 15px 10px; 
    }
    .taothiep-glass-panel { 
        padding: 20px 15px; 
        border-radius: 16px; 
    }

    .taothiep-header {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 10px;
        margin-bottom: 20px;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;  
        scrollbar-width: none;  
    }
    .taothiep-header::-webkit-scrollbar { 
        display: none; 
    }
    
    .taothiep-step-indicator {
        flex: 0 0 auto; 
        padding: 5px 20px;
        font-size: 13px;
    }
    .taothiep-step-indicator i { 
        font-size: 18px; 
        margin-bottom: 6px; 
    }

    .taothiep-title { 
        padding: 15px; 
        font-size: 15px; 
    }
    .taothiep-grid-2 { 
        padding: 15px; 
        gap: 16px;
    }
    .box-content-wrapper { 
        padding: 15px; 
    }
    .taothiep-subtitle {
        font-size: 14px;
    }

    .taothiep-actions {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
        margin-top: 20px;
        padding-top: 15px;
    }
    .taothiep-btn {
        width: 100%;
        justify-content: center;
        padding: 14px;
        font-size: 16px;
    }
    .taothiep-btn-next, 
    .taothiep-btn-submit { 
        margin-left: 0; 
        order: 1;
    }
    .taothiep-btn-prev { 
        order: 2;
    }

    #taothiep-toast-container {
        bottom: 15px;
        right: 15px;
        left: 15px;
        align-items: stretch;
    }
    .taothiep-toast {
        min-width: 0;
        max-width: 100%;
    }
	#taothiep-toast-container {
        top: 20px;
    }
	.header-menu {
		width: 100%;
	}
	
}

@media(max-width:850px){
	
}

@media(max-width:769px){

	

}

@media(max-width:440px){

	.name_thiepmoi {
	font-size: 28px;
	}

	.img_iphonegthieu {
	max-width: 110px;
	}
	.taothiep-step-indicator {
        padding: 5px 15px;
        font-size: 12px;
    }
    .taothiep-grid-3 {
        gap: 12px;
    }

}

@media(max-width:369px){

	
}