﻿/*.arogyaplan-page .newUpdate, #moneyPay {
    display: none;
}
#arogyaplan-page .input-block label {
    float: left;
    width: 100%;
    position: inherit;
    padding-bottom: 1.4rem;
}
#arogyaplan-page.verify-form-block span.rightValue {
    font-size: 2rem;
}
.verify-form-block ul.renewalPolicyDetails .vdp-datepicker input {
    border: 0;
    background: transparent;
}*/
@media (max-width: 1360px) {
  .arogyadetail-wrap {
    width: 100%;
  }


}

@media (max-width: 1359px) {
 
}

@media (max-width: 1199px) {
  .sum-insured-block span {
    font-size: 2rem;
  }
  .amount-inp {
    max-width: 100px;
  }
  span.amt-main {
    font-size: 2.2rem;
  }
  .side-panel {
    width: 90rem;
  }

  .side-panel-content {
    padding: 5rem 3rem;
  }
  .plan-block-wrap {
    padding: 2rem 2rem 5rem;
  }
}

@media (max-width: 991px) {
.arogyaplan-wrap .sum-insured-block .custom-dropdown .vs__selected {    margin-left: 10px;}
.arogyaplan-wrap .plan-block-wrap .cov-benf-block h4 { padding-bottom: 1rem; padding-top: 2rem; }
.covers-benf-wrap .outer .policy-block.last {
    width: 60% !important;
    float: left;
}
.covers-benf-wrap .outer .policy-block {
    width: 20% !important;
    float: left;
    padding-left: 0;
    padding-right: 0;
}
    .arogyaplan-wrap .sum-insured-block  .custom-dropdown  {padding: 0 10px 0;} 
  .plan-block-wrap .desk-view-sumins .sum-insured-block  .input-block { border-radius: 10px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26);
    border: solid 1px #eaeaea;
    max-width: 205px;
    width: 100%;
}
#PEDpopup .choice-radio-block h3.rd-label {
    width: 76%;
}
  .plan-block-wrap .desk-view-sumins .sum-insured-block .input-block label { top: 0; position: relative; padding: 10px 10px 0;}
  .arogyadetail-wrap a.edit { display: block; }
  .arogyadetail-wrap p.per-details.mobile { display: block;  }
  p.per-details { display: none; }
  .arogyadetail {
    padding-bottom: 3rem;
    border-bottom: 1px solid #004a80;
  }


  .break-up .rightValue:after {
    content: ",";
    font-size: 2rem;
    position: absolute;
    bottom: 0;
    right: -5px;
  }

  .break-up li:last-child .rightValue:after {
    content: "";
  }

  .accord-txtblock p {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .cover span:nth-child(2) {
    font-size: 1.3rem;
  }

  span.amt-bld {
    font-size: 1.3rem;
  }

  .plan-block.active span {
    vertical-align: middle;
  }

  .side-panel {
    width: 100%;
  }

  .verify-form-block {
    margin: 3rem 0;
  }

  .side-panel h1 {
    font-size: 2.5rem;
  }

  h3.rd-label {
    font-size: 1.5rem;
  }

  .side-panel-content {
    padding: 5rem 2rem;
    -webkit-overflow-scrolling: touch;
  }

  .arogyadetail-wrap {
    width: 100%;
    padding: 0 1.5rem;
  }

  .section-content {
    padding: 2rem 0 3rem 0;
  }

  .arogyadetail-wrap h3 {
    display: none;
  }

  .break-up:before {
    display: none;
  }

  .arogyadetail {
    padding-bottom: 3rem;
    border-bottom: 1px solid #004a80;
  }

  .arogyadetail-wrap a.edit {
    top: -1px;
    font-size: 1.2rem;
  }

  .break-up li {
    display: inline-block;
    padding-right: 2rem;
  }

  .break-up .leftValue {
    width: auto;
    font-size: 1.2rem;
  }

  .break-up li:last-child p {
    width: auto;
  }

  .break-up li:last-child .rightValue {
    width: auto;
  }

  .break-up .rightValue {
    float: none;
    text-align: left;
    width: auto;
    font-size: 1.2rem;
    position: relative;
  }

  .break-up {
    display: none;
  }

  .break-up-wrap {
    width: 70%;
    position: absolute;
    bottom: 0;
    padding-right: 15px;
  }

  .break-up-wrap:after {
    display: none;
  }

  .arogyadetail-wrap .js-accord-block {
    display: none;
  }
  .arogyaplan-wrap h1 {
    padding-bottom: 1rem;
    padding-top: 1rem;
    font-size: 3rem;
    font-weight: 300;
  }

  .mob-covers {
    display: none;
  }

  a.view-more-link {
    display: inline-block;
    color: #f26624;
    padding: 2rem 0 0;
    font-size: 2rem;
    border-bottom: 1px solid;
  }

  .view-more-details {
    display: block;
  }

  .dyk-block {
    background: #00305b;
    padding: 0 1.5rem;
  }

  .plan-block-wrap {
    padding: 3rem 2rem;
  }
  .total-prem-block {
    width: 45%;
    margin-top: 2rem;
  }

  .mob-view-sumins {
    float: left;
    width: 55%;
    display: inline-block;
    margin-top: 1rem;
  }

  .mob-view-sumins .input-block {
    border-radius: 10px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26);
    border: solid 1px #eaeaea;
    max-width: 205px;
    width: 100%;
    /* padding-top: 3rem; */
  }

  .mob-view-sumins .custom-dropdown {
    padding: 0 10px 0;
  }

  .bg-blue .mob-view-sumins .ripple-bar:after {
    background: none;
  }

  .bg-blue .mob-view-sumins .input-block input {
    border: none;
  }

  .mob-view-sumins .input-block.focus label {
    position: relative;
    top: 0;
    font-size: 1.6rem;
    color: #777777;
    padding: 10px 10px 0;
  }

  .mob-view-sumins .v-select .vs__selected-options .vs__selected {
    color: #f26624;
  }

  .mob-view-sumins .vs__selected-options:before {
    border-color: #282828;
    height: 10px;
    width: 10px;
    border-width: 2px 2px 0 0;
    right: 10px;
  }

  .mob-view-sumins .v-select .vs__selected-options .vs__selected:before {
    content: "₹";
  }

  .list-plan-wrap {
    padding-bottom: 3rem;
    border-bottom: 1px dashed #cbcdce;
    margin-bottom: 2rem;
  }
  .plan-block-wrap .desk-view-sumins .sum-insured-block { width: 55%; } 
  .covers-benf-wrap .pol-details { border-bottom: 1px dashed #cbcdce;    padding-bottom: 3rem; }
  .plan-block-wrap .cov-benf-block {padding-top: 0; margin-top: 0;}
  .cov-benf-list.js-accord-plans.lastList {
    border-bottom: 1px solid #e2e1df;
}
}

@media (max-width: 767px) {
.side-panel.PerDetailsSlide ul.renewalPolicyDetails .vdp-datepicker input {
    border: 0;background: 0;
}
#nogstin .popup .content {    padding: 3rem 0;}
.verify-form-block .proposer .choice-radio-block, .verify-form-block .proposer.ProposerDeRow1 .choice-radio-block { top: 0;}
.verify-form-block {
    margin: 0 0;
}
.submit-btn {
  margin-top: 2rem;
    position: fixed;
    bottom: 0;
    padding: 1rem 0;
    width: 100%;
    display: inline-block;
    left: 0;
    right: 0;
    box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.11);
    -ms-box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.11);
    z-index: 1;
    background-color: #fff;
}
#PEDpopup .content-heightauto {
    padding: 3rem 1.5rem;
}
.cov-benf-list.ayushwRAPP {
    border: 0;
    padding-bottom: 0;
}
a.view-more-link { margin-bottom: 2rem; }
  .arogyadetail-wrap .js-accord-block {
    margin-bottom: 2rem;
    display: none;
  }

  ul.break-up.accord-txtblock li {
    padding: 0.8rem 0;
  }
  .accord-txtblock {
    padding-top: 0;
  }
  span.amt-main {
    font-size: 2rem;
  }

  .no-pad {
    padding: 0;
  }

  .arogyaplan-wrap h1 {
    background: #fff;
    margin: 0;
    padding: 2rem 1.5rem 0;
    color: #282828;
    font-size: 2rem;
  }

  .plan-block-wrap {
    padding: 1rem 1.5rem 2rem;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-top: 0;
  }

  .arogyadetail:before {
    content: "";
    background: #004a80;
    width: 100%;
    height: 1px;
    display: inline-block;
    position: absolute;
    left: -15px;
    right: 0;
    top: 30px;
  }

  .arogyadetail:after {
    content: "";
    background: #004a80;
    width: 100%;
    height: 1px;
    display: inline-block;
    position: absolute;
    right: -15px;
    top: 3rem;
  }

  .arogyaplan-wrap .policyMonths .policyTab {
    margin-bottom: 1rem;
  }
  .policyMonths {
    display: none;
  }

  #congr-popup .popup.light {
    width: 100%;
    margin: 0;
    border-radius: 0;
  }

  .per-block {
    position: relative;
    padding: 6rem 2rem 3rem;
  }

  .per-block:before {
    position: relative;
    top: 0;
  }

  section h1 {
    font-size: 2.5rem;
  }

  .verify-form-block .input-block {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 2rem;
  }
  .verify-form-block .input-block.other-details {
    width: 100%;
    margin-bottom: 2rem;
    float: none;
  }
  .name-block,
  .policy-block {
    display: inline-block;
    float: left;
    padding-right: 2rem;
    position: relative;
    padding-left: 0.1rem;
    width: 100% !important;
  }
  .policy-block:before {
    display: none;
  }
  .per-details {
    font-size: 17px;
    font-weight: 500;
    padding: 20px 0px;
  }
  .covers-benf-wrap .policy-number {
    padding-top: 25px;
  }
  .choice-radio-block .radioButtons {
    margin-left: 0;
  }

  /*.plan-block-wrap{
    background:#00305b;
    padding:0;
}*/
  .verify-btn {
    padding: 1rem 0;
    position: fixed;
    bottom: 0;
    background: #fff;
    box-shadow: 2px 3px 12px 1px rgba(0, 0, 0, 0.16);
    left: 0;
    right: 0;
  }

  .verify-btn a {
    padding: 1.6rem 3rem;
    font-size: 1.5rem;
    display: block;
    text-align: center;
    margin: 0 1rem;
  }

  ul.plan-list li {
    width: 100%;
    float: none;
    margin-right: 0;
  }

  .close-slide {
    right: 1rem;
    top: 1rem;
  }

  .verify-form-block .input-block.no-mar {
    margin: 0;
    margin-bottom: 2rem;
  }

  .list-plan-wrap {
    width: 100%;
    padding-right: 0;
  }

  .pay-year {
    width: 42%;
    text-align: left;
  }

  .plan-block {
    padding: 2rem 1rem;
  }

  .cover {
    width: 35%;
  }

  /*span.les-amt{
    float: right;
}*/
  .plan-block.active:after {
    display: none;
  }

  a.btn-white {
    color: #fff !important;
    background: #004a80;
    border: none;
  }

  .white-shadow:before,
  .white-shadow:after {
    display: none;
  }

  .btn-white:hover {
    background: #004a80;
  }

  .pay-year-band.bg-white {
    background: #fff;
  }

  .payamount-block {
    display: none;
  }

  .btn-wrapper {
    display: block;
    float: none;
  }

  .btn-wrapper a.btn-primary {
    display: block;
    text-align: center;
    padding: 1.6rem 3rem;
  }

  a.benf-mob {
    display: inline-block;
    font-size: 1.2rem;
    float: right;
    padding: 1rem 1rem;
    border-left: 1px solid #cbcdce;
    letter-spacing: 0;
    position: relative;
    color: #282828;
    font-weight: 600;
  }

  a.benf-mob:after {
    content: "";
    position: absolute;
    top: 14px;
    right: 0;
    border: solid #282828;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    vertical-align: top;
    transform: rotate(-46deg);
    -webkit-transform: rotate(-46deg);
    transition: 0.6s;
  }

  .plan-block.active a.benf-mob {
    color: #fff;
    border-color: rgba(40, 40, 40, 0.39);
  }

  .plan-block.active a.benf-mob:after {
    border-color: #fff;
  }
  .covers-benf-wrap h4 {
    display: inline-block;
  }

  .close-block {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 3rem;
    height: 3rem;
    z-index: 2;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: block;
  }

  .close-block:after,
  .close-block:before {
    position: absolute;
    left: 1.5rem;
    content: " ";
    height: 3rem;
    width: 0.1rem;
    background-color: #333;
  }

  .close-block:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .close-block:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .policyMonths a.btn-duration {
    margin-bottom: 1rem;
  }

  .bg-blue.newUpdate {
    min-height: auto;
    padding-bottom: 0;
  }
  .verify-form-block .choice-radio-block.other-details .radio input {
    position: relative;
}
.popup.light { border-radius: 0; }
.popup {
    width: 90% !important;
}
}

@media (max-width: 520px) {
  .arogyaplan-wrap .sum-insured-block .custom-dropdown .vs__selected {
      font-size: 2rem;
  } 
  .verify-form-block .proposer .choice-radio-block {
    top: 16px;
    left: -8px;
}
   
  p.per-details.mobile { font-size: 1.4rem; }
}
@media (max-width: 480px) {

  /*.break-up {
        max-width: 75%
    }*/

  section h1 {
    font-size: 2rem;
  }
  .choice-radio-block .radioButtons {
    width: 180px;
}
#PEDpopup .choice-radio-block .radioButtons .radio {
    width: 37px;
}


@media (max-width: 375px) {
 .covers-benf-wrap .policy-number {
    padding-top: 25px;
    font-size: 1.5rem;
}
}
@media (max-width: 320px) {
p.per-details.mobile, .covers-benf-wrap .policy-number {
    font-size: 1.3rem;
}
}
@media screen and (max-width: 1360px) {

  .boxed {
    margin-bottom: 1rem;
  }
  .policyMonths {
    width: 100%;
    padding-top: 1rem;
  }
 
}
