/* Responsiveness */

@media only screen and (min-width:350px) and (max-width: 650px) and (orientation : portrait){
    .RSLogo{
        width: 45vw;
        margin-top: 2vw;
    }

    .purplebar{
        margin-top: 6vw;
        height: 7vw;
        width: 330px;
    }
	
	 .halfbar{
		height: 3.5vw;
	 }

    .header {
        margin-top: 1.5vw;
        font-size: 3vw;
    }

    #msform fieldset .form-card{
        margin-top: -7.2vw;
    }

    .fs-title {
        font-size: 3.4vw;
        text-align: justify;
        line-height: 5.5vw;
    }

    .denoteCls {
        font-size: 14px;
    }

    .elementDiv {
        width: 85vw;
    }

    .panLabel {
        margin-top: 3vw;
        font-size: 3.5vw;
        width: 45.5vw;
    }

    .panText{
        margin-top: 3vw;
        width: 36.3vw;
        font-size: 3.5vw;
        padding-top: 0.6vw;
        margin-left: -1.6vw;
    }

    .userLabel {
        margin-top: 3vw;
        font-size: 3.5vw;
        width: 45.5vw;
    }

    .userText{
        margin-top: 3vw;
        width: 36.3vw;
        font-size: 3.5vw;
        padding-top: 0.6vw;
        margin-left: -1.6vw;
    }

    .dobLabel{
        width: 45.5vw;
        font-size: 3.3vw;
        width: 45.5vw;
    }

    .dobText{
        margin-top: 3vw;
        width: 36.3vw;
        font-size: 3.5vw;
        padding-top: 0.6vw;
        margin-left: -1.6vw;
        height: 7vw;
    }

    #msform .action-button {
        width: 92px;
    }

    .guideTitleCls {
        font-size: 4.2vw;
    }

    #msform fieldset .noteCls{
        font-size: 13px;
        line-height: 5.5vw;
        text-align: justify;
    }
    
    .secCls {
        margin-right: 27vw;
    }

    .h5linkCls {
        margin-left: 0vw;
        margin-top: -7vw;
    }

    .h5valCls {
        font-size: 3.3vw;
    }

    .forgotCls {
        margin-top: -5vw;
    }

    .pwdSubmitCls {
        margin-left: 32vw!important;
    }

    .specialCls{
        width: 66vw;
    }
}

@media only screen and (min-width:400px) and (max-width: 800px) and (orientation : portrait){
    .purplebar{
        width: 363px;
    }
}

@media only screen and (min-width:300px) and (max-width: 349px) and (orientation : portrait){
    .purplebar {
        width: 286px;
        margin-top: 6vw;
        height: 7vw;
    }
	
	.halfbar{
		height: 3.5vw;
	 }

    .guideTitleCls {
        font-size: 3.4vw;
    }

    #msform fieldset .noteCls{
        font-size: 3.2vw;
        line-height: 5.5vw;
        text-align: justify;
    }
    
    .secCls {
        margin-right: 30vw;
        font-size: 3vw;
    }


    #msform .action-button-previous {
        width: 86px;
        font-size: 4vw;
    }

    #msform .action-button {
        width: 86px;
        font-size: 4vw;
    }

    .RSLogo{
        width: 45vw;
        margin-top: 2vw;
    }

    .header {
        margin-top: 1.5vw;
        font-size: 3vw;
    }

    #msform fieldset .form-card{
        margin-top: -11.2vw;
    }

    .fs-title {
        font-size: 3.4vw;
        text-align: justify;
        line-height: 5.5vw;
    }

    .denoteCls {
        font-size: 14px;
    }

    .elementDiv {
        width: 85vw;
    }

    .panLabel {
        margin-top: 3vw;
        font-size: 3.5vw;
        width: 45.5vw;
    }

    .panText{
        margin-top: 3vw;
        width: 36.3vw;
        font-size: 3.5vw;
        padding-top: 0.6vw;
        margin-left: -1.6vw;
    }

    .userLabel {
        margin-top: 3vw;
        font-size: 3.5vw;
        width: 45.5vw;
    }

    .userText{
        margin-top: 3vw;
        width: 36.3vw;
        font-size: 3.5vw;
        padding-top: 0.6vw;
        margin-left: -1.6vw;
    }

    .dobLabel{
        width: 45.5vw;
        font-size: 3.3vw;
        width: 45.5vw;
    }

    .dobText{
        margin-top: 3vw;
        width: 36.3vw;
        font-size: 3.3vw;
        padding-top: 0.6vw;
        margin-left: -1.6vw;
        height: 7vw;
    }

    .h5linkCls {
        margin-left: 0vw;
        margin-top: -7vw;
    }

    .h5valCls {
        font-size: 3.3vw;
    }

    .denoteCls {
        font-size: 12px;
    }

    .specialCls{
        width: 62vw;
    }

    .pwdSubmitCls {
        margin-left: 30vw!important;
    }

}

@media only screen and (min-width:750px) and (orientation : portrait){
    .RSLogo {
        width: 32vw;
        margin-top: 2vw;
    }
    
    .purplebar {
        width: 91vw;
        padding-right: 60px;
        padding-left: 60px;
        margin-top: 3vw;
        height: 5vw;
    }
	
	.halfbar{
		height: 2.5vw;
	 }

    .header {
        font-size: 2.8vw;
        margin-left: -4vw;
    }

    #msform fieldset .form-card {
        margin-top: -2.2vw;
    }

    .fs-title {
        font-size: 2.4vw;
        line-height: 3.8vw;
        margin-top: 4vw;
        margin-bottom: 1.5vw;
    }

    .denoteCls {
        margin-top: 3vw;
        font-size: 26px;
    }

    .elementDiv {
        width: 61vw;
    }

    .panLabel {
        width: 31vw;
        padding-top: 1.5vw;
        font-size: 2.3vw;
        margin-left: 3vw;
        margin-top: 2vw;
    }

    .panText {
        width: 24vw;
        padding-top: 1.5vw;
        font-size: 2.3vw;
    }

    .userLabel {
        width: 31vw;
        padding-top: 1.5vw;
        font-size: 2.3vw;
        margin-left: 3vw;
        margin-top: 2vw;
    }

    .userText {
        width: 24vw;
        padding-top: 1.5vw;
        font-size: 2.3vw;
    }

    .dobLabel {
        width: 31vw;
        padding-top: 1.5vw;
        font-size: 2.3vw;
        margin-left: 3vw;
        margin-top: 2vw;
    }
    
    .dobText {
        width: 24vw;
        padding-top: 1.5vw;
        font-size: 2.3vw;
        height: 5.8vw;
        margin-left: -0.6vw;
    }

    #msform .action-button {
        width: 180px;
        font-size: 2.6vw;
        height: 7vw;
    }

    #msform .action-button-previous{
        width: 180px;
        font-size: 2.6vw; 
        height: 7vw;
    }

    .secCls {
        margin-right: 21vw;
        font-size: 2.3vw;
    }

    .guideTitleCls {
        font-size: 2.5vw;
    }

    #msform fieldset .noteCls {
        font-size: 2.3vw;
    }

    .msgCls {
        font-size: 2.8vw;
    }

    .h5valCls {
        font-size: 2.4vw;
    }

    .pwdSubmitCls {
        margin-left: 30vw!important;
    }
}

@media only screen and (min-width:540px) and (max-width:720px) and (orientation : portrait){
    .purplebar {
        width: 508px;
    }

    .fs-title {
        font-size: 3vw;
        line-height:4vw;
    }

    #msform fieldset .form-card {
        margin-top: -4.2vw;
    }

    .denoteCls {
        font-size: 18px;
        margin-top: 3vw;
    }

    #msform .action-button {
        width: 120px;
        font-size: 3vw;
    }

    #msform .action-button-previous {
        width: 120px;
        font-size: 3vw;
    }

    .guideTitleCls {
        font-size: 3vw;
    }

    #msform fieldset .noteCls {
        font-size: 2.8vw;
        line-height: 4.5vw;
    }
}

@media only screen and (min-width:280px) and (max-width:300px) and (orientation : portrait){
    .RSLogo {
        width: 55vw;
    }

    .purplebar {
        width: 90vw;
        margin-top: 5vw;
        height: 8vw;
    }
	
	.halfbar{
		height: 2.5vw;
	 }

    .header {
        font-size: 4vw;
        margin-top: 0.8vw;
    }

    #msform fieldset .form-card {
        margin-top: -13.2vw;
    }

    .fs-title {
        font-size: 4vw;
        line-height: 5.3vw;
    }

    .denoteCls {
        font-size: 13px;
    }
    
    .elementDiv {
        width: 78vw;
    }

    .panLabel {
        width: 33.5vw;
        margin-top: 5vw;
        font-size:3.8vw;
    }

    .panText {
        width: 41.5vw;
        margin-top: 5vw;
        font-size:3.8vw;
        margin-left: -2vw;
    }

    .userLabel {
        width: 33.5vw;
        margin-top: 5vw;
        font-size:3.8vw;
    }

    .userText {
        width: 41.5vw;
        margin-top: 5vw;
        font-size:3.8vw;
        margin-left: -2vw;
    }

    .dobLabel {
        width: 33.5vw;
        font-size:2.8vw;
    }

    .dobText {
        width: 41.5vw;
        font-size:3.8vw;
        margin-left: -2vw;
        height: 10vw;
        padding-top: 3.5vw;
    }

    #msform .action-button {
        width: 99px;
    }

    .guideTitleCls {
        font-size: 4.5vw;
    }

    #msform fieldset .noteCls {
        font-size: 3.4vw;
    }

    ul.ulCls {
        margin-left: -11vw;
    }

    .secCls {
        margin-right: 39vw;
        font-size: 3.5vw;
    }

    .oneTimeCls {
        font-size: 3vw;
        padding-bottom: 1.2vw;
    }
    
    .oneCls{
        width: 41.5vw;
        margin-top: 5vw;
        font-size: 6.8vw;
        margin-left: -2vw;
        padding-bottom: 0vw;
    }

    .oneForCls{
        width: 39.5vw;
        margin-top: 5vw;
        font-size: 3vw;
        margin-left: -2vw;
        padding-bottom: 1.2vw;
    }

    .h5linkCls {
        margin-left: 7vw;
        margin-top: -13vw;
    }

    .h5valCls {
        font-size: 3.7vw;
    }

    .forgotCls{
        margin-left: 3vw;
        margin-top: -7vw;
    }

    .specialCls{
        width: 58vw;
    }

    .pwdSubmitCls {
        margin-left: 21vw!important;
    }

    .pwdCls {
        font-size: 3vw;
        padding-bottom: 1.2vw;
    }

    .confCls{
        width: 41.5vw;
        margin-top: 8vw;
        font-size: 6.8vw;
        margin-left: -2vw;
        padding-bottom: 0vw;
    }
}

@media (min-height: 360px)  and (max-width: 815px) and (orientation : landscape){
    .RSLogo {
        width: 26vw;
    }

    .purplebar {
        width: 95vw;
        height: 5vw;
        margin-top: 2vw;
    }
	
	.halfbar{
		height: 2.5vw;
	 }

    .header {
        font-size: 2vw;
    }

    .fs-title {
        line-height: 2.8vw;
        font-size: 14px;
        margin-top: -2vw;
    }

    .denoteCls {
        font-size: 14px;
    }

    .elementDiv {
        width: 68vw;
    }

    .panLabel{
        width: 27vw;
        font-size: 2vw;
        margin-top: 3vw;
        margin-left: 7vw;
    }

    .panText {
        margin-top: 3vw;
        font-size: 2vw;
        width: 27vw;
    }

    .userLabel{
        width: 27vw;
        font-size: 2vw;
        margin-top: 3vw;
        margin-left: 7vw;
    }

    .userText {
        margin-top: 3vw;
        font-size: 2vw;
        width: 27vw;
    }

    .dobLabel {
        margin-left: 7vw;
        font-size: 2vw;
        width: 27vw;
    }

    .dobText {
        width: 27vw;
        margin-left: -0.85vw;
        padding-top: 0.5vw;
        font-size: 2vw;
        height: 4.3vw;
    }

    .guideTitleCls {
        font-size: 2.2vw;
    }

    #msform fieldset .noteCls {
        font-size: 2vw;
    }

    .h5valCls {
        font-size: 2vw;
    }

    .secCls {
        margin-right: 17vw;
    }
}

@media (min-height: 410px)  and (max-width: 830px) and (orientation : landscape){
    .RSLogo {
        width: 26vw;
    }

    .purplebar {
        width: 95vw;
        height: 5vw;
        margin-top: 2vw;
    }
	
	.halfbar{
		height: 2.5vw;
	 }

    .header {
        font-size: 2vw;
    }

    .fs-title {
        line-height: 2.8vw;
        font-size: 14px;
        margin-top: -2vw;
    }

    .denoteCls {
        font-size: 14px;
    }

    .elementDiv {
        width: 68vw;
    }

    .panLabel{
        width: 27vw;
        font-size: 2vw;
        margin-top: 3vw;
        margin-left: 7vw;
    }

    .panText {
        margin-top: 3vw;
        font-size: 2vw;
        width: 27vw;
    }

    .userLabel{
        width: 27vw;
        font-size: 2vw;
        margin-top: 3vw;
        margin-left: 7vw;
    }

    .userText {
        margin-top: 3vw;
        font-size: 2vw;
        width: 27vw;
    }

    .dobLabel {
        margin-left: 7vw;
        font-size: 2vw;
        width: 27vw;
    }

    .dobText {
        width: 27vw;
        margin-left: -0.85vw;
        padding-top: 0.5vw;
        font-size: 2vw;
        height: 4.3vw;
    }

    .guideTitleCls {
        font-size: 2.2vw;
    }

    #msform fieldset .noteCls {
        font-size: 2vw;
    }

    .h5valCls {
        font-size: 2vw;
    }

    .secCls {
        margin-right: 17vw;
    }
}

@media (min-height: 280px)  and (max-width: 660px) and (orientation : landscape){
    .RSLogo {
        width: 26vw;
    }

    .purplebar {
        width: 95vw;
        height: 5vw;
        margin-top: 2vw;
    }
	
	.halfbar{
		height: 2.5vw;
	 }

    .header {
        font-size: 2vw;
    }

    .fs-title {
        line-height: 2.8vw;
        font-size: 13px;
        margin-top: -2vw;
    }

    .denoteCls {
        font-size: 12px;
    }

    .elementDiv {
        width: 68vw;
    }

    .panLabel{
        width: 27vw;
        font-size: 2vw;
        margin-top: 3vw;
        margin-left: 7vw;
    }

    .panText {
        margin-top: 3vw;
        font-size: 2vw;
        width: 27vw;
    }

    .userLabel{
        width: 27vw;
        font-size: 2vw;
        margin-top: 3vw;
        margin-left: 7vw;
    }

    .userText {
        margin-top: 3vw;
        font-size: 2vw;
        width: 27vw;
    }

    .dobLabel {
        margin-left: 7vw;
        font-size: 2vw;
        width: 27vw;
    }

    .dobText {
        width: 27vw;
        margin-left: -0.85vw;
        padding-top: 0.5vw;
        font-size: 2vw;
        height: 4.3vw;
    }

    .guideTitleCls {
        font-size: 2.5vw;
    }

    #msform fieldset .noteCls {
        font-size: 2vw;
    }

    .h5valCls {
        font-size: 2vw;
    }

    .secCls {
        margin-right: 17vw;
    }
}