@media (max-width: 1024px) {
	.header-container {
		gap: 20px;
	}
	.main-nav {
		margin: 0 10px;
	}
	.nav-menu a {
		font-size: 14px;
	}
	.logo-img {
		height: 120px;
	}
}
/* ===================== MEDIUM SCREENS (768px and below) ===================== */
@media (max-width: 768px) {

	.cs-mb-hamburger{
		display: flex;
	}

	.logo-img{
		height: 100px;
	}
    
	.logo{		
  		margin: 0 auto;
    position: absolute;
    margin: 0;
    left: 35%;
	}

    .header {
       padding: 12px 30px;
    position: relative;
    min-height: 100px;
    }

    .header-container {
        flex-wrap: wrap;
        gap: 15px;
		    margin-top: 8px;
    }

	.mb-ls-vw{
		display: none;
		position: absolute;
    top: 78px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.99);
    /* border-top: 1px solid rgba(212, 175, 55, 0.2); */
    z-index: 999;
	}

	.mb-ls-vw.active {
		display: block;
	}

	.mb-ls-vw ul {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 0px;
	}

	.mb-ls-vw ul li {
		text-align: center;
	}

	.mb-ls-vw ul li a {
		color: #fff;
		text-decoration: none;
		font-size: 14px;
		font-weight: 500;
		letter-spacing: 1px;
		text-transform: uppercase;
		transition: color 0.3s ease;
	}

	.mb-ls-vw ul li a:hover {
		color: #d4af37;
	}

    .main-nav {
        order: 3;
        flex: 1 1 100%;
        margin: 0;
    }

    .nav-menu {
        gap: 20px;
        justify-content: center;
    }

    .nav-menu a {
        font-size: 11px;
    }
	.main-nav{
		display: none;
	}

    .header-right {
        order: 2;
		gap: 0px;
    	justify-content: center;
    	position: relative;
    	flex-direction: column;
    }

    .language-selector {
        gap: 6px;
    }

    .lang {
        font-size: 10px;
    }

    .sign-in {
        font-size: 10px;
    }

    .hero-section {
        padding-top: 0px;
		height: 300px;
    }

    .hero-content {
        padding: 40px 20px 0px 20px;
    }

    .hero-title {
        font-size: 20px;
        margin: 0px 0;
    }

    .lifestyle-btn {
        padding: 10px 25px;
        font-size: 11px;
    }

    .hero-description p {
        font-size: 13px;
        line-height: 1.6;
    }

    .about-section,
    .cigar-man-section,
    .accessories-section,
    .news-section {
        padding: 0px 30px;
        min-height: auto;
    }

    .footer {
        padding: 40px 30px;
    }
}