/* After Login*/
.option-com-redirectonlogin .component-content {
    display: none;
}
li.item250.root {
    display: none;
}
/* Login Form*/

.login {
    width: 50%;
} 
.login-fields {
    padding: 10px;
}
.button {
    padding: 7px;
    width: 20%;
    margin-left: 10px;
}
.component-content {
    border: 2px solid #A19861;
    padding: 20px;
}
.menu-login #rt-main {
    width: 100%;
}
.menu-login #rt-logo {
  width: 200px;
  height: 85px;
}
.menu-login .rt-block {
  padding: 15px;
  margin-bottom: 0px;
  position: relative;
}
.menu-login #jf-bottomsection {
  margin-top: 0px;
}

/* registration Form*/
.inputbox {
    width:100%;
}
#jform_profile_gender {
  width: 100%;
  margin: 10px 75px 16px 0px;
  }
#jform_profile_phone {
    width: 100%;
    margin: 0px 68px 0px 0px;
}
#jform_profile_mobile {
    width: 100%;
    margin: 0px 68px 0px 0px;
}
#jform_profile_dob {
  margin: 0px 51px 0px 0px;
  width: 100%;
}
#jform_profile_country {
    width: 100%;
    margin: 0px 158px 0px 0px;
    padding: 2px;
}
textarea {
    width: 100%;
    margin: 0px 16px 0px 0px;
}
#jform_profile_dateclass {
    margin: 0px 53px 0px 0px;
    width: 100%;
}
#jform_profile_size {
    width: 100%;
    margin: 0px -16px 0px 0px;
}
#jform_profile_memtype {
    width: 100%;
    margin: 0px 150px 0px 0px;
    padding: 1px;
}
.readon {
  margin-bottom: 15px;
}

@media only screen and (min-width:701px) and (max-width:800px) {
.menu-login#rt-main {
    width: 100%;
}
}

@media only screen and (min-width:601px) and (max-width:700px) {
  .menu-login .rt-container .rt-grid-12 {
            width: 100%;
         }
  .login {
           width: 50%;
        }
}

@media only screen and (min-width:531px) and (max-width:600px) {
.menu-login #rt-header {
  width: 100% !important;
  margin-top: -20px;
  height: 21%;
}
.menu-login #rt-header .rt-container {
    background: none !important;
    width: 100% !important;
    height: 42%;
}
.menu-login #jf-bottomsection {
    background-color: #060C17;
    width: 100% !important;
}
.menu-login #rt-main {
    float: none;
    margin-left: 0px;
}
.menu-login .rt-container {
    margin: 0 auto;
    width: 100%;
}
.login {
    width: 100%;
}
.menu-login #rt-logo {
    width: 510px !important;
    height: 63px !important;
    display: block;
    margin-top: 12px;
}
}

@media only screen and (min-width:501px) and (max-width:530px) {
.component-content {
    border: 2px solid #A19861;
    padding: 20px;
}
.button {
    padding: 7px;
    width: 30%;
    margin-left: 10px;
}
.menu-login #rt-logo {
  width: 95% !important;
  height: 92px !important;
  display: block;
  margin-left: 108px !important;
}
}


@media only screen and (min-width:401px) and (max-width:500px) {
.registration fieldset {
    margin: 10px 0 15px 0;
    padding: 5px;
}
#jform_profile_gender {
    width: 100%;
    margin: 0px 114px 0px 0px;
}
#rt-logo {
    width: 100%!important;
    height: 92px !important;
    display: block;
    margin-left: 90px !important;
}
.login {
  width: 100%;
}
}

@media only screen and (min-width:361px) and (max-width:400px) {
/* login form*/

.login {
    width: 100%;
}
.component-content {
    border: 2px solid #A19861;
    padding: 20px;
}
.button {
    padding: 7px;
    width: 30%;
    margin-left: 10px;
}
#jform_profile_phone {
    width: 100%;
    margin: 0px 69px 0px 0px;
}
#jform_profile_mobile {
    width: 100%;
    margin: 0px 69px 0px 0px;
}
.menu-login #rt-header .rt-fusionmenu {
  background: rgba(0,0,0,0.4);
  margin-top: 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
}


@media only screen and (min-width:301px) and (max-width:360px) {
/* login form*/

.login {
    width: 100%;
}
.menu-login .component-content {
  border: 2px solid #A19861;
  padding: 16px;
  margin: 5px;
}
.button {
    padding: 7px;
    width: 30%;
    margin-left: 10px;
}
#jform_profile_phone {
    width: 100%;
    margin: 0px 68px 0px 0px;
}
#jform_profile_mobile {
    width: 100%;
    margin: 0px 68px 0px 0px;
}
.menu-login #rt-header .rt-fusionmenu {
  height: 6% !important;
  margin-top: 5px;
}

/* Registration form*/
  #jform_profile_size {
    width: 100%;
  }
textarea {
    width: 100%;
}
#rt-main .rt-container .rt-block {
    padding: 0 0px !important;
}
#jform_profile_gender {
    width: 100%;
    margin: 0px 76px 0px 0px;
}
#jform_profile_phone {
    width: 100%;
    margin: 0px 71px 0px 0px;
}
#jform_profile_mobile {
    width: 100%;
    margin: 0px 71px 0px 0px;
}
#jform_profile_dob {
    margin: 0px 55px 0px 0px;
    width: 100%;
}
#jform_profile_country {
    width: 100%;
    margin: 0px 162px 0px 0px;
}
#jform_profile_dateclass {
    margin: 0px 53px 0px 0px;
    width: 100%;
}
#jform_profile_memtype {
    width: 100%;
    margin: 0px 160px 0px 0px;
}
#rt-main {
    float: none;
    overflow: hidden;
}
form#member-registration {
    padding: 10px !important;
}
}


@media only screen and (min-width: 301px) and (max-width:320px) {
.menu-login #rt-header .rt-fusionmenu {
  height: 16% !important;
  margin-top: 5px;
}
}


@media only screen and (min-width: 200px) and (max-width:300px) {
/* login form*/

.login {
    width: 100%;
}
.component-content {
  padding: 20px;
  border: 2px solid #A19861;
  margin: 5px;
}
.button {
    padding: 7px;
    width: 30%;
    margin-left: 10px;
}
.menu-login #rt-header .rt-fusionmenu {
  height: 16% !important;
  margin-top: 5px;
}


/* Registration form*/
  #jform_profile_size {
    width: 100%;
  }
textarea {
    width: 100%;
}
#rt-main .rt-container .rt-block {
    padding: 0 0px !important;
}
#jform_profile_gender {
    width: 88%;
    margin: 0px 56px 0px 0px;
}
#jform_profile_phone {
    width: 100%;
    margin: 0px 27px 0px 0px;
}
#jform_profile_mobile {
    width: 100%;
    margin: 0px 27px 0px 0px;
}
#jform_profile_dob {
    margin: 0px 55px 0px 0px;
    width: 100%;
}
#jform_profile_country {
    width: 100%;
    margin: 0px 162px 0px 0px;
}
#jform_profile_dateclass {
    margin: 0px 53px 0px 0px;
    width: 100%;
}
#jform_profile_memtype {
    width: 100%;
    margin: 0px 160px 0px 0px;
}
#rt-main {
    float: none;
    overflow: hidden;
}
form#member-registration {
    padding: 10px !important;
}
}