@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1920 and 1600 and 1440 and 1366)
	#laptop (1440 and 1366)
	#Tablet (991 to 767)
	#Mobile (767 to 360)



/* #Additional - Large Screens width of 1800px to 1601px 
================================================== */
@media only screen and (min-width: 1601px) and (max-width: 1800px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}

/* #Additional - Large Screens width of 1600px to 1501px 
================================================== */
@media only screen and (min-width: 1501px) and (max-width: 1600px) {

:root										{ --container-width: 1250px; }
.container                                  {max-width: 1440px;}


}

/* #Additional - Large Screens width of 1500px to 1441px 
================================================== */
@media only screen and (min-width: 1441px) and (max-width: 1500px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}

/* #Additional - Large Screens width of 1440px to 1200px 
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1440px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}

/* #Additional - Large Screens  width of 1366px to 1200px
================================================== */
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    
:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; padding: 0 15px; }


}

/* #iPad Pro - Large Screens width of 1199px to 990px
================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

:root										{ --container-width: 960px; }
.container									{ max-width: 960px; }

.medicareSec .topRow 						{ margin-bottom: 50px; }
.medicareSec .bottemRow .leftCol  			{ padding: 30px; }
.medicareSec .bottemRow .leftCol h2 		{ font-size: 40px; line-height: 45px; margin-bottom: 15px; }
.medicareSec .bottemRow .leftCol .informationForm form .row:first-child { padding-bottom: 20px; margin-bottom: 30px; }
.medicareSec .bottemRow .leftCol .informationForm form h4 	{ margin-bottom: 40px; }
.medicareSec .bottemRow .leftCol .informationForm form .submitBtn { font-size: 18px; }
.medicareSec .bottemRow .rightCol  			{ padding: 30px; }
.medicareSec .bottemRow .rightCol h2 		{ font-size: 30px; line-height: 40px; margin-bottom: 15px; }
.medicareSec .footerBox p 					{ width: 100%; }


/* ---------- Medicare Preferences Page Css ---------- */
.medicareSec .bottemRow .leftCol .medicare form .form-group { margin-bottom: 30px; }
.medicareSec .bottemRow .leftCol .medicare form .form-group.radioBtn .form-check { margin-bottom: 20px; }
.medicareSec .bottemRow .leftCol .medicare form .form-group.checkBox .form-check { margin-bottom: 20px; }
.medicareSec .bottemRow .leftCol .medicare form .submitBtn { font-size: 18px; }



}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 991px to 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }

.medicareSec .topRow 						{ margin-bottom: 50px; }
.medicareSec .bottemRow .leftCol 			{ padding: 30px; margin-bottom: 30px; }
.medicareSec .bottemRow .leftCol h2 		{ font-size: 35px; line-height: 45px; margin-bottom: 15px; }
.medicareSec .bottemRow .leftCol p 			{ font-size: 18px; line-height: 25px; margin-bottom: 25px; }
.medicareSec .bottemRow .leftCol .stapBox 	{ margin-bottom: 30px; }
.medicareSec .bottemRow .leftCol .stapBox .progressBox { margin-top: 10px; }
.medicareSec .bottemRow .leftCol .informationForm form .row:first-child { padding-bottom: 20px; }
.medicareSec .bottemRow .leftCol .informationForm form .form-group label { font-size: 16px; }
.medicareSec .bottemRow .leftCol .informationForm form .form-group .form-control { font-size: 14px; }
.medicareSec .bottemRow .leftCol .informationForm form h4 	{ font-size: 22px; line-height: 26px; margin-bottom: 20px; }
.medicareSec .bottemRow .leftCol .informationForm form .submitBtn { font-size: 18px; line-height: 24px; margin-top: 10px; }
.medicareSec .bottemRow .rightCol 			{ padding: 30px; }
.medicareSec .bottemRow .rightCol .amacIconBox { margin-bottom: 20px; }
.medicareSec .bottemRow .rightCol .amacIconBox .amacInfo h5 { font-size: 22px; line-height: 26px; }
.medicareSec .bottemRow .rightCol h2 		{ font-size: 30px; line-height: 40px; margin-bottom: 10px; }
.medicareSec .bottemRow .rightCol p 		{ font-size: 18px; line-height: 28px; margin-bottom: 20px; }
.medicareSec .footerBox p 					{ width: 100%; }


/* ---------- Medicare Preferences Page Css ---------- */
.medicareSec .bottemRow .leftCol a.backBtn { margin-bottom: 15px; }
.medicareSec .bottemRow .leftCol .medicare form .form-group { margin-bottom: 20px; }
.medicareSec .bottemRow .leftCol .medicare form .form-group.radioBtn .form-check { padding: 15px; margin-bottom: 15px; }
.medicareSec .bottemRow .leftCol .medicare form .form-group.radioBtn .form-check label { font-size: 16px; }
.medicareSec .bottemRow .leftCol .medicare form .form-group.checkBox .form-check { padding: 15px; margin-bottom: 15px; }
.medicareSec .bottemRow .leftCol .medicare form .form-group.checkBox .form-check label strong { font-size: 16px; line-height: 22px; }
.medicareSec .bottemRow .leftCol .medicare form .form-group.requiredCheckBox { padding: 15px; }
.medicareSec .bottemRow .leftCol .medicare form .submitBtn { font-size: 18px; line-height: 24px; margin-top: 10px; }


/* ---------- Thank You Page Css ---------- */
.thankYouSec .thankYouBox  					{ padding: 50px; }
.thankYouSec .thankYouBox .checkmark 		{ width: 75px; height: 75px; }
.thankYouSec .thankYouBox .checkmark i 		{ font-size: 40px; }
.thankYouSec .thankYouBox h1 				{ font-size: 35px; line-height: 40px; margin-bottom: 20px; }
.thankYouSec .thankYouBox p 				{ font-size: 20px; line-height: 32px; margin-bottom: 30px; }
.thankYouSec .thankYouBox .nextSteps 		{ margin-bottom: 30px; }
.thankYouSec .thankYouBox .nextSteps .step p { font-size: 18px; line-height: 28px; }
.thankYouSec .thankYouBox .footer p 		{ font-size: 18px; line-height: 28px; }



}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 767px to 320px */
@media only screen and (max-width: 767px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 740px; padding: 0 15px; }

header .logo 								{ width: 150px; }
.medicareSec .topRow 						{ gap: 10px; margin-bottom: 40px; flex-direction: column; align-items: flex-start; }
.medicareSec .topRow .medicareTab .tabName 	{ width: 35px; height: 35px; font-size: 16px; line-height: 20px; }
.medicareSec .topRow .medicareTab .tabText 	{ width: calc(100% - 35px); padding-left: 10px; font-size: 16px; }
.medicareSec .topRow .medicareTabBorder  	{ height: 30px; width: 1px; margin-left: 17px; }
.medicareSec .topRow .medicareTab 			{ width: 100%; }
.medicareSec .bottemRow 					{ margin-bottom: 30px; }
.medicareSec .bottemRow .leftCol 			{ width: 100%; float: left; padding: 20px; margin-bottom: 30px; }
.medicareSec .bottemRow .leftCol h2 		{ font-size: 25px; line-height: 35px; margin-bottom: 15px; }
.medicareSec .bottemRow .leftCol p 			{ font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.medicareSec .bottemRow .leftCol .stapBox 	{ margin-bottom: 30px; }
.medicareSec .bottemRow .leftCol .stapBox .leftText { font-size: 12px; line-height: 18px; }
.medicareSec .bottemRow .leftCol .stapBox .rightText { font-size: 12px; line-height: 18px; }
.medicareSec .bottemRow .leftCol .informationForm form .row:first-child { padding-bottom: 10px; border-bottom: 1px solid #e3e3e4; margin-bottom: 30px; }
.medicareSec .bottemRow .leftCol .informationForm form .form-group { margin-bottom: 20px; }
.medicareSec .bottemRow .leftCol .informationForm form .form-group label { font-size: 16px; line-height: 20px; margin-bottom: 10px; }
.medicareSec .bottemRow .leftCol .informationForm form .form-group .form-control { font-size: 14px; }
.medicareSec .bottemRow .leftCol .informationForm form h4 	{ font-size: 20px; line-height: 25px; margin-bottom: 15px; }
.medicareSec .bottemRow .leftCol .informationForm form .submitBtn { font-size: 14px; line-height: 20px; padding: 12px 5px; margin-top: 5px; }
.medicareSec .bottemRow .leftCol .informationForm form .submitBtn i { margin-left: 5px; }
.medicareSec .bottemRow .rightCol  			{ padding: 20px; }
.medicareSec .bottemRow .rightCol .amacIconBox .amacInfo h5 { font-size: 20px; line-height: 25px; }
.medicareSec .bottemRow .rightCol .amacIconBox { margin-bottom: 15px; } 
.medicareSec .bottemRow .rightCol h2 		{ font-size: 22px; line-height: 32px; margin-bottom: 15px; }
.medicareSec .bottemRow .rightCol p 		{ font-size: 16px; line-height: 26px; margin-bottom: 25px; }
.medicareSec .bottemRow .rightCol .infoBox .iconInfo h5 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
.medicareSec .bottemRow .rightCol .infoBox .iconInfo p { line-height: 22px; }
.medicareSec .bottemRow .rightCol .certifiedBox { padding: 15px; }
.medicareSec .bottemRow .rightCol .certifiedBox .certifiedIcon { width: 25px; font-size: 25px; }
.medicareSec .bottemRow .rightCol .certifiedBox .certifiedInfo { width: calc(100% - 25px); }
.medicareSec .bottemRow .rightCol .certifiedBox .certifiedInfo h5 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
.medicareSec .bottemRow .rightCol .certifiedBox .certifiedInfo p { line-height: 22px; }
.medicareSec .footerBox p 					{ width: 100%; }


/* ---------- Medicare Preferences Page Css ---------- */
.medicareSec .bottemRow .leftCol a.backBtn 	{ font-size: 16px; line-height: 20px; margin-bottom: 15px; }
.medicareSec .bottemRow .leftCol .medicare form .form-group { margin-bottom: 20px; }
.medicareSec .bottemRow .leftCol .medicare form .form-group.radioBtn .form-check { padding: 15px; margin-bottom: 15px; }
.medicareSec .bottemRow .leftCol .medicare form .form-group.radioBtn .form-check label { font-size: 16px; }
.medicareSec .bottemRow .leftCol .medicare form .form-group.checkBox .form-check { padding: 15px; }
.medicareSec .bottemRow .leftCol .medicare form .form-group.checkBox .form-check label strong { font-size: 16px; line-height: 20px; }
.medicareSec .bottemRow .leftCol .medicare form .form-group.requiredCheckBox { padding: 15px; }
.medicareSec .bottemRow .leftCol .medicare form .submitBtn { font-size: 14px; line-height: 20px; padding: 12px 20px; margin-top: 5px; }
.medicareSec .bottemRow .leftCol .medicare form .submitBtn i { margin-left: 5px; }


/* ---------- Thank You Page Css ---------- */
.thankYouSec .thankYouBox  					{ padding: 25px; }
.thankYouSec .thankYouBox .checkmark 		{ width: 60px; height: 60px; margin-bottom: 20px; }
.thankYouSec .thankYouBox .checkmark i 		{ font-size: 25px; }
.thankYouSec .thankYouBox h1 				{ font-size: 30px; line-height: 40px; margin-bottom: 10px; }
.thankYouSec .thankYouBox p 				{ font-size: 18px; line-height: 30px; margin-bottom: 30px; }
.thankYouSec .thankYouBox .nextSteps 		{ padding: 25px; margin-bottom: 30px; }
.thankYouSec .thankYouBox .nextSteps h3 	{ font-size: 22px; line-height: 28px; margin-bottom: 20px; }
.thankYouSec .thankYouBox .nextSteps .step 	{ margin-bottom: 20px; }
.thankYouSec .thankYouBox .nextSteps .step p { padding-left: 15px; font-size: 18px; line-height: 26px; }
.thankYouSec .thankYouBox .footer p 		{ font-size: 18px; line-height: 28px; }
.backToAmac                                 { width: 100%; padding: 15px 15px 17px; }






}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 575px to 320px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }


}