@media only screen and (device-width: 360px) {
  /* For general iPad layouts */
    header {
        height: 145%;
    }
    #agent .submit{
        font-size: 18px;
        height: 50px;
        margin-top: 15px;
    }
    #agent .submit:hover{
        font-size: 18px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #member-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
    #agent{
        height: 165%;
    }
    .img-responsive{
        margin-top: 30px;
    }
    #product-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #product-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
    .tableWidth{
        width: 314px;
        margin-left:0px;
    }
    .tbl_head{
        font-size: 11px;
    }
    .cherry_bold_16px{
        font-size: 11px;
    }
    .blue_16px{
        font-size: 11px;
    }
    .white-tooltip + .tooltip > .tooltip-inner{
        margin-left:20px;
    }
    .tooltip-inner{
        padding: 3px 3px;
    }
    .bs-wizard > .bs-wizard-step .bs-wizard-stepnum{
        font-size: 9px;
    }
    .bs-wizard > .bs-wizard-step > .progress{
        height: 6px;
        margin: 10px 0;
    }
    .bs-wizard > .bs-wizard-step > .bs-wizard-dot{
        width: 20px;
        height: 20px;
        top: 30px;
    }
    .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
        width: 8px;
        height: 8px;
        top: 6px;
        left: 6px;
    }
    .liwidth{
        width: 100% !important;
    }
	.planName{
		padding: 10px 10px 12px;
	}
	.planNameMember{
		padding: 10px 10px 10px !important;
	}
	.chkHeight{
		min-height: 50px !important;
	}
}

@media only screen and (device-width: 320px) {
  /* For general iPad layouts */
  header{
        height: 176%;
    }
    #agent .submit{
        font-size: 16px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit{
        font-size: 16px;
        height: 50px;
    }
    #agent .submit:hover{
        font-size: 16px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit:hover{
        font-size: 16px;
        height: 50px;
    }
    #agent{
        height: 185%;
    }
    .img-responsive{
        margin-top: 30px;
    }
    #product-section .submit{
        font-size: 16px;
        height: 50px;
    }
    #product-section .submit:hover{
        font-size: 16px;
        height: 50px;
    }
    .tableWidth{
        width: 264px;
        margin-left:0px;
    }
    .tbl_head{
        font-size: 11px;
    }
    .cherry_bold_16px{
        font-size: 11px;
    }
    .blue_16px{
        font-size: 11px;
    }
    .white-tooltip + .tooltip > .tooltip-inner{
        margin-left:25px;
    }
    .tooltip-inner{
        padding: 3px 3px;
    }
    .bs-wizard > .bs-wizard-step .bs-wizard-stepnum{
       font-size: 9px;
    }
    .bs-wizard > .bs-wizard-step > .progress{
        height: 6px;
        margin: 10px 0;
    }
    .bs-wizard > .bs-wizard-step > .bs-wizard-dot{
        width: 20px;
        height: 20px;
        top: 30px;
    }
    .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
        width: 8px;
        height: 8px;
        top: 6px;
        left: 6px;
    }
	.liwidth{
		width: 100%;
	}
	.planName{
		padding: 10px 10px 12px;
		font-size: 16px !important;
	}
	.planNameMember{
		padding: 10px 10px 10px !important;
	}
	.chkHeight{
		min-height: 50px !important;
	}
}

@media only screen and (device-width: 375px) {
  /* For general iPad layouts */
  header{
      height: 139%;
    }
    #agent .submit{
        font-size: 18px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #agent .submit:hover{
        font-size: 18px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
    #agent{
        height: 155%;
    }
    .img-responsive{
        margin-top: 30px;
    }
    #product-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #product-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
    .tableWidth{
        width: 319px;
        margin-left:0px;
    }
    .tbl_head{
        font-size: 11px;
    }
    .cherry_bold_16px{
        font-size: 11px;
    }
    .blue_16px{
        font-size: 11px;
    }
    .white-tooltip + .tooltip > .tooltip-inner{
        margin-left:25px;
    }
    .tooltip-inner{
        padding: 3px 3px;
    }
    .bs-wizard > .bs-wizard-step .bs-wizard-stepnum{
       font-size: 9px;
    }
    .bs-wizard > .bs-wizard-step > .progress{
        height: 6px;
        margin: 10px 0;
    }
    .bs-wizard > .bs-wizard-step > .bs-wizard-dot{
        width: 20px;
        height: 20px;
        top: 30px;
    }
    .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
        width: 8px;
        height: 8px;
        top: 6px;
        left: 6px;
    }
	.liwidth{
		width: 100%;
	}
	.planName{
		padding: 10px 10px 12px;
		
	}
	.planNameMember{
		padding: 10px 10px 10px !important;
	}
	.chkHeight{
		min-height: 40px !important;
	}
}

@media only screen and (device-width: 411px) {
  /* For general iPad layouts */
    header{
        height: 122%;
    }
    #agent .submit{
        font-size: 18px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #agent .submit:hover{
        font-size: 18px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
    #agent{
        height: 152%;
    }
    .img-responsive{
        margin-top: 30px;
    }
    #product-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #product-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
    #product-section .tableWidth{
        width: 310px !important;
        margin-left:14px;
    }
    #product-section .tbl_head{
        font-size: 11px;
    }
    #product-section .cherry_bold_16px{
        font-size: 11px;
    }
    #product-section .blue_16px{
        font-size: 11px;
    }
	.planName{
		padding: 10px 10px 12px;
	}
	.planNameMember{
		padding: 10px 10px 10px !important;
	}
}
@media only screen and (device-width: 412px) {
    #product-section .tableWidth{
        width: 360px !important;
    }
    #product-section .tbl_head{
        font-size: 12px;
    }
    #product-section .cherry_bold_16px{
        font-size: 12px;
    }
    #product-section .blue_16px{
        font-size: 12px;
    }
    .white-tooltip + .tooltip > .tooltip-inner{
        margin-left:20px;
    }
    .tooltip-inner{
        padding: 3px 3px;
    }
    .bs-wizard > .bs-wizard-step .bs-wizard-stepnum{
        font-size: 9px;
    }
    .bs-wizard > .bs-wizard-step > .progress{
        height: 6px;
        margin: 10px 0;
    }
    .bs-wizard > .bs-wizard-step > .bs-wizard-dot{
        width: 20px;
        height: 20px;
        top: 30px;
    }
    .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
        width: 8px;
        height: 8px;
        top: 6px;
        left: 6px;
    }
    .liwidth{
        width: 100%;
    }
	.planName{
		padding: 10px 10px 12px;
	}
	.planNameMember{
		padding: 10px 10px 10px !important;
	}
	.chkHeight{
		min-height: 40px !important;
	}
}

@media only screen and (device-width: 414px) {
  /* For general iPad layouts */
  header{
        height: 110%;
    }
    #agent .submit{
        font-size: 18px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #agent .submit:hover{
        font-size: 18px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
    #agent{
        height: 138%;
    }
    .img-responsive{
        margin-top: 30px;
    }
    #product-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #product-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
    .tableWidth{
        width: 356px;
        margin-left:0px;
    }
    .tbl_head{
        font-size: 11px;
    }
    .cherry_bold_16px{
        font-size: 11px;
    }
    .blue_16px{
        font-size: 11px;
    }
    .white-tooltip + .tooltip > .tooltip-inner{
       margin-left:25px;
    }
    .tooltip-inner{
        padding: 3px 3px;
    }
    .bs-wizard > .bs-wizard-step .bs-wizard-stepnum{
       font-size: 9px;
    }
    .bs-wizard > .bs-wizard-step > .progress{
        height: 6px;
        margin: 10px 0;
    }
    .bs-wizard > .bs-wizard-step > .bs-wizard-dot{
        width: 20px;
        height: 20px;
        top: 30px;
    }
    .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
        width: 8px;
        height: 8px;
        top: 6px;
        left: 6px;
    }
	.liwidth{
		width: 100%;
	}
	.planName{
		padding: 10px 10px 12px;
	}
	.planNameMember{
		padding: 10px 10px 10px !important;
	}
	.chkHeight{
		min-height: 40px !important;
	}
}

@media only screen and (device-width: 435px) {
  /* For general iPad layouts */
    #agent .submit{
        font-size: 18px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #agent .submit:hover{
        font-size: 18px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
    #agent{
        height: 127%;
    }
    .img-responsive{
        margin-top: 30px;
    }
    #product-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #product-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
	.planName{
		padding: 10px 10px 12px;
	}
	.planNameMember{
		padding: 10px 10px 10px !important;
	}
}

@media only screen and (device-width: 568px) {
  /* For general iPad layouts */
  header{
        height: 223%;
    }
    #agent .submit{
        font-size: 18px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #agent .submit:hover{
        font-size: 18px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
    #agent{
        height: 285%;
    }
    .img-responsive{
        margin-top: 30px;
    }
    #product-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #product-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
	.liwidth{
		width: 100%;
	}
	.planName{
		padding: 10px 10px 12px;
	}
	.planNameMember{
		padding: 10px 10px 10px !important;
	}
}

@media only screen and (device-width: 640px) {
  /* For general iPad layouts */
  header{
        height: 195%;
    }
    #agent .submit{
        font-size: 22px;
        height: 60px;
        margin-top: 15px;
    }
    #member-section .submit{
        font-size: 22px;
        height: 60px;
    }
    #agent .submit:hover{
        font-size: 22px;
        height: 60px;
        margin-top: 15px;
    }
    #member-section .submit:hover{
        font-size: 22px;
        height: 60px;
    }
    #agent{
        height: 258%;
    }
    .img-responsive{
        margin-top: 30px;
    }
    #product-section .submit{
        font-size: 22px;
        height: 50px;
    }
    #product-section .submit:hover{
        font-size: 22px;
        height: 50px;
    }
    .liwidth{
        width: 100%;
    }
	.planName{
		padding: 10px 10px 12px;
	}
	.planNameMember{
		padding: 10px 10px 10px !important;
	}
}

@media only screen and (device-width: 667px) {
  /* For general iPad layouts */
  header{
        height: 178%;
    }
    #agent .submit{
        font-size: 17px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #agent .submit:hover{
        font-size: 18px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
    #agent{
        height: 244%;
    }
    .img-responsive{
        margin-top: 30px;
    }
    #product-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #product-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
	.liwidth{
		width: 100%;
	}
	.planName{
		padding: 10px 10px 12px;
	}
	.planNameMember{
		padding: 10px 10px 10px !important;
	}
}

@media only screen and (device-width: 732px) {
	.liwidth{
		width: 100%;
	}
	.planName{
		padding: 10px 10px 12px;
	}
	.planNameMember{
		padding: 10px 10px 10px !important;
	}
	
}

@media only screen and (device-width: 736px) {
  /* For general iPad layouts */
  header{
        height: 142%;
    }
    #agent .submit{
        font-size: 18px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #agent .submit:hover{
        font-size: 18px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
    #agent{
        height: 220%;
    }
    .img-responsive{
        margin-top: 30px;
    }
    #product-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #product-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
	.liwidth{
		width: 100%;
	}
	.planName{
		padding: 10px 10px 12px;
	}
	.planNameMember{
		padding: 10px 10px 10px !important;
	}
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  #menu.navbar-default .navbar-nav > li > a{
      font-size: 11px;
  }
  .img-responsive{
        margin-top: 30px;
    }
	.liwidth{
		width: 100%;
	}
	.planName{
		padding: 10px 10px 12px;
	}
	.planNameMember{
		padding: 10px 10px 10px !important;
	}
}

@media only screen and (device-width: 773px) {
  /* For general iPad layouts */
  header{
        height: 137%;
    }
    #agent .submit{
        font-size: 18px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #agent .submit:hover{
        font-size: 18px;
        height: 50px;
        margin-top: 15px;
    }
    #member-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
    #agent{
        height: 213%;
    }
    #menu.navbar-default .navbar-nav > li > a{
        font-size: 11px;
    }
    .img-responsive{
        margin-top: 30px;
    }
    #product-section .submit{
        font-size: 18px;
        height: 50px;
    }
    #product-section .submit:hover{
        font-size: 18px;
        height: 50px;
    }
	.planName{
		padding: 10px 10px 12px;
	}
    
}

@media only screen and (device-width: 1024px) {
  /* For general iPad layouts */
  .add_spouseChild {
    background: #5998c9;
    border-radius: 10px;
    font-size: 13px;
    padding: 3px 6px 6px 6px;
    color: #FFFFFF;
    font-weight: 500;
	}
	.liwidth{
		width: 100%;
	}

}