@media (max-width:360px){
  .form-holder-dob .form-control{width:31.8%;}
  .wrapper {padding: 20px 10px 20px;}
  .valuerighttext .form-control{width:80%;float: left;}
  .valueright.valuerighttext span{float:left;width: 18%;line-height: 40px;}
  .leftlabel{width:21%;font-size: 12px;}
  .valueright{width:76%;margin-left: 3%;}
  .sectionborder .form-holder.w-100{float: left;}
  .step3 .leftlabel{width:22%;}
  .step3 .valueright{width:75%;line-height: 26px;}
  .sectionbreakevent{width:100%;}
  .canvasjs-chart-canvas{width:100% !important;height: auto !important;top: 15px;}
  .sectionbreakevent strong{font-size: 15px;}
  .sectionannualbalance strong{font-size: 13px;}
  .sectionannualbalance{height: 42px;}
  .sectionannualbalance p{line-height: 17px;}
  #example-tabs h3{font-size: 14px;font-weight: normal;margin-bottom: 10px;}
  .slider{width: 80%;}
  .slidecontainer{bottom: 406px;}
}


@media (min-width:361px) and (max-width:480px){
  .form-holder-dob .form-control{width:32%;}
  .wrapper {padding: 20px 20px 20px;}
  .valuerighttext .form-control{width:80%;float: left;}
  .valueright.valuerighttext span{float:left;width: 15%;line-height: 40px;}
  .leftlabel{width:20%;font-size: 12px;}
  .valueright{width:80%;}
  .sectionborder .form-holder.w-100{float: left;}
  .step3 .valueright{width:75%;line-height: 24px;}
  .sectionbreakevent{width:100%;}
  .canvasjs-chart-canvas{width:100% !important;height: auto !important;top: 15px;}
  .sectionbreakevent strong{font-size: 18px;}
  .sectionannualbalance strong{font-size: 15px;}
  .sectionannualbalance{height: 56px;}
  #example-tabs h3{font-size: 14px;font-weight: normal;margin-bottom: 10px;}
  .slider{width: 80%;}
  .slidecontainer{bottom: 405px;}
}

@media (min-width:481px) and (max-width:640px){
  .form-holder-dob .form-control{width:32%;}
  .wrapper {padding: 20px 20px 20px;}
  .valuerighttext .form-control{width:80%;float: left;}
  .valueright.valuerighttext span{float:left;width: 15%;line-height: 40px;}
  .leftlabel{width:20%;}
  .valueright{width:80%;}
  .sectionborder .form-holder.w-100{float: left;}
  .sectionbreakevent:nth-child(2){margin: 0 2%;}
  .sectionbreakevent{width:32%;}
  .sectionbreakevent strong{font-size: 18px;}
  .sectionannualbalance strong{font-size: 15px;}
  .sectionannualbalance{height: 56px;}
  #example-tabs h3{font-size: 14px;font-weight: normal;margin-bottom: 10px;}
  .slider{width: 83%;}
  .slidecontainer{bottom: 405px;}
  .canvasjs-chart-canvas{top: 15px;}
}

@media (min-width:641px) and (max-width:787px){
  .form-holder-dob .form-control{width:32.3%;}
  .wrapper {padding: 20px 20px 20px;}
  .valuerighttext .form-control{width:90%;}
  .valueright.valuerighttext span{}
  .leftlabel{width:20%;}
  .valueright{width:80%;}
  .sectionborder .form-holder.w-100{float: left;}
  .sectionbreakevent:nth-child(2){margin: 0 2%;}
  .sectionbreakevent{width:32%;}
  .sectionbreakevent strong{font-size: 20px;}
  .sectionannualbalance strong{font-size: 20px;}
  .sectionannualbalance{height: 56px;}
  #example-tabs h3{font-size: 14px;font-weight: normal;margin-bottom: 10px;}
  .slider{width: 85%;}
  .slidecontainer{bottom: 406px;}
  .canvasjs-chart-canvas{top: 15px;}
}

@media (min-width:788px) and (max-width:990px){
  .form-holder-dob .form-control{width:32%;}
  .wrapper {padding: 20px 20px 20px;}
  .valuerighttext .form-control{width:90%;}
  .valueright.valuerighttext span{}
  .leftlabel{width:20%;}
  .valueright{width:80%;}
  .sectionbreakevent:nth-child(2){margin: 0 2%;}
  .sectionbreakevent{width:32%;}
  .sectionbreakevent strong{font-size: 20px;}
  .sectionannualbalance strong{font-size: 20px;}
  .sectionannualbalance{height: 56px;}
  #example-tabs h3{font-size: 14px;font-weight: normal;margin-bottom: 10px;}
  .slider{width: 87%;}
  .slidecontainer{bottom: 408px;}
  .canvasjs-chart-canvas{top: 15px;}
  }

@media (min-width:991px) and (max-width:1024px){
  .form-holder-dob .form-control{width:32%;}
  .wrapper {padding: 20px 90px 20px;}
  .valuerighttext .form-control{width:88%;float: left;}
  .valueright.valuerighttext span{float: left;line-height: 41px;}
  .leftlabel{width:20%;}
  .valueright{width:80%;}
  .sectionbreakevent:nth-child(2){margin-left: 1%;}
  .sectionbreakevent{width:49%;}
  .sectionbreakevent strong{font-size: 20px;}
  .sectionannualbalance strong{font-size: 20px;}
  .sectionannualbalance{height: 56px;}
  .slider{width: 83%;}
  .slidecontainer{bottom: 335px;}
  .canvasjs-chart-canvas{top: 15px;}
  
}

@media (min-width:1025px) and (max-width:1200px){
  .form-holder-dob .form-control{width:32.3%;}
  .wrapper {padding: 20px 90px 20px;}
  .valuerighttext .form-control{width:90%;}
  .leftlabel{width:20%;}
  .valueright{width:80%;}
  .sectionbreakevent:nth-child(2){margin: 0 2%;}
  .sectionbreakevent{width:32%;}
  .sectionbreakevent strong{font-size: 20px;}
  .sectionannualbalance strong{font-size: 20px;}
  .sectionannualbalance{height: 56px;}
  .wrapper{position: absolute;top:5%;}
  .slider{width: 83%;}
  .slidecontainer{bottom: 335px;}
  .canvasjs-chart-canvas{top: 15px;}
}

@media (min-width:1201px){
  .form-holder-dob .form-control{width:32.3%;}
  .wrapper {padding: 20px 90px 20px;}
  .valuerighttext .form-control{width:90%;}
  .leftlabel{width:20%;}
  .valueright{width:80%;}
  .sectionbreakevent:nth-child(2){margin: 0 2%;}
  .sectionbreakevent{width:32%;}
  .sectionbreakevent strong{font-size: 20px;}
  .sectionannualbalance strong{font-size: 20px;}
  .sectionannualbalance{height: 56px;}
  .wrapper{position: absolute;top:5%;}
}