@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1600)
	#Desktop (1366)
	#Desktop (1024)
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)

/* #Additional - Large Screens beyond 1920px
================================================== */
@media only screen and (min-width: 1701px) and (max-width: 2100px) {

/*:root										{ --container-width: 1500px; }
.container                                  { max-width: 1500px; }*/

.applicationSec .appStartedRtBox 			{ padding: 30px 40px; }
.revokedBox 								{ padding: 20px 30px; }
.revokedBox img 							{ width: 100%; }

}

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

/*:root										{ --container-width: 1300px; }
.container                                  { max-width: 1300px; }*/

.appProgressbar:after 						{ width: 85%; }
.applicationSec .appStartedRtBox 			{ padding: 30px 40px; }

/*----------------- Inner Pages -----------------*/


}

/* #Additional - Large Screens beyond 1440px
================================================== */
@media only screen and (min-width: 1401px) and (max-width: 1500px) {

/*:root										{ --container-width: 1220px; }
.container                                  { max-width: 1220px; }*/

/*----------------- Inner Pages -----------------*/


}

/* #Additional - Large Screens beyond 1366px
================================================== */
@media only screen and (min-width: 1181px) and (max-width: 1400px) {

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

.applicationSec .applicationRtBox .counterBox h3 	{ font-size: 16px; line-height: 26px; }
.applicationSec .applicationRtBox .counterBox h4 	{ font-size: 25px; line-height: 30px; }
.applicationSec .applicationRtBox .counterBox p  	{ font-size: 12px; line-height: 14px; }
.applicationSec .applicationRtBox .hourglassImg img { width: 120px; }
.table-wrapper ul.table-header li 					{ font-size: 13px; }

.primarySec p 										{ font-size: 14px; line-height: 14px; }
.primarySec h4 										{ font-size: 16px; line-height: 16px; }
.marknoteLt p 										{ font-size: 14px; line-height: 14px; }
.marknoteLt h4 										{ font-size: 16px; line-height: 16px; }
.btn 												{ font-size: 14px; line-height: 14px; }
.formBox p 											{ font-size: 16px; line-height: 16px; }

.applicationViewTbl .content.ltBox 					{ padding: 0px 30px; }
.applicationViewTbl .content.rtBox 					{ padding: 10px 30px; }
.applicationViewTbl .content h4 					{ font-size: 24px; line-height: 24px; }
.applicationViewTbl .content p 						{ font-size: 16px; line-height: 16px; }

.submissionTabs ul li.nav-item .nav-link 			{ font-size:16px; }

.appProgressbar:after 								{ width: 85%; }

/*------------------------- 23-2-2024 New Class -------------------*/
.viewAppTopBox h3 									{ font-size: 20px; line-height: 20px; }
.viewAppTopBox .viewAppIcon ul li 					{ width: 30px; height: 30px; padding: 7px; }
.viewAppTopBox .viewAppIcon 						{ margin-bottom: -15px; }
.icontooltip 										{ right: -45px; bottom: 35px; }
.viewAppTopBox .progressBar 						{ padding: 20px 15px; }
.viewAppTopBox .progressBar .progress-text 			{ margin-top: 15px; }
.progressBar .progress-text p 						{ font-size: 11px; }
.viewAppTopBox .progressBar .progress-text p:last-child { text-align:right; }

.certifiedBox .icontooltip 							{ right: -51px; bottom: 35px; }

.revokedNewBox .viewAppTopBox h3 					{ font-size: 18px; line-height: 18px; }
.revokedNewBox .icontooltip 						{ right: -52px; }
.revokedNewBox .grn-btn 							{ font-size: 16px!important; line-height: 18px!important; padding: 15px 20px; }
}

/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 961px) and (max-width: 1180px) {

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

.header 												{ padding: 0px 15px; }

.header .hdrtopmenu 						{ width: 50%; }
.header .hdrtopmenu ul 						{ grid-gap: 30px; }
.header .menu .navbar .navbar-nav .nav-item span { min-width: 130px; font-size: 14px; }
.header .menu .navbar .navbar-nav .nav-item span strong { font-size: 18px; }

.org-btn 									{ font-size: 12px!important; line-height: 12px; white-space: break-spaces; }
button, html input[type="button"],
input[type="reset"],
input[type="submit"] 						{ height: 36px; padding: 7px 20px; font-size: 12px; }

#middle .content-wrapper 					{ padding: 15px 15px; }

.content-wrapper .page-titlebar h2 			{ font-size: 16px; line-height: 16px; }

.welcomeBox p 								{ font-size: 16px; line-height: 24px; }
.welcomeBox p strong 						{ font-size: 18px; }

.revokedBox 								{ padding: 20px 15px; }
.revokedBox .revokedText h3 				{ font-size: 15px; line-height: 15px; }
.revokedBox .revokedText p 					{ margin: 0 0 10px 0; font-size: 12px; line-height: 18px; }

.packageBox 								{ grid-gap: 10px; padding: 20px 15px; }
.packageBox .packageText h3 				{ margin: 0 0 5px 0; font-size: 15px; line-height: 15px; }
.packageBox .packageText p 					{ margin: 0 0 15px 0; font-size: 12px; line-height: 18px; }

.appStartedTitle > h3 								{ font-size: 15px; line-height: 20px; }
.appStartedTitle > span 							{ padding: 8px 12px; font-size: 12px; }
.applicationSec .applicationRtBox .counterBox 		{ padding: 15px 10px; margin-bottom: 15px; }
.applicationSec .applicationRtBox .counterBox h3	{ font-size: 12px; line-height: 12px; }
.applicationSec .applicationRtBox .counterBox h4 	{ margin: 0 0 15px 0; font-size: 22px; line-height: 25px; }
.applicationSec .applicationRtBox .counterDate .day h4 { padding: 14px 14px; font-size: 22px; line-height: 22px; }
.applicationSec .applicationRtBox .hourglassImg img { width: 110px; height: auto; }

.appFormSec .appFormTitle > .editlink 		{ font-size: 14px; line-height: 14px; }
.qedTitle 									{ grid-gap: 10px; }
.qedTitle > h3 								{ font-size: 15px; line-height: 20px; }
.qedTitle > a 								{ font-size: 12px; line-height: 12px; }
.qedRow .nametext 							{ width: 44%; }
.qedRow .nametext > h4 						{ font-size: 13px; line-height: 16px; }
.qedRow .nametext > p 						{ font-size: 12px; }
.qedRow .numbertext 						{ width: 56%; }
.qedRow .numbertext > p 					{ word-break: break-word; font-size: 12px; }

.attestBox > h4 							{ font-size: 20px; line-height: 20px; }

.companieSec h3 							{ font-size: 15px; line-height: 16px; }

.progressBar .progress-text 				{ grid-gap: 15px; }
.progressBar .progress-text p 				{ margin: 4px 0 0 0; font-size: 12px; line-height: 16px; text-align: left; }
.progressBar .progress-text p:last-child	{ text-align: right; }

.submissionTabs ul li.nav-item .nav-link 	{ font-size: 14px; }

.thankyouSec 								{ padding: 50px; }

/*----------------- Inner Pages -----------------*/
.radioboxRow h3 							{ font-size: 15px; line-height: 15px; }
.removeLink 								{ font-size: 12px; line-height: 12px; }
.addLink 									{ font-size: 12px; line-height: 12px; }
.back-btn 									{ font-size: 12px; line-height: 12px; }

.reviewFormRt h3 							{ font-size: 15px; line-height: 15px; }
.commentBox .commentText h6 				{ font-size: 10px; line-height: 10px; }
.commentBox .commentText h4 				{ margin: 0 0 15px 0; font-size: 14px; line-height: 14px; }

.appFormSec .appFormTitle > h3 				{ font-size: 15px; line-height: 15px; }
.formBox .feildRow .form-group label 		{ font-size: 12px; line-height: 12px; }
.formBox .feildRow .form-group .form-control { height: 38px; font-size: 15px; }
.formBox .feildRow .form-group .form-control::placeholder { font-size: 15px; }
.locationBox .feildRow .form-group .form-control { height: 38px; font-size: 15px; }
.locationBox .feildRow .form-group .form-control::placeholder { font-size: 15px; }

.reviewFormLt .accordionForm > h3			{ font-size: 15px; line-height: 15px; }

/*------------------------- 23-2-2024 New Class -------------------*/
.viewAppTopBox .progressBar 						{ padding: 15px 15px 35px 15px; }
.viewAppTopBox h3 									{ font-size: 16px; line-height: 18px; }
.viewAppBotmBox .grn-btn 							{ font-size: 16px!important; line-height: 16px!important; }
.viewAppTopBox .viewAppIcon 						{ margin-bottom: -14px; }
.viewAppTopBox .viewAppIcon ul li 					{ width: 25px; height: 25px; padding: 5px; }
.icontooltip 										{ right: -47px; bottom: 30px; }
.viewAppTopBox .progressBar .progress-text 			{ margin-top: 15px; }

.certifiedBox .icontooltip 							{ right: -53px; }
.certifiedBotmBox img 								{ width: 25%; }
.certifiedBotmBox .revokedText h3 					{ font-size: 18px; line-height: 20px; }
.certifiedBotmBox .revokedText p 					{ font-size: 13px; line-height: 14px; }
.certifiedBotmBox .grnBtn 							{ font-size: 12px; line-height: 15px; padding: 8px 8px; }

.revokedNewBox .viewAppTopBox h3 					{ font-size: 16px; line-height: 20px; }
.revokedNewBox .icontooltip 						{ right: -48px; font-size: 12px; line-height: 14px; }
.revokedNewBox .grn-btn 							{ font-size: 14px!important; line-height: 16px!important; padding: 10px 10px; }
}



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

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

.header 									{ padding: 0px 20px; }
.header .hdrtopmenu 						{ width: 40%; }
.header .hdrtopmenu ul 						{ grid-gap: 30px; }
.header .menu .navbar .navbar-nav 			{ grid-gap: 15px; flex-direction: row; }
.header .menu .navbar .navbar-nav .nav-item span { min-width: 130px; }
.header .menu .navbar .navbar-nav .nav-item span strong { font-size: 18px; }

.org-btn 									{ font-size: 12px!important; line-height: 12px; white-space: break-spaces; }
button, html input[type="button"],
input[type="reset"],
input[type="submit"] 						{ height: 36px; padding: 7px 20px; font-size: 12px; }
.form-checkbox 								{ font-size: 12px; line-height: 18px; }

.content-wrapper .page-titlebar h2 				{ width: 70%; font-size: 16px; line-height: 16px; }
.content-wrapper .page-titlebar .titlebar-link 	{ width: 30%; }

.welcomeBox p 								{ font-size: 16px; line-height: 24px; }
.welcomeBox p strong 						{ font-size: 18px; }

.revokedBox 								{ padding: 20px 15px; }
.revokedBox .revokedText h3 				{ font-size: 15px; line-height: 15px; }
.revokedBox .revokedText p 					{ margin: 0 0 10px 0; font-size: 12px; line-height: 18px; }

.packageBox 								{ grid-gap: 10px; padding: 20px 15px; }
.packageBox .packageText h3 				{ margin: 0 0 5px 0; font-size: 15px; line-height: 15px; }
.packageBox .packageText p 					{ margin: 0 0 15px 0; font-size: 12px; line-height: 18px; }

.appStartedTitle > h3 								{ font-size: 15px; line-height: 20px; }
.appStartedTitle > span 							{ padding: 8px 12px; font-size: 12px; }
.applicationSec .applicationRtBox .counterBox 		{ padding: 15px 10px; margin-bottom: 15px; }
.applicationSec .applicationRtBox .counterBox h3	{ font-size: 12px; line-height: 12px; }
.applicationSec .applicationRtBox .counterBox h4 	{ margin: 0 0 15px 0; font-size: 20px; line-height: 25px; }
.applicationSec .applicationRtBox .counterDate .day h4 { padding: 10px 10px; font-size: 16px; line-height: 16px; }
.applicationSec .applicationRtBox .hourglassImg img { width: 80px; height: auto; }

.appFormSec .appFormTitle > .editlink 		{ font-size: 14px; line-height: 14px; }
.qedTitle 									{ grid-gap: 10px; }
.qedTitle > h3 								{ font-size: 15px; line-height: 20px; }
.qedTitle > a 								{ font-size: 12px; line-height: 12px; }
.qedRow .nametext 							{ width: 44%; }
.qedRow .nametext > h4 						{ font-size: 13px; line-height: 16px; }
.qedRow .nametext > p 						{ font-size: 12px; }
.qedRow .numbertext 						{ width: 56%; }
.qedRow .numbertext > p 					{ word-break: break-word; font-size: 12px; }

.attestBox > h4 							{ font-size: 20px; line-height: 20px; }

.companieSec h3 							{ font-size: 15px; line-height: 16px; }

.progressBar .progress-text 				{ grid-gap: 15px; }
.progressBar .progress-text p 				{ margin: 4px 0 0 0; font-size: 12px; line-height: 16px; text-align: left; }
.progressBar .progress-text p:last-child	{ text-align: right; }

.submissionTabs ul li.nav-item .nav-link 	{ font-size: 14px; }

.thankyouSec 								{ padding: 50px; }

.formBox .feildRow .form-group label 						{ font-size: 12px; line-height: 12px; }
.formBox .feildRow .form-group .form-control 				{ height: 40px; font-size: 14px; }
.formBox .feildRow .form-group .form-control::placeholder 	{ font-size: 14px; }
.locationBox .feildRow .form-group .form-control 			{ height: 40px; font-size: 14px; }
.locationBox .feildRow .form-group .form-control::placeholder { font-size: 14px; }
.file-upload .image-upload-wrap 							{ width: 40%; }

/*------------------------- 23-2-2024 New Class -------------------*/
.viewAppTopBox h3 									{ font-size: 14px; line-height: 18px; }
.viewAppTopBox .viewAppIcon 						{ margin-bottom: -12px; }
.viewAppTopBox .viewAppIcon ul li 					{ width: 20px; height: 20px; padding: 4px; }
.icontooltip 										{ right: -50px; bottom: 25px; }
.viewAppTopBox .progressBar 						{ padding: 10px 10px 35px 10px; }
.viewAppTopBox .progressBar .progress-text p 		{ font-size: 11px; line-height: 15px; }
.viewAppBotmBox .grn-btn 							{ font-size: 15px!important; line-height: 15px!important; padding: 13px 15px; }
.viewAppTopBox .progressBar .progress-text 			{ margin-top: 15px; }

.certifiedBox .icontooltip 							{ right: -56px; }
.certifiedBotmBox 									{ grid-gap: 10px; padding: 15px 15px; }
.certifiedBotmBox img 								{ width: 25%; }
.certifiedBotmBox .revokedText h3 					{ font-size: 16px; line-height: 20px; }
.certifiedBotmBox .revokedText p 					{ font-size: 11px; line-height: 14px; }
.certifiedBotmBox .grnBtn 							{ font-size: 11px; line-height: 15px; padding: 8px 8px; }

.revokedNewBox .viewAppTopBox h3 					{ font-size: 16px; line-height: 20px; }
.revokedNewBox .icontooltip 						{ right: -48px; font-size: 12px; line-height: 14px; }
.revokedNewBox .grn-btn 							{ font-size: 14px!important; line-height: 18px!important; padding: 9px 15px; white-space: break-spaces; }
}



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

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

.header 									{ padding: 0px 15px; }
.header .logo 								{ width: 75px; }
.header .hdrtopmenu 						{ width: 18%; display: inline-block; }
.header .hdrtopmenu ul 						{ width: 100%; display: flex; grid-gap: 5px; flex-direction: column; }
.header .hdrtopmenu ul li a 				{ font-size: 10px; font-weight: 500; text-transform: uppercase; color: #F48243; }
.header .menu 								{ display: flex; align-items: center; }
.header .menu .navbar .navbar-nav 			{ display: flex; align-items: center; grid-gap: 10px; flex-direction: row; }
.header .menu .navbar .navbar-nav .nav-item:first-child { padding: 15px 5px; }
.header .menu .navbar .navbar-nav .nav-link { padding: 0; width: 45px; }
.header .menu .navbar .navbar-nav .nav-item .img-profile { width: 100%; }
.header .menu .navbar .navbar-nav .nav-item span { width: calc(100% - 30px); min-width: 85px; font-size: 12px; display: flex !important; flex-direction: column; }
.header .menu .navbar .navbar-nav .nav-item span strong { width: 100%; font-size: 12px; }

/*----------------- Inner Pages -----------------*/


/*------------ Login Page -----------*/
.loginBox { width: 100%; }

/*------------------------- 23-2-2024 New Class -------------------*/
.applicationSec 							{ flex-direction: column; }
.appStartedLtBox 							{ width: 96%; }
.viewAppTopBox h3 							{ font-size: 18px; line-height: 20px; }
.viewAppTopBox .viewAppIcon 				{ margin-bottom: -17px; }
.viewAppTopBox .viewAppIcon ul li 			{ width: 30px; height: 30px; padding: 5px; }
.viewAppTopBox .progressBar .progress-text 	{ margin-top: 22px; }
.viewAppTopBox .progressBar 				{ padding: 20px 15px 40px 15px; }
.progressBar .progress-text p:first-child	{ font-size: 12px; line-height: 18px; text-align: left; }
.progressBar .progress-text p:last-child	{ font-size: 12px; line-height: 18px; text-align: right; }
.icontooltip								{ right: -44px; bottom: 35px; }

.certifiedBox .icontooltip 					{ right: -51px; }
.certifiedBotmBox img 						{ width: 25%; }
.certifiedBotmBox .revokedText h3 			{ font-size: 18px; line-height: 20px; }
.certifiedBotmBox .revokedText p 			{ font-size: 13px; line-height: 14px; }
.certifiedBotmBox .grnBtn 					{ font-size: 12px; line-height: 15px; padding: 8px 8px; }

.revokedNewBox .viewAppTopBox h3 			{ font-size: 16px; line-height: 20px; }
.revokedNewBox .icontooltip 				{ right: -51px; }
.revokedNewBox .grn-btn 					{ font-size: 17px!important; line-height: 18px!important; padding: 15px 15px; }

.appStartedRtBox 							{ width: 96%!important; }
.applicationSec .applicationRtBox .hourglassImg img 	{ width: 90px; height: auto; }
.applicationSec .applicationRtBox .counterDate .day h4 	{ margin: 0 0 10px 0; padding: 12px 12px; font-size: 26px; }
.qedRow .numbertext > p 								{ word-break: break-all; }

}

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

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

/*----------------- Inner Pages -----------------*/

}