@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1024px){
.MainWrapper, .TopMainWrapper, .Footer, .IdxContainWrapper, .InnerContainWrapper, .LocalTableWrap .InnerContainWrapper {
	width:94%;
}
.Nav ,.HomeTop {
	display:none;
}
.TopHeader {
	position:relative;
}
.ResponsiveMenu {
	display:block;	
}
img ,.EditorText img {
	max-width:100%;	
}

/** index **/
.LandingFaqWrap {
    width: 100%;
}
.Header .ContentWrap {
    padding: 30px 30px;
}
.HeaderImgListWrap li {
    margin: 5px 5px;
    width: 31%;
}
.LegendListWrap li {
    margin: 20px 5px;
}
h2.Title {
    font-size: 28px;
    line-height: 36px;
}
.LegendWrap .LegendListWrap {
    padding-left: 0;
}
.LegendListWrap ul,
.LegendWrap ul.li_cont4.NoBullet.LegendUL {
    width: 25% !important;
}
	
	.TopExpensiveWrapUp,.TopExpensiveWrapDown{text-align: center;}
	
.FormulaBgWrap ul {
    column-count: 2;
    
}
	
	.FormulaBgWrap ul li a{border:0px; text-decoration: underline;}
	

}

@media only screen and (max-width: 980px){
/** index **/


}

@media only screen and (max-width: 966px){
/** index **/



}

@media only screen and (max-width: 960px){
/** index **/
.LegendListWrap ul,
.LegendWrap ul.li_cont4.NoBullet.LegendUL {
    width: 50% !important;
}


}

@media only screen and (max-width: 950px){
/** index **/



}

@media only screen and (max-width: 900px){
/** index **/



}

@media only screen and (max-width: 854px) {
/** index **/


}

@media only screen and (max-width: 812px) {
/** index **/


}

@media only screen and (max-width: 800px) {
/** index **/


}

@media only screen and (max-width: 773px){
/** index **/
.Header h1, .InstructionsWrap h1 {
    font-size: 26px;
    line-height: 28px;
	margin-bottom: 10px;
}
h4.SubTitle {
    font-size: 16px;
    line-height: 25px;
}


}


@media only screen and (max-width: 768px){
/** index **/


}

@media only screen and (max-width: 753px){
/** index **/



}

@media only screen and (max-width: 736px){
/** index **/

}

@media only screen and (max-width: 732px){
/** index **/



}

@media only screen and (max-width: 731px){
/** index **/



}

@media only screen and (max-width: 720px){
/** index **/



}

@media only screen and (max-width: 667px){
/** index **/

	.TopExpensiveWrapUp ul li .CountryWrap .MapFlag::before, .TopExpensiveWrapDown ul li .CountryWrap .MapFlag::before{display: none;}

}

@media only screen and (max-width: 640px){
/** index **/

.TopExpensiveWrapUp ul li,.TopExpensiveWrapDown ul li {
    width: 29%;
   
    margin: 10px;
}

}

@media only screen and (max-width: 604px){
/** index **/
.HeaderImgListWrap li {
    margin: 10px auto;
    width: 100%;
}


}

@media only screen and (max-width: 600px){
/** index **/



}

@media only screen and (max-width: 569px){
	
		.FormulaBgWrap {
    padding: 20px;
}
	
	.FormulaBgWrap ul{column-gap: 10px;}
	
/** index **/
.ContactFormWrap .FormWrapper {
    width: 400px;
}

 
}

@media only screen and (max-width: 568px){
/** index **/
	

}

@media only screen and (max-width: 540px){
/** index **/

.TopExpensiveWrapUp ul li, .TopExpensiveWrapDown ul li {
    width: 26%;
    margin: 10px;
}

}

@media only screen and (max-width: 533px){
/** index **/
.FooterWrap .FooterLogo, .FooterWrap .copy {
    float: none;
}
.FooterWrap {
    text-align: center;
}
.FooterWrap .copy {
    margin: 20px 0 0;
}


}

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

	
	
	.TopExpensiveWrapUp ul li, .TopExpensiveWrapDown ul li {
    width: 28%;
    margin: 10px;
}
	
/** index **/
.TopHeader {
    padding: 10px 0 16px;
}
.Logo a, .LogoCenter a {
    width: 220px;
    height: 30px;
}
.ResponsiveMenu .PhoneImg {
	padding-left:18px;	
}
.ContactMap iframe {
    height: 280px;
}
.LegendListWrap ul, .LegendWrap ul.li_cont4.NoBullet.LegendUL {
    width: 100% !important;
}


}

@media only screen and (max-width:435px){
	
	.TopExpensiveWrapUp ul li, .TopExpensiveWrapDown ul li {
    width: 40%;
    margin: 20px 10px;
}
	
/** index **/
.ContactFormWrap .FormWrapper {
    width: 350px;
}

}

@media only screen and (max-width:424px){
/** index **/



}

@media only screen and (max-width:414px){
/** index **/



}

@media only screen and (max-width:412px){
/** index **/



}
@media only screen and (max-width:411px){
/** index **/



}

@media only screen and (max-width:400px){ 
/** index **/
.InnerHeaderBg h1 {
    font-size: 30px !important;
    line-height: 40px !important;
}


}

@media only screen and (max-width:384px){ 
/** index **/
.ContactFormWrap .FormWrapper {
    width: 92%;
}
.ContactMap iframe {
    height: 250px;
}

}

@media only screen and (max-width:375px){
/** index **/



}



@media only screen and (max-width:360px){
/** index **/

.FormulaBgWrap ul {
    column-count: 1;
}

}

@media only screen and (max-width:320px){
/** index **/



}