.swiper-pagination-bullet-active{
	background:yellow;	
}

@media all and (max-width:1400px){
	.swiper-button{
		visibility:hidden;
	}	
	.swiper-pagination{
		visibility:visible;
	}	
	
}

@media all and (min-width:1401px){
	.swiper-button{
		visibility:visible;
	}	
	.swiper-pagination:not(.shop-detail-section .swiper-pagination){
		visibility:hidden;
	}	
}

@media all and (max-width:575px){
	.swiper-slide img{
		/*display:none !important;	*/
	}
	

	.modal-lg, .modal-xl {
		width: 90%;
		max-width:90%;
		margin:0 auto;
		
	}

}

@media all and (max-width:767px){
	h1{
		font-size:1.7rem;	

	}
	h3{
		font-size:1.3rem !important;	

	}
	body{
		font-size:17px;	
	}
	.swiper-slide{
		text-align:center;	
	}
	.hpbox{
		background:none !important;
	}
	.lead{
		font-size:1.2rem;	
	}
	.swiper-slide strong{
		text-align:left !important;	
	}
	nav.mb-5{
		margin-bottom: 2rem !important;	
	}
	nav > div > .container{
		display:none;	
	}
	.mainnav  > .container{
		visibility:hidden;
	}
	/*header .container.py-2{
		padding-top:2rem !important;
		padding-bottom:2rem !important;
	}*/
	footer .d-flex.align-items-end{
		margin-bottom:2rem;	
	}
	footer.py-4{
		padding-top:2rem !important;
		padding-bottom:2rem !important;
	}
	.card.mb-3{
		margin-bottom: 2rem !important;
	}
	nav{
		padding-bottom:0 !important;	
	}
	.mobnav{
		font-weight: 600;
		font-size: 30px;
		position: fixed;
		right: 16px;
		display:block !important;
		top:10px;
		z-index:99999;
	}
	
	.mainnav{display:none;}
	
	.fab-downx .fabx {
		width: 40px;
		height: 40px;
		line-height: 50px;
	}
	.shape-divider.shape-bottom{
		bottom:-50px !important;
	}
	.shape-divider.shape-top{
		top:-50px !important;
	}
	
	
	/*.nav-open header .logo img{
		display:none;
	}
	.nav-open header .container.py-2{
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
	.nav-open .logo > nav > a:first-child{
		display:none;
	}*/

	header nav ul{
		display:none;	
	}
	.swiper-button-next, .swiper-button-prev {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.swiper-button-next:after, .swiper-button-prev:after {
		font-size: 0.8em;
	}
	.mobile-nav > ul > li > a{
		font-size:20px;
		text-align:center !important;
		position:static;
	}
	.mobile-nav > ul > li > ul a{
		font-size:18px;
		text-align:center !important;
		position:static;
	}
	body.nav-open .mobile-nav{
		transform:translateY(0vh);	
	}
	.logo{
		position:fixed;	
		width:100%;
		top:0;
		left:0;
		right:0;
		z-index:11;
	}
	body{
		padding-top:105px;	
	}
	
	label{
		display:block;	
		font-size:1rem;
	}
	label + div + div{
			
	}
	
}

@media all and (max-height:770px){
	header h1 + span{display:none;}
}