@media (min-width: 200px) and (max-width: 900px) {
	.header-1 .header-main:before {
		display: none;
	}
	.header-1 .header-main {
		background-color: var(--header);
	}
	.header-1 .header-left {
		gap: 0px;
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important;
	}
	.header-1 .header-left a h2 {
		display: flex !important;
		flex-direction: column !important;
		gap: 20px !important;
	}
	.header-1 .header-left .logo {
		width: 100% !important;
		justify-content: center !important;
		padding-bottom: 2% !important;
	}

	.header-1 .header-main .d-sm-hide {
		display: none !important;
	}
	.header-main .main-menu {
		display: block !important;
	}
	.header-main .main-menu #mobile-menu {
		display: block !important;
	}
	.bd-header__category-nav.style-2 {
		display: flex;
		flex-direction: row;
	}
	.header-2-wrapper .category-oneadjust {
		display: block !important;
		gap: 0px !important;
		justify-content: space-between;
	}
	.header-2-wrapper .category-oneadjust .search-toggle-box {
		width: 320px !important;
	}
	.header-1 .header-main:after {
		width: 100%;
		background-color: transparent !important;
	}
	.d-sm-hide {
		display: none !important;
	}
	.mean__menu-wrapper .main-menu ul li a {
		display: block !important;
		color: white !important;
	}
	.hero-section {
		padding: 5% 5%;
	}
	.hero-2 .hero-content span {
		font-size: 25px;
		line-height: 2.5rem;
	}
	.section-title h2 {
		font-size: 1.5rem;
	}
	.book-wrapper .book-slide {
		flex: 0 0 calc(100% / 2 - 15px);
		max-width: calc(100% / 2 - 15px);
	}
	.shop-box-items.style-2 .shop-content h3 {
		font-size: 0.9rem !important;
	}
	.header-2-wrapper .category-oneadjust .search-toggle-box .input-area input {
		padding: 6px 10px !important;
	}
	.header-2-wrapper
		.category-oneadjust
		.search-toggle-box
		.input-area
		.cmn-btn {
		top: -1px !important;
		padding: 8px 17px !important;
	}

	.header-1.sticky-header .header-left .logo {
		width: 80% !important;
	}

	.header-1.sticky-header .header-left .logo h2 {
		line-height: 1rem !important;
	}
	.modal-dialog .modal-content .modal-body {
		padding: 2px 5px;
	}
	.modal-dialog .modal-content .modal-body .identityBox .form-wrapper {
		width: 90%;
	}
	.modal-dialog .modal-content .modal-body .identityBox .form-wrapper h1 {
		font-size: 2rem;
	}
	.login-section.section-padding {
		padding: 40px 0 0 0;
	}
	.login-header {
		background-color: var(--header);
	}
	.login-header h4 {
		color: white;
	}
	.login-header span {
		color: white;
		font-size: 0.7rem;
	}
	.login-header .header-logo {
		margin-right: 10px;
	}
	.d-sm-flex-column {
		flex-direction: column !important;
	}
	.swiper-slide-items2 {
		flex: 0 1 calc(100% -10px);
	}
}
@media (min-width: 1200px) and (max-width: 1900px) {
	.d-lg-hide {
		display: none !important;
	}
}
@media (min-width: 900px) and (max-width: 1190px) {
	.header-1 .header-left .logo {
		width: 50%;
	}
	.header-1 .header-main:before {
		width: 320px;
		height: 110px;
	}
	.header-1 .header-main:after {
		width: 200px;
	}
	.header-1 .header-main .main-menu ul li a {
		font-size: 0.9rem;
	}
	.header-1 .header-main:after {
		height: 100px;
	}
	.header-main .main-menu ul li {
		padding: 10px;
	}
	.header-top-wrapper .contact-list li {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.d-lg-show {
		display: block !important;
	}
	#mobile-menu {
		display: block !important;
	}
	.header-main .main-menu {
		display: block !important;
	}
	.d-9-12-hide {
		display: none !important;
	}
    .header-1.sticky-header .mobile-menu .mean-bar{
        display: none !important;
    }
    .header-1.sticky-header .header-main:before{
        height: 135px;
        width: 300px;
    }
    .header-1.sticky-header .header-main .logo h2{
        font-size: 1.7rem;
    }
    .header-1.sticky-header .header-main .logo h2 span{
        font-size: 0.6rem;
    }
    .footer-section .widget-head.logo h2 span{
        font-size: 0.6rem;
    }
}

@media (min-width: 1200px) and (max-width: 1440px) {
	.header-1 .header-left .logo {
		width: 50%;
	}
	.header-1 .header-main:before {
		width: 320px;
	}
	.header-1 .header-main:after {
		width: 310px;
	}
	.header-1 .header-main .main-menu ul li a {
		font-size: 0.9rem;
	}
	.header-1 .header-main:after {
		height: 100px;
	}
	.header-main .main-menu ul li {
		padding: 10px;
	}
	.header-top-wrapper .contact-list li {
		display: flex;
		align-items: center;
		gap: 10px;
	}
}
@media (min-width: 1440px) and (max-width: 1900px) {
	.header-2-wrapper
		.category-oneadjust
		.search-toggle-box
		.input-area
		.cmn-btn {
		right: 0px;
		padding: 9px 17px;
	}
}