body {
    font-family: Roboto, Helvetica, sans-serif !important;
}

.verd9blk {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-decoration: underline;
}

.nav {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    border: 0px none;
    text-decoration: none;
}

.verd11gry {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
}

.footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.license {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #7b7b7b;
}

.labelCheckBox {
    color: #F55D3E;
    font-size: 12px;
}

.copyright {
    font-size: 10px;
    color: #7b7b7b;
}

.verd9boldblk {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.brokerlbl {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.verd9boldblknolink a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

#ucDisclosure1_cbCSS {
    margin-left: 0px;
}

.titlesRed {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #D9252C;
}


    .titlesRed tr > td {
        border-top: 1px solid #FFFFFF;
    }

.titlesblck {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    /*margin-left: 0px;*/
}

.titlesfont {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #1B2A41;
}

.titlesRed label {
    padding-left: 5px;
}

.titleswhit {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

.textfields {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    /*border: 1px solid #999999;*/
}

.nav-bg {
    background-image: url(../images/nav-bg-4.gif);
    background-repeat: repeat-y;
}

.verd9TxtFlds {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

.lblPayment {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: justify;
    line-height: 16px;
}

.txtBoxRem {
    background: #F2F2F2;
    border: 2px solid #F55D3E;
    box-sizing: border-box;
    border-radius: 10px !important;
}

.borderUser {
    background: #F2F2F2;
    border: 1px solid #F55D3E;
    box-sizing: border-box;
    border-radius: 10px !important;
}

.navGrey {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    border: 0px none;
    text-decoration: none;
}

.links {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

.AnswerTable {
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    border-bottom-color: white;
    border-top-color: white;
}
    /*  Opera fix   */
    .AnswerTable > td > table > tbody > tr > td {
        border-top: 1px solid #FFFFFF;
        vertical-align: middle;
        /*display: block;*/
    }

.miscSettings {
    color: black;
}

    .miscSettings input[type="radio"] {
        width: 20px;
        height: 15px;
        padding: 2px;
        margin: 0;
        top: -2px;
        vertical-align: middle;
        position: relative;
        *overflow: hidden;
    }

.discloAcceptReject {
    color: #4F4F4F;
}

    .discloAcceptReject input[type="radio"] {
        width: 20px;
        height: 15px;
        padding: 2px;
        margin: 0;
        top: -1px;
        vertical-align: middle;
        position: relative;
        *overflow: hidden;
    }

.btnSpace > label {
    margin-left: 20px;
}

.PageBreakHere {
    display: block;
    page-break-before: always;
}

.Shadow {
    -moz-box-shadow: 3px 3px 4px #333;
    -webkit-box-shadow: 3px 3px 4px #333;
    box-shadow: 3px 3px 4px #333;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333');
}

.ShadowSmall {
    -moz-box-shadow: 1px 1px 3px #333;
    -webkit-box-shadow: 1px 1px 3px #333;
    box-shadow: 1px 1px 3px #333;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#333333')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#333333');
}

.ShadowInset {
    -moz-box-shadow: inset 1px 1px 3px #333;
    -webkit-box-shadow: inset 1px 1px 3px #333;
    box-shadow: inset 1px 1px 3px #333;
    /* For IE 8 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#333333')";*/
    /* For IE 5.5 - 7 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#333333');*/
}

.SigniturePoint {
    border: 1px inset #666666;
    box-shadow: inset 1px 1px 3px #333;
    -moz-box-shadow: inset 1px 1px 3px #333;
    -webkit-box-shadow: inset 1px 1px 3px #333;
    overflow: hidden;
    position: absolute;
    cursor: default;
}

    .SigniturePoint img {
        margin-top: 3px;
        margin-left: 3px;
    }

    .SigniturePoint span {
        font-size: 16px;
        font-weight: bold;
        color: #666666;
        padding: 10px;
    }

.SigniturePointHighlight {
    border: 1px inset #0066CC;
    box-shadow: inset 1px 1px 3px #0066CC;
    -moz-box-shadow: inset 1px 1px 3px #0066CC;
    -webkit-box-shadow: inset 1px 1px 3px #0066CC;
    overflow: hidden;
    position: absolute;
    cursor: default;
}

    .SigniturePointHighlight img {
        margin-top: 3px;
        margin-left: 3px;
    }

    .SigniturePointHighlight span {
        font-size: 16px;
        font-weight: bold;
        color: #666666;
        padding: 10px;
    }

textarea.SigniturePointHighlight, textarea.SigniturePoint {
    padding: 3px;
    font-size: 16px;
    font-weight: bold;
    overflow: auto !important;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
}

.bridgeLoginUserAgreement::-webkit-scrollbar {
    width: 6px;
}

.bridgeLoginUserAgreement::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

.bridgeLoginUserAgreement::-webkit-scrollbar-thumb {
    background: #bdbdbd;
    border-radius: 10px;
}

#slideshow {
    position: relative;
    height: 225px;
    border-right: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    min-width: 968px;
    width: 100%;
    padding: 0px;
}

    #slideshow div {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #FFF;
        width: 902px;
        z-index: 8;
    }

        #slideshow div div {
            position: absolute;
            top: 30%;
            left: 300px;
            width: 550px;
            display: none;
            color: #0066CC;
            font-weight: bold;
            font-size: 18px;
            text-shadow: 2px 2px 2px #AAA;
        }

            #slideshow div div a {
                color: #009116;
            }

        #slideshow div.active {
            z-index: 10;
        }

            #slideshow div.active div {
                display: block;
            }

        #slideshow div.last-active {
            z-index: 9;
        }

ezTextColor
.HBanner {
    color: #0066CC;
    font-weight: bold;
    font-size: 18px;
    display: inline;
    text-shadow: 2px 2px 2px #AAA;
}

.ezTextColor {
    color: #F55D3E;
}

.agreement {
    background-color: #1B2A41;
    border-radius: 6px;
    color: #ffffff;
    padding: 7px;
    border-color: #1B2A41;
}

    .agreement::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #1B2A41;
    }

    .agreement::-webkit-scrollbar {
        width: 4px;
        background-color: #1B2A41;
    }

    .agreement::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #828282;
    }

.customerLoginInput {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #E0E0E0 !important;
    outline: none !important;
    box-shadow: none !important;
}

.customerLoginBtn {
    width: 165px !important;
    height: 40px !important;
    background-color: #F55D3E !important;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    margin-top: 4rem;
    display: block !important;
    margin-left: auto;
    margin-right: auto;
}

.customerBtn {
    width: 200px !important;
    height: 40px !important;
    background-color: #F55D3E !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-left: auto;
    margin-top: 3rem;
    margin-right: auto
}

.agreementCheckBox {
    /*  width: 30px !important;
    height: 30px !important;
    margin: 5px;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: 1px solid #F55D3E;
    box-shadow: none;
    font-size: 2em;
}

/*.agreeCheckBox {
    
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: 2px solid #F55D3E;
    box-shadow: none;
    font-size: 1px;
}
*/

.agreementTitle {
    width: 30vw;
    margin-top: 13px;
    height: 2px
}

.stepHeader {
    color: #fff !important;
    font-weight: normal !important;
}

.stepWrapper {
    text-align: left;
    margin-bottom: 4px;
}

    .stepWrapper span {
        font-weight: bold;
        margin-right: 5px;
    }

.infoAck {
    border: 1px solid #828282;
    border-radius: 10px;
    padding: 20px;
    width: 80vw;
    margin: auto;
    margin-top: 30px;
}

.pnlPolicy {
    padding: 15px;
    background-color: #F3F3F3;
    margin-top: 10px;
    border-radius: 6px;
}

.tableHeader {
    font-size: 12px;
}

.headerSpacing {
    margin-top: 25px;
}

.paperImg {
    /*style ="width: 12px; height: 15px; padding-right: 5px"*/
    width: 12px;
    height: 15px;
    padding-right: 5px;
}

.txtBoxBgColor {
    background-color: #F3F3F3;
    color: #333333;
}

.drivingRecord caption {
    border: 1px solid #F3F3F3;
    border-radius: 5px !important;
    text-align: left !important;
    padding-left: 3px !important;
    padding-top: 10px;
    color: #F55D3E;
}

.lblVio {
    font-style: italic;
}

.btnImageSearchClass {
    margin-left: 20rem;
    width: 7rem;
}

.btnImageAcceptClass {
    margin-right: 20rem;
    width: 7rem;
}


.btnImageDiscAcceptClass {
    width: 7rem;
}

.stepTable {
    border: 1px solid #F3F3F3;
    padding-top: 20px;
    width: 80vw;
    margin: auto;
    padding: 20px;
    margin-top: 30px;
    padding-top: 0;
    border-radius: 20px;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
}

.disclosureBg {
    background-color: #F3F3F3;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 6px;
    font-size: 12px;
}

.rowPadding {
    height: 20px;
    border-bottom-color: white;
}

.infoAckLabel {
    color: #777777;
    font-size: 12px;
}

.ucApplicantTd {
    width: 200px;
}

.pnlUWCarrierClass {
    margin-bottom: -20px;
}

.commService {
    color: #F55D3E;
    font-size: 10px;
}

.brokerAgreement {
    width: 80vw;
    margin: auto;
    border: 1px solid;
    border-radius: 6px;
}

.lblBFText {
    font-size: 16px !important;
}

.discloHeadings {
    font-size: 16px;
    color: #4F4F4F;
}

.paymentLabel {
    color: #828282 !important;
    font-size: 11px;
    display: inline-block;
    padding: 0 !important;
    width: 253px;
}

.pymtcodeSpacing {
    margin-left: 2px;
}

.expLabel {
    color: #828282;
    font-size: 11px;
    border: none;
    padding: 0 !important;
}

.paymentDetails {
    color: #828282;
    font-size: 11px;
    width: 256px;
}

.processFee {
    margin-top: 15px;
}

.processFeeTable {
    border: 1px solid #E0E0E0;
    border-radius: 6px;
    padding: 10px;
}

.pfLabel {
    color: #828282;
}

.pymentTxtBox {
    border: none;
    border-spacing: 0px;
    background: #F3F3F3;
    padding: 0 !important;
    height: 20px;
}

.pymentTextIndention {
    text-indent: 4px;
}

#divinsurance {
    margin-top: 20px;
    margin-left: 3px;
    margin-right: 2px;
}

.ezButton {
    border: none;
    padding: 0px;
    border-radius: 18px;
    background: #F55D3E;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    color: white;
}

    .ezButton:hover {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        cursor: pointer;
    }

.receiptTran {
    border: 1px solid #E0E0E0;
    border-radius: 6px;
    padding: 15px;
}

.legalLabel {
    font-size: 11px;
}

.custLoginError {
    margin-left: 150px;
    margin-top: 20px;
}

.completeBtnPolicy {
    width: 150px !important;
    height: 30px !important;
    background-color: #1B2A41 !important;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25) !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    margin-top: 1rem;
    border: none;
}

    .completeBtnPolicy:hover {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
    }

.bridgeLoginUserAgreement {
    width: 60vw;
    height: 38vh;
    background: #fbfbfb;
    border: none;
    padding: 20px 20px 0 20px;
    outline: none;
}

.bridgeAdminTxtBox {
    width: 15rem;
    height: 1.5rem;
}

.bridgeAdminSpan {
    font-size: 0.6rem;
    color: #A3A3A3;
}

.controlPanel {
    width: 80vw;
    margin: auto;
}

.pnlCode {
    margin-left: 59px;
    margin-top: 35px;
    margin-bottom: 20px;
}

.resendEmailBtn {
    width: 75px !important;
    height: 30px !important;
    background-color: #1B2A41 !important;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25) !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    border: none;
    margin-left: 50px;
}

    .resendEmailBtn:hover {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
    }
/*.controlPanelWhole {
    border: 1px solid #BDBDBD;
    width: 80vw;
    margin-left: 10vw;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
}
*/
.newVerMsg {
    margin-left: 55px;
    margin-bottom: 20px;
}

.pnlResend {
    margin-top: 20px;
}

.subHeadings {
    font-size: 16px;
}

.rightMenuDocFull {
    border: 1px solid #828282;
    padding: 20px;
    border-radius: 6px;
    margin-top: -30px;
}

.hyperlinkRemovedUnderline {
    text-decoration: none;
}

.adminSearchHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

#ctl00_bridgefooter {
    text-align: center;
    margin-top: 10px;
}

#ctl00_lblNameValue {
    color: #000000;
    font-size: 11px;
}

#ctl00_lblEmailValue {
    color: #000000;
    font-size: 11px;
}

#ctl00_lblQuoteID {
    color: #000000;
    font-size: 11px;
}

#ctl00_lblPayCode {
    color: #000000;
    font-size: 11px;
}


.qWikSignVideo {
    padding-right: 0px;
}

.mainOfficeDetails {
    padding-right: 67px;
    padding-top: 67px;
    padding-bottom: 67px;
    text-align: justify;
    padding-left: 0px;
}

.whyUsImg {
    padding-right: 0px;
}

.aboutusdetails {
    padding-right: 67px;
    padding-top: 20px;
    padding-bottom: 0px;
    /*text-align: justify;*/
    padding-left: 0px;
}

.qWikSignDetails {
    padding-right: 67px;
    padding-top: 67px;
    padding-bottom: 67px;
    text-align: justify;
    padding-left: 0px;
}

    .qWikSignDetails h1 {
        font-weight: bold;
        font-size: 32px;
    }

.signersInfoContainer {
    display: block;
    height: auto;
    background-color: #e7e7e7;
    margin: auto;
}

.signUpContainer {
    display: block;
    height: auto;
    background-color: #FAFAFA;
    margin: auto;
}

.featuresContainer {
    display: block;
    height: auto;
    background-color: #FDF9F7;
    margin: auto;
}

.featuresContainer1 {
    display: block;
    height: auto;
    background-color: #FAFAFA;
    margin: auto;
}

.signersInfo {
    padding-top: 20px;
    padding-bottom: 20px;
}

.getStartedTitle {
    padding-right: 40px;
}


.bannerContent {
    margin-left: 6.2rem !important;
    margin-top: 2rem;
}

    .bannerContent p {
        color: #1B2A41;
        margin-bottom: 5px !important;
        font-size: 25px !important;
        padding-left: 1px;
    }

    .bannerContent h1 {
        color: #1B2A41;
        margin-bottom: 15px;
    }

.getStartedEzbuy {
    margin-bottom: 30px !important;
}

.freeQuoteBtn a {
    background-color: #F55D3E;
    color: aliceblue;
    border-radius: 16px;
    width: 11rem;
    height: 3.5rem;
    font-size: x-large;
    padding-top: 9.5px;
    margin-bottom: 5rem;
}

    .freeQuoteBtn a:hover {
        color: white;
        cursor:pointer;
    }
    .freeQuoteBtn label:hover {
        cursor: pointer;
    }

.borderTop {
    /*background: linear-gradient(90deg, #F55D3E 21.07%, #FFFFFF 100%);*/
    border-radius: 8px 0px 0px 0px;
    border-top: solid;
}

.goToFreeway {
    background-color: #F55D3E !important;
    color: aliceblue !important;
    border-radius: 20px !important;
    font-size: 24px !important;
    text-align: center !important;
    color: #FFFFFF !important;
}

.txtQuickLink {
    color: #1B2A41;
    width: auto;
    height: auto;
    font-size: x-large;
    font-size: 33px;
}

.gatewayText h1 {
    width: 378px;
    top: 168px;
    font-weight: bold;
    font-size: 39px;
    line-height: 46px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    margin-right: 10px !important;
    padding-bottom: 10px;
}

.gatewayText {
    width: 378px;
    top: 168px;
    font-weight: bold;
    font-size: 39px;
    line-height: 46px;
    align-items: center;
    color: #FFFFFF;
    margin-right: 10px;
}

.freeQuoteBtn {
    padding-left: 4px !important;
}

.agentBrokerBtn {
    border-radius: 12px !important;
    width: fit-content;
    font-size: 13px !important;
}

.featureBtn {
    border-radius: 12px !important;
    width: 10rem;
    font-size: 13px !important;
}


.viewBtn {
    border-radius: 20px !important;
    font-size: 13px !important;
}

.iconContainer {
    width: 75% !important;
}
/*.coverImage {
    min-height: 30vh !important;
    background-size: cover;
}*/
.whyEzBuy {
    text-align: center !important;
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.contactSpacing {
    padding-bottom: 30px !important;
}

@media only screen and (max-width: 600px) {
    .bannerContent {
        margin-left: 6.2rem !important;
    }

    .coverImage {
        min-height: 130vh !important;
        background-size: cover;
        /*background-image: url(./images/HomepageBanner.png)!important;*/
    }
}

@media only screen and (max-width: 374px) {
    .bannerContent {
        margin-left: 4.2rem !important;
    }

}


.featurePadding {
}

@media only screen and (max-width: 991px) {
    .qWikSignDetails {
        padding-bottom: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 25px !important;
    }

    .aboutusdetails {
        padding-bottom: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 25px !important;
    }

    .qWikSignVideo {
        padding: 0px !important;
    }

        .qWikSignVideo video {
            padding: 20px 0px 25px 0px !important;
        }

    .whyUsImg {
        padding-right: 0px !important;
    }

        .whyUsImg image {
            padding: 0px 0px 0px 0px !important;
        }

    .signersInfo {
        padding: 20px !important;
    }

    .getStartedRow {
        margin-bottom: 30px !important
    }

    .headerAlignment {
        padding-left: 50px !important;
    }

    .getStartedTitle {
        padding-right: 0px !important;
    }

    .footerMenuContainer div {
        margin-bottom: 15px;
    }

    .footerSocialLogo {
        width: 60% !important;
    }

    .card-margin {
        font-size: 20px !important;
    }

    .card-margin2 {
        font-size: 20px !important;
    }
    .smalldevice-scroll{
        overflow:scroll;
    }
}

@media only screen and (min-width: 1390px) {
    .footerMenuContainer {
        width: 50% !important;
    }

    .footerSocialLogo {
        width: 20% !important;
    }
}

@media only screen and (min-width: 1300px) {
    .coverImage {
        min-height: 75vh !important;
        background-size: cover;
    }
}

@media only screen and (max-width: 2000px) and (min-width: 1302px) {
    .coverImage {
        min-height: 75vh !important;
        background-size: cover;
    }
}

@media only screen and (max-width: 1389px) {
    .footerMenuContainer {
        width: 70% !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1389px) {
    .footerSocialLogo {
        width: 40% !important;
    }
}

@media only screen and (max-width: 384px) {
    .card-margin {
        text-align: center;
        font-size: 20px !important;
    }

    .card-margin2 {
        font-size: 20px !important;
    }

    .headerAlignment {
        padding-left: 5px !important;
        width: 55% !important;
    }

    .iconContainer {
        width: 85% !important;
    }

    .headerPadding {
        padding-left: 0.1rem !important;
    }

    .freeQuoteBtn {
        padding-left: 3px !important;
    }

    .eSignature {
        width: 230px !important;
    }

    .bannerContent p {
        font-size: 21px !important;
    }

    .whyEzBuy {
        text-align: justify !important;
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .coverImage {
        min-height: 95vh !important;
        background-size: cover;
    }

    .loginSelectImage {
        height: 5rem;
    }

    .loginSelectNote {
        font-size: 11px;
    }

    .loginSelectHeader {
        font-size: 26px;
    }

    .loginSelectMobileNav {
        /*margin-left: 9rem;*/
    }

    .loginSelectTextBox {
        width: 200px !important;
        margin-left: 10px;
    }

    .loginSelectIcon {
        width: 15px !important;
    }

    .loginSelectContainer {
        width: 95% !important;
    }

    .contactSpacing {
        padding-bottom: 5px !important;
    }

    .p-responsive {
        /*font-size: 15px !important;*/
        font-size: 15px !important;
        padding-top: 30px !important;
        padding-left: 0px !important;
    }

    .sizes {
        font-size: 15px !important;
    }
}

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


    .featuredInIcons {
        width: 50%;
        text-align: center;
        padding-bottom: 20px;
    }

    .webNavMenu {
        display: none;
    }

    .headerPadding {
        padding-left: 0.1rem !important;
        padding-top: 0.5rem;
    }

    .customCard {
        border: 1px solid rgba(0,0,0,.125);
        padding: 0.5rem;
        border-radius: 0px;
    }

    .customCardItems {
        border: 1px solid rgba(0,0,0,.125);
        padding: 0.2rem;
        border-radius: 0px;
    }

    .freeQuoteBtn {
        padding-left: 3px !important;
    }

    .eSignature {
        width: 230px !important;
    }

    .bannerContent p {
        font-size: 21px !important;
    }

    .whyEzBuy {
        text-align: justify !important;
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .coverImage {
        min-height: 95vh !important;
        background-size: cover;
    }

    .loginSelectImage {
        height: 6rem;
    }

    .loginSelectNote {
        font-size: 12px;
    }

    .loginSelectHeader {
        font-size: 30px;
    }

    .loginSelectMobileNav {
        /*margin-left: 14rem;*/
    }

    .loginSelectTextBox {
        width: 270px !important;
        margin-left: 8px;
    }

    .loginSelectIcon {
        width: 15px !important;
    }

    .loginSelectContainer {
        width: 95% !important;
    }

    .contactSpacing {
        padding-bottom: 5px !important;
    }
}

@media only screen and (max-width: 320px) {
    .contactusbanner {
        background-image: url(./images/ContactUsBanner.png) !important;
    }

    .headerAlignment {
        padding-left: 5px !important;
        width: 55% !important;
    }

    .iconContainer {
        width: 95% !important;
    }

    .headerPadding {
        padding-left: 0.1rem !important;
    }

    .freeQuoteBtn {
        padding-left: 3px !important;
    }

    .eSignature {
        width: 230px !important;
    }

    .bannerContent p {
        font-size: 21px !important;
    }

    .whyEzBuy {
        text-align: justify !important;
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .coverImage {
        min-height: 95vh !important;
        background-size: cover;
    }

    .loginSelectImage {
        height: 5rem;
    }

    .loginSelectNote {
        font-size: 11px;
    }

    .loginSelectHeader {
        font-size: 26px;
    }

    .loginSelectMobileNav {
        /*margin-left: 9rem;*/
    }

    .loginSelectTextBox {
        width: 230px !important;
        margin-left: 10px;
    }

    .loginSelectIcon {
        width: 15px !important;
    }

    .loginSelectContainer {
        width: 95% !important;
    }

    .footerSocialLogo {
        width: 70% !important;
    }

    .contactSpacing {
        padding-bottom: 5px !important;
    }

    .logInputs {
        width: 100% !important;
    }

    .btnMV {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .p-responsive {
        font-size: 15px !important;
        padding-top: 25px !important;
        padding-left: 0px !important;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 25px !important;
        margin-top: -25px !important;
    }

    .headertext {
        font-size: 10px;
    }

    .buttonresize {
        font-size: 10px !important;
    }

    .btnsizes {
        width: 30px !important;
        height: 20px !important;
        /*max-width:35%!important;*/
    }

    .labelsizes {
        font-size: 6px !important;
    }

    .textresponsive {
        font-size: 12px !important;
    }

    .responsivetext p {
        font-size: 8px !important;
    }
}

.features {
}

@media only screen and (max-width: 991px) and (min-width: 320px) {
    .qWikSignAboutUs {
        padding-right: 0px !important;
    }

    .featureBtn {
        margin-bottom: 1rem;
    }

    .featurePadding {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .features {
        padding-right: 3rem !important;
    }

    .btnlearnmore {
        text-align: center !important;
    }

    .bannerpadding-0 {
        width: 100%;
        padding-left: 0em !important;
        padding-right: 0em !important;
    }

    .mainofficedetails {
        margin-bottom: 10px;
        padding-left: 15px;
    }

    .p-textcenter {
        text-align: center;
    }
}

@media only screen and (max-width: 400px) and (min-width: 360px) {
    .headerAlignment {
        padding-left: 5px !important;
        width: 55% !important;
    }

    .headerPadding {
        padding-left: 0.1rem !important;
    }

    .freeQuoteBtn {
        padding-left: 3px !important;
    }

    .eSignature {
        width: 230px !important;
    }

    .bannerContent p {
        font-size: 21px !important;
    }

    .whyEzBuy {
        text-align: justify !important;
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .coverImage {
        min-height: 95vh !important;
        background-size: cover;
    }

    .loginSelectImage {
        height: 5rem;
    }

    .loginSelectNote {
        font-size: 11px;
    }

    .loginSelectHeader {
        font-size: 26px;
    }

    .loginSelectMobileNav {
        /*margin-left: 11.7rem;*/
    }

    .loginSelectTextBox {
        width: 230px !important;
        margin-left: 10px;
    }

    .loginSelectIcon {
        width: 15px !important;
    }

    .loginSelectContainer {
        width: 95% !important;
    }
}

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

    .loginSelectImage {
        height: 5rem;
    }

    .loginSelectNote {
        font-size: 11px;
    }

    .loginSelectHeader {
        font-size: 26px;
    }

    .loginSelectMobileNav {
        /*margin-left: 10.9rem;*/
    }

    .loginSelectTextBox {
        width: 230px !important;
        margin-left: 10px;
    }

    .loginSelectIcon {
        width: 15px !important;
    }

    .loginSelectContainer {
        width: 95% !important;
    }
}

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

    .loginSelectImage {
        height: 4.5rem;
    }

    .loginSelectNote {
        font-size: 11px;
    }

    .loginSelectHeader {
        font-size: 26px;
    }

    .loginSelectMobileNav {
        /*margin-left: 8.4rem;*/
    }

    .loginSelectTextBox {
        width: 230px !important;
        margin-left: 10px;
    }

    .loginSelectIcon {
        width: 15px !important;
    }

    .loginSelectContainer {
        width: 95% !important;
    }
}



.loginSelectTextBox {
    border: 0px solid #E0E0E0;
    border-bottom-width: 2px;
    background-color: transparent;
    color: #BDBDBD;
    width: 360px;
}

.loginSelectHeaderBorder {
    border: 0px solid #E0E0E0;
    border-bottom-width: 2px;
}

.loginSelectIcon {
    background-color: white;
    width: 20px;
}

.loginSelectButton {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    width: 215px;
    height: 48px;
    left: 838px;
    top: 722px;
    margin-top: 15px;
    margin-left: 21%;
    border: none;
}

.labelGateway {
    position: absolute !important;
    width: 137.5px;
    height: 41.89px;
    left: 78.42px;
    top: 138.57px;
    font-style: normal;
    font-weight: bold;
    font-size: 35.4493px;
    line-height: 42px;
    /* identical to box height */

    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.resultsFormview {
    display: block;
    box-sizing: border-box;
    background-color: #F4F4F4;
    margin: 10px;
    border-radius: 15px;
    border-style: solid;
    border-width: 10px;
    background: #1B2A41;
    border-radius: 26.8556px;
    /*width: 50%;*/
    height: 280px;
    top: 297.56px;
}

.results {
    display: block;
    box-sizing: border-box;
    background-color: #F4F4F4;
    margin: 10px;
    border-radius: 15px;
    background: #1B2A41;
    border-radius: 1.07422px;
    /*width: 50%;*/
    height: 46.93px;
    top: 297.56px;
}

    .results::after {
        content: '';
        display: table;
        clear: both;
    }

.userReports {
    background-color: #F4F4F4;
    height: 36.93px;
}

.lblResults1 {
    /*width: 90%;*/
    float: left;
    font-style: normal;
    font-weight: bold;
    font-size: 16.8556px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    /*margin-left:2%;*/
}

.lblResults2 {
    float: right;
    width: 10%;
    text-align: right;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    font-size: 26.8556px;
    display: flex;
    align-items: center;
    margin-top: 14px;
}

.collapsible {
    /*cursor: pointer;
    padding: 10px;
    width: 60%;
    border: solid;
    border-color: #FFFFFF;
    border-width: 20px 50px 0px 50px;
    text-align: left;
    outline: none;
    background-color: #1B2A41;
    border-radius: 1.07422px;
    margin: 200px;
    height: 46.93px;*/
    /* cursor: pointer; */

    position: relative;
    padding: 10px;
    width: 100%;
    /* border: solid; */
    /* border-color: #FFFFFF; */
    /* border-width: 20px 50px 0px 50px; */
    text-align: left;
    outline: none;
    background-color: #1B2A41;
    border-radius: 1.07422px;
    margin: 15px 0px 0px 15px;
    height: 46.93px;
}

.collapsibleUserReport {
    /* cursor: pointer;
    padding: 10px;
    width: 90%;
    border: solid;
    border-color: #FFFFFF;
    border-width: 20px 0px 0px 0px;
    text-align: left;
    outline: none;
    background-color: #1B2A41;
    border-radius: 1.07422px;
    margin: 200px;
    height: 46.93px;*/
    /* cursor: pointer; */
    position: relative;
    padding: 10px;
    /*width: 100%;*/
    /* border: solid; */
    /* border-color: #FFFFFF; */
    /* border-width: 20px 50px 0px 50px; */
    text-align: left;
    outline: none;
    background-color: #1B2A41;
    border-radius: 1.07422px;
    margin: 15px 0px 0px 15px;
    height: 46.93px;
}

.panel1 {
    /*cursor: pointer;*/
    /*padding: 10px;*/
    /*width: 50%;*/
    /*border: solid;
    border-color: #FFFFFF;
    border-width: 0px 50px 0px 50px;
    text-align: left;
    outline: none;
    border-radius: 1.07422px;*/
    /*margin: 200px;*/
    /*height: 46.93px;
    box-shadow: 0px 4.29689px 4.29689px rgb(0 0 0 / 25%);
    border-radius: 0px 0px 26.8556px 26.8556px;*/
    text-align: left;
    outline: none;
    /* border-radius: 1.07422px; */
    margin-top: 37px;
}

.panel1table {
    /* cursor: pointer;
    padding: 10px;
    border: solid;
    border-color: black;
    border-width: 0px 1px 1px 1px;
    text-align: left;
    outline: none;
    border-radius: 1.07422px;
    height: auto;*/
    /*height: auto;*/
    /* background: rgb(222 211 211 / 50%); */
    box-shadow: 0px 4.29689px 4.29689px rgb(0 0 0 / 25%);
    border-radius: 0px 0px 26.8556px 26.8556px;
    margin: 0px 15px 15px 15px;
    /* height: 238.38px; */
    /*left: 87.01px;
    padding: 18px;
    top: 287.89px;*/
}

.total {
    top: 61vh;
    left: 27vh;
    position: absolute;
    pointer-events: none;
    font-style: normal;
    font-weight: bold;
    font-size: 40.3791px;
    line-height: 30px;
    color: #EF5738;
}

.totalMonthly {
    top: 61vh;
    left: 59vh;
    position: absolute;
    pointer-events: none;
    font-style: normal;
    font-weight: bold;
    font-size: 40.3791px;
    line-height: 30px;
    color: #EF5738;
}

.totalYear {
    top: 61vh;
    left: 87vh;
    position: absolute;
    pointer-events: none;
    font-style: normal;
    font-weight: bold;
    font-size: 40.3791px;
    line-height: 30px;
    color: #EF5738;
}

.todaystotal {
    /*width: auto;*/
    padding: 10px;
}

.imageResp {
    width: 100%;
    max-width: 400px;
    height: auto;
}

.grid-container {
    position: relative;
    display: grid;
    grid-template-columns: auto auto auto;
    /*background-color: #2196F3;*/
    padding: 10px;
}

.grid-containerchild {
    position: relative;
    display: grid;
    grid-template-columns: auto auto auto;
    /*background-color: #2196F3;*/
    padding: 10px;
}

.grid-item {
    top: 38px;
    left: 90px;
    position: absolute;
    font-style: normal;
    font-weight: bold;
    font-size: 30.3791px;
    line-height: 30px;
    color: #EF5738;
    /* background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.8);
    padding: 20px;
    font-size: 30px;
    text-align: center;*/
}

.mydiv.outofstock:after {
    /*content: "Out of Stock";*/
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    top: 50%;
    transform: translateY(-50%) rotate(-20deg);
}

.mydiv {
    display: inline-block;
    width: 100px;
    /*height: 75px;*/
    height: auto;
    /*background-color: #800;*/
    position: relative;
    margin: 20px 17px 0px;
}

.box2 {
    width: 160px;
    height: 150px;
    margin-left: 20px;
}

.box3 {
    width: 150px;
    height: 150px;
}

.box4 {
    width: 160px;
    height: 150px;
}

.userReports {
    /*border-style: solid;*/
    /* border-left: 20px; */
    /* border: 20px; */
    /*border-left-width: 70px;
    border-color: #FFFF;*/
}

.tDealsDiv {
    background: #FFFFFF;
    box-shadow: 0px 4.29689px 4.29689px rgb(0 0 0 / 25%);
    /* border-radius: 8.59378px 0px 0px 8.59378px; */
    /* border-style: solid; */
    /* border-color: black; */
    border-radius: 4px;
    margin: 15px 15px 15px 15px;
    height: auto;
    position: absolute;
    padding: 10px;
}

.dealsGrid {
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow-x: auto;
}

/*Responsive Style*/
* {
    box-sizing: border-box;
}

.menu {
    float: left;
    width: 20%;
    text-align: center;
}

    .menu a {
        background-color: #e5e5e5;
        padding: 8px;
        margin-top: 7px;
        display: block;
        width: 100%;
        color: black;
    }

@media only screen and (min-width: 1151px) and (max-width: 1299px) {

    .imgBorder {
        width: 18.1rem;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1150px) {

    .imgBorder {
        width: 18.1rem !important;
    }

    .bannerContent {
        padding-bottom: 60px !important;
    }
}

@media only screen and (min-width: 1151px) and (max-width: 1199px) {

    .imgBorder {
        width: 18.8rem !important;
    }

    .bannerContent {
        padding-bottom: 60px !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {

    .imgBorder {
        width: 20.6rem !important;
    }

    .bannerContent {
        padding-bottom: 60px !important;
    }

    .labelGateway {
        position: absolute !important;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1099px) {

    .imgBorder {
        width: 17.3rem !important;
    }

    .bannerContent {
        padding-bottom: 60px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 999px) {

    .imgBorder {
        width: 15.3rem !important;
    }

    .bannerContent {
        padding-bottom: 60px !important;
    }
}

@media only screen and (min-width: 973px) and (max-width: 991px) {

    .imgBorder {
        width: 60rem !important;
    }

    .bannerContent {
        padding-bottom: 60px !important;
    }

    .labelGateway {
        position: unset !important;
    }
}

@media only screen and (min-width: 923px) and (max-width: 972px) {

    .imgBorder {
        width: 56.8rem !important;
    }

    .bannerContent {
        padding-bottom: 60px !important;
    }

    .labelGateway {
        position: unset !important;
    }
}

@media only screen and (min-width: 833px) and (max-width: 922px) {

    .imgBorder {
        width: 51.2rem !important;
    }

    .bannerContent {
        padding-bottom: 60px !important;
    }

    .labelGateway {
        position: unset !important;
    }
}

@media only screen and (min-width: 749px) and (max-width: 832px) {

    .imgBorder {
        width: 45rem !important;
    }

    .bannerContent {
        padding-bottom: 60px !important;
    }

    .labelGateway {
        position: unset !important;
    }
}

@media only screen and (min-width: 650px) and (max-width: 748px) {

    .imgBorder {
        width: 40rem !important;
    }

    .bannerContent {
        padding-bottom: 60px !important;
    }

    .labelGateway {
        position: unset !important;
    }
}

@media only screen and (min-width: 533px) and (max-width: 649px) {

    .imgBorder {
        width: 32.5rem !important;
    }

    .bannerContent {
        padding-bottom: 60px !important;
    }
    /*border: none;*/
    .labelGateway {
        position: unset !important;
    }
}

.signUpButton {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    width: 150px;
    height: 32px;
    margin-top: 15px;
    border: none;
    background-color: rgb(245, 93, 62);
    font-weight: 700;
}


.signUpButtonGroup {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    width: 150px;
    height: 32px;
    margin-top: 15px;
    border: none;
    background-color: #4C77B8;
}

.signUpButtonCancel {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    width: 150px;
    height: 32px;
    margin-top: 15px;
    border: none;
}

.list-display li {
    margin-bottom: .4rem;
    font-size: 1.1rem;
}

.list-checkmarks {
    padding-left: 1.5rem;
}

    .list-checkmarks li {
        list-style-type: none;
        padding-left: 1rem;
    }

        .list-checkmarks li:before {
            font-family: 'FontAwesome';
            content: "\f00c";
            margin: 0 10px 0 -28px;
            color: #17aa1c;
        }

.main {
    float: left;
    width: 60%;
    /*padding: 0 20px;*/
    /*background-color: #e5e5e5;*/
}

.right {
    /*background-color: #e5e5e5;*/
    float: left;
    width: 40%;
    /*padding: 15px;*/
    /*margin-top: 7px;*/
    text-align: center;
}

@media only screen and (max-width: 570px) and (min-width: 320px) {
    .contactnumberalignment {
        text-align: center !important;
    }
}

@media only screen and (max-width: 768px) and (min-width: 320px) {
    /*For mobile phones:*/

    .box2 {
        /*width:300px;*/
    }

    .dashboard {
        /*width: 320px;*/
        width: auto !important;
        padding-left: 100px !important;
    }
    /*.main{
        width: auto;
    }*/

    .panel1table {
        width: 100% !important;
    }

    .collapsible {
        width: 100% !important;
    }

    .tDealsDiv {
        width: 100% !important;
    }

    .bgheader {
        width: 100% !important;
        background-size: cover !important;
    }

    .labelGateway {
        position: unset !important;
    }

    .getstartedbtn {
        width: 150px !important;
        font-size: 20px !important;
    }

    .card-margin {
        font-size: 20px !important;
    }

    .card-margin2 {
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 425px) {
    /*For mobile phones:*/

    .dashboard {
        /*width: 320px;*/
        padding-left: 60px !important;
    }

    .viewReport, .viewDeal, .exportBtn {
        width: 100%;
        margin: 4px 0px 0px 0px;
    }

    .labelGateway {
        position: unset !important;
    }

    .headers {
        text-align: center;
    }
}
    @media only screen and (max-width: 428px) {
        .pt-sl-5 {
            padding-top: 3rem !important;
        }
    }
    .mt-sl-5{}
    @media only screen and (max-width: 375px) {
        /*For mobile phones:*/

        .dashboard {
            /*width: 320px;*/
            padding-left: 20px !important;
        }

        .labelGateway {
            position: unset !important;
        }

        .getstartedbtn {
            width: 150px !important;
            font-size: 20px !important;
        }

        .card-body {
            height: 80% !important;
        }

        .details {
            font-size: 12px;
        }

        .h-size15 {
            font-size: 15px !important;
        }

        .p-size12 {
            font-size: 12px;
        }
    }
}

@media only screen and (min-width:321px) and (max-width:375px) {
    .headertext {
        font-size: 12px;
    }

    .buttonresize {
        font-size: 10px !important;
    }

    .btnsizes {
        width: 50px !important;
        height: 31px !important;
        max-width: 40%;
    }

    .labelsizes {
        font-size: 9px !important;
    }


    .responsivetext p {
        font-size: 12px !important;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 25px !important;
        margin-top: -20px !important;
    }
}


/*Responsive Style*/

.dGroupHeader {
    border-bottom: 1px solid #D4D2d2;
}

.btnEditG {
    width: 99px;
    height: 30px;
    background: #1B2A41;
    border-radius: 16px;
    color: #FFF;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border: none;
}

.BtnDeleteG {
    width: 99px;
    height: 30px;
    background: #F53E3E;
    border-radius: 16px;
    color: #FFF;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border: none;
}

.BtnNewG {
    width: 99px;
    height: 30px;
    background: #6288c1;
    border-radius: 16px;
    color: #fff;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border: none;
}

.brokerSaveBtn {
    width: 110px !important;
    height: 30px;
    background: #F55d3E;
    border-radius: 16px;
    color: #fff;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border: none;
}

.btnSaveGD {
    width: 130px !important;
    height: 30px;
    background: #F55d3E !important;
    border-radius: 16px !important;
    color: #fff !important;
    border: none !important;
}

.btnInsert {
    width: 100px !important;
    background: #F55d3E;
    border-radius: 20px;
    color: #fff;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border: none;
}

.btnRemove {
    width: 130px !important;
    height: 30px;
    background: #868686;
    border-radius: 16px;
    color: #fff;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border: none;
}

.brokerRemoveBtn {
    width: 110px !important;
    height: 30px;
    background: #868686;
    border-radius: 16px;
    color: #fff;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border: none;
}

.noteField {
    color: #575757;
    font-size: 12px;
    font-style: italic;
}

.discloField {
    color: #575757;
    font-size: 12px;
}

@media only screen and (min-width: 270px) and (max-width: 320px) {

    .gatewayText {
        width: 0px !important;
    }

    .imgBorder {
        width: 15rem !important;
    }

    .adjustsizeimg {
        width: 100%;
    }

    .bannerContent {
        padding-bottom: 60px !important;
    }
}

@media only screen and (min-width: 321px) and (max-width: 399px) {

    .gatewayText {
        width: 0px !important;
    }

    .imgBorder {
        width: 18.2rem !important;
    }

    .adjustsizeimg {
        width: 100%;
    }
    /*.bannerContent {
        padding-bottom: 60px !important;
    }*/

}

.txtCenter {
}

.txtMargin {
}

@media only screen and (min-width: 300px) and (max-width: 575px) {
    .txtCenter {
        margin-left: 1.5rem !important;
    }

    .txtMargin {
        margin-bottom: 20px !important;
    }
}

.fontTitle {
    font-weight: 500;
}

/*Group Maintenance Style*/
.labelGroupMaintenance {
    position: absolute;
    /*width: 157.5px;*/
    height: 41.89px;
    left: 78.42px;
    top: 68.57px;
    font-style: normal;
    font-weight: bold;
    font-size: 35.4493px;
    line-height: 42px;
    /* identical to box height */

    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.myinput {
    outline: 0;
    border-width: 0 0 2px;
    border-color: #5F5959;
    width: 100%;
}
/* unvisited link */
.alink:link {
    color: #5F5959;
    text-decoration: underline;
    font-weight: bold;
}

/* visited link */
.alink:visited {
    color: #5F5959;
}

/* mouse over link */
.alink:hover {
    color: #F55D3E;
}

/* selected link */
.alink:active {
    color: #F55D3E;
}

.userreportsHeader {
    /* position: relative; */
    padding: 12px;
    /* width: 100%; */
    text-align: left;
    outline: none;
    background-color: #1B2A41;
    border-radius: 1.07422px;
    /* margin: 15px 0px 0px 15px; */
    height: 46.93px;
}

.lbluserReportsH {
    /*width: 90%;*/
    float: left;
    font-style: normal;
    font-weight: bold;
    font-size: 16.8556px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    /*margin-left:2%;*/
}

.btnRefresh {
    background-image: url(../images/refreshtest.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #1B2A41;
    put the height and width of your image here height: 32px;
    width: 34px;
    border: none;
    content: "qwe";
}

.borderLine {
    margin: 15px 15px 15px 15px;
    border-right: 2px solid #5F5959;
}

.reportsheader {
    width: 96%;
    /*margin-left: 0px !important;*/
}

@media only screen and (max-width: 992px) {
    /*For mobile phones:*/

    .nav-link:hover {
        text-decoration: underline !important;
    }

    .ContentAdminPurchase {
        width: 100%;
        /*padding-left: 20px !important;*/
    }

    .borderLine {
        border-right: 0px solid #5F5959;
        /*border-bottom: 2px solid #5F5959;*/
    }

    .myinput {
        text-align: center;
    }

    .userreportcenter {
        text-align: center;
    }

    .userreportsHeader {
        margin: 0 auto;
    }

    .reportsheader {
        width: 90%;
        /*margin-left: 0px !important;*/
    }

    .bgheader {
        background-size: cover !important;
    }

    .btnRefresh {
        width: 100% !important;
    }
}


/*Group Maintenance Style*/

.managementTitleColor {
    color: #4C77B8 !important;
}

.manageTextColor {
    color: #1b2a41;
}

.btnChooseFile {
    width: 99px;
    height: 30px;
    border: 1px solid #1B2A41;
    border-radius: 16px;
    color: #FFF;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border: none;
}

.miscInfo {
    font-size: 10px;
    color: #1b2a41;
}

.headerBorder {
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 3px !important;
}

.labelProdInfo {
    position: absolute;
    height: 41.89px;
    left: 78.42px;
    top: 138.57px;
    font-style: normal;
    font-weight: bold;
    font-size: 35.4493px;
    line-height: 42px;
    /* identical to box height */

    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.cancelBtn {
    width: 130px !important;
    height: 30px !important;
    background: #868686 !important;
    border-radius: 16px !important;
    color: #fff !important;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border: none !important;
}

.saveBtn {
    width: 130px !important;
    height: 30px !important;
    background: #F55d3E !important;
    border-radius: 16px !important;
    color: #fff !important;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border: none !important;
}

.viewBtnD {
    width: 130px !important;
    height: 30px !important;
    background: #4C77B8 !important;
    border-radius: 16px !important;
    color: #fff !important;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border: none !important;
}

.activeTxt {
    background: #1B2A41 !important;
    border-radius: 12px !important;
    color: #fff !important;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border: none !important;
}

.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination-ys table {
        margin-left: 145px;
    }

        .pagination-ys table > tbody > tr > td {
            display: inline;
            border: 0px;
        }

            .pagination-ys table > tbody > tr > td > a,
            .pagination-ys table > tbody > tr > td > span {
                position: relative;
                float: left;
                padding: 8px 12px;
                line-height: 1.42857143;
                text-decoration: none;
                color: #000000;
                background-color: #ffffff;
                border: 1px solid #dddddd;
                margin-left: -1px;
            }

            .pagination-ys table > tbody > tr > td > span {
                position: relative;
                float: left;
                padding: 8px 12px;
                line-height: 1.42857143;
                text-decoration: none;
                margin-left: -1px;
                z-index: 2;
                color: #FFFF;
                background-color: #0066CC;
                border-color: #dddddd;
                cursor: default;
            }

            .pagination-ys table > tbody > tr > td:first-child > a,
            .pagination-ys table > tbody > tr > td:first-child > span {
                margin-left: 0;
                border-bottom-left-radius: 4px;
                border-top-left-radius: 4px;
            }

            .pagination-ys table > tbody > tr > td:last-child > a,
            .pagination-ys table > tbody > tr > td:last-child > span {
                border-bottom-right-radius: 4px;
                border-top-right-radius: 4px;
            }

            .pagination-ys table > tbody > tr > td > a:hover,
            .pagination-ys table > tbody > tr > td > span:hover,
            .pagination-ys table > tbody > tr > td > a:focus,
            .pagination-ys table > tbody > tr > td > span:focus {
                color: #FFFFFF;
                background-color: #0066CC;
                border-color: #dddddd;
            }


.borderBottomTable {
    border-bottom: 1px solid #EC4F2F !important;
    font-size: 12px;
    text-decoration: none;
}

.btnAuthorized {
    margin-left: 7px;
    background: #F55d3E;
    border-radius: 16px;
    color: #fff;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    border: none;
}

.pageFont {
    color: #1B2A41;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
}

.fontPage {
    font-size: x-small;
}

.hMonthlyReportsTable {
    text-decoration: none;
    /*font-size:9px;*/
}

.APItable {
    font-family: Roboto, Helvetica, sans-serif !important;
    font-size: 9pt;
    font-weight: 700;
}

.txtBoxAPI {
}

.APIPadding {
    margin-right: 134px;
}

.fontSize {
    font-size: 12px !important;
}


.rbRefresh {
    color: #4F4F4F;
}

    .rbRefresh input[type="radio"] {
        width: 20px;
        height: 15px;
        padding: 2px;
        margin: 0;
        top: -2px;
        vertical-align: middle;
        position: relative;
        *overflow: hidden;
    }

.carrierHeader {
    color: #1B2A41;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
}

.bannerStyle {
    font-size: 20px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.headerStyle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.fieldsStyle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

.labelStyle {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #000000;
}



@media only screen and (max-width: 1600px) and (min-width: 1550px) {
    .headerAlignment {
        padding-right: 8px !important;
    }

    .lmonitor {
        width: 100% !important;
    }
}

@media only screen and (max-width: 2300px) and (min-width: 2250px) {
    .headerAlignment {
        margin-left: 55px !important;
    }

    .lmonitor {
        width: 100% !important;
    }
}

@media only screen and (max-width: 2400px) and (min-width: 2300px) {
    .headerAlignment {
        margin-left: 55px !important;
    }

    .lmonitor {
        width: 100% !important;
    }
}

@media only screen and (max-width: 2500px) and (min-width: 2400px) {
    .headerAlignment {
        margin-left: 65px !important;
    }

    .lmonitor {
        width: 100% !important;
    }
}

@media only screen and (max-width: 2500px) and (min-width: 2470px) {
    .headerAlignment {
        margin-left: 70px !important;
    }

    .lmonitor {
        width: 100% !important;
    }
}

@media only screen and (max-width: 2560px) and (min-width: 2500px) {
    .headerAlignment {
        margin-left: 75px !important;
    }

    .lmonitor {
        width: 100% !important;
    }
    .completemessage {
        position: absolute !important;
        color: white !important;
        left: 120px !important;
        top: 22px !important;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .bannerHome {
        padding-top: 95px !important;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .bannerHome {
        padding-top: 75px !important;
    }
}

@media only screen and (max-width: 575px) and (min-width: 480px) {
    .bannerHome {
        padding-top: 50px !important;
        padding-left: 61px !important
    }
}

@media only screen and (max-width: 479px) and (min-width: 425px) {
    .bannerHome {
        padding-top: 40px !important;
        padding-left: 40px !important
    }
}

@media only screen and (max-width: 424px) and (min-width: 375px) {
    .bannerHome {
        padding-top: 30px !important;
        padding-left: 30px !important
    }
}

@media only screen and (max-width: 374px) and (min-width: 320px) {
    .bannerHome {
        padding-top: 30px !important;
        padding-left: 30px !important
    }
}

@media only screen and (max-width: 767px) and (min-width: 576px) {
    .bannerHome {
        padding-top: 52px;
        padding-left: 61px;
    }
}

@media only screen and (max-width: 1050px) and (min-width: 992px) {
    .headerAlignment {
        padding-right: 45px !important;
    }

    .contactnumberalignment {
        font-size: 12px;
    }

    .ahref {
        font-size: 12px !important;
    }

    .boxheader {
        font-size: 15px !important;
    }
}

@media only screen and (max-width: 1100px) and (min-width: 1050px) {
    .headerAlignment {
        padding-right: 50px !important;
        margin-left: 10px !important;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 1100px) {
    .headerAlignment {
        padding-right: 50px !important;
        margin-left: 15px !important;
    }
}

@media only screen and (max-width: 1300px) and (min-width: 1200px) {
    .headerAlignment {
        padding-right: 50px !important;
        margin-left: 20px !important;
    }
}

@media only screen and (max-width: 1350px) and (min-width: 1300px) {
    .headerAlignment {
        padding-right: 50px !important;
        margin-left: 25px !important;
    }

    .lmonitor {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 1350px) {
    .headerAlignment {
        padding-right: 50px !important;
        margin-left: 30px !important;
    }

    .lmonitor {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1440px) and (min-width: 1400px) {
    .headerAlignment {
        padding-right: 50px !important;
        margin-left: 35px !important;
    }

    .lmonitor {
        width: 100% !important;
    }

    .p-responsive {
        padding-top: 95px !important;
        padding-left: 40px !important;
    }
}
/*.test123 > div > table > tbody > tr > td > span > p {
    width: 90%;
}*/
.test123 > div > table > tbody > tr > td {
    vertical-align: middle;
}

.MsoNormal p {
    width: 95% !important
}

.cbalignment input[type="checkbox"] {
    width: 20px;
    height: 15px;
    padding: 2px;
    margin: 0;
    top: -2px;
    vertical-align: middle;
    position: relative;
    *overflow: hidden;
}

.receiptEmailBtn {
    width: 75px !important;
    height: 30px !important;
    background-color: #1B2A41 !important;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25) !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    border: none;
}

.cbresp label {
    display: block;
    padding-right: 10px;
    padding-left: 22px;
    text-indent: -25px;
}

.cbresp input {
    vertical-align: middle;
}

.cbresp label p {
    vertical-align: middle;
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .d-md-flex {
        font-size: 10px;
    }

    .vbox {
        flex-direction: column;
    }
}

@media only screen and (max-width: 1085px) and (min-width: 992px) {
    .card-body {
        font-size: 10.5px !important;
    }

    .vboxes {
        font-size: 10.5px !important;
    }
}

@media only screen and (max-width: 768px) and (min-width: 530px) {
    .tbox {
        margin-left: 10px !important;
    }

    .col-sm-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 425px) and (min-width: 375px) {
    .nxtbtn {
        flex: 10px;
    }

    .getstartedbtn {
        width: 150px !important;
        font-size: 20px !important;
        border-radius: 8px !important;
    }

    .card-body {
        height: 80% !important;
    }
}


@media only screen and (max-width: 425px) and (min-width: 320px) {
    .iconUnivision {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .boxcontainer {
        padding: 30px !important;
    }
}

@media only screen and (max-width: 991px) and (min-width: 769px) {
    .tbox {
        margin-left: 10px !important;
    }

    .boxcontainer {
        padding: 120px !important;
    }
}

@media only screen and (max-width: 1100px) and (min-width: 1024px) {
    .settingsbox {
        font-size: 13px !important;
    }

    .settingsboxfont {
        font-size: 11px !important;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 1101px) {
    .settingsbox {
        font-size: 14px !important;
    }

    .settingsboxfont {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 1300px) and (min-width: 1201px) {
    .settingsbox {
        font-size: 15px !important;
    }

    .settingsboxfont {
        font-size: 13px !important;
    }
}

.settingsbox {
}

.carrierTd {
    margin-left: 20px;
}

    .carrierTd > span {
        width: 100% !important;
        margin-left: 20px
    }

    .carrierTd > td {
        width: 100% !important;
        margin-left: 20px
    }

    .carrierTd > span > b {
        width: 100% !important;
        margin-left: 20px
    }

    .carrierTd > span > p {
        text-align: justify;
        margin-left: 10px
    }

    .carrierTd > span > table {
    }

    .carrierTd > span > ol {
        width: 100% !important;
    }

.btnPurchase {
    border: none;
    padding: 10px 25px;
    border-radius: 10px;
    background: #F55D3E;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    color: white;
}

@media only screen and (min-width: 1440px) {

    .col-lg-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
    }
}

@media only screen and (min-width:2000px) and (max-width:2560px) {

    .container4k {
        width: 60% !important;
    }

    .square4k {
        max-width: 70% !important;
    }

    .squareAdjusted {
        /* max-width: 47% !important;*/
    }

    /*.squareWhyus {
            max-width: 65% !important;
        }*/
}

@media only screen and (min-width:320px) and (max-width: 374px) {
    .cardtitle {
        margin-right: 30px !important;
    }

    .cardtitle2 {
        margin-right: 75px !important;
    }

    .getstartedbtn {
        width: 80px !important;
        font-size: 20px !important;
    }

    .ahref {
        font-size: 15px;
        text-align: center !important;
    }
}

.btnLabel {
    cursor: pointer !important;
}

.contactUsDetails {
    padding-right: 67px;
    padding-top: 67px;
    text-align: justify;
    padding-left: 0px;
}


@media only screen and (min-width:320px) and (max-width: 991px) {
    .icon {
        margin-left: 10px;
    }

    .card-text {
        padding-left: 10px;
    }

    .contentmobile {
        display: block !important;
    }
}

@media only screen and (min-width:992px) and (max-width: 1085px) {
    .card-margin {
        margin-right: 80px;
    }

    .cardtitle1 {
        margin-right: 80px !important;
        font-size: 13px !important
    }

    .cardtitle {
        margin-right: 80px !important;
        font-size: 13px !important
    }

    .cardtitle2 {
        margin-right: 80px !important;
        font-size: 13px !important;
    }
}

@media only screen and (min-width:1086px) and (max-width: 1137px) {
    .card-margin {
        margin-right: 110px;
    }

    .card-margin2 {
        margin-right: 20px;
    }
}

@media only screen and (min-width:1138px) and (max-width: 1200px) {
    .card-margin {
        margin-right: 124px;
    }

    .card-margin2 {
        margin-right: 30px;
    }
}

@media only screen and (min-width:1201px) and (max-width: 1500px) {
    .card-margin {
        margin-right: 135px;
    }

    .card-margin2 {
        margin-right: 45px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1200px) {

    .card-img {
        height: 400px !important;
    }
}

@media only screen and (min-width:576px) and (max-width: 991px) {
    .twobox {
        padding-left: 80px !important;
    }

    .ahref {
        font-size: 12px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1340px) {
    .twobox {
        max-width: 800px !important;
        padding-left: 100px !important;
    }

    .ahref {
        font-size: 15px;
    }
}

@media only screen and (min-width:376px) and (max-width: 425px) {
    .p-responsive {
        /*font-size: 15px !important;
            padding-top: 33px !important;*/
        font-size: 15px !important;
        padding-top: 35px !important;
        padding-left: 0px !important;
    }

    .headertext {
        font-size: 15px;
    }

    .buttonresize {
        font-size: 10px !important;
    }

    .btnsizes {
        width: 100px !important;
        height: 30px !important;
    }

    .labelsizes {
        font-size: 9px !important;
        margin-top: -3px !important;
    }

    .responsivetext p {
        font-size: 14px !important;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 25px !important;
        margin-top: -17px !important;
    }
}

@media only screen and (min-width:320px) and (max-width: 330px) {
   
    .btnlearnmore {
        margin-left: 60px;
    }


    .boxheader {
        text-align: center !important;
    }
}

@media only screen and (min-width:331px) and (max-width: 340px) {
    

    .btnlearnmore {
        margin-left: 60px;
    }


    .boxheader {
        text-align: center !important;
    }
}

@media only screen and (min-width:341px) and (max-width: 360px) {
    .details {
        padding-left: 33px !important;
    }

    .btnlearnmore {
        margin-left: 65px;
    }


    .boxheader {
        text-align: center !important;
    }
}

@media only screen and (min-width:361px) and (max-width: 375px) {

    .btnlearnmore {
        margin-left: 75px;
    }

    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 30px;
    }
}

@media only screen and (min-width:376px) and (max-width: 390px) {

    .btnlearnmore {
        margin-left: 85px;
    }

    .details {
        padding-left: 45px !important;
    }


    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 35px;
    }
}

@media only screen and (min-width:391px) and (max-width: 410px) {


    .details {
        padding-left: 45px !important;
    }

    .btnlearnmore {
        margin-left: 90px;
    }

    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 45px;
    }
}

@media only screen and (min-width:411px) and (max-width: 425px) {

    .btnlearnmore {
        margin-left: 100px;
    }

    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 55px;
    }
}

@media only screen and (min-width:426px) and (max-width: 575px) {

    .ezbuydiff {
        text-align: center;
    }

    .details {
        padding-left: 45px !important;
    }
}

@media only screen and (min-width:426px) and (max-width: 430px) {
    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 55px;
    }

    .btnlearnmore {
        margin-left: 110px;
    }
}

@media only screen and (min-width:431px) and (max-width: 440px) {
    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 60px;
    }

    .btnlearnmore {
        margin-left: 110px;
    }
}

@media only screen and (min-width:441px) and (max-width: 450px) {
    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 65px;
    }

    .btnlearnmore {
        margin-left: 115px;
    }
}

@media only screen and (min-width:451px) and (max-width: 460px) {
    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 70px;
    }

    .btnlearnmore {
        margin-left: 115px;
    }
}

@media only screen and (min-width:461px) and (max-width: 470px) {
    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 75px;
    }

    .btnlearnmore {
        margin-left: 115px;
    }
}

@media only screen and (min-width:471px) and (max-width: 480px) {
    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 80px;
    }

    .btnlearnmore {
        margin-left: 120px;
    }
}

@media only screen and (min-width:481px) and (max-width: 490px) {
    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 85px;
    }

    .btnlearnmore {
        margin-left: 123px;
    }
}

@media only screen and (min-width:491px) and (max-width: 500px) {
    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 90px;
    }

    .btnlearnmore {
        margin-left: 123px;
    }
}

@media only screen and (min-width:501px) and (max-width: 510px) {
    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 95px;
    }

    .btnlearnmore {
        margin-left: 130px;
    }
}

@media only screen and (min-width:511px) and (max-width: 520px) {
    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 100px;
    }

    .btnlearnmore {
        margin-left: 133px;
    }
}

@media only screen and (min-width:521px) and (max-width: 530px) {
    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 100px;
    }

    .btnlearnmore {
        margin-left: 135px;
    }
}

@media only screen and (min-width:531px) and (max-width: 540px) {
    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 105px;
    }

    .btnlearnmore {
        margin-left: 145px;
    }
}

@media only screen and (min-width:541px) and (max-width: 550px) {
    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 110px;
    }

    .btnlearnmore {
        margin-left: 150px;
    }
}

@media only screen and (min-width:551px) and (max-width: 560px) {
    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 115px;
    }

    .btnlearnmore {
        margin-left: 155px;
    }
}

@media only screen and (min-width:561px) and (max-width: 570px) {
    .boxheader {
        text-align: center !important;
    }

    .ahref {
        padding-left: 120px;
    }

    .btnlearnmore {
        margin-left: 165px;
    }
}


@media only screen and (min-width:576px) and (max-width: 991px) {

    .ezbuydiff {
        text-align: center;
    }

    .btnlearnmore {
        margin-left: 280px;
    }
}

@media only screen and (min-width:992px) and (max-width: 2560px) {
    .btnalign {
        padding-left: 0px !important;
    }
}

@media only screen and (min-width:426px) and (max-width: 526px) {
    .responsivetext p {
        font-size: 15px !important;
    }

    .headertext {
        font-size: 15px;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .btnsizes {
        width: 100px !important;
        height: 40px !important;
        max-width: 35%;
    }

    .labelsizes {
        font-size: 10px !important;
    }



    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 25px !important;
        margin-top: 10px !important;
    }
}

@media only screen and (min-width:527px) and (max-width: 626px) {
    .responsivetext p {
        font-size: 15px !important;
    }

    .headertext {
        font-size: 20px;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .btnsizes {
        width: 120px !important;
        height: 45px !important;
        max-width: 45%;
    }

    .labelsizes {
        font-size: 15px !important;
    }



    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 25px !important;
        margin-top: 10px !important;
    }
}

@media only screen and (min-width:627px) and (max-width: 726px) {
    .responsivetext p {
        font-size: 12px !important;
    }

    .headertext {
        font-size: 15px;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .btnsizes {
        width: 75px !important;
        height: 30px !important;
        max-width: 50%;
    }

    .labelsizes {
        font-size: 9px !important;
    }



    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 75px !important;
        margin-top: 40px !important;
    }
}

@media only screen and (min-width:727px) and (max-width: 768px) {
    .responsivetext p {
        font-size: 20px !important;
    }

    .headertext {
        font-size: 15px;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .btnsizes {
        width: 100px !important;
        height: 30px !important;
        max-width: 50%;
        border-radius: 8px !important;
    }

    .labelsizes {
        font-size: 9px !important;
    }



    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 75px !important;
        margin-top: 10px !important;
    }
}

@media only screen and (min-width:426px) and (max-width: 768px) {
    .p-responsive {
        font-size: 25px !important;
        padding-top: 60px !important;
        padding-left: 35px !important;
    }
}

@media only screen and (min-width:769px) and (max-width: 1024px) {
    .p-responsive {
        padding-top: 75px !important;
        padding-left: 40px !important;
    }
}

@media only screen and (min-width:769px) and (max-width: 799px) {
    .responsivetext p {
        font-size: 15px !important;
    }

    .headertext {
        font-size: 20px;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .btnsizes {
        width: 90px !important;
        height: 30px !important;
        max-width: 50%;
    }

    .labelsizes {
        font-size: 10px !important;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 80px !important;
        margin-top: 10px !important;
        padding-top: 80px !important;
    }
}

@media only screen and (min-width:800px) and (max-width: 889px) {
    .responsivetext p {
        font-size: 15px !important;
    }

    .headertext {
        font-size: 20px;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .btnsizes {
        width: 90px !important;
        height: 30px !important;
        max-width: 50%;
    }

    .labelsizes {
        font-size: 10px !important;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 80px !important;
        margin-top: 10px !important;
        padding-top: 80px !important;
    }
}

@media only screen and (min-width:801px) and (max-width: 900px) {
    .responsivetext p {
        font-size: 15px !important;
    }

    .headertext {
        font-size: 20px;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .btnsizes {
        width: 90px !important;
        height: 35px !important;
        max-width: 50%;
    }

    .labelsizes {
        font-size: 10px !important;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 80px !important;
        margin-top: 10px !important;
        padding-top: 80px !important;
    }
}

@media only screen and (min-width:901px) and (max-width: 1024px) {
    .responsivetext p {
        font-size: 20px !important;
    }

    .headertext {
        font-size: 20px;
    }

    .buttonresize {
        padding-left: 0px !important;
    }



    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 80px !important;
        margin-top: 10px !important;
        padding-top: 140px !important;
    }

    .responsivetext p {
        font-size: 20px !important;
    }

    .headertext {
        font-size: 20px;
    }

    .btnsizes {
        /* width: 50px !important;
        height: 30px !important;*/
        max-width: 45% !important;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .labelsizes {
        font-size: 20px;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 80px !important;
        margin-top: 10px !important;
        padding-top: 90px !important;
    }
}

@media only screen and (min-width:1025px) and (max-width: 1100px) {

    .responsivetext p {
        font-size: 30px !important;
    }

    .headertext {
        font-size: 30px;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 80px !important;
        margin-top: 10px !important;
        padding-top: 90px !important;
    }
}

@media only screen (max-width:1092px) {
    .p-responsive {
        padding-top: 70px !important;
        padding-left: 40px !important;
    }
}


@media only screen and (min-width:1500px) and (max-width: 1600px) {
    .p-responsive {
        padding-top: 100px !important;
        padding-left: 40px !important;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 80px !important;
        margin-top: 10px !important;
        padding-top: 100px !important;
    }

    .responsivetext p {
        font-size: 25px !important;
    }

    .headertext {
        font-size: 35px;
    }

    .btnsizes {
        width: 160px !important;
        height: 50px !important;
        max-width: 100% !important;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .labelsizes {
        font-size: 20px !important;
    }
}

@media only screen and (min-width:1601px) and (max-width: 1700px) {
    


    .p-responsive {
        padding-top: 100px !important;
        padding-left: 25px !important;
    }

    .btnloginAlignment {
        margin-left: 15px;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 80px !important;
        margin-top: 10px !important;
        padding-top: 140px !important;
    }

    .responsivetext p {
        font-size: 25px !important;
    }

    .headertext {
        font-size: 30px;
    }

    .btnsizes {
        width: 200px !important;
        height: 60px !important;
        max-width: 100% !important;
    }

    .buttonresize {
        padding-left: 0px !important;
    }
}

@media only screen and (min-width:1701px) and (max-width: 1800px) {
    .completemessage {
        position: absolute!important;
        color: white!important;
        left: 80px!important;
        top: 22px!important;
    }



    .p-responsive {
        padding-top: 100px !important;
        padding-left: 40px !important;
    }

    .btnloginAlignment {
        margin-left: 20px;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 80px !important;
        margin-top: 10px !important;
        padding-top: 110px !important;
    }

    .responsivetext p {
        font-size: 25px !important;
    }

    .headertext {
        font-size: 35px;
    }

    .btnsizes {
        width: 160px !important;
        height: 50px !important;
        max-width: 100% !important;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .labelsizes {
        font-size: 20px !important;
    }
}

@media only screen and (min-width:1801px) and (max-width: 1900px) {
    .completemessage {
        position: absolute !important;
        color: white !important;
        left: 85px !important;
        top: 22px !important;
    }


    .p-responsive {
        padding-top: 100px !important;
        padding-left: 40px !important;
    }

    .btnloginAlignment {
        margin-left: 25px;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 80px !important;
        margin-top: 10px !important;
        padding-top: 110px !important;
    }

    .responsivetext p {
        font-size: 25px !important;
    }

    .headertext {
        font-size: 35px;
    }

    .btnsizes {
        width: 160px !important;
        height: 50px !important;
        max-width: 100% !important;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .labelsizes {
        font-size: 20px !important;
    }
}

@media only screen and (min-width:1901px) and (max-width: 1999px) {
    .p-responsive {
        padding-top: 100px !important;
        padding-left: 35px !important;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 80px !important;
        margin-top: 10px !important;
        padding-top: 150px !important;
    }

    .btnloginAlignment {
        margin-left: 30px;
    }

    .responsivetext p {
        font-size: 25px !important;
    }

    .headertext {
        font-size: 35px;
    }

    .btnsizes {
        width: 200px !important;
        height: 60px !important;
        max-width: 100% !important;
    }

    .buttonresize {
        padding-left: 0px !important;
    }
}

@media only screen and (min-width:2000px) and (max-width: 2100px) {
    .completemessage {
        position: absolute !important;
        color: white !important;
        left: 90px !important;
        top: 22px !important;
    }
    .btnloginAlignment {
        margin-left: 40px;
    }

    .p-responsive {
        font-size: 35px !important;
        padding-top: 100px !important;
        padding-left: 50px !important;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 80px !important;
        margin-top: 10px !important;
        padding-top: 110px !important;
    }

    .responsivetext p {
        font-size: 25px !important;
    }

    .headertext {
        font-size: 35px;
    }

    .btnsizes {
        width: 160px !important;
        height: 50px !important;
        max-width: 100% !important;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .labelsizes {
        font-size: 20px;
    }
}

@media only screen and (min-width:2101px) and (max-width: 2200px) {
    .btnloginAlignment {
        margin-left: 48px;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 80px !important;
        margin-top: 10px !important;
        padding-top: 180px !important;
    }

    .responsivetext p {
        font-size: 35px !important;
    }

    .headertext {
        font-size: 55px;
    }

    .btnsizes {
        width: 210px !important;
        height: 65px !important;
        max-width: 100% !important;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .labelsizes {
        font-size: 27px;
    }
}

@media only screen and (min-width:2000px) and (max-width: 2200px) {
    /* .p-responsive {
            font-size: 55px !important;
            padding-top: 145px !important;
            padding-left: 50px !important;
        }*/
}

@media only screen and (min-width:2201px) and (max-width: 2300px) {
    .btnloginAlignment {
        margin-left: 51px;
    }

    .p-responsive {
        font-size: 55px !important;
        padding-top: 145px !important;
        padding-left: 50px !important;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 80px !important;
        margin-top: 10px !important;
        padding-top: 190px !important;
    }

    .responsivetext p {
        font-size: 40px !important;
    }

    .headertext {
        font-size: 60px;
    }

    .btnsizes {
        width: 280px !important;
        height: 80px !important;
        max-width: 100% !important;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .labelsizes {
        font-size: 35px;
    }
}

@media only screen and (min-width:2301px) and (max-width: 2400px) {
    .p-responsive {
        font-size: 55px !important;
        padding-top: 160px !important;
        padding-left: 50px !important;
    }

    .btnloginAlignment {
        margin-left: 54px;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 80px !important;
        margin-top: 10px !important;
        padding-top: 190px !important;
    }

    .responsivetext p {
        font-size: 40px !important;
    }

    .headertext {
        font-size: 60px;
    }

    .btnsizes {
        width: 280px !important;
        height: 80px !important;
        max-width: 100% !important;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .labelsizes {
        font-size: 35px;
    }
}

@media only screen and (min-width:2401px) and (max-width: 2500px) {
    .p-responsive {
        font-size: 45px !important;
        padding-top: 95px !important;
        padding-left: 50px !important;
    }

    .btnloginAlignment {
        margin-left: 57px;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 80px !important;
        margin-top: 10px !important;
        padding-top: 210px !important;
    }

    .responsivetext p {
        font-size: 40px !important;
    }

    .headertext {
        font-size: 60px;
    }

    .btnsizes {
        width: 280px !important;
        height: 80px !important;
        max-width: 100% !important;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .labelsizes {
        font-size: 35px;
    }
}

@media only screen and (min-width:2501px) and (max-width: 2559px) {
    .p-responsive {
        font-size: 45px !important;
        padding-top: 95px !important;
        padding-left: 50px !important;
    }

    .btnloginAlignment {
        margin-left: 57px;
    }

    .contents {
        margin: auto;
        padding-left: 0.8rem;
        margin-left: 80px !important;
        margin-top: 10px !important;
        padding-top: 220px !important;
    }

    .responsivetext p {
        font-size: 40px !important;
    }

    .headertext {
        font-size: 60px;
    }

    .btnsizes {
        width: 280px !important;
        height: 80px !important;
        max-width: 100% !important;
    }

    .buttonresize {
        padding-left: 0px !important;
    }

    .labelsizes {
        font-size: 35px;
    }
}

@media only screen and (min-width:2701px) and (max-width: 2800px) {
    .completemessage {
        position: absolute !important;
        color: white !important;
        left: 120px !important;
        top: 22px !important;
    }
    .p-responsive {
        font-size: 35px !important;
        padding-top: 100px !important;
        padding-left: 50px !important;
    }
}

@media only screen and (min-width:4000px) and (max-width: 4100px) {
    .completemessage {
        position: absolute !important;
        color: white !important;
        left: 180px !important;
        top: 22px !important;
    }
    .p-responsive {
        font-size: 35px !important;
        padding-top: 100px !important;
        padding-left: 50px !important;
    }
}

@media only screen and (min-width:5400px) and (max-width: 5500px) {
    .completemessage {
        position: absolute !important;
        color: white !important;
        left: 240px !important;
        top: 22px !important;
    }
    .p-responsive {
        font-size: 35px !important;
        padding-top: 100px !important;
        padding-left: 50px !important;
    }
}

/* Display list items side by side */
ul.breadcrumb li {
    display: inline;
    font-size: 18px;
    color: #202A44;
}

    /* Add a slash symbol (/) before/behind each list item */
    /*ul.breadcrumb li + li:before {
            padding: 8px;
            color: black;
            content: "/\00a0";
        }*/

    /* Add a color to all links inside the list */
    ul.breadcrumb li a {
        color: #202A44;
        text-decoration: none;
    }

        /* Add a color on mouse-over */
        ul.breadcrumb li a:hover {
            color: #01447e;
            text-decoration: underline;
        }


ul.qWikSignUl {
}


    ul.qWikSignUl li ::marker {
        align-items: center !important;
    }

.responsive {
    max-width: 100%;
    height: auto;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.Homepagecontent {
    margin-left: 5rem;
    margin-top: 3.5rem;
}

/*FOR ZOOM IN AND ZOOM OUT PURPOSES*/

.containers {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-width:1200px) {
    .containers {
        max-width: 1140px !important;
    }
}

@media only screen and (min-width:992px) {
    .containers {
        max-width: 960px;
    }
}

@media only screen and (min-width:768px) {
    .containers {
        max-width: 720px;
    }
}

@media only screen and (min-width:576px) {
    .containers {
        max-width: 540px;
    }
}

.bannerHome {
    padding-top: 110px;
    padding-left: 100px;
}

.responsivetext {
    padding-left: 0px !important;
}

.featuredIn {
    background-color: #FAFAFA;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.fontEZbuy {
    font-weight: 600;
    font-size: 30px;
}

.EZBuyDiff {
    padding-left: 30px !important;
    padding-right: 0px !important;
}

.cardOpt {
    border-radius: 8px !important;
}

    .cardOpt:hover {
        border: 1px solid #DA2E0B !important;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    }

.formCont:focus {
    border: 1px solid #DA2E0B !important;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
}

.titleClass {
    font-weight: 600;
    font-size: 25px;
    color: #202A44 !important;
}

.fontColor {
    color: #202A44 !important;
}

.jumbotron {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.privacy-policy {
    border-spacing: 1px !important;
    border-collapse: collapse !important;
    
}
/*tables, th, td {
    border: 1px solid black!important;
    color:black!important

}*/
    .td-align{
        border: 1px solid #000 !important;
        padding: 10px;
        vertical-align: middle;
    }

    /*tables.privacy-policy {
        border-spacing: 1px !important;
        border-collapse: collapse !important;
    }
tables {
    text-indent: 0;
    border-color: inherit;
}*/


.content-privacy {
    font-size: 16px;
    line-height: 1.5;
}
.content-privacy p {
    margin: 0 0 22px;
}

.content-privacy h2{
    margin:0 0 15px;
}