@media only screen and (min-width:768px) and (max-width:1450px) {
.modal-content{max-width: 690px;}
.main-header ul.menu {padding: 15px;gap: 20px;}
.main-header.sticky ul.menu {padding: 15px;}
.main-header {
	padding: 15px 0;
	position: static;
}
#main{padding-top: 0;}
.slide-data .slide-text h2 {
	font-size:25px;
	line-height:30px;
	margin: 5px 0;
}
.slide-data .slide-text p{line-height: 22px;}
.slide-data .slide-text .small-text li{font-size: 16px; line-height: 20px;}
.slide-data .slide-text .small-text li::before {
	left: -14px;
	top: 8px;
	width: 7px;
	height: 7px;
}
h3{font-size: 30px; line-height: 40px; margin-bottom: 15px;}
.hero-slider .slick-prev {
	left: 15px;
	right: auto;
	background-size: 50%;
	margin: 0; background-color: rgba(255,255,255,0.5);
	background-position: center center;
	border-radius: 100%;
	width:40px;
	height:40px;
}
.hero-slider .slick-next {
	right: 15px;
	left: auto;
	background-size: 50%;
	margin: 0;
	background-color: rgba(255,255,255,0.5);
	background-position: center center;
	border-radius: 100%;
	width:40px;
	height:40px;
}
.product-card .prod-detail a{font-size: 18px; line-height: 20px;}
.slide-data .slide-text{max-width: 360px; left: 70px;}
.slide-data .slide-text span{margin-top: 0;}
.core-value-container .card-inner h5 {
	font-size: 20px;
	line-height: 25px;
}

.shop-categories ul li:nth-child(2n) {
	margin-top: 20px;
}
.why-choose-us p {
	font-size: 16px;
	line-height: 24px;
	color: #363636;
	max-width: 680px;
}
.why-choose-us h3{padding: 0 20px;}

.why-choose-us ul li .box strong{font-size: 45px; line-height: 55px;}
.why-choose-us ul li .box span{font-size: 20px; line-height: 22px;}
.why-choose-us ul li .box{min-height: 130px; border-left: 2px dashed #fff;}
.why-choose-us ul li {border-bottom: 2px dashed #fff;}
.why-choose-us::before {
	top: 9px;
	right: 15px;
	width: 70px;
	height: 70px;
}
.why-choose-us::after {
	top: 9px;
	left: 15px;
	width: 70px;
	height: 70px;
}
.testimonial::before {
	top: 9px;
	right: 15px;
	width: 70px;
	height: 70px;
}
.testimonial::after {
	top: 9px;
	left: 15px;
	width: 70px;
	height: 70px;
}
.testimonial .testimonial-box h3{font-size: 18px; line-height: 20px;}
footer p {
	font-size: 14px;
	line-height: 20px;
}
footer ul li {
	font-size: 14px;
	line-height: 20px;
}
footer .container{ max-width: 100%; padding: 0 15px;}
.quality ul{flex-wrap: wrap;}
.quality ul li {
	padding: 15px;
	width: 50%;
}
.about-akava .text {
	padding: 50px 20px;
}
.about-akava .text h4 {
	font-size: 25px;
	line-height: 30px;
}
.vision-mission .vision-box, .vision-mission .text-box {
	width: 50%;
	padding:25px;
}
.vision-mission .vision-box ul li .box{padding: 20px;}
.vision-mission .vision-box ul li .box h5 {
	font-size: 22px;
	line-height: 25px;
	margin-bottom: 10px;
}
.distributor-banner .banner-text h2{font-size: 35px; line-height: 40px; margin-bottom: 10px;}
.distributor-banner .banner-text p {
	margin: 0;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	max-width: 590px;
}
.partner-with-us::before {
	top:8px;
	right: 15px;
	content: "";
	width:70px;
	height:80px;
}
.partner-with-us::after {
	top:8px;
	left: 15px;
	content: "";
	width:70px;
	height:80px;
}
.partner-with-us ul li {
	padding: 15px;
	width: 50%;
}
.partner-with-us ul{flex-wrap: wrap;}

.EBO::before {
	top:8px;
	right: 15px;
	content: "";
	width:70px;
	height:80px;
}
.EBO::after {
	top:8px;
	left: 15px;
	content: "";
	width:70px;
	height:80px;
}

.distributor-requirement{background-size: cover;}
.distributor-requirement h3 {
	text-shadow: 1px 1px #13315c;
}
.join-us p {
	font-size: 16px;
	line-height: 24px;
}
.inner-banner h2{font-size: 40px; line-height: 50px;}
.contact-title h4 {
	font-size: 30px;
	margin-bottom: 10px;
}
.category-banner .banner-text span{letter-spacing: 2px;}
.category-banner .banner-text h2{font-size: 35px; line-height: 40px;}
.filter-container{padding: 15px;}
.filter-container .text-box1 .akava-icon{gap: 5px;}
.filter-container .text-box1 .akava-icon span {font-size: 16px; line-height: 20px;}
.filter-container .text-box1 .akava-icon img {padding: 10px; width: 40px; height: 40px;}
.filter-container .text-box1 .fill-button{padding: 10px; font-size: 14px;}
.main-header ul.menu li .column{min-width: 135px;}
.main-header ul.menu li .image-box figure{height: 100%;}
.main-header ul.menu li .image-box figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.women-filter .right .box, .men-filter .left .box {
	flex: 0 0 calc(50% - 10px);
	box-sizing: border-box;
	position: relative;
}
.women-filter .left figure, .men-filter .right figure {
	width: 100%;
	margin: 0;
	position: relative;
	height: 100%;
}
.women-filter .left figure img, .men-filter .right figure img{
	height: 100%;
}
.distributor-banner {
	background: #241c19;
	padding: 20px 0;
	min-height: 450px;
	margin-bottom: 5px;
}
.distributor-banner img {
	height: auto;
	/* object-fit: contain; */
}
.distributor-banner .banner-text{bottom:-60px; top:auto;}
}



@media only screen and (min-width:768px) and (max-width:1024px) {
.vision-mission .text-box {
	width:100%;
	padding:25px;
}
.vision-mission .vision-box{width: 100%; padding:0 25px; margin-bottom:40px;}
.vision-mission .wrap {
	display: flex;
	flex-direction: column-reverse;
}
.distributor-requirement .col-lg-8{width: 100%;}
.partner-form .col-lg-12{width:100%}
.join-us .contact-links{width: 100%;}
.join-us .contact-links{flex-direction: column; gap: 20px;}
.join-us .contact-links li .box{padding: 15px 15px 15px 35px;}
.contact-box-section .right-sidebar-box{margin-top: 30px;}
.women-filter .left figure figcaption, .men-filter .right figure figcaption {
	font-size: 25px;
	line-height: 30px;
	letter-spacing: 2px;
}
.women-filter .right .box h5, .men-filter .left .box h5{font-size: 14px; line-height: 20px;}
.product-card .prod-detail span{font-size: 16px; line-height: 18px;}

}

@media only screen and (max-width:767px) {

h3{font-size: 30px; line-height: 35px;}
.main-header .left nav, .main-header .logo-center, .main-header .right{display: none;}
.main-header{position:relative; padding: 15px 0;}
#main{padding-top: 0;}
.main-home .menu-container{top:84px}

.main-home{padding-top:25px !important;}
.marquee{top: 0; padding: 0;}
.marquee-content span {
	font-size: 14px; padding: 0 15px;
}
.marquee-content {
 animation: ticker-scroll 35s linear infinite;
}
.mobile-menu{
	display: block;
}
.mobile-menu .inner-wrap{display: flex; gap: 10px;}
.mobile-menu .inner-wrap .col{width: 100%; display: flex; gap: 20px;}
.mobile-menu .inner-wrap .col.center-col {
	/* text-align: center; */
	display: flex;
	justify-content: center;
	align-items: center;
}
.mobile-menu .inner-wrap .col ul.mobile-right {
	list-style: none;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	gap: 15px;
}
.mobile-menu .inner-wrap .col ul.mobile-right li{font-size: 14px;}
.mobile-menu .inner-wrap .col ul.mobile-right li .store-icon {
	max-height: 12px;
	margin-right: 5px;
	position: relative;
	top: -2px;
}
.mobile-menu .inner-wrap .col ul.mobile-right li a{color: #fff;}
.menu-toggle {
	display: block;
	color: #13315c;
	background: #fff;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	position: static;
}
.menu-toggle:hover{color:#363636;}
.main-header.sticky{position:static;}
.mobile-menu .logo{max-width: 120px; display: block;}
.mobile-menu .logo img{max-width:100%;}
.search-container{position: static;}
.search-container.active .inner {
	position: absolute;
	right: 0;
	width: 100%;
	top: 60px;
	max-width: 100%;
	transition: width 0.4s ease;
	padding: 0;
	display: flex;
	align-items: center;
	background: #fff;
	gap:5px;
	padding: 10px;
}
.search-container.active .search-input {
	width: 100%;
	opacity: 1;
	margin-left: 0;
	position: static;
	border:1px solid #f0e9dc;
}
.search-container.active .inner i {
	width: 45px;
	height: 45px;
	color: #112f5a;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	cursor: pointer;
}
.menu-container {
	background: #13315c;
	top:60px;
	left: 0;
	padding: 20px;
	z-index: 9;
	position: fixed;
    width:100%;
    height: calc(100%);
	overflow-x: auto;
    transition: .3s linear 0s;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	border-top: 1px dashed #f5f0e6;
}

.main-header ul.menu > li > a{color: #fff;}
.menu-container .menu > li.has-submenu > a::after {
    content: "\F4FB";
    font-size: 1rem;
    margin-left: auto; position: absolute; right: 0;
	font-family: bootstrap-icons !important;
	
  }

  .menu-container .menu > li.has-submenu.active > a::after {
    content: "\F2E7";
	font-family: bootstrap-icons !important;
  }
  .main-header ul.menu li.has-submenu:hover .dropdown {
	visibility:hidden;
	transition-delay: 0s;
	opacity: 0;
}

.main-header ul.menu li.has-submenu.active .dropdown {
	visibility: visible;
	opacity: 1;
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: inherit;
	top: 30px;
	margin: 0;
	padding: 15px;
	gap: 0;
	max-height: 100%; z-index: 9; position:static; 
}
.main-header ul.menu li a::before{content: none;}
.main-header ul.menu > li > a{display: block;}
.main-header ul.menu li.has-submenu .dropdown {
	padding: 15px;
	width: 100%;
	max-height: 100vh;
	min-height: inherit;
	transition: none;

}

.main-header .menu-container.show {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	z-index: 99;
}
.menu-toggle.active i::before{content: "\F62A"; font-family: bootstrap-icons !important;}
.main-header,
ul.menu,
li.has-submenu {
  overflow: visible; z-index: 99;
}
.main-header ul.menu li .column ul{gap: 0;}
.active_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.8);
}
.menu-container .social-media p{color: #fff; margin-bottom: 5px;}
.menu-container .social-media{position: absolute; bottom:15px;}

.main-header ul.menu {
	list-style: none;
	display: flex;
	padding:0 !important;
	position: relative;
	gap: 0px;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}
.main-header ul.menu li{width: 100%; margin-bottom: 10px; position: relative;}
.main-header ul.menu li .column ul li{margin: 0;}
.main-header ul.menu li .column {
	display: flex;
	flex-direction: column;
	min-width: 100%;
	margin: 0 0 15px 0;
}
.main-header ul.menu li .image-box{width: 100%;}
.main-header ul.menu li .image-box figure img{width: 100%;}
.welcome-modal{padding:15px;}
.modal-content .inner {flex-direction: column;}
.modal-content .inner figure {width: 100%;}
.modal-content .inner .text {
	width: 100%;
}
.modal-content .inner .text p {
	font-size: 16px;
}
.modal-content .close-btn {
	position: absolute;
	top: 5px;
	right: 5px;
}
.hero-slider{padding-bottom: 55px;}
.hero-slider .slick-prev {
	left: 15px;
	right: auto;
	background-size: 50%;
	margin: 0; background-color: rgba(255,255,255,0.5);
	background-position: center center;
	border-radius: 100%;
	width: 30px;
	height: 30px;
}
.hero-slider .slick-next {
	right: 15px;
	left: auto;
	background-size: 50%;
	margin: 0;
	background-color: rgba(255,255,255,0.5);
	background-position: center center;
	border-radius: 100%;
	width: 30px;
	height: 30px;
}

.slide-data .slide-text .small-text li {
	font-size: 14px;
	line-height: 16px;
}


.slide-data .slide-text .small-text li::before {top: 6px;width: 6px;height: 6px;}
.slide-data .slide-text{left: 15px; max-width:145px;}
.slide-data .slide-text p{font-size: 14px; line-height: 20px;}

.hero-slider img{height: 100%;}
.slide-data .slide-text h2 {font-size:20px; line-height:24px; margin: 5px 0;}

.hero-slider .slick-dots {
	bottom: -40px;
}
.slide-data .slide-text h2 br{display: none;}
.slide-data .slide-text {
	max-width: 100%;
	margin: 0;
	width: 100%;
	text-align: center;
	left: 0;
	padding: 0 15px;
	top:35px;
	transform: none;
}

.slide-data .slide-text span{justify-content: center; margin: 0;}
.slide-data .slide-text .small-text{justify-content: center;}
.slide-data .slide-text p{max-width: 100%;}
.whats-new .inner .text {
	left: 0;
	transform: none;
	text-align: center;
	top: auto;
	width: 100%;
	padding: 0 10px;
	bottom:20px;
}
.whats-new .text h5 {
	font-size:18px;
	line-height: 20px;
	margin: 0 0 10px 0;
	text-transform: capitalize;
}

.whats-new .text h5 br, .whats-new .text p br{display: none;}
.whats-new .text a {
	font-size: 12px;
	line-height: 14px;
	padding: 7px 9px;
}
.whats-new img {
	width: 100%;
}
.mobile-view{display:block !important;}
.desktop-view{display:none !important;}

.best-sellers-slider .slick-next{top: 50%; margin: 0; transform: translateY(-50%); right:10px;}
.best-sellers-slider .slick-prev{left:10px; right: auto; top: 50%; margin: 0; transform: translateY(-50%);}
.product-card .prod-image{margin-bottom: 0;}
.product-card .prod-detail span, .product-card .prod-detail .price{font-size: 14px; line-height: 20px;}
.shop-categories ul{display: flex; flex-wrap: wrap; gap: 20px;}
.shop-categories ul li {
	width: 46%;
	margin: 0 !important;
}
.shop-categories ul li .shop-card h5{font-size: 18px;}
.core-value-container .card-inner{margin-bottom: 20px;}
.core-value-container .card-inner h5 {
	font-size: 16px;
	line-height: 20px;
	margin: 0;
}
.core-value-container .card-inner p{display: none;}
.core-value-container .col-lg-3:last-child .card-inner{margin-bottom: 0;}

.core-value-container .slick-next{top: 50%; margin: 0; transform: translateY(-50%); right:10px;}
.core-value-container .slick-prev{left:10px; right: auto; top: 50%; margin: 0; transform: translateY(-50%);}


.why-choose-us::before {
	top: 9px;
	right: 15px;
	width: 70px;
	height: 70px;
}
.why-choose-us::after {
	top: 9px;
	left: 15px;
	width: 70px;
	height: 70px;
}
.why-choose-us h3, .why-choose-us p{padding: 0 15px;}
.why-choose-us .wrap {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.why-choose-us figure {
	margin: 0;
	width: 100%;
}
.why-choose-us .text {
	width: 100%;
}
.why-choose-us ul li .box strong{font-size: 45px; line-height: 55px;}
.why-choose-us ul li .box span{font-size: 20px; line-height: 22px;}
.why-choose-us ul li .box{min-height: 130px; border-left: 2px dashed #fff;}
.why-choose-us ul li {border-bottom: 2px dashed #fff;}
.testimonial-slider .slick-slide{margin: 0;}
.testimonial::before {
	top: 9px;
	right: 15px;
	width: 70px;
	height: 70px;
}
.testimonial::after {
	top: 9px;
	left: 15px;
	width: 70px;
	height: 70px;
}
.testimonial .top-head h5{font-size: 16px; line-height: 22px;}
.testimonial .testimonial-box .reviewer-profile{flex-wrap: wrap;}

.testimonial .testimonial-box .reviewer-profile .rating{flex-basis: 100%;}
.testimonial .testimonial-box .reviewer-profile .reviewer-image {
	max-width:50px;
}

/*******************About us***************************/
.inner-banner {padding: 25px; height: auto;}
.inner-banner h2{font-size: 35px; line-height: 40px;}
.quality ul{flex-direction: column;}
.quality ul li {padding: 15px; width: 100%;}
.quality ul li .box h5{font-size: 25px; line-height: 30px;}
.about-akava .text{padding: 25px;}
.about-akava .wrap {display: flex; flex-direction: column;}
.about-akava .text h4 {
	font-size:25px;
	line-height:30px;
}
.vision-mission .text-box::before {
	top:8px;
	right: 0;
	width:70px;
	height:80px;
}
.vision-mission .wrap {
	display: flex;
	flex-direction: column-reverse;
}
.vision-mission .text-box {
	padding: 50px 30px 20px;
	position: relative; width: 100%;
}
.vision-mission .vision-box{padding: 0; width: 100%;}
.vision-mission h3{font-size: 30px; line-height: 35px; width: 100%;}
.vision-mission .vision-box ul li .box{padding: 30px 15px;}
.vision-mission .vision-box ul li .box h5{font-size: 22px; line-height: 25px;}


/******************Contact us********************/
.contact-box-section{padding: 50px 0;}
.contact-title h4 {font-size: 25px;margin-bottom: 15px;}
.contact-title p { font-size: 16px; max-width:100%; line-height: 24px;}
.contact-box-section .contact-detail-box{min-height: inherit;}
.contact-box-section .first-box {margin-bottom: 0;}
.contact-box-section .contact-image{margin-bottom: 30px;}
.contact-box-section .right-sidebar-box button{margin: 0 !important;}

/*********************Distributor**************************/
.distributor-banner .banner-text h2{font-size: 35px; line-height: 40px;}
.distributor-banner {
	background: #241c19;
	padding: 0 0 20px 0;
	min-height: 450px;
	margin-bottom: 5px;
}
.distributor-banner img {
	height: auto;
	/* object-fit: contain; */
}

.distributor-banner .banner-text {max-width:300px; width: 100%; bottom: 0;}
.distributor-banner .banner-text p {
	font-size: 16px;
	line-height: 24px;
	max-width:100%;
}
.button-group {
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.partner-with-us::before {
	top:8px;
	right:15px;
	width:70px;
	height:80px;
}

.partner-with-us::after {
	top:8px;
	left:15px;
	width:70px;
	height:80px;
}
.partner-with-us ul{flex-direction: column;}
.partner-with-us ul li {
	padding: 15px;
	width: 100%;
}
.EBO::before {
	top:8px;
	right:15px;
	width:70px;
	height:80px;
}

.EBO::after {
	top:8px;
	left:15px;
	width:70px;
	height:80px;
}
.distributor-requirement h3{max-width: 100%;}
.join-us p {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 10px;
	max-width:100%;
}

.join-us .contact-links {
	list-style: none;
	padding: 0;
	display: flex;
	/* flex-direction: row; */
	gap: 35px;
	margin: 20px 0 35px;
	max-width: 100%;
	/* flex-direction: column; */
}
.join-us .partner-form {
	padding: 80px 15px 25px 15px;

}
.join-us .partner-form .fill-button{width: 100%;}
.join-us .partner-form .custom-form.last {
	margin-bottom: 20px;
}



.category-banner .banner-text {
	position: absolute;
	left: 0;
	top: 35px;
	transform: none;
	width: 100%;
	text-align: center; padding:0 15px;
}
.category-banner .banner-text h2{font-size:25px; line-height:35px;}
.category-banner .banner-text h2 br, .category-banner .banner-text p br{display: none;}
.category-banner .banner-text .fill-button {
    max-width: 170px;
    font-size: 14px;
    padding: 8px 15px;
    margin: 0 auto;
}
.category-banner .banner-text span {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 0;
	letter-spacing: 0;
}

.filter-container{padding: 15px 0;}
.filter-container .text-box1 .fill-button {
	margin: 10px 0;
	padding: 10px;
	font-size: 14px;
}
.filters-menu{margin: 15px 0;}
.filter-container .text-box1 {
	display: flex;
	gap: 20px;
	justify-content: center;
}
.filter-container .inner {
	justify-content: center;
}
footer .container {
	width: 100%;
	max-width: 100%;
}
footer .logo-footer{max-width: 140px;}
footer .logo-footer img {margin-bottom: 10px;}
footer p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px;
}
footer ul{margin-bottom: 30px; gap: 5px;}
footer ul li {
	font-size: 14px;
	line-height: 20px;
}
footer .footer-bottom {
	margin-top: 20px;
	flex-direction: column-reverse;
}

.social-media ul{margin-bottom: 0;}
.footer-bottom .social-media {
	margin-bottom: 15px;
}
.footer-bottom p{text-align: center; margin-bottom: 0;}
.women-filter .left figure figcaption, .men-filter .right figure figcaption {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 2px;
    transform: none;
    writing-mode: horizontal-tb;
    width: 100%;
    height: auto;
    bottom: 0;
    top: auto;
    padding: 20px 15px;
}
.women-filter{flex-direction: column;}
.men-filter{flex-direction: column-reverse;}
.women-filter .left, .women-filter .right {
	width: 100%;
}
.women-filter .right .box h5, .men-filter .left .box h5 {
	font-size: 14px;
	line-height:18px;
	letter-spacing: 2px;
}
.men-filter .left, .men-filter .right{width:100%}

.women-filter .right .box, .men-filter .left .box {
	flex: 0 0 calc(50% - 10px);
	box-sizing: border-box;
	position: relative;
}
.women-filter .left figure img, .men-filter .right figure img {
    width: 100%;
    height: 190px;
}
.responsive-table th, .responsive-table td {
	padding: 8px;
	border: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
	font-size: 12px; line-height: 14px;
}
}


@media only screen and (max-width:480px) {
.requirement-list {
	gap: 0;
	flex-direction: column;
}

.join-us .contact-links {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: row; 
	gap:10px;
	margin: 20px 0 25px;
	max-width: 100%;
    flex-direction: column;
}
.join-us .inner-bg .fill-button{margin-bottom: 35px;}
.forms-agreement .form-box {
	display: flex;
	justify-content: center;
	gap: 25px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.whats-new .text p {
	font-size: 9px;
	line-height: 6px;
	margin-bottom: 10px;
	text-transform: capitalize;
}
.mobile-menu .inner-wrap .col ul.mobile-right li a.store{font-size: 0;}
.product-card .prod-detail{padding: 10px;}
.product-card .prod-detail > span{min-height: 44px;}
.distributor-banner .banner-text {max-width:300px; width: 100%;}
}