@media all and (max-width:1024px) {
    .mainContainer-hlc .cont-top-container {
        padding: 30px 65px;
        display: flex;
    }
    .mainContainer-hlc .cont-left {
        width: 35%;
    }
    .mainContainer-hlc .onDesktopClass {
        width: 100%;
        padding: 75px 0px;
    }
    .mainContainer-hlc .nav-select, .mainContainer-hlc .input-container {
        width: 65%;
    }
    .mainContainer-hlc .premium-card {
        padding: 20px 10px;
    }
    .mainContainer-hlc .recalculate-content {
        padding: 15px 8px;
    }
    .mainContainer-hlc .premium-previous-button {
        left: 40px;
        top: 12%;
    }
}
@media all and (max-width:768px) {
	.mainContainer-hlc .container{
        padding: 0;
        max-width: 100%;
	}	
    .mainContainer-hlc .wrapper-myProfile {
        background-color: #ffff;
    }
    .mainContainer-hlc .cont-right {
        width: 90%;
      }
    .mainContainer-hlc .cont-top-container {
        padding: 0px;
    }
    .mainContainer-hlc .show-mobile-content {
        display: block;
		
    }
    .mainContainer-hlc .hide-mobile-content {
        display: none;
    }
    .mainContainer-hlc .cont-left {
        width: 0%;
    }
    .mainContainer-hlc .cont-right {
        width: 100%;
        padding: 15px;
    }
    .mainContainer-hlc .cont-right-in {
        padding: 0px;
        width: 100%;
        background-color: transparent;
        min-height: 400px;
    }
    .mainContainer-hlc .line-break {
        display: block;
    }
    .mainContainer-hlc .cm-title {
        color: #2a221c;
        font-size: 25px;
        font-weight: bold;
    }
    .mainContainer-hlc .mob-calculator-heading {
        padding: 10px 10px;
        background-color: #ebc39f;
        text-align: center;
    }
    .mainContainer-hlc .mobile-image-container {
        position: absolute;
        bottom: 0;
    }
    .mainContainer-hlc .cr-head-text {
        color: #053c6d;
        font-weight: 800;
        font-size: 18px;
    }
    .mainContainer-hlc hr {
        width: 25%;
    }
    .mainContainer-hlc .nav-select {
        width: 100%;
    }
    .mainContainer-hlc .nav {
        background-color: #ffffff;
    }
    .mainContainer-hlc .profileMobilesection {
        padding: 10px 10px;
        position: relative;
        margin-top: 30px;text-align: center;
    }
    .mainContainer-hlc .profileMobileBtn {
        width: 100%;
    }
    .mainContainer-hlc .lead-section {
        display: block;
    }
    .mainContainer-hlc .lead-section .section-cont {
        width: 100%;
        height: 90px;
    }
    .mainContainer-hlc .mob-proceed-btn {
        width: 100%;
        position: relative;
    }
    .mainContainer-hlc .chk-premium-con, .mainContainer-hlc .inside-container .premium-section {
        width: 100%;
    }
    .mainContainer-hlc .chk-premium-con{
        width: 100% !important; 
    }
    .mainContainer-hlc .cover-page-text {
        padding: 0px 16px;
        /* border: 1px solid black; */
    }
    /* .mainContainer-hlc .cover-page-text-new{
        display:flex;flex-direction: column;justify-content: center;align-items: center;padding: 10px;background:#F5E9DF;
        opacity: 0.2;border-radius: 20px 20px 0px 0px;    } */
    .mainContainer-hlc .nav-select ul li {
        font-size: 16px;
    }
    .mainContainer-hlc .form-group {
        padding: 10px 0px;
        background-color: transparent;
        border: 0px solid transparent;
        box-shadow: 0px 0px #ffffff;
        position: relative;
        display: block; 
    }
    .mainContainer-hlc .input-container {
        position: absolute;
        top: 10px;
        right: 0;
		width: 35%;
    }
    .mainContainer-hlc .slider-container {
        position: relative;
        top: 20px;
        width: 70%;
    }
    .mainContainer-hlc .label-text {
        font-weight: normal;    width: 50%;
    }
    .mainContainer-hlc .cmn-text {
        font-size: 18px;
    }

    .mainContainer-hlc .cmn-margin-mob {
        margin-top: 0px;
    }
    .mainContainer-hlc .bck-btn{
        padding: 15px 10px;
        display: flex;
        cursor: pointer;
        position: relative;
    }
    .mainContainer-hlc .inside-container {
        padding: 65px 25px;
        display: flex;
    }
    .mainContainer-hlc .premium-card {
        /* padding: 30px 15px 0px 20px; */
        padding: 0px;
    }
    .mainContainer-hlc .cover-text {
        font-size: 20px;
    }
    .mainContainer-hlc .prem-container {
        margin-top: 0px;
    }
    .mainContainer-hlc .premiumText {
        font-size: 14px;
    }
    .mainContainer-hlc .premiumCheck-hr {
        width: 100%;
    }
    .mainContainer-hlc .premium-text {
        color: #053c6d;
        font-size: 16px;
    }
    .mainContainer-hlc .premium-btn {
        display: block;
    }
    .mainContainer-hlc.recalculate-content {
        padding: 10px 68px;
    }
    .mainContainer-hlc .recal-con {
        width: 100%;
    }
    .mainContainer-hlc .premium-disclaimer {
        font-size: 9px;
    }
    .mainContainer-hlc .image-container-right {
        top: 15px;
        right: 0%;
        z-index: 999;
    }
    .mainContainer-hlc .hospitality {
        height: 160px;
    }
    .mainContainer-hlc .leaf-img {
        height: 50px;
    }
    .mainContainer-hlc .image-container-leaf {
        right: 0;
    }
    .mainContainer-hlc .sec-foot {
        margin-top: 0px;
    }
    .mainContainer-hlc .skip-section {
        right: 0px;
    }
    .mainContainer-hlc .detailText {
        font-size: 15px;
        margin-top: 15px;
    }
    .mainContainer-hlc .infotxt .text {
        font-size: 10px;
    }
	.mainContainer-hlc .form-element-error{
		margin-top: 0px;		
	}
	.mainContainer-hlc .bck-btn-cont{    position: RELATIVE;    bottom: 0;}
	.mainContainer-hlc .ctn-Btn{display: inline-block;   width: 100%;   padding: 40px 0 0;}
    .mainContainer-hlc .bck-btn-cont.lead-back-btn{  bottom: 0;}
    .mainContainer-hlc .parbase.container-fullwidth.section section .container .row{
        margin: 0px;
    }
}

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

    #what-is-HLV{
        width: calc(100vw - 30px);
        display: flex;
        flex-direction: column;
        padding:  24px 12px;
        margin: 40px auto;
    }

    #what-is-HLV .header h2{
        text-align: center;
        font-size: 16px;
    }

    #what-is-HLV .image{
        display: flex;
        float: none;
        transform: none;
        justify-content: center;
        align-items: center;
    }

    #what-is-HLV .image img{
        width: 212px;
        height: 176px;
    }
    #what-is-HLV .content{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #what-is-HLV .content p{
        font-size: 14px;
        margin-top: 15px;
    }
}

@media only screen and (min-width : 1199px) {
    #what-is-HLV .image{
        transform: translateY(-82px);
      }  
}

@media only screen and (min-width : 769px) and (max-width:992px) {
    #what-is-HLV .image{
        transform: translateY(-20px);
    }
      
}

@media all and (min-width:768px) and (max-width:1024px) {

    #what-is-HLV{
        max-width: 960px;
    }
    #what-is-HLV .image{
        transform: translateY(-60px);
    }
.mainContainer-hlc hr {
    display: none;
}
.mainContainer-hlc .profileMobileBtn, .mainContainer-hlc .chk-btn  {
    width: 35%;
}
.mainContainer-hlc .input-container {
    width: 25%;
}
.mainContainer-hlc .cont-right-in{    padding: 20px 25px;}
.mainContainer-hlc .nav-select, .input-container {    width: 75%;}
.mainContainer-hlc .input-container input {
    width: 74%;
    margin-top: 0.9rem;
}

}

@media all and (min-width:1024px) and (max-width:1280px) {
	.mainContainer-hlc hr {
    display: block;
}
.mainContainer-hlc .cmn-text {
    font-size: 15px;
}
.mainContainer-hlc .hlv-text{    font-size: 18px;}
.mainContainer-hlc .cover-text {
    font-size: 26px;
}
.mainContainer-hlc .premium-text {
    font-size: 19px;
}
.mainContainer-hlc .chk-btn {
    width: 100%;
}
.mainContainer-hlc .image-container-right {
     right: 2%;
}
.mainContainer-hlc .premium-card{padding: 20px;}
.mainContainer-hlc .inside-container .premium-section {    width: 80%;}
}

@media(min-width: 360px) and (max-width: 374px) {
    .mainContainer-hlc .input-container input {
        width: 114%;
        margin-top: 0.9rem;
    } 
}

@media(min-width: 375px) and (max-width: 389px) {
    .mainContainer-hlc .input-container input {
        width: 108%;
        margin-top: 0.9rem;
    } 
}

@media(min-width: 390px) and (max-width: 409px) {
    .mainContainer-hlc .input-container input {
        width: 103%;
        margin-top: 0.9rem;
    } 
}

@media(min-width: 410px) and (max-width: 500px) {
    .mainContainer-hlc .input-container input {
        width: 97%;
        margin-top: 0.9rem;
    } 
}


@media all and (min-width:1024px) and (max-width:1080px) {
    .mainContainer-hlc .input-container input {
        width: 95%;
        margin-top: 0.9rem;
    } 
}

@media all and (min-width:1081px) and (max-width:1280px) {
    .mainContainer-hlc .input-container input {
        width: 97%;
        margin-top: 0.9rem;
    } 
}