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

/* Table of Contents
-----------------------------------------------------------------------------
	1. Mobile
	2. Large Mobile
	3. iPad
	4. large desktop
	5. Other
*/

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:640px) {
.container{ padding: 0 4%; box-sizing: border-box; }
header{ padding: 15px 0 10px 0px; }

h1{ font-size: 22px; line-height: 27px; margin-bottom: 10px; }
h2{ font-size: 22px; line-height: 27px; margin-bottom: 10px; }
h3{ font-size: 16px; line-height: 24px; }

p, ul li{ font-size: 12px; line-height: 18px; margin-bottom: 10px; }
ul li {
	margin-bottom: 0;
}
ul {
	margin-bottom: 10px;
}
footer{ padding: 15px 0 20px 0; }
.footer-nav ul li{ font-size: 12px; line-height: 18px; }
.welcome-text-section h1{ max-width: 245px; display: block; margin-bottom: 15px; }
.sub-desc{ padding-top: 15px; }
.sub-desc p{ font-size: 12px; line-height: 15px; max-width: 341px; }
.col-right{ width: 36%; padding-top: 50px; }
.image-cell{ margin-bottom: 10px; max-width: 512px; }
.btn2{ font-size: 24px; line-height: 28px; padding: 10px 40px 10px 40px; }
.logo{ max-width: 250px; }
.helpful-section .container{ max-width: 1400px; }
.image-cell figure{ margin-right: 7%; width: 38%; }
.field-desc p{ font-size: 14px; line-height: 18px; width: 100%; text-align: center; padding-right: 0; }
.field-desc p + p{ width: 100%; }
.welcome-text-section .container p{ margin-bottom: 0; }
.field-desc{ margin-bottom: 20px; display: block; }
.top-add-inner{ width: 260px; min-height: 33px; padding: 10px 10px 10px 42px; font-size: 12px; line-height: 14px; }
.top-add-cell{ left: 50%; top: -15px; border-radius: 6px; transform: translate(-50%, 0%); right: inherit; }
.top-add-cell figure{ max-width: 26px; left: 10px; top: 5px; }
.detail-cell .top-add-cell:before{ left: -7px; top: 4px; width: 10px; height: 11px; }
.detail-cell .top-add-cell:after{ right: -7px; top: 4px; width: 10px; height: 11px; }
.top-add-inner{ border-radius: 6px; }
.number{ left: 15px; top: 8px; font-size: 10px; line-height: 13px; }
.top-add-cell:before{ left: -8px; top: 4px; width: 13px; height: 16px; }
.top-add-cell:after{ right: -7px; top: 4px; width: 13px; height: 16px; }
.col-left{ width: 13vw; position: absolute; right: -8px; top: 35%; }
.col-mid{ width: 100%; padding-left: 15px; box-sizing: border-box; padding-right: 20px; }
.col-right{ width: 100%; }
.offer-cell{ font-size: 14px; line-height: 20px; min-height: auto; border-radius: 6px; padding: 0; margin-bottom: 15px; background: transparent; text-align: center; }
.offer-cell figure{ width: 30px; margin-right: 10px; display: none; }
.offer-cell figure img{ display: block; width: 100%; }
.btn-grp .btn{ margin-right: 0; }
.btn{ font-size: 4vw; line-height: 22px; padding: 8px 12px 6px 32px; border: 2px solid #2699FB;  border-radius: 6px; width: 49%; }
.btn2{ font-size: 4vw; line-height: 22px; padding: 8px 12px 6px 12px; border: 2px solid #2699FB; width: 49%; text-align: center; }
.col-mid figure{ max-width: 100%; margin-left: 0; margin-bottom: 15px; }
.star-cell:before{ left: 0; top: 4px; width: 42px; height: 40px; display: none; }
.star-cell{ font-size: 14px; line-height: 20px; padding: 8px 10px 8px 10px; margin-bottom: 10px; }
.post-cell{ width: 50%; margin-left: 0; margin-bottom: 20px; }
.post-cell h3{ margin-bottom: 10px; }
.btn-grp.bottom-btn{ margin-top: 0; }
.detail-list-section{ padding: 50px 0 35px 0; }
.helpful-section{ padding: 35px 0 10px 0; }
.helpful-section h2{ margin-bottom: 25px; }
.detail-cell{ margin-bottom: 40px; border-radius: 6px; padding: 40px 15px 9px 15px; }
.post-cell p{ font-size: 14px; line-height: 20px; max-width: inherit; }
.helpful-section .two-col .post-cell:nth-child(odd){ width: 100%; padding-right: 0; box-sizing: border-box; }
.helpful-section .two-col .post-cell:nth-child(even){ width: 100%; padding-right: 0; box-sizing: border-box; }
.welcome-text-section{ padding: 10px 0 25px 0; }
.btn:before{ left: 12px; top: 8px; width: 15px; height: 20px; background-size: cover; }
.btn:hover:before{ background-position: -18px 0; }
.detail-cell .col-left figure{ display: block; width: 100%; }
.detail-cell .col-left figure img{ display: block; width: 100%; }
.col-mid p, .col-mid ul{ padding-right: 22%; box-sizing: border-box; }
.sub-desc{ padding-right: 22%; box-sizing: border-box; }
.sub-desc p{ padding-right: 0; }
.col-mid figure img{ width: 100%; }

.col-mid .image-cell, .col-mid .field-desc, .col-mid .offer-cell{ display: block; }
.col-right .image-cell, .col-right .field-desc{ display: none; }
.field-desc p{ padding-right: 0; }
.col-mid .image-cell { width: 75%; margin: 0 auto; margin-bottom: 10px; }
.col-right .star-outer-cell{ display: none; }
.col-mid .star-outer-cell figure{ display: none; }
.col-mid .star-cell span{ margin-top: 0; }
.col-mid .star-cell{ padding: 8px 0px 8px 0px; font-size: 13px; }
.small-rt-img .col-left{ width: 24%; }
.small-rt-img.detail-cell{ padding-top: 50px; }
.more-space .col-right{ padding-top: 80px; }
.col-mid .star-outer-cell{ display: block; }


.footer-nav p { font-size: 16px; line-height: 20px; }
.btn-grp{ width: 100%; }
.btn-grp, .offer-cell{ margin-left: 0; }

}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {

.container{ padding: 0 2%; box-sizing: border-box; }
header{ padding: 15px 0 10px 0px; }

h1{ font-size: 22px; line-height: 27px; margin-bottom: 10px; }
h2{ font-size: 22px; line-height: 27px; margin-bottom: 10px; }
h3{ font-size: 16px; line-height: 24px; }

p, ul li{ font-size: 14px; line-height: 20px; margin-bottom: 15px; }
ul {
	margin-bottom: 15px;
}
ul li {
	margin-bottom: 0;
}
footer{ padding: 15px 0 20px 0; }
.footer-nav ul li{ font-size: 12px; line-height: 18px; }
.sub-desc{ padding-top: 15px; }
.sub-desc p{ font-size: 14px; line-height: 16px; max-width: 341px; }
.col-right{ width: 36%; padding-top: 20px; }
.image-cell{ margin-bottom: 10px; max-width: 512px; }
.btn2{ font-size: 24px; line-height: 28px; padding: 10px 40px 10px 40px; }
.logo{ max-width: 250px; }
.helpful-section .container{ max-width: 1400px; }
.image-cell figure{ margin-right: 7%; width: 38%; }
.field-desc p{ font-size: 14px; line-height: 18px; width: 100%; text-align: center; }
.field-desc p + p{ width: 100%; }
.welcome-text-section .container p{ margin-bottom: 0; }
.field-desc{ margin-bottom: 20px; display: block; }
.top-add-inner{ width: 260px; min-height: 33px; padding: 10px 10px 10px 42px; font-size: 12px; line-height: 14px; }
.top-add-cell{ right: 30px; top: -15px; border-radius: 6px; }
.top-add-cell figure{ max-width: 26px; left: 10px; top: 5px; }
.detail-cell .top-add-cell:before{ left: -7px; top: 4px; width: 10px; height: 11px; }
.detail-cell .top-add-cell:after{ right: -7px; top: 4px; width: 10px; height: 11px; }
.top-add-inner{ border-radius: 6px; }
.number{ left: 15px; top: 8px; font-size: 10px; line-height: 13px; }
.top-add-cell:before{ left: -8px; top: 4px; width: 13px; height: 16px; }
.top-add-cell:after{ right: -7px; top: 4px; width: 13px; height: 16px; }
.col-left{ width: 11%; }
.col-mid{ width: 47%; padding-left: 15px; box-sizing: border-box; padding-right: 20px; }
.col-right{ width: 42%; }
.offer-cell{ font-size: 14px; line-height: 20px; min-height: auto; border-radius: 6px; padding: 0; margin-bottom: 25px; background: transparent; text-align: center; }
.offer-cell figure{ width: 30px; margin-right: 10px; display: none; }
.offer-cell figure img{ display: block; width: 100%; }
.btn-grp .btn{ margin-right: 5px; }
.btn{ font-size: 13px; line-height: 22px; padding: 8px 15px 6px 35px; border: 2px solid #2699FB;  border-radius: 6px; }
.btn2{ font-size: 13px; line-height: 22px; padding: 8px 15px 6px 15px; border: 2px solid #2699FB; }
.col-mid figure{ max-width: 80%; margin-left: 0; margin-bottom: 20px; }
.star-cell:before{ left: 0; top: 4px; width: 42px; height: 40px; }
.star-cell{ font-size: 13px; line-height: 17px; padding: 0px 0 0px 0px; margin-bottom: 15px; }
.post-cell{ width: 50%; margin-left: 0; margin-bottom: 20px; }
.post-cell h3{ margin-bottom: 15px; }
.btn-grp.bottom-btn{ margin-top: 160px; margin-top: 66px; }
.detail-list-section{ padding: 50px 0 35px 0; }
.helpful-section{ padding: 35px 0 10px 0; }
.helpful-section h2{ margin-bottom: 40px; }
.detail-cell{ margin-bottom: 40px; border-radius: 6px; padding: 25px 15px 20px 15px; }
.post-cell p{ font-size: 14px; line-height: 20px; max-width: inherit; }
.helpful-section .two-col .post-cell:nth-child(odd){ width: 50%; padding-right: 20px; box-sizing: border-box; }
.helpful-section .two-col .post-cell:nth-child(even){ width: 50%; padding-left: 20px; box-sizing: border-box; }
.welcome-text-section{ padding: 10px 0 25px 0; }
.btn:before{ left: 12px; top: 8px; width: 15px; height: 20px; background-size: cover; }
.btn:hover:before{ background-position: -18px 0; }
.detail-cell .col-left figure{ display: block; width: 100%; }
.detail-cell .col-left figure img{ display: block; width: 100%; }
.col-mid figure img{ width: 100%; }	

.col-mid .star-outer-cell{ display: none; }
.star-cell figure{ margin-right: 5px; max-width: 35px; }
.star-cell span{ margin-top: 9px; }

.btn-grp, .offer-cell{ margin-left: 0; }

}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px){

.container{ padding: 0 2%; box-sizing: border-box; }
header{ padding: 20px 0 10px 0px; }

h1{ font-size: 26px; line-height: 30px; margin-bottom: 15px; }
h2{ font-size: 26px; line-height: 30px; margin-bottom: 15px; }
h3{ font-size: 18px; line-height: 26px; margin-bottom: 20px; }
p, ul li{ font-size: 16px; line-height: 22px; margin-bottom: 15px; }
ul li {
	margin-bottom: 0;
}
ul {
	margin-bottom: 15px;
}
footer{ padding: 15px 0 30px 0; }
.footer-nav ul li{ font-size: 14px; line-height: 18px; }
.sub-desc{ padding-top: 15px; }
.sub-desc p{ font-size: 14px; line-height: 16px; max-width: 341px; }
.col-right{ width: 36%; padding-top: 20px; }
.image-cell{ margin-bottom: 10px; max-width: 512px; }
.btn2{ font-size: 24px; line-height: 28px; padding: 10px 40px 10px 40px; }
.logo{ max-width: 300px; }
.helpful-section .container{ max-width: 1400px; }
.image-cell figure{ margin-right: 7%; width: 38%; }
.field-desc p{ font-size: 14px; line-height: 18px; width: 100%; text-align: center; }
.field-desc p + p{ width: 100%; }
.welcome-text-section .container p{ margin-bottom: 0; }
.field-desc{ margin-bottom: 20px; display: block; }
.top-add-inner{ width: 325px; min-height: 48px; padding: 16px 20px 12px 40px; font-size: 14px;   line-height: 16px; }
.top-add-cell{ right: 60px; top: -20px; border-radius: 8px; }
.top-add-cell figure{ max-width: 42px; left: 15px; top: 5px; }
.number{ left: 24px; top: 11px; font-size: 14px; line-height: 18px; }
.top-add-cell:before{ left: -8px; top: 4px; width: 13px; height: 16px; }
.top-add-cell:after{ right: -7px; top: 4px; width: 13px; height: 16px; }
.col-left{ width: 11%; }
.col-mid{ width: 47%; padding-left: 25px; box-sizing: border-box; padding-right: 40px; }
.col-right{ width: 39%; }
.offer-cell{ font-size: 16px; line-height: 20px; min-height: 55px; border-radius: 6px; padding: 10px 15px; margin-bottom: 25px; }
.offer-cell figure{ width: 30px; margin-right: 10px; }
.offer-cell figure img{ display: block; width: 100%; }
.btn-grp .btn{ margin-right: 10px; }
.btn{ font-size: 13px; line-height: 22px; padding: 8px 15px 6px 35px; border: 2px solid #2699FB;  border-radius: 6px; }
.btn2{ font-size: 13px; line-height: 22px; padding: 8px 21px 6px 21px; border: 2px solid #2699FB; }
.col-mid figure{ max-width: 80%; margin-left: 0; margin-bottom: 30px; }
.star-cell:before{ left: 0; top: 4px; width: 42px; height: 40px; }
.star-cell{ font-size: 16px; line-height: 20px; padding: 0px 10px 0px 0px; margin-bottom: 15px; }
.post-cell{ width: 50%; margin-left: 0; margin-bottom: 25px; }
.post-cell h3{ margin-bottom: 15px; }
.btn-grp.bottom-btn{ margin-top: 160px; margin-top: 88px; }
.detail-list-section{ padding: 70px 0 50px 0; }
.helpful-section{ padding: 50px 0 10px 0; }
.helpful-section h2{ margin-bottom: 40px; }
.detail-cell{ margin-bottom: 40px; }
.post-cell p{ font-size: 16px; line-height: 22px; max-width: inherit; }
.helpful-section .two-col .post-cell:nth-child(odd){ width: 50%; padding-right: 20px; box-sizing: border-box; }
.helpful-section .two-col .post-cell:nth-child(even){ width: 50%; padding-left: 20px; box-sizing: border-box; }
.welcome-text-section{ padding: 20px 0 30px 0; }
.btn:before{ left: 12px; top: 8px; width: 15px; height: 20px; background-size: cover; }
.btn:hover:before{ background-position: -18px 0; }
.detail-cell .col-left figure{ display: block; width: 100%; }
.detail-cell .col-left figure img{ display: block; width: 100%; }
.col-mid figure img{ width: 100%; }	
.star-cell figure{ margin-right: 5px; max-width: 65px; }
.star-cell span{ margin-top: 10px; }
.top-add-cell.blue-bg:before{ left: -8px; top: 4px; width: 13px; height: 16px; }
.top-add-cell.blue-bg:after{ right: -7px; top: 4px; width: 13px; height: 16px; }
.btn-grp, .offer-cell{ margin-left: 0; }

}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {	

.container{ padding: 0 2%; box-sizing: border-box; }
header{ padding: 20px 0 20px 0px; }

h1{ font-size: 32px; line-height: 38px; margin-bottom: 15px; }
h2{ font-size: 32px; line-height: 38px; margin-bottom: 15px; }
h3{ font-size: 20px; line-height: 28px; margin-bottom: 20px; }

p, ul li{ font-size: 18px; line-height: 25px; margin-bottom: 15px; }
ul li {
	margin-bottom: 0;
}
ul {
	margin-bottom: 15px;
}

footer{ padding: 15px 0 40px 0; }
.footer-nav ul li{ font-size: 16px; line-height: 20px; }
.sub-desc{ padding-top: 15px; }
.sub-desc p{ font-size: 14px; line-height: 16px; max-width: 341px; }
.col-right{ width: 36%; padding-top: 20px; }
.image-cell{ margin-bottom: 10px; max-width: 512px; }
.btn2{ font-size: 24px; line-height: 28px; padding: 10px 40px 10px 40px; }
.logo{ max-width: 300px; }
.helpful-section .container{ max-width: 1400px; }
.image-cell figure{ margin-right: 7%; width: 38%; }
.field-desc p{ font-size: 14px; line-height: 18px; }
.welcome-text-section .container p{ margin-bottom: 0; }
.field-desc{ margin-bottom: 20px; }
.top-add-inner{ width: 370px; min-height: 56px; padding: 20px 20px 17px 65px; font-size: 16px;   line-height: 18px; }
.top-add-cell{ right: 60px; top: -20px; border-radius: 8px; }
.top-add-cell figure{ max-width: 42px; left: 15px; top: 5px; }
.number{ left: 24px; top: 11px; font-size: 14px; line-height: 18px; }
.top-add-cell:before{ left: -8px; top: 4px; width: 13px; height: 16px; }
.top-add-cell:after{ right: -7px; top: 4px; width: 13px; height: 16px; }
.top-add-cell.blue-bg:before{ left: -8px; top: 4px; width: 13px; height: 16px; }
.top-add-cell.blue-bg:after{ right: -7px; top: 4px; width: 13px; height: 16px; }
.col-left{ width: 11%; }
.col-mid{ width: 47%; padding-left: 25px; box-sizing: border-box; padding-right: 40px; }
.col-right{ width: 39%; }
.offer-cell{ font-size: 16px; line-height: 20px; min-height: 55px; border-radius: 6px; padding: 10px 15px; margin-bottom: 25px; }
.offer-cell figure{ width: 30px; }
.offer-cell figure img{ display: block; width: 100%; }
.btn-grp .btn{ margin-right: 10px; }
.btn{ font-size: 13px; line-height: 22px; padding: 8px 15px 6px 35px; border: 2px solid #2699FB;  border-radius: 6px; }
.btn2{ font-size: 13px; line-height: 22px; padding: 8px 32px 6px 32px; border: 2px solid #2699FB; }
.col-mid figure{ max-width: 80%; margin-left: 0; margin-bottom: 30px; }
.star-cell:before{ left: 0; top: 2px; width: 42px; height: 40px; }
.star-cell{ font-size: 16px; line-height: 20px; padding: 0px 10px 0px 0px; margin-bottom: 20px; }
.post-cell{ width: 50%; margin-left: 0; margin-bottom: 35px; }
.post-cell h3{ margin-bottom: 15px; }
.btn-grp.bottom-btn{ margin-top: 185px; margin-top: 105px; }
.detail-list-section{ padding: 80px 0 70px 0; }
.helpful-section{ padding: 60px 0 10px 0; }
.helpful-section h2{ margin-bottom: 40px; }
.detail-cell{ margin-bottom: 40px; }
.post-cell p{ font-size: 18px; line-height: 24px; max-width: inherit; }
.helpful-section .two-col .post-cell:nth-child(odd){ width: 50%; padding-right: 20px; box-sizing: border-box; }
.helpful-section .two-col .post-cell:nth-child(even){ width: 50%; padding-left: 20px; box-sizing: border-box; }
.welcome-text-section{ padding: 20px 0 30px 0; }
.btn:before{ left: 12px; top: 8px; width: 15px; height: 20px; background-size: cover; }
.btn:hover:before{ background-position: -18px 0; }
.detail-cell .col-left figure{ display: block; width: 100%; }
.detail-cell .col-left figure img{ display: block; width: 100%; }
.col-mid figure img{ width: 100%; }
.star-cell figure{ margin-right: 20px; max-width: 55px; }
.btn-grp, .offer-cell{ margin-left: 0; }

}

/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (min-width:1201px) and (max-width:1349px) {

	.container{ padding: 0 2%; box-sizing: border-box; }
	header{ padding: 20px 0 40px 0px; }

	h1{ font-size: 38px; line-height: 42px; }
	h2{ font-size: 38px; line-height: 42px; }
	h3{ font-size: 26px; line-height: 33px; }

	p, ul li{ font-size: 22px; line-height: 29px; }
	.btn2{ font-size: 24px; line-height: 28px; padding: 10px 40px 10px 40px; }
	.helpful-section .container{ max-width: 1400px; }
	.image-cell figure{ margin-right: 2%; width: 45%; }
	.field-desc p{ font-size: 18px; line-height: 21px; }
	.col-left{ width: 14%; }
	.col-mid{ width: 47%; padding-left: 25px; box-sizing: border-box; padding-right: 40px; }
	.col-right{ width: 39%; }
	.offer-cell{ font-size: 20px; line-height: 25px; }
	.btn-grp .btn{ margin-right: 10px; }
	.btn{ font-size: 18px; line-height: 24px; padding: 10px 20px 10px 43px; }
	.btn2{ font-size: 18px; line-height: 24px; }
	.col-mid figure{ max-width: 60%; margin-left: 0; }
	.post-cell{ width: 700px; margin-left: 0; }
	.helpful-section .two-col .post-cell:nth-child(even){ width: 440px; }
	.welcome-text-section{ padding: 20px 0 30px 0; }
	.btn:before{ left: 14px; top: 8px; }
	.detail-cell .col-left figure{ display: block; width: 100%; }
	.detail-cell .col-left figure img{ display: block; width: 100%; }
	.col-mid figure img{ width: 100%; }
	.btn-grp.bottom-btn{ margin-top: 220px; margin-top: 60px;}

	.btn-grp, .offer-cell{ margin-left: 0; }

}


@media (min-width:1201px) and (max-width:1349px) {

	.container{ padding: 0 2%; box-sizing: border-box; }
	header{ padding: 20px 0 40px 0px; }

	h1{ font-size: 38px; line-height: 42px; }
	h2{ font-size: 38px; line-height: 42px; }
	h3{ font-size: 26px; line-height: 33px; }

	p, ul li{ font-size: 22px; line-height: 29px; }

	.btn2{ font-size: 24px; line-height: 28px; padding: 10px 40px 10px 40px; }
	.helpful-section .container{ max-width: 1400px; }
	.image-cell figure{ margin-right: 2%; width: 45%; }
	.field-desc p{ font-size: 16px; line-height: 21px; }
	.col-left{ width: 18%; }
	.col-mid{ width: 43%; padding-left: 25px; box-sizing: border-box; padding-right: 40px; }
	.col-right{ width: 39%; }
	.offer-cell{ font-size: 20px; line-height: 25px; }
	.btn-grp .btn{ margin-right: 10px; }
	.btn{ font-size: 18px; line-height: 24px; padding: 10px 20px 10px 43px; }
	.btn2{ font-size: 18px; line-height: 24px; }
	.col-mid figure{ max-width: 60%; margin-left: 0; }
	.post-cell{ width: 700px; margin-left: 0; }
	.helpful-section .two-col .post-cell:nth-child(even){ width: 440px; }
	.welcome-text-section{ padding: 20px 0 30px 0; }
	.btn:before{ left: 14px; top: 8px; }
	.detail-cell .col-left figure{ display: block; width: 100%; }
	.detail-cell .col-left figure img{ display: block; width: 100%; }
	.col-mid figure img{ width: 100%; }

	.btn-grp, .offer-cell{ margin-left: 0; }

}

@media (min-width:1350px) and (max-width:1370px) {	

	.container{ padding: 0 2%; box-sizing: border-box; }
	header{ padding: 40px 0 60px 0px; }

	h1{ font-size: 38px; line-height: 42px; }
	h2{ font-size: 38px; line-height: 42px; }

	p, ul li{ font-size: 24px; line-height: 36px; }
	.helpful-section .container{ max-width: 1400px; }
	.image-cell figure{ margin-right: 2%; width: 45%; }
	.field-desc p{ font-size: 17px; line-height: 21px; }
	.col-left{ width: 18%; }
	.col-mid{ width: 46%; padding-left: 25px; box-sizing: border-box; }
	.col-right{ width: 36%; }
	.offer-cell{ font-size: 20px; line-height: 25px; margin-left: 0; }
	.btn-grp{ margin-left: 0; }
	.btn-grp .btn{ margin-right: 10px; }
	.btn{ display: inline-block; font-size: 21px; line-height: 26px; padding: 10px 25px 10px 50px; float: left; }
	.btn2{ font-size: 20px; line-height: 26px; }
	.col-mid figure{ max-width: 60%; margin-left: 0; }
	.post-cell{ width: 700px; margin-left: 0; }
	.helpful-section .two-col .post-cell:nth-child(even){ width: 440px; }
	.welcome-text-section{ padding: 20px 0 30px 0; }
	.btn:before{ left: 19px; }
	.col-mid figure img{ width: 100%; }
	.btn-grp.bottom-btn{ margin-top: 245px; }

}

@media (max-width: 1370px) {
	.btn-grp { width: 100%; }
	
	#wrapper {
		margin-top: 20px;
	}
}

@media (min-width:1371px) and (max-width:1550px){

	.container{ padding: 0 2%; box-sizing: border-box; }
	.helpful-section .container{ max-width: 1400px; }
	.image-cell figure{ margin-right: 2%; width: 45%; }
	.field-desc p{ font-size: 18px; line-height: 21px; }
	.col-left{ width: 18%; }
	.col-mid{ width: 46%; padding-left: 25px; box-sizing: border-box; }
	.col-right{ width: 36%; }
	.offer-cell{ font-size: 20px; line-height: 25px; }
	.btn-grp .btn{ margin-right: 10px; }
	.btn{ display: inline-block; font-size: 20px; line-height: 26px; }
	.btn2{ font-size: 20px; line-height: 26px; }
	.col-mid figure{ max-width: 70%; margin-left: 0; }
	.post-cell{ width: 700px; margin-left: 0; }
	.helpful-section .two-col .post-cell:nth-child(even){ width: 440px; }

}

@media (min-width:1551px) and (max-width:1650px) {
  .container{ padding: 0 2%; box-sizing: border-box; }
  .helpful-section .container{ max-width: 1400px; }
}

@media (max-width: 1199px) {
	#wrapper {
		margin-top: 10px;
	}
}

@media (max-width:500px) {
.col-left{ width: 16vw; }
}

@media (max-width:400px) {
.col-left{ width: 22vw; }
}

@media (min-width: 1651px) {
	.top-add-cell {
		right: 75px;
	}
}

@media  (max-width:1199px){
	.quote-section .col-right {
		width: 60%;
		margin-bottom: 20px;
	}
	.quote-section .col-left {
		width: 40%;
	}

	.quote-section .quote-text {
		font-size: 32px;
		width: 255px;
		line-height: 1.13;
	}
	.quote-section .col-left::after {
		left: -80px;

	}
	.quote-wrapper {
		background-size: 48%;
		background-position: -20px 55%;
	}
	.quote-wrapper .gform_wrapper {
		padding-top: 30px;
	}
	.quote-wrapper .gfield--width-half {
		width: 45%;
	}
	.quote-wrapper .ginput_container input {
		font-size: 14px;
		padding-top: 20px;
		padding-bottom: 20px;
		min-width: 191px;
	}
}

@media  (max-width:767px){
	.quote-wrapper .gform_wrapper {
		padding-top: 10px;
	}
	
	.quote-wrapper {
		display: block;
		background-size: 420px;
		background-position: calc(50% + 20px) calc(40% - 290px);
	}
	.quote-section .col-right {
		width: 100%;
		margin-bottom: 20px;
	}
	.quote-section .col-left {
		right: 0;
		width: 100%;
	}
	.quote-section .quote-text {
		position: relative;
		transform: inherit;
		left: 0;
		padding: 30px 0 40px;
		font-size: 32px;
		width: 100%;
		max-width: 280px;
		margin: 0 auto;
	}
	.quote-wrapper .gform_wrapper {
		padding-bottom: 10px;
	}
	.quote-wrapper .gfield--width-half {
		display: block;
		width: auto;
	}
	.quote-wrapper .gform_button[type="submit"] {
		font-size: 18px;
	}
}