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

}

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

}

@media screen and (max-width: 768px){
	.faqs-accordion .accordion-item{
		padding: 12px;
		margin-bottom: 20px;
	}
	.faqs-accordion .accordion-button{
		font-size: 16px;
		align-items: flex-start;
	}
	.faqs-accordion .accordion-body{
		font-size: 14px;
		font-weight: 400;
	}
}

@media screen and (max-width: 576px){
	.slick-list{padding:0 20% 0 0;}
	.slick-slide {width: 200px;}
	.slick-slide {margin: 0 8px;}

	.form-container h4{
		font-size: 16px;
		line-height: 1.2;
		margin-bottom: 16px;
	}
	.form-container h5 {
    	font-size: 16px;
    	line-height: 1.2;
    }
    .form-container ul{
    	padding-left: 26px;
    	margin-bottom: 24px;
    }
    .form-container ul li {
    	font-size: 16px;
    	line-height: 24px;
	}
	.form-container .notice-box{
		padding: 12px;
		margin-bottom: 24px;
		font-size: 14px;
		line-height: 16.8px;
	}
	.form-container .terms-condition-box label {
    	font-size: 16px;
    	line-height: 24px;
	}
	.form-container .btn-container{
		margin-top: 24px;
	}
	.form-container .form-label{
		font-size: 14px;
		line-height: 16.8px;
	}
	.refill-type-row {
    	margin-top: 25px;
    	margin-bottom: 5px;
	}
	.refill-type-row > div{
		gap: 12px;
		flex-wrap: wrap;
	}
	.form-container .radio-box{
		gap: 8px;
	}
}

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

}