#KSTL-ContactUs-main{
	width:90%;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-body-region,
#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-region{
	display:none!important;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-region,
#KSTL-ContactUs-main #KSTL-ContactUs-contactform-region{
	border:none;
	margin-bottom: 80px;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-header-region,
#KSTL-ContactUs-main #KSTL-ContactUs-contactform-header-region{
	background:none;
	padding: 0;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-header-region h2{
	font-size:3.1vw;
	line-height:3.47vw;
	font-family:'Kelloggssans-medium';
	margin-bottom: 35px;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactform-header-region h2{
	padding:0 0 10px;
	font-size:1.94vw;
	line-height:2.4vw;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactform-region #KSTL-ContactUs-contactform-body-region{
	max-width:60%;
}

#KSTL-ContactUs-main .box-header h2{
	font-size:3.1vw;
	line-height:3.47vw;
	font-family:'Kelloggssans-regular';
	margin-bottom: 10px;
	padding: 0;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-address-region .js-contactinfo-address{
	display: flex;
	flex-direction: row;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-address-region .callus,
#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-address-region .writeus{
	width: 50%;
	margin: 0;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-address-region .callus p,
#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-address-region .writeus p,
#KSTL-ContactUs-main #KSTL-ContactUs-contactform-form-region label,
#KSTL-ContactUs-main #KSTL-ContactUs-contactform-form-region .checkbox label{	
	font-size:1.11vw;
	line-height:1.53vw;
	font-family:'Kelloggssans-regular';
	padding: 0;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-address-region .callus{
	background-image: url(/content/dam/Asia/kelloggs_hk/images/contactus/phoneus.svg);
	background-size: 48px;
	padding-left:91px;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-address-region .writeus{
	background-image: url(/content/dam/Asia/kelloggs_hk/images/contactus/emailus.svg);
	background-size:43px;
	padding-left: 86px;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-address-region .callus a
{
	text-decoration:none;
	font-family:'Kelloggssans-bold';
	font-size:1.66vw;
	line-height:2.1vw;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-address-region .callus a:hover,
#KSTL-ContactUs-contactform-button-region a.btn.btn-secondary.js-cancel:hover,
#KSTL-ContactUs-main #KSTL-ContactUs-contactform-form-region .checkbox label a:hover{
	text-decoration:underline;
	color:#ba0c2f;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactform-intro-region .js-topics-intro p{
	margin-bottom:0;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactform-intro-region{
	padding-bottom:0;
}
#KSTL-ContactUs-contactform-form-region form label[for="KSTL-ContactUs-topics"]{
	display:none;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactform-form-region fieldset select{
	max-width: 98%;
	background: #F1F1F1;
	border: 1px solid #BDBDBD;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 16px;
	width: 98%;
	background-image: url(/content/dam/Asia/kelloggs_hk/images/contactus/gray-arrow.svg);
    background-repeat: no-repeat;
	background-position-x: 98%;
    background-position-y: 50%;
    background-size: 3%;	
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
	font-family: 'Kelloggssans-bold';
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactform-form-region input, 
#KSTL-ContactUs-main #KSTL-ContactUs-contactform-form-region textarea{
	border: 1px solid #BDBDBD;
	background: none;
	max-width: 98%;
	padding:16px;
	width: 98%;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactform-form-region button,
#KSTL-ContactUs-main #KSTL-ContactUs-contactform-form-region #KSTL-ContactUs-uploadfile-template{
	margin-bottom:20px
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactform-button-region button.btn.btn-primary.js-submit,
#KSTL-ContactUs-main #KSTL-ContactUs-uploadfile-template{
	font-family: 'Kelloggssans-regular';
	background: #BA0C2F;
    border: 2px solid #BA0C2F;
    border-radius: 100px; 
    font-style: normal;
    font-weight: bold;
    font-size: 1.11vw;
    line-height: 1.53vw;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    padding: 1vw 2.8vw;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactform-button-region button.btn.btn-primary.js-submit:hover,
#KSTL-ContactUs-main .qq-upload-button-hover #KSTL-ContactUs-uploadfile-template{
	border: 2px solid #BA0C2F;
    color:#BA0C2F!important;
    background: #ffffff;
	cursor:pointer;
	pointer-events:auto;
	text-decoration: none;
}
#KSTL-ContactUs-main .qq-upload-button{
	width: 20vw;
	background: none;
	border: none;
	text-align: left;
	padding: 0;
	/*height: 52px;*/
}
#KSTL-ContactUs-main input[type=checkbox], #KSTL-ContactUs-main input[type=radio] {
	width:22px !important;
}
 #KSTL-ContactUs-main input,  
 #KSTL-ContactUs-main label,  
 #KSTL-ContactUs-main option,  
 #KSTL-ContactUs-main select, 
 #KSTL-ContactUs-main textarea{ 
 font-size:1.25vw; 
 line-height:1.67vw; 
 font-family: 'Kelloggssans-regular';
 margin-bottom: 10px;
} 
#KSTL-ContactUs-main fieldset>div{
	margin-bottom: 0;
}
#KSTL-ContactUs-main fieldset .checkbox > div{
	float: left;
}
#KSTL-ContactUs-contactform-button-region a.btn.btn-secondary.js-cancel{
	text-decoration:none;
	display:inline-block;
	font-weight: bold;
	font-size: 1.11vw;
	line-height: 1.53vw;
	text-transform: uppercase;
}
#KSTL-ContactUs-main .qq-upload-list li{
	border:none;
	margin-bottom:0;
}
#KSTL-ContactUs-main #KSTL-ContactUs-contactform-form-region .checkbox label a{
	text-decoration:none;
}
@media only screen and (max-width:767px){
	#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-header-region h2{
		font-size: 8.5vw;
	line-height: 10.1vw;
	text-align: left;
	margin-bottom: 10px;
	}
	#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-address-region .callus, 
	#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-address-region .writeus{
		width:100%;
		text-align:left;
		padding-left:73px;
	}
	#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-address-region .js-contactinfo-address{
		flex-direction: column;
	}
	#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-address-region .callus p, 
	#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-address-region .writeus p, 
	#KSTL-ContactUs-main #KSTL-ContactUs-contactform-form-region label, 
	#KSTL-ContactUs-main #KSTL-ContactUs-contactform-form-region .checkbox label{
		font-size: 4.26vw;
		line-height: 5.86vw;
	}
	#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-address-region .callus a{
		font-size: 5.33vw;
		line-height: 5.86vw;
	}
	#KSTL-ContactUs-main #KSTL-ContactUs-contactinfo-region, 
	#KSTL-ContactUs-main #KSTL-ContactUs-contactform-region{
		margin-bottom:50px;
		text-align:left;
	}
	#KSTL-ContactUs-main #KSTL-ContactUs-contactform-region h2{
		font-size:5.33vw;
		line-height:6.93vw;
	}
	#KSTL-ContactUs-main #KSTL-ContactUs-contactform-region #KSTL-ContactUs-contactform-body-region,
	#KSTL-ContactUs-main #KSTL-ContactUs-contactform-form-region fieldset select,
	#KSTL-ContactUs-main #KSTL-ContactUs-contactform-form-region input, 
	#KSTL-ContactUs-main #KSTL-ContactUs-contactform-form-region textarea{
		max-width:100%;
	}
	#KSTL-ContactUs-main #KSTL-ContactUs-contactform-form-region fieldset select{
		background-size: 5%;
	}
	#KSTL-ContactUs-main #KSTL-ContactUs-contactform-region #KSTL-ContactUs-contactform-body-region{
		padding:0;
	}
	#KSTL-ContactUs-main #KSTL-ContactUs-contactform-button-region button.btn.btn-primary.js-submit, 
	#KSTL-ContactUs-main #KSTL-ContactUs-uploadfile-template{
		font-size: 4.26vw;
		line-height: 5.86vw;
		box-sizing: border-box;
		width:100%;
		padding: 14px;
		margin: 28px 0px 50px 0px;
	}
	#KSTL-ContactUs-main input, 
	#KSTL-ContactUs-main label, 
	#KSTL-ContactUs-main option, 
	#KSTL-ContactUs-main select, 
	#KSTL-ContactUs-main textarea{
		font-size: 4.8vw;
		line-height: 6.4vw;
	}
	#KSTL-ContactUs-main .qq-upload-button{
		width: 100%;
		/* height: 100%; */
		margin-bottom:20px;
	}
	#KSTL-ContactUs-contactform-button-region a.btn.btn-secondary.js-cancel{
		font-size: 4.26vw;
		line-height: 5.86vw;
		width: 100%;
		padding: 14px;
	}
	#KSTL-ContactUs-main fieldset .checkbox > div > div{
		margin-top: -12px;
	}
	#KSTL-ContactUs-main fieldset .checkbox label[for]{
		display: flex;
		flex-wrap: wrap;
	}
}



/*===============================
 FAQ Section 
===============================*/
.faqmain-wrapper .kstl-knowledgebase-wrapper p.kstl-kb-search * {
	margin-left: 1px;
}

.kstl-knowledgebase-wrapper ul.kstl-kb-categories {
	padding: 10px 0 24px;
    margin-bottom: 24px;
}
.faqmain-wrapper .kstl-knowledgebase-wrapper .kstl-kb-categories li.kstl-kb-category.active, 
.faqmain-wrapper .kstl-knowledgebase-wrapper .kstl-kb-categories li.kstl-kb-category {
    font-size: 1.61vw;
    line-height: 2.22vw;
}

.faqmain-wrapper .kstl-knowledgebase-wrapper li.kstl-kb-question {
	padding: 0 0 24px 0;
	margin-bottom: 24px;
}
.faqmain-wrapper .kstl-knowledgebase-wrapper li.kstl-kb-question p,
.faqmain-wrapper .kstl-knowledgebase-wrapper li.kstl-kb-question.active p {
    font-size: 1.82vw;
    line-height: 2.42vw;
}
.faqmain-wrapper .kstl-knowledgebase-wrapper li.kstl-kb-question.active p {
	padding: 0 0 24px 0;
}
.faqmain-wrapper .kstl-knowledgebase-wrapper ul.kstl-kb-answer {
	margin-left: 0;
}
.kstl-kb-question.active .faq-content ul.kstl-kb-answer li {
	font-size: 1.61vw;
	line-height: 2.22vw;
}
.kstl-kb-question.active .faq-content ul.kstl-kb-answer li span,
.kstl-kb-question.active .faq-content ul.kstl-kb-answer li a {
	font-family: 'KelloggsSans-regular';
	color: #d31346 !important;
}
.kstl-kb-question.active .faq-content ul.kstl-kb-answer li a:hover {
	color: #2B2B2B !important;
}



/* Responsive */
@media only screen and (max-width: 767px) {
	.faqmain-wrapper .kstl-knowledgebase-wrapper .kstl-kb-categories li.kstl-kb-category.active, 
	.faqmain-wrapper .kstl-knowledgebase-wrapper .kstl-kb-categories li.kstl-kb-category,
	.kstl-kb-question.active .faq-content ul.kstl-kb-answer li {
		font-size: 3.57vw;
		line-height: 4.7vw;
	}

	.faqmain-wrapper .kstl-knowledgebase-wrapper li.kstl-kb-question p,
	.faqmain-wrapper .kstl-knowledgebase-wrapper li.kstl-kb-question.active p {
		font-size: 3.42vw;
		line-height: 4.7vw;
	}
}

@media only screen and (max-width: 420px) {
	.faqmain-wrapper .kstl-knowledgebase-wrapper .kstl-kb-categories li.kstl-kb-category.active, 
	.faqmain-wrapper .kstl-knowledgebase-wrapper .kstl-kb-categories li.kstl-kb-category,
	.kstl-kb-question.active .faq-content ul.kstl-kb-answer li {
		font-size: 4.76vw;
		line-height: 6.5vw;
	}
	
	.faqmain-wrapper .kstl-knowledgebase-wrapper li.kstl-kb-question p,
	.faqmain-wrapper .kstl-knowledgebase-wrapper li.kstl-kb-question.active p {
		font-size: 5.35vw;
		line-height: 7.16vw;
	}
}