/*Mobile Size*/
@media screen and (max-width: 318px){
    .body{
        display: block;
    }
    .bd {
        padding: 2% 5%;
        width: 100%;
        height: 100%;
    }
    .bd.lf{
        display: none;
    }
    .lf-title {
        font-size: 17px;
        line-height: 21px;
        width: 50%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 200px;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 21px;
        line-height: 26px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 12px;
        line-height: 14px;
        width: 100%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 90%;
        height: 33%;
        transform: translate(0, 25%);
        background: transparent;
        box-shadow: none;
        text-align: left;
    }
    .rg-title {
        font-size: 18px;
        line-height: 23px;
        padding: 4% 0;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 2em;
        width: 7.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 8px;
        font-size: 21px;
        line-height: 24px;
        padding: 3% 0 3% 10%;
    }
    .rg-btns {
        padding: 2% 0 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 8px;
        padding: 2%;
        font-size: 23px;
        line-height: 27px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        background-color: #F5F5F5;
        padding: 0 10px;
        font-size: 18px;
        line-height: 21px;
        bottom: 70%;
    }
    .rg-google-btn {
        padding: 10% 0 0;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 8px;
        width: 100%;
        padding: 3% 21%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 6%;
    }
    .google-btn span {
        font-size: 13px;
        line-height: 23px;
    }
    .rg-privacy-term {
        top: 80%;
    }
    .rg-privacy-term h4 {
        font-size: 10px;
        line-height: 14px;
    }
    .rg-title.otp {
        padding: 5% 0 0;
    }
    .rg-txt {
        font-size: 13px;
        line-height: 15px;
        padding: 2% 0;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 42%;
        transform: translate(0, 5%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-input.new-member.phone {
        padding: 3% 0 3% 15%;
    }
    .rg-plus-one {
        bottom: 39px;
        left: 3%;
        font-size: 20px;
        line-height: 24px;
    }
    .rg-btns.new-member {
        padding: 1% 0;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 10% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 40%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 15px;
        line-height: 18px;
    }
    #breadcrumbs {
        left: -15%;
    }
    #breadcrumbs ul {
        padding: 12px 22px;
        line-height: 23px;
    }
    #breadcrumbs ul li {
        margin: 0 0 0 7px;
    }
    #breadcrumbs.dark ul li.no-a:before {
        border-left: 4px solid rgba(255,255,255,0.3);
    }
    #breadcrumbs ul li.no-a:before {
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #aaa;
        font-size: 14px;
        margin-right: 12px;
    }
}
@media screen and (max-width: 358px) and (min-width: 319px){
    .body{
        display: block;
    }
    .bd {
        padding: 2% 5%;
        width: 100%;
        height: 100%;
    }
    .bd.lf{
        display: none;
    }
    .lf-title {
        font-size: 17px;
        line-height: 21px;
        width: 50%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 200px;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 21px;
        line-height: 26px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 12px;
        line-height: 14px;
        width: 100%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 90%;
        height: 33%;
        transform: translate(0, 25%);
        background: transparent;
        box-shadow: none;
        text-align: left;
    }
    .rg-title {
        font-size: 18px;
        line-height: 24px;
        padding: 4% 0;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 2.1em;
        width: 7.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 8px;
        font-size: 21px;
        line-height: 24px;
        padding: 3% 0 3% 10%;
    }
    .rg-btns {
        padding: 2% 0 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 8px;
        padding: 2%;
        font-size: 23px;
        line-height: 27px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        background-color: #F5F5F5;
        padding: 0 10px;
        font-size: 18px;
        line-height: 21px;
        bottom: 70%;
    }
    .rg-google-btn {
        padding: 10% 0 0;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 8px;
        width: 100%;
        padding: 3% 21%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 7%;
    }
    .google-btn span {
        font-size: 14px;
        line-height: 24px;
    }
    .rg-privacy-term {
        top: 80%;
    }
    .rg-privacy-term h4 {
        font-size: 12px;
        line-height: 16px;
    }
    .rg-title.otp {
        padding: 5% 0 0;
    }
    .rg-txt {
        font-size: 13px;
        line-height: 15px;
        padding: 2% 0;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 42%;
        transform: translate(0, 5%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-input.new-member.phone {
        padding: 3% 0 3% 15%;
    }
    .rg-plus-one {
        bottom: 40px;
        left: 3%;
        font-size: 21px;
        line-height: 24px;
    }
    .rg-btns.new-member {
        padding: 1% 0;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 10% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 40%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 15px;
        line-height: 18px;
    }
    #breadcrumbs {
        left: -20%;
    }
    #breadcrumbs ul {
        padding: 12px 22px;
        line-height: 23px;
    }
    #breadcrumbs ul li {
        margin: 0 0 0 7px;
    }
    #breadcrumbs.dark ul li.no-a:before {
        border-left: 4px solid rgba(255,255,255,0.3);
    }
    #breadcrumbs ul li.no-a:before {
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #aaa;
        font-size: 14px;
        margin-right: 12px;
    }
}
@media screen and (max-width: 368px) and (min-width: 359px){
    .body{
        display: block;
    }
    .bd {
        padding: 2% 5%;
        width: 100%;
        height: 100%;
    }
    .bd.lf{
        display: none;
    }
    .lf-title {
        font-size: 17px;
        line-height: 21px;
        width: 50%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 200px;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 21px;
        line-height: 26px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 12px;
        line-height: 14px;
        width: 100%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 90%;
        height: 33%;
        transform: translate(0, 25%);
        background: transparent;
        box-shadow: none;
        text-align: left;
    }
    .rg-title {
        font-size: 23px;
        line-height: 28px;
        padding: 4% 0;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 2.25em;
        width: 7.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 8px;
        font-size: 21px;
        line-height: 24px;
        padding: 3% 0 3% 10%;
    }
    .rg-btns {
        padding: 2% 0 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 8px;
        padding: 2%;
        font-size: 25px;
        line-height: 29px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        background-color: #F5F5F5;
        padding: 0 10px;
        font-size: 18px;
        line-height: 21px;
        bottom: 70%;
    }
    .rg-google-btn {
        padding: 10% 0 0;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 8px;
        width: 100%;
        padding: 3% 22%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 7%;
    }
    .google-btn span {
        font-size: 16px;
        line-height: 28px;
    }
    .rg-privacy-term {
        top: 80%;
    }
    .rg-privacy-term h4 {
        font-size: 14px;
        line-height: 18px;
    }
    .rg-title.otp {
        padding: 5% 0 0;
    }
    .rg-txt {
        font-size: 13px;
        line-height: 15px;
        padding: 2% 0;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 42%;
        transform: translate(0, 5%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-input.new-member.phone {
        padding: 3% 0 3% 15%;
    }
    .rg-plus-one {
        bottom: 40px;
        left: 3%;
        font-size: 20px;
        line-height: 22px;
    }
    .rg-btns.new-member {
        padding: 1% 0;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 10% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 40%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 15px;
        line-height: 18px;
    }
    #breadcrumbs {
        left: -20%;
    }
    #breadcrumbs ul {
        padding: 12px 22px;
        line-height: 23px;
    }
    #breadcrumbs ul li {
        margin: 0 0 0 7px;
    }
    #breadcrumbs.dark ul li.no-a:before {
        border-left: 4px solid rgba(255,255,255,0.3);
    }
    #breadcrumbs ul li.no-a:before {
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #aaa;
        font-size: 14px;
        margin-right: 12px;
    }
}
@media screen and (max-width: 378px) and (min-width: 369px){
    .body{
        display: block;
    }
    .bd {
        padding: 2% 5%;
        width: 100%;
        height: 100%;
    }
    .bd.lf{
        display: none;
    }
    .lf-title {
        font-size: 17px;
        line-height: 21px;
        width: 50%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 200px;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 21px;
        line-height: 26px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 12px;
        line-height: 14px;
        width: 100%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 90%;
        height: 33%;
        transform: translate(0, 25%);
        background: transparent;
        box-shadow: none;
        text-align: left;
    }
    .rg-title {
        font-size: 22px;
        line-height: 27px;
        padding: 4% 0;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 2.35em;
        width: 7.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 8px;
        font-size: 23px;
        line-height: 26px;
        padding: 3% 0 3% 10%;
    }
    .rg-btns {
        padding: 2% 0 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 8px;
        padding: 2%;
        font-size: 27px;
        line-height: 31px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        background-color: #F5F5F5;
        padding: 0 10px;
        font-size: 18px;
        line-height: 21px;
        bottom: 70%;
    }
    .rg-google-btn {
        padding: 10% 0 0;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 8px;
        width: 100%;
        padding: 3% 20%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 7%;
    }
    .google-btn span {
        font-size: 18px;
        line-height: 30px;
    }
    .rg-privacy-term {
        top: 80%;
    }
    .rg-privacy-term h4 {
        font-size: 14px;
        line-height: 18px;
    }
    .rg-title.otp {
        padding: 5% 0 0;
    }
    .rg-txt {
        font-size: 13px;
        line-height: 15px;
        padding: 2% 0;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 42%;
        transform: translate(0, 5%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-input.new-member.phone {
        padding: 3% 0 3% 15%;
    }
    .rg-plus-one {
        bottom: 45px;
        left: 3%;
        font-size: 25px;
        line-height: 28px;
    }
    .rg-btns.new-member {
        padding: 1% 0;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 10% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 40%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 15px;
        line-height: 18px;
    }
    #breadcrumbs {
        left: -25%;
    }
    #breadcrumbs ul {
        padding: 12px 22px;
        line-height: 23px;
    }
    #breadcrumbs ul li {
        margin: 0 0 0 7px;
    }
    #breadcrumbs.dark ul li.no-a:before {
        border-left: 4px solid rgba(255,255,255,0.3);
    }
    #breadcrumbs ul li.no-a:before {
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #aaa;
        font-size: 14px;
        margin-right: 12px;
    }
}
@media screen and (max-width: 391px) and (min-width: 379px){
    .body{
        display: block;
    }
    .bd {
        padding: 2% 5%;
        width: 100%;
        height: 100%;
    }
    .bd.lf{
        display: none;
    }
    .lf-title {
        font-size: 17px;
        line-height: 21px;
        width: 50%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 200px;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 21px;
        line-height: 26px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 12px;
        line-height: 14px;
        width: 100%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 90%;
        height: 33%;
        transform: translate(0, 25%);
        background: transparent;
        box-shadow: none;
        text-align: left;
    }
    .rg-title {
        font-size: 23px;
        line-height: 28px;
        padding: 4% 0;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 2.5em;
        width: 7.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 8px;
        font-size: 25px;
        line-height: 28px;
        padding: 3% 0 3% 10%;
    }
    .rg-btns {
        padding: 2% 0 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 8px;
        padding: 2%;
        font-size: 29px;
        line-height: 33px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        background-color: #F5F5F5;
        padding: 0 10px;
        font-size: 18px;
        line-height: 21px;
        bottom: 70%;
    }
    .rg-google-btn {
        padding: 10% 0 0;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 8px;
        width: 100%;
        padding: 5% 15%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 7%;
    }
    .google-btn span {
        font-size: 23px;
        line-height: 40px;
    }
    .rg-privacy-term {
        top: 80%;
    }
    .rg-privacy-term h4 {
        font-size: 15px;
        line-height: 19px;
    }
    .rg-title.otp {
        padding: 5% 0 0;
    }
    .rg-txt {
        font-size: 13px;
        line-height: 15px;
        padding: 2% 0;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 42%;
        transform: translate(0, 5%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-input.new-member.phone {
        padding: 3% 0 3% 15%;
    }
    .rg-plus-one {
        bottom: 45px;
        left: 3%;
        font-size: 25px;
        line-height: 28px;
    }
    .rg-btns.new-member {
        padding: 1% 0;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 10% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 40%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 15px;
        line-height: 18px;
    }
    #breadcrumbs {
        left: -25%;
    }
    #breadcrumbs ul {
        padding: 12px 22px;
        line-height: 23px;
    }
    #breadcrumbs ul li {
        margin: 0 0 0 7px;
    }
    #breadcrumbs.dark ul li.no-a:before {
        border-left: 4px solid rgba(255,255,255,0.3);
    }
    #breadcrumbs ul li.no-a:before {
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #aaa;
        font-size: 14px;
        margin-right: 12px;
    }
}
@media screen and (max-width: 417px) and (min-width: 392px){
    .body{
        display: block;
    }
    .bd {
        padding: 2% 5%;
        width: 100%;
        height: 100%;
    }
    .bd.lf{
        display: none;
    }
    .lf-title {
        font-size: 17px;
        line-height: 21px;
        width: 50%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 200px;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 21px;
        line-height: 26px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 12px;
        line-height: 14px;
        width: 100%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 90%;
        height: 33%;
        transform: translate(0, 25%);
        background: transparent;
        box-shadow: none;
        text-align: left;
    }
    .rg-title {
        font-size: 24px;
        line-height: 29px;
        padding: 4% 0;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 2.5em;
        width: 7.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 8px;
        font-size: 25px;
        line-height: 28px;
        padding: 3% 0 3% 10%;
    }
    .rg-btns {
        padding: 2% 0 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 8px;
        padding: 2%;
        font-size: 29px;
        line-height: 33px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        background-color: #F5F5F5;
        padding: 0 10px;
        font-size: 18px;
        line-height: 21px;
        bottom: 70%;
    }
    .rg-google-btn {
        padding: 10% 0 0;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 8px;
        width: 100%;
        padding: 5% 14%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 8%;
    }
    .google-btn span {
        font-size: 24px;
        line-height: 41px;
    }
    .rg-privacy-term {
        top: 80%;
    }
    .rg-privacy-term h4 {
        font-size: 16px;
        line-height: 20px;
    }
    .rg-title.otp {
        padding: 5% 0 0;
    }
    .rg-txt {
        font-size: 13px;
        line-height: 15px;
        padding: 2% 0;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 42%;
        transform: translate(0, 5%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-input.new-member.phone {
        padding: 3% 0 3% 15%;
    }
    .rg-plus-one {
        bottom: 45px;
        left: 3%;
        font-size: 25px;
        line-height: 28px;
    }
    .rg-btns.new-member {
        padding: 1% 0;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 10% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 40%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 15px;
        line-height: 18px;
    }
    #breadcrumbs {
        left: -30%;
    }
    #breadcrumbs ul {
        padding: 12px 22px;
        line-height: 23px;
    }
    #breadcrumbs ul li {
        margin: 0 0 0 7px;
    }
    #breadcrumbs.dark ul li.no-a:before {
        border-left: 4px solid rgba(255,255,255,0.3);
    }
    #breadcrumbs ul li.no-a:before {
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #aaa;
        font-size: 14px;
        margin-right: 12px;
    }
}
@media screen and (max-width: 420px){
    .body.bottm{
        display: none;
    }
    .mail-menu .rg-inputs{
        padding: 0;
    }
    .rg-btns.new-code{
        padding: 5% 0;
    }
    .new-code-optional .rg-title, .new-code-optional .rg-txt {
        padding: 5% 0;
    }
    .new-member-menu .rg-title{
        padding: 4% 0 0;
    }
    .new-member-menu .rg-txt{
        padding: 0 0 4%;
    }
    .connection-code{
        padding: 0 0 1%;
    }
    .download_btn_mob{
        display: block;
    }
    .download_btn_mob a {
        transition: .7s;
        background: #FFFFFF;
        box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.09), 0 1px 5px rgba(0, 0, 0, 0.09);
        border-radius: 8px;
        border: 1px solid #2D343C;
        outline: none;
        display: block;
        margin: 3% 0;
        text-align: center;
        width: 100%;
        padding: 4% 2%;
        font-family: 'Inter', serif;
        font-style: normal;
        font-weight: 700;
        font-size: 19px;
        line-height: 23px;
        color: #2D343C;
        opacity: 1;
    }
}
/*Mobile Size*/
/*Web-Size*/
@media screen and (max-width: 513px) and (min-width: 420px){
    .bd {
        padding: 2% 5%;
    }
    .lf-head img {
        width: 25px;
    }
    .lf-title {
        font-size: 7px;
        line-height: 20px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 110px;
    }
    .lf-points img.point-img{
        max-width: 100px;
    }
    .lf-img img {
        width: 100%;
        max-width: 150px;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 7px;
        line-height: 12px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 3px;
        line-height: 6px;
        width: 70%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points iframe {
        border-radius: 9px;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 35%;
        height: 40%;
        border-radius: 10px;
        transform: translate(10%, 45%);
    }
    .rg-title {
        font-size: 10px;
        line-height: 17px;
        padding: 2% 10% 0;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 4%;
        top: 1.7em;
        width: 4%;
    }
    .rg-input {
        border-width: 1px;
        border-radius: 3px;
        font-size: 3px;
        line-height: 6px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 0 10%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 3px;
        padding: 2%;
        font-size: 7px;
        line-height: 11px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 1px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 3px;
        line-height: 6px;
        bottom: 90%;
    }
    .rg-google-btn {
        padding: 0 10%;
    }
    a.google-btn {
        border-width: 1px;
        border-radius: 3px;
        width: 100%;
        padding: 0 26%;
        margin: 0;
    }
    .google-btn-in img {
        width: 5%;
    }
    .google-btn span {
        font-size: 4px;
        line-height: 8px;
    }
    .rg-privacy-term {
        top: 85%;
    }
    .rg-privacy-term h4 {
        font-size: 5px;
        line-height: 9px;
    }
    .rg-title.otp {
        padding: 4% 10% 0;
    }
    .rg-txt {
        font-size: 3px;
        line-height: 5px;
        padding: 2% 10%;
    }
    .rg-input.otp {
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 65%;
        transform: translate(10%, 10%);
    }
    .new-member-menu .form-rg {
        margin: 2% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 23px;
        left: 3%;
        font-size: 3px;
        line-height: 6px;
    }
    .rg-btns.new-member {
        padding: 0 10%;
    }
    .rg-title.new-logo {
        padding: 3% 10% 0;
    }
    .rg-input-image {
        margin: 2% 0 1%;
        border-width: 1px;
        border-radius: 3px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 25%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 7px;
        line-height: 10px;
    }
    .new-member-code{
        font-size: 25%;
        line-height: 30%;
        bottom: 25px;
    }
    .new-member-bottom-desc {
        font-size: 10%;
        line-height: 15%;
    }
    #breadcrumbs ul {
        padding: 2px 10px;
        line-height: 8px;
    }
    #breadcrumbs ul li {
        margin: 0 0 0 5px;
        font-size: 5px;
    }
    #breadcrumbs.dark ul li.no-a:before {
        border-left: 2px solid rgba(255,255,255,0.3);
    }
    #breadcrumbs ul li.no-a:before {
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
        border-left: 2px solid #aaa;
        font-size: 6px;
        margin-right: 5px;
    }
}
@media screen and (max-width: 615px) and (min-width: 514px) {
    .bd {
        padding: 2% 5%;
    }
    .lf-head img {
        width: 25px;
    }
    .lf-title {
        font-size: 9px;
        line-height: 20px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 140px;
    }
    .lf-points img.point-img{
        max-width: 115px;
    }
    .lf-img img {
        width: 100%;
        max-width: 200px;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 9px;
        line-height: 13px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 4px;
        line-height: 7px;
        width: 70%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points iframe {
        border-radius: 11px;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 35%;
        height: 35%;
        border-radius: 16px;
        transform: translate(10%, 45%);
    }
    .rg-title {
        font-size: 12px;
        line-height: 19px;
        padding: 1% 10% 0;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 4%;
        top: 1.7em;
        width: 4%;
    }
    .rg-input {
        border-width: 1px;
        border-radius: 4px;
        font-size: 3px;
        line-height: 6px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 1% 10%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 4px;
        padding: 2%;
        font-size: 7px;
        line-height: 11px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 1px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 3px;
        line-height: 6px;
        bottom: 90%;
    }
    .rg-google-btn {
        padding: 0 10%;
    }
    a.google-btn {
        border-width: 1px;
        border-radius: 4px;
        width: 100%;
        padding: 0 26%;
        margin: 0;
    }
    .google-btn img {
        width: 4%;
    }
    .google-btn span {
        font-size: 4px;
        line-height: 8px;
    }
    .rg-privacy-term {
        top: 85%;
    }
    .rg-privacy-term h4 {
        font-size: 5px;
        line-height: 9px;
    }
    .rg-title.otp {
        padding: 4% 10% 0;
    }
    .rg-txt {
        font-size: 3px;
        line-height: 5px;
        padding: 2% 10%;
    }
    .rg-input.otp {
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 65%;
        transform: translate(10%, 10%);
    }
    .new-member-menu .form-rg {
        margin: 2% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 28px;
        left: 3%;
        font-size: 3px;
        line-height: 6px;
    }
    .rg-btns.new-member {
        padding: 0 10%;
    }
    .rg-title.new-logo {
        padding: 3% 10% 0;
    }
    .rg-input-image {
        margin: 2% 0 1%;
        border-width: 1px;
        border-radius: 4px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 25%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 9px;
        line-height: 12px;
    }
    .new-member-code{
        font-size: 30%;
        line-height: 35%;
        bottom: 30px;
    }
    .new-member-bottom-desc {
        font-size: 15%;
        line-height: 20%;
    }
    #breadcrumbs ul {
        padding: 4px 12px;
        line-height: 8px;
    }
    #breadcrumbs ul li {
        margin: 0 0 0 5px;
        font-size: 6px;
    }
    #breadcrumbs.dark ul li.no-a:before {
        border-left: 2px solid rgba(255,255,255,0.3);
    }
    #breadcrumbs ul li.no-a:before {
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
        border-left: 2px solid #aaa;
        font-size: 7px;
        margin-right: 6px;
    }
}
@media screen and (max-width: 769px) and (min-width: 616px){
    .bd {
        padding: 2% 5%;
    }
    .lf-head img {
        width: 30px;
    }
    .lf-title {
        font-size: 11px;
        line-height: 20px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 180px;
    }
    .lf-points img.point-img{
        max-width: 80px;
    }
    .lf-img img {
        width: 100%;
        max-width: 250px;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 11px;
        line-height: 16px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 4px;
        line-height: 7px;
        width: 75%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points iframe {
        border-radius: 11px;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 35%;
        height: 35%;
        border-radius: 16px;
        transform: translate(10%, 45%);
    }
    .rg-title {
        font-size: 13px;
        line-height: 20px;
        padding: 1% 10% 0;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 1.65em;
        width: 5.5%;
    }
    .rg-input {
        border-width: 1px;
        border-radius: 4px;
        font-size: 5px;
        line-height: 8px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 2% 10%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 4px;
        padding: 2%;
        font-size: 9px;
        line-height: 13px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 1px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 5px;
        line-height: 8px;
        bottom: 85%;
    }
    .rg-google-btn {
        padding: 0 10%;
    }
    a.google-btn {
        border-width: 1px;
        border-radius: 4px;
        width: 100%;
        padding: 1% 26%;
        margin: 0;
    }
    .google-btn img {
        width: 4%;
    }
    .google-btn span {
        font-size: 7px;
        line-height: 12px;
    }
    .rg-privacy-term {
        top: 75%;
    }
    .rg-privacy-term h4 {
        font-size: 7px;
        line-height: 11px;
    }
    .rg-title.otp {
        padding: 4% 10% 0;
    }
    .rg-txt {
        font-size: 5px;
        line-height: 7px;
        padding: 2% 10%;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 65%;
        transform: translate(10%, 10%);
    }
    .new-member-menu .form-rg{
        margin: 2% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 33px;
        left: 3%;
        font-size: 5px;
        line-height: 8px;
    }
    .rg-btns.new-member {
        padding: 0 10%;
    }
    .rg-title.new-logo {
        padding: 3% 10% 0;
    }
    .rg-input-image {
        margin: 4% 0 1%;
        border-width: 1px;
        border-radius: 4px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 25%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 11px;
        line-height: 14px;
    }
    .new-member-code{
        font-size: 40%;
        line-height: 45%;
        bottom: 28px;
    }
    .new-member-bottom-desc {
        font-size: 30%;
        line-height: 35%;
    }
    #breadcrumbs ul {
        padding: 5px 15px;
        line-height: 12px;
    }
    #breadcrumbs ul li {
        margin: 0 0 0 6px;
        font-size: 8px;
    }
    #breadcrumbs.dark ul li.no-a:before {
        border-left: 3px solid rgba(255,255,255,0.3);
    }
    #breadcrumbs ul li.no-a:before {
        border-top: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-left: 3px solid #aaa;
        font-size: 8px;
        margin-right: 7px;
    }
}
@media screen and (max-width: 878px) and (min-width: 770px){
    .bd {
        padding: 2% 5%;
    }
    .lf-head img {
        width: 40px;
    }
    .lf-title {
        font-size: 13px;
        line-height: 30px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 200px;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 13px;
        line-height: 18px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 6px;
        line-height: 9px;
        width: 90%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points iframe {
        border-radius: 13px;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .lf-img img {
        width: 100%;
        max-width: 300px;
    }
    .lf-points img.point-img{
        max-width: 150px;
    }
    .rg-form {
        width: 35%;
        height: 35%;
        border-radius: 18px;
        transform: translate(10%, 45%);
    }
    .rg-title {
        font-size: 18px;
        line-height: 25px;
        padding: 1% 10%;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 1.65em;
        width: 5.5%;
    }
    .rg-input {
        border-width: 1px;
        border-radius: 6px;
        font-size: 7px;
        line-height: 10px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 2% 10%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 6px;
        padding: 2%;
        font-size: 11px;
        line-height: 15px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 1px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 5px;
        line-height: 8px;
        bottom: 85%;
    }
    .rg-google-btn {
        padding: 0 10%;
    }
    a.google-btn {
        border-width: 1px;
        border-radius: 6px;
        width: 100%;
        padding: 1% 26%;
        margin: 0;
    }
    .google-btn img {
        width: 5%;
    }
    .google-btn span {
        font-size: 8px;
        line-height: 12px;
    }
    .rg-privacy-term {
        top: 75%;
    }
    .rg-privacy-term h4 {
        font-size: 9px;
        line-height: 13px;
    }
    .rg-title.otp {
        padding: 4% 10% 0;
    }
    .rg-txt {
        font-size: 7px;
        line-height: 9px;
        padding: 0 10%;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 65%;
        transform: translate(10%, 10%);
    }
    .new-member-menu .form-rg{
        margin: 2% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 33px;
        left: 3%;
        font-size: 7px;
        line-height: 10px;
    }
    .rg-btns.new-member {
        padding: 0 10%;
    }
    .rg-title.new-logo {
        padding: 3% 10% 0;
    }
    .rg-input-image {
        margin: 4% 0 1%;
        border-width: 1px;
        border-radius: 6px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 25%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 13px;
        line-height: 16px;
    }
    .new-member-code{
        font-size: 60%;
        line-height: 65%;
        bottom: 30px;
    }
    .new-member-bottom-desc {
        font-size: 40%;
        line-height: 45%;
    }
    #breadcrumbs ul {
        padding: 8px 18px;
        line-height: 19px;
    }
    #breadcrumbs ul li {
        margin: 0 0 0 6px;
        font-size: 10px;
    }
    #breadcrumbs.dark ul li.no-a:before {
        border-left: 4px solid rgba(255,255,255,0.3);
    }
    #breadcrumbs ul li.no-a:before {
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #aaa;
        font-size: 8px;
        margin-right: 7px;
    }
}
@media screen and (max-width: 1025px) and (min-width: 879px){
    .bd {
        padding: 2% 5%;
    }
    .lf-head img {
        width: 50px;
    }
    .lf-title {
        font-size: 15px;
        line-height: 35px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 250px;
    }
    .lf-img img {
        width: 100%;
        max-width: 350px;
    }
    .lf-points img.point-img{
        max-width: 325px;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 14px;
        line-height: 19px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 9px;
        line-height: 12px;
        width: 90%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points iframe {
        border-radius: 13px;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 35%;
        height: 35%;
        border-radius: 20px;
        transform: translate(10%, 45%);
    }
    .rg-title {
        font-size: 20px;
        line-height: 27px;
        padding: 2% 10%;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 1.65em;
        width: 5.5%;
    }
    .rg-input {
        border-width: 1px;
        border-radius: 8px;
        font-size: 9px;
        line-height: 12px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 2% 10%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 8px;
        padding: 2%;
        font-size: 13px;
        line-height: 17px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 7px;
        line-height: 10px;
        bottom: 90%;
    }
    .rg-google-btn {
        padding: 0 10%;
    }
    a.google-btn {
        border-width: 1px;
        border-radius: 8px;
        width: 100%;
        padding: 2% 26%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 5%;
    }
    .google-btn span {
        font-size: 10px;
        line-height: 14px;
    }
    .rg-privacy-term {
        top: 75%;
    }
    .rg-privacy-term h4 {
        font-size: 11px;
        line-height: 15px;
    }
    .rg-title.otp {
        padding: 5% 10% 0;
    }
    .rg-txt {
        font-size: 9px;
        line-height: 11px;
        padding: 2% 10%;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 65%;
        transform: translate(10%, 10%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 35px;
        left: 3%;
        font-size: 9px;
        line-height: 13px;
    }
    .rg-btns.new-member {
        padding: 0 10%;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 5% 0 1%;
        border-width: 1px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 25%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 13px;
        line-height: 16px;
    }
    .new-member-code{
        bottom: 30px;
    }
    #breadcrumbs ul {
        padding: 8px 18px;
        line-height: 19px;
    }
    #breadcrumbs ul li {
        margin: 0 0 0 6px;
        font-size: 12px;
    }
    #breadcrumbs.dark ul li.no-a:before {
        border-left: 4px solid rgba(255,255,255,0.3);
    }
    #breadcrumbs ul li.no-a:before {
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #aaa;
        font-size: 8px;
        margin-right: 7px;
    }
}
@media screen and (max-width: 1235px) and (min-width: 1026px){
    .bd {
        padding: 2% 5%;
    }
    .lf-title {
        font-size: 17px;
        line-height: 55px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 300px;
    }
    .lf-img img {
        width: 100%;
        max-width: 400px;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 18px;
        line-height: 23px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 11px;
        line-height: 13px;
        width: 90%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points iframe {
        border-radius: 15px;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 35%;
        height: 35%;
        border-radius: 20px;
        transform: translate(10%, 45%);
    }
    .rg-title {
        font-size: 24px;
        line-height: 31px;
        padding: 3% 10%;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 1.95em;
        width: 5.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 8px;
        font-size: 11px;
        line-height: 14px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 3% 10%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 8px;
        padding: 2%;
        font-size: 15px;
        line-height: 19px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 9px;
        line-height: 12px;
        bottom: 90%;
    }
    .rg-google-btn {
        padding: 0 10%;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 8px;
        width: 100%;
        padding: 2% 22%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 5%;
    }
    .google-btn-in span {
        font-size: 12px;
        line-height: 16px;
    }
    .rg-privacy-term {
        top: 75%;
    }
    .rg-privacy-term h4 {
        font-size: 13px;
        line-height: 17px;
    }
    .rg-title.otp {
        padding: 5% 10% 0;
    }
    .rg-txt {
        font-size: 11px;
        line-height: 13px;
        padding: 2% 10%;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 65%;
        transform: translate(10%, 10%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 38px;
        left: 3%;
        font-size: 11px;
        line-height: 15px;
    }
    .rg-btns.new-member {
        padding: 0 10%;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 5% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 25%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 13px;
        line-height: 16px;
    }
    .new-member-code{
        bottom: 35px;
    }
    #breadcrumbs ul {
        padding: 9px 19px;
        line-height: 20px;
    }
    #breadcrumbs ul li {
        margin: 0 0 0 7px;
    }
    #breadcrumbs.dark ul li.no-a:before {
        border-left: 4px solid rgba(255,255,255,0.3);
    }
    #breadcrumbs ul li.no-a:before {
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #aaa;
        font-size: 12px;
        margin-right: 10px;
    }
}
@media screen and (max-width: 1397px) and (min-width: 1236px){
    .bd {
        padding: 2% 5%;
    }
    .lf-title {
        font-size: 19px;
        line-height: 55px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 360px;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 18px;
        line-height: 23px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 13px;
        line-height: 15px;
        width: 90%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points iframe {
        border-radius: 15px;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 35%;
        height: 40%;
        border-radius: 20px;
        transform: translate(10%, 40%);
    }
    .rg-title {
        font-size: 26px;
        line-height: 33px;
        padding: 4% 10%;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 2em;
        width: 5.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 8px;
        font-size: 13px;
        line-height: 16px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 2% 10% 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 8px;
        padding: 2%;
        font-size: 17px;
        line-height: 21px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 11px;
        line-height: 14px;
        bottom: 80%;
    }
    .rg-google-btn {
        padding: 0 10%;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 8px;
        width: 100%;
        padding: 2% 26%;
        margin: 0;
    }
    .google-btn img {
        width: 5%;
    }
    .google-btn span {
        font-size: 14px;
        line-height: 18px;
    }
    .rg-privacy-term {
        top: 75%;
    }
    .rg-privacy-term h4 {
        font-size: 15px;
        line-height: 19px;
    }
    .rg-title.otp {
        padding: 5% 10% 0;
    }
    .rg-txt {
        font-size: 13px;
        line-height: 15px;
        padding: 2% 10%;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 65%;
        transform: translate(10%, 10%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 40px;
        left: 3%;
        font-size: 13px;
        line-height: 17px;
    }
    .rg-btns.new-member {
        padding: 0 10%;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 5% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 30%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 15px;
        line-height: 18px;
    }
    .new-member-code{
        bottom: 37px;
    }
    #breadcrumbs ul {
        padding: 10px 20px;
        line-height: 21px;
    }
    #breadcrumbs ul li {
        margin: 0 0 0 7px;
    }
    #breadcrumbs.dark ul li.no-a:before {
        border-left: 4px solid rgba(255,255,255,0.3);
    }
    #breadcrumbs ul li.no-a:before {
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #aaa;
        font-size: 12px;
        margin-right: 10px;
    }
}
/*Arthur's Mac Size (Height 680 - 750)*/
@media screen and (max-width: 1281px) and (min-width: 1279px){
    .bd {
        padding: 2% 5%;
    }
    .lf-head img {
        width: 50px;
    }
    .lf-title {
        font-size: 19px;
        line-height: 35px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 380px;
        width: 100%;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 19px;
        line-height: 24px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 13px;
        line-height: 16px;
        width: 90%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points iframe {
        border-radius: 15px;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 35%;
        height: 35%;
        border-radius: 20px;
        transform: translate(10%, 45%);
    }
    .rg-title {
        font-size: 24px;
        line-height: 30px;
        padding: 4% 10%;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 2em;
        width: 5.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 8px;
        font-size: 15px;
        line-height: 18px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 2% 10% 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 8px;
        padding: 2%;
        font-size: 19px;
        line-height: 23px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 13px;
        line-height: 16px;
        bottom: 80%;
    }
    .rg-google-btn {
        padding: 0 10%;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 8px;
        width: 100%;
        padding: 2% 22%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 5%;
    }
    .google-btn span {
        font-size: 16px;
        line-height: 20px;
    }
    .rg-privacy-term {
        top: 75%;
    }
    .rg-privacy-term h4 {
        font-size: 17px;
        line-height: 21px;
    }
    .rg-title.otp {
        padding: 5% 10% 0;
    }
    .rg-txt {
        font-size: 15px;
        line-height: 18px;
        padding: 2% 10%;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 65%;
        transform: translate(10%, 10%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 38px;
        left: 3%;
        font-size: 15px;
        line-height: 18px;
    }
    .rg-btns.new-member {
        padding: 1% 10%;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 10% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 35%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 15px;
        line-height: 18px;
    }
    #breadcrumbs ul {
        padding: 9px 19px;
        line-height: 20px;
    }
    #breadcrumbs ul li {
        margin: 0 0 0 7px;
    }
    #breadcrumbs.dark ul li.no-a:before {
        border-left: 4px solid rgba(255,255,255,0.3);
    }
    #breadcrumbs ul li.no-a:before {
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #aaa;
        font-size: 12px;
        margin-right: 10px;
    }
}
/*Arthur's Mac Size (Height 680 - 750)*/
@media screen and (max-width: 1707px) and (min-width: 1538px){
    .bd {
        padding: 2% 5%;
    }
    .lf-head img{
        width: 80px;
    }
    .lf-title {
        font-size: 21px;
        line-height: 25px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 400px;
        width: 100%;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 23px;
        line-height: 28px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 16px;
        line-height: 18px;
        width: 90%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points iframe {
        border-radius: 15px;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 35%;
        height: 45%;
        border-radius: 20px;
        transform: translate(10%, 50%);
    }
    .rg-title {
        font-size: 32px;
        line-height: 39px;
        padding: 4% 10%;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 2.35em;
        width: 5.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 8px;
        font-size: 17px;
        line-height: 20px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 2% 10% 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 8px;
        padding: 2%;
        font-size: 21px;
        line-height: 25px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 15px;
        line-height: 18px;
        bottom: 75%;
    }
    .rg-google-btn {
        padding: 1% 10%;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 8px;
        width: 100%;
        padding: 3% 29%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 5%;
    }
    .google-btn span {
        font-size: 18px;
        line-height: 20px;
    }
    .rg-privacy-term {
        top: 75%;
    }
    .rg-privacy-term h4 {
        font-size: 19px;
        line-height: 23px;
    }
    .rg-title.otp {
        padding: 5% 10% 0;
    }
    .rg-txt {
        font-size: 17px;
        line-height: 19px;
        padding: 2% 10%;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 65%;
        transform: translate(10%, 15%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 43px;
        left: 3%;
        font-size: 17px;
        line-height: 20px;
    }
    .rg-btns.new-member {
        padding: 1% 10%;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 5% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 30%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 17px;
        line-height: 20px;
    }
}
@media screen and (max-width: 1921px) and (min-width: 1708px){
    .bd {
        padding: 2% 5%;
    }
    .lf-head img{
        width: 100px;
    }
    .lf-title {
        font-size: 23px;
        line-height: 27px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 480px;
        width: 100%;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 25px;
        line-height: 30px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 18px;
        line-height: 20px;
        width: 90%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points iframe {
        border-radius: 17px;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 35%;
        height: 45%;
        border-radius: 20px;
        transform: translate(10%, 50%);
    }
    .rg-title {
        font-size: 37px;
        line-height: 44px;
        padding: 4% 10%;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 2.5em;
        width: 5.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 8px;
        font-size: 17px;
        line-height: 20px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 2% 10% 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 8px;
        padding: 2%;
        font-size: 21px;
        line-height: 25px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 15px;
        line-height: 18px;
        bottom: 75%;
    }
    .rg-google-btn {
        padding: 2% 10%;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 8px;
        width: 100%;
        padding: 3% 28%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 5%;
    }
    .google-btn span {
        font-size: 18px;
        line-height: 20px;
    }
    .rg-privacy-term {
        top: 75%;
    }
    .rg-privacy-term h4 {
        font-size: 19px;
        line-height: 23px;
    }
    .rg-title.otp {
        padding: 5% 10% 0;
    }
    .rg-txt {
        font-size: 17px;
        line-height: 19px;
        padding: 2% 10%;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 65%;
        transform: translate(10%, 20%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 46px;
        left: 3%;
        font-size: 17px;
        line-height: 20px;
    }
    .rg-btns.new-member {
        padding: 1% 10%;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 5% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 30%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 17px;
        line-height: 20px;
    }
}
@media screen and (max-width: 2049px) and (min-width: 1922px){
    .bd {
        padding: 2% 5%;
    }
    .lf-head img{
        width: 100px;
    }
    .lf-title {
        font-size: 28px;
        line-height: 32px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 520px;
        width: 100%;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 30px;
        line-height: 35px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 23px;
        line-height: 25px;
        width: 90%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points iframe {
        border-radius: 17px;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 35%;
        height: 45%;
        border-radius: 20px;
        transform: translate(10%, 50%);
    }
    .rg-title {
        font-size: 42px;
        line-height: 49px;
        padding: 4% 10%;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 2.75em;
        width: 5.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 8px;
        font-size: 22px;
        line-height: 25px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 2% 10% 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 8px;
        padding: 2%;
        font-size: 26px;
        line-height: 30px;
    }
    .rg-or {
        padding: 1% 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 20px;
        line-height: 23px;
        bottom: 80%;
    }
    .rg-google-btn {
        padding: 2% 10%;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 8px;
        width: 100%;
        padding: 2% 28%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 5%;
    }
    .google-btn span {
        font-size: 21px;
        line-height: 23px;
    }
    .rg-privacy-term {
        top: 75%;
    }
    .rg-privacy-term h4 {
        font-size: 24px;
        line-height: 28px;
    }
    .rg-title.otp {
        padding: 5% 10% 0;
    }
    .rg-txt {
        font-size: 22px;
        line-height: 24px;
        padding: 2% 10%;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 65%;
        transform: translate(10%, 20%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 51px;
        left: 3%;
        font-size: 22px;
        line-height: 25px;
    }
    .rg-btns.new-member {
        padding: 1% 10%;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 5% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 30%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 22px;
        line-height: 25px;
    }
}
@media screen and (max-width: 2305px) and (min-width: 2050px){
    .bd {
        padding: 2% 5%;
    }
    .lf-head img{
        width: 120px;
    }
    .lf-title {
        font-size: 33px;
        line-height: 37px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 570px;
        width: 100%;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 33px;
        line-height: 38px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 26px;
        line-height: 28px;
        width: 90%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points iframe {
        border-radius: 17px;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 35%;
        height: 45%;
        border-radius: 20px;
        transform: translate(10%, 50%);
    }
    .rg-title {
        font-size: 47px;
        line-height: 54px;
        padding: 4% 10%;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 3.3em;
        width: 5.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 8px;
        font-size: 27px;
        line-height: 30px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 2% 10% 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 8px;
        padding: 2%;
        font-size: 31px;
        line-height: 35px;
    }
    .rg-or {
        padding: 1% 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 25px;
        line-height: 28px;
        bottom: 90%;
    }
    .rg-google-btn {
        padding: 2% 10%;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 8px;
        width: 100%;
        padding: 3% 28%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 5%;
    }
    .google-btn span {
        font-size: 24px;
        line-height: 26px;
    }
    .rg-privacy-term {
        top: 75%;
    }
    .rg-privacy-term h4 {
        font-size: 29px;
        line-height: 33px;
    }
    .rg-title.otp {
        padding: 5% 10% 0;
    }
    .rg-txt {
        font-size: 27px;
        line-height: 29px;
        padding: 2% 10%;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 65%;
        transform: translate(10%, 20%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 60px;
        left: 3%;
        font-size: 27px;
        line-height: 30px;
    }
    .rg-btns.new-member {
        padding: 0 10%;
        margin: -2% 0 0;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 5% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 30%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 27px;
        line-height: 30px;
    }
}
@media screen and (max-width: 3073px) and (min-width: 2306px){
    .bd {
        padding: 2% 5%;
    }
    .lf-head img{
        width: 150px;
    }
    .lf-title {
        font-size: 38px;
        line-height: 42px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 710px;
        width: 100%;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 38px;
        line-height: 43px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 31px;
        line-height: 33px;
        width: 90%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points iframe {
        border-radius: 19px;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 35%;
        height: 45%;
        border-radius: 24px;
        transform: translate(10%, 50%);
    }
    .rg-title {
        font-size: 52px;
        line-height: 59px;
        padding: 4% 10%;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 4.2em;
        width: 5.5%;
    }
    .rg-input {
        border-width: 4px;
        border-radius: 8px;
        font-size: 32px;
        line-height: 35px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 2% 10% 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 10px;
        padding: 2%;
        font-size: 36px;
        line-height: 40px;
    }
    .rg-or {
        padding: 1% 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 30px;
        line-height: 33px;
        bottom: 95%;
    }
    .rg-google-btn {
        padding: 2% 10%;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 10px;
        width: 100%;
        padding: 3% 28%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 5%;
    }
    .google-btn span {
        font-size: 30px;
        line-height: 32px;
    }
    .rg-privacy-term {
        top: 75%;
    }
    .rg-privacy-term h4 {
        font-size: 34px;
        line-height: 38px;
    }
    .rg-title.otp {
        padding: 5% 10% 0;
    }
    .rg-txt {
        font-size: 32px;
        line-height: 34px;
        padding: 2% 10%;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 65%;
        transform: translate(10%, 20%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 75px;
        left: 3%;
        font-size: 32px;
        line-height: 35px;
    }
    .rg-btns.new-member {
        padding: 0 10%;
        margin: -2% 0 0;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 5% 0 1%;
        border-width: 2px;
        border-radius: 10px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 30%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 32px;
        line-height: 35px;
    }
}
@media screen and (max-width: 4609px) and (min-width: 3074px){
    .bd {
        padding: 2% 5%;
    }
    .lf-head img{
        width: 120px;
    }
    .lf-title {
        font-size: 48px;
        line-height: 50px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 1200px;
        width: 100%;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 52px;
        line-height: 57px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 45px;
        line-height: 47px;
        width: 80%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points iframe {
        border-radius: 20px;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 35%;
        height: 45%;
        border-radius: 28px;
        transform: translate(10%, 50%);
    }
    .rg-title {
        font-size: 62px;
        line-height: 69px;
        padding: 4% 10%;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 5.95em;
        width: 5.5%;
    }
    .rg-input {
        border-width: 4px;
        border-radius: 12px;
        font-size: 42px;
        line-height: 45px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 2% 10% 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 14px;
        padding: 2%;
        font-size: 46px;
        line-height: 50px;
    }
    .rg-or {
        padding: 2% 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 4px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 40px;
        line-height: 43px;
        bottom: 125%;
    }
    .rg-google-btn {
        padding: 4% 10%;
    }
    a.google-btn {
        border-width: 4px;
        border-radius: 14px;
        width: 100%;
        padding: 4% 28%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 5%;
    }
    .google-btn span {
        font-size: 42px;
        line-height: 44px;
    }
    .rg-privacy-term {
        top: 75%;
    }
    .rg-privacy-term h4 {
        font-size: 44px;
        line-height: 48px;
    }
    .rg-title.otp {
        padding: 5% 10% 0;
    }
    .rg-txt {
        font-size: 42px;
        line-height: 44px;
        padding: 2% 10%;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 65%;
        transform: translate(10%, 20%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 103px;
        left: 3%;
        font-size: 42px;
        line-height: 45px;
    }
    .rg-btns.new-member {
        padding: 0 10%;
        margin: -2% 0 0;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 5% 0 1%;
        border-width: 4px;
        border-radius: 14px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 30%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 42px;
        line-height: 45px;
    }
}
@media screen and (max-width: 6145px) and (min-width: 4610px){
    .bd {
        padding: 2% 5%;
    }
    .lf-head img {
        width: 200px;
    }
    .lf-title {
        font-size: 58px;
        line-height: 60px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 1500px;
        width: 100%;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 62px;
        line-height: 67px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 55px;
        line-height: 57px;
        width: 80%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points iframe {
        border-radius: 20px;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 35%;
        height: 45%;
        border-radius: 38px;
        transform: translate(10%, 50%);
    }
    .rg-title {
        font-size: 138px;
        line-height: 140px;
        padding: 4% 10%;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 8.3em;
        width: 5.5%;
    }
    .rg-input {
        border-width: 14px;
        border-radius: 22px;
        font-size: 52px;
        line-height: 55px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 2% 10% 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 24px;
        padding: 2%;
        font-size: 56px;
        line-height: 60px;
    }
    .rg-or {
        padding: 3% 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 14px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 50px;
        line-height: 53px;
        bottom: 500%;
    }
    .rg-google-btn {
        padding: 2% 10%;
    }
    a.google-btn {
        border-width: 14px;
        border-radius: 24px;
        width: 100%;
        padding: 4% 30%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 5%;
    }
    .google-btn span {
        font-size: 54px;
        line-height: 56px;
    }
    .rg-privacy-term {
        top: 75%;
    }
    .rg-privacy-term h4 {
        font-size: 54px;
        line-height: 58px;
    }
    .rg-title.otp {
        padding: 5% 10% 0;
    }
    .rg-txt {
        font-size: 52px;
        line-height: 54px;
        padding: 2% 10%;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 65%;
        transform: translate(10%, 20%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 138px;
        left: 3%;
        font-size: 52px;
        line-height: 55px;
    }
    .rg-btns.new-member {
        padding: 0 10%;
        margin: -2% 0 0;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 5% 0 1%;
        border-width: 14px;
        border-radius: 24px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 30%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 52px;
        line-height: 55px;
    }
}
/*Web-size*/
/*iPad*/
/*Pro land*/
@media screen and (max-width: 1367px) and (max-height: 1025px) and (min-width: 1365px) and (min-height: 1023px){
    .bd {
        padding: 10% 5%;
    }
    .lf-head img {
        width: 60px;
    }
    .lf-title {
        font-size: 19px;
        line-height: 23px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 440px;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 21px;
        line-height: 26px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 14px;
        line-height: 16px;
        width: 90%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 35%;
        height: 32%;
        border-radius: 20px;
        transform: translate(10%, 50%);
    }
    .rg-title {
        font-size: 30px;
        line-height: 37px;
        padding: 4% 10%;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 2.05em;
        width: 5.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 8px;
        font-size: 15px;
        line-height: 18px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 2% 10% 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 8px;
        padding: 2%;
        font-size: 19px;
        line-height: 23px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 13px;
        line-height: 16px;
        bottom: 75%;
    }
    .rg-google-btn {
        padding: 0 10%;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 8px;
        width: 100%;
        padding: 2% 25%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 5%;
    }
    .google-btn span {
        font-size: 18px;
        line-height: 22px;
    }
    .rg-privacy-term {
        top: 75%;
    }
    .rg-privacy-term h4 {
        font-size: 17px;
        line-height: 21px;
    }
    .rg-title.otp {
        padding: 5% 10% 0;
    }
    .rg-txt {
        font-size: 15px;
        line-height: 17px;
        padding: 2% 10%;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 45%;
        transform: translate(10%, 25%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 36px;
        left: 3%;
        font-size: 15px;
        line-height: 18px;
    }
    .rg-btns.new-member {
        padding: 1% 10%;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 10% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 35%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 15px;
        line-height: 18px;
    }
}
/*Pro land*/
/*Pro port*/
@media screen and (max-width: 1025px) and (max-height: 1367px) and (min-width: 1023px) and (min-height: 1365px){
    .body{
        display: block;
    }
    .body.bottm{
        display: none;
    }
    .bd {
        padding: 2% 5%;
        width: 100%;
        height: 100%;
    }
    .bd.lf{
        display: none;
    }
    .rg-form {
        width: 90%;
        height: 33%;
        transform: translate(0, 25%);
        background: transparent;
        box-shadow: none;
        text-align: left;
    }
    .rg-title {
        font-size: 60px;
        line-height: 62px;
        padding: 4% 0;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 3.8em;
        width: 6.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 16px;
        font-size: 30px;
        line-height: 33px;
        padding: 3% 0 3% 10%;
    }
    .rg-btns {
        padding: 6% 0;
        text-align: center;
    }
    .rg-btn {
        border-radius: 16px;
        padding: 2%;
        font-size: 32px;
        line-height: 36px;
    }
    .rg-or {
        padding: 0 0 5%;
    }
    .rg-hr {
        padding: 0 20%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        background-color: #F5F5F5;
        padding: 0 10px;
        font-size: 18px;
        line-height: 21px;
        bottom: 75%;
    }
    .rg-google-btn {
        padding: 0;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 16px;
        width: 100%;
        padding: 3% 30%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 6%;
    }
    .google-btn span {
        font-size: 26px;
        line-height: 42px;
    }
    .rg-privacy-term {
        top: 55%;
    }
    .rg-privacy-term h4 {
        font-size: 30px;
        line-height: 34px;
    }
    .rg-title.otp {
        padding: 5% 0 0;
    }
    .rg-txt {
        font-size: 20px;
        line-height: 30px;
        margin: 1% 0;
        padding: 2% 0;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 42%;
        transform: translate(0, 5%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-input.new-member.phone {
        padding: 3% 0 3% 15%;
    }
    .rg-plus-one {
        bottom: 68px;
        left: 3%;
        font-size: 30px;
        line-height: 33px;
    }
    .rg-btns.new-member {
        padding: 1% 0;
    }
    .rg-title.new-logo {
        padding: 4% 0 0;
    }
    .rg-input-image {
        margin: 10% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 40%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 15px;
        line-height: 18px;
    }
    .mail-menu .rg-inputs{
        padding: 0;
    }
    #breadcrumbs ul {
        padding: 25px;
    }
    #breadcrumbs ul li {
        margin: 0 0 0 8px;
        font-size: 20px;
    }
    #breadcrumbs ul li.no-a:before {
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }
    #breadcrumbs.dark ul li.no-a:before{
        border-left: 10px solid rgba(255,255,255,0.3);
    }
    .new-member-menu .rg-title{
        padding: 4% 0 0;
    }
    .new-member-menu .rg-txt{
        padding: 0 0 4%;
    }
    .connection-code{
        padding: 0 0 1%;
    }

    .download_btn_mob{
        display: block;
    }
    .download_btn_mob a {
        transition: .7s;
        background: #FFFFFF;
        box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.09), 0 1px 5px rgba(0, 0, 0, 0.09);
        border: 1px solid #2D343C;
        outline: none;
        display: block;
        margin: 3% 0;
        text-align: center;
        width: 100%;
        padding: 2%;
        font-family: 'Inter', serif;
        font-style: normal;
        font-weight: 700;
        color: #2D343C;
        opacity: 1;
        border-radius: 16px;
        font-size: 32px;
        line-height: 36px;
    }
}
/*Pro port*/
/*Air land*/
@media screen and (max-width: 1181px) and (max-height: 821px) and (min-width: 1179px) and (min-height: 819px){
    .bd {
        padding: 10% 5%;
    }
    .lf-head img {
        width: 100px;
    }
    .lf-title {
        font-size: 18px;
        line-height: 22px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 440px;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 20px;
        line-height: 25px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 13px;
        line-height: 15px;
        width: 90%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 35%;
        height: 32%;
        border-radius: 20px;
        transform: translate(10%, 50%);
    }
    .rg-title {
        font-size: 27px;
        line-height: 34px;
        padding: 4% 10% 2%;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 1.95em;
        width: 5.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 8px;
        font-size: 15px;
        line-height: 18px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 2% 10% 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 8px;
        padding: 2%;
        font-size: 16px;
        line-height: 20px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 13px;
        line-height: 16px;
        bottom: 80%;
    }
    .rg-google-btn {
        padding: 0 10%;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 8px;
        width: 100%;
        padding: 2% 25%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 5%;
    }
    .google-btn span {
        font-size: 15px;
        line-height: 19px;
    }
    .rg-privacy-term {
        top: 70%;
    }
    .rg-privacy-term h4 {
        font-size: 16px;
        line-height: 20px;
    }
    .rg-title.otp {
        padding: 5% 10% 0;
    }
    .rg-txt {
        font-size: 14px;
        line-height: 16px;
        padding: 2% 10%;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 50%;
        transform: translate(10%, 20%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 36px;
        left: 3%;
        font-size: 15px;
        line-height: 18px;
    }
    .rg-btns.new-member {
        padding: 0 10%;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 5% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 30%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 15px;
        line-height: 18px;
    }
}
/*Air land*/
/*Air port*/
@media screen and (max-width: 821px) and (max-height: 1181px) and (min-width: 819px) and (min-height: 1179px){
    .body{
        display: block;
    }
    .body.bottm{
        display: none;
    }
    .bd {
        padding: 2% 5%;
        width: 100%;
        height: 100%;
    }
    .bd.lf{
        display: none;
    }
    .rg-form {
        width: 90%;
        height: 33%;
        transform: translate(0, 25%);
        background: transparent;
        box-shadow: none;
        text-align: left;
    }
    .rg-title {
        font-size: 48px;
        line-height: 50px;
        padding: 4% 0;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 3.2em;
        width: 6.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 16px;
        font-size: 26px;
        line-height: 28px;
        padding: 3% 0 3% 10%;
    }
    .rg-btns {
        padding: 6% 0;
        text-align: center;
    }
    .rg-btn {
        border-radius: 16px;
        padding: 2%;
        font-size: 22px;
        line-height: 36px;
    }
    .rg-or {
        padding: 0 0 5%;
    }
    .rg-hr {
        padding: 0 20%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        background-color: #F5F5F5;
        padding: 0 10px;
        font-size: 18px;
        line-height: 21px;
        bottom: 75%;
    }
    .rg-google-btn {
        padding: 0;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 16px;
        width: 100%;
        padding: 3% 28%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 6%;
    }
    .google-btn span {
        font-size: 23px;
        line-height: 39px;
    }
    .rg-privacy-term {
        top: 55%;
    }
    .rg-privacy-term h4 {
        font-size: 25px;
        line-height: 29px;
    }
    .rg-title.otp {
        padding: 5% 0 0;
    }
    .rg-txt {
        font-size: 18px;
        line-height: 26px;
        padding: 2% 0;
        margin: 1% 0;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 42%;
        transform: translate(0, 5%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-input.new-member.phone {
        padding: 3% 0 3% 15%;
    }
    .rg-plus-one {
        bottom: 59px;
        left: 3%;
        font-size: 26px;
        line-height: 28px;
    }
    .rg-btns.new-member {
        padding: 1% 0;
    }
    .rg-title.new-logo {
        padding: 4% 0 0;
    }
    .rg-input-image {
        margin: 10% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 40%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 15px;
        line-height: 18px;
    }
    .mail-menu .rg-inputs{
        padding: 0;
    }
    #breadcrumbs ul {
        padding: 20px;
    }
    #breadcrumbs ul li {
        margin: 0 0 0 6px;
        font-size: 18px;
    }
    #breadcrumbs ul li.no-a:before {
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }
    #breadcrumbs.dark ul li.no-a:before{
        border-left: 8px solid rgba(255,255,255,0.3);
    }
    .new-member-menu .rg-title{
        padding: 4% 0 0;
    }
    .new-member-menu .rg-txt{
        padding: 0 0 4%;
    }
    .connection-code{
        padding: 0 0 1%;
    }

    .download_btn_mob{
        display: block;
    }
    .download_btn_mob a {
        transition: .7s;
        background: #FFFFFF;
        box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.09), 0 1px 5px rgba(0, 0, 0, 0.09);
        border: 1px solid #2D343C;
        outline: none;
        display: block;
        margin: 3% 0;
        text-align: center;
        width: 100%;
        padding: 2%;
        font-family: 'Inter', serif;
        font-style: normal;
        font-weight: 700;
        color: #2D343C;
        opacity: 1;
        border-radius: 16px;
        font-size: 28px;
        line-height: 34px;
    }
}
/*Air port*/
/*Mini land*/
@media screen and (max-width: 1025px) and (max-height: 769px) and (min-width: 1023px) and (min-height: 767px){
    .bd {
        padding: 10% 5%;
    }
    .lf-head img{
        width: 80px;
    }
    .lf-title {
        font-size: 16px;
        line-height: 20px;
        width: 40%;
    }
    .lf-slider .lf-img {
        padding: 10%;
    }
    .lf-slider .lf-img img {
        max-width: 440px;
    }
    .lf-slider .lf-txt .lf-txt-title {
        font-size: 18px;
        line-height: 23px;
    }
    .lf-slider .lf-txt .lf-txt-txt {
        font-size: 11px;
        line-height: 13px;
        width: 90%;
    }
    .lf-points {
        padding: 5% 0;
    }
    .lf-points img {
        width: 4%;
        margin: 0 5% 0 0;
    }
    .rg-form {
        width: 35%;
        height: 32%;
        border-radius: 20px;
        transform: translate(10%, 50%);
    }
    .rg-title {
        font-size: 23px;
        line-height: 30px;
        padding: 4% 10% 2%;
    }
    .form-rg {
        padding: 0;
    }
    .rg-inputs {
        padding: 0 10%;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 1.85em;
        width: 5.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 8px;
        font-size: 15px;
        line-height: 18px;
        padding: 3% 2% 3% 10%;
    }
    .rg-btns {
        padding: 2% 10% 5%;
        text-align: center;
    }
    .rg-btn {
        border-radius: 8px;
        padding: 2%;
        font-size: 16px;
        line-height: 20px;
    }
    .rg-or {
        padding: 0 10%;
    }
    .rg-hr {
        padding: 0 10%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        padding: 0 10px;
        font-size: 13px;
        line-height: 16px;
        bottom: 85%;
    }
    .rg-google-btn {
        padding: 0 10%;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 8px;
        width: 100%;
        padding: 2% 25%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 5%;
    }
    .google-btn span {
        font-size: 13px;
        line-height: 17px;
    }
    .rg-privacy-term {
        top: 70%;
    }
    .rg-privacy-term h4 {
        font-size: 14px;
        line-height: 18px;
    }
    .rg-title.otp {
        padding: 5% 10% 0;
    }
    .rg-txt {
        font-size: 12px;
        line-height: 14px;
        padding: 2% 10%;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 50%;
        transform: translate(10%, 20%);
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-plus-one {
        bottom: 34px;
        left: 2%;
        font-size: 15px;
        line-height: 18px;
    }
    .rg-btns.new-member {
        padding: 0 10%;
    }
    .rg-title.new-logo {
        padding: 4% 10% 0;
    }
    .rg-input-image {
        margin: 5% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 30%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 15px;
        line-height: 18px;
    }
}
/*Mini land*/
/*Mini port*/
@media screen and (max-width: 769px) and (max-height: 1025px) and (min-width: 767px) and (min-height: 1023px){
    .body{
        display: block;
    }
    .body.bottm{
        display: none;
    }
    .bd {
        padding: 2% 5%;
        width: 100%;
        height: 100%;
    }
    .bd.lf{
        display: none;
    }
    .rg-form {
        width: 90%;
        height: 33%;
        transform: translate(0, 25%);
        background: transparent;
        box-shadow: none;
        text-align: left;
    }
    .rg-title {
        font-size: 45px;
        line-height: 47px;
        padding: 4% 0;
    }
    .form-rg {
        padding: 0 10%;
    }
    .rg-inputs {
        padding: 0;
        text-align: left;
    }
    .rg-input-mes {
        left: 2%;
        top: 2.9em;
        width: 6.5%;
    }
    .rg-input {
        border-width: 2px;
        border-radius: 16px;
        font-size: 24px;
        line-height: 26px;
        padding: 3% 0 3% 10%;
    }
    .rg-btns {
        padding: 6% 0;
        text-align: center;
    }
    .rg-btn {
        border-radius: 16px;
        padding: 2%;
        font-size: 22px;
        line-height: 30px;
    }
    .rg-or {
        padding: 0 0 5%;
    }
    .rg-hr {
        padding: 0 20%;
        width: 100%;
        height: 20px;
        border-top-width: 2px;
    }
    .rg-hr span {
        background-color: #F5F5F5;
        padding: 0 10px;
        font-size: 18px;
        line-height: 21px;
        bottom: 75%;
    }
    .rg-google-btn {
        padding: 0;
    }
    a.google-btn {
        border-width: 2px;
        border-radius: 16px;
        width: 100%;
        padding: 3% 28%;
        margin: 1% 0;
    }
    .google-btn img {
        width: 6%;
    }
    .google-btn span {
        font-size: 22px;
        line-height: 38px;
    }
    .rg-privacy-term {
        top: 55%;
    }
    .rg-privacy-term h4 {
        font-size: 23px;
        line-height: 27px;
    }
    .rg-title.otp {
        padding: 5% 0 0;
    }
    .rg-txt {
        font-size: 16px;
        line-height: 24px;
        padding: 2% 0;
    }
    .rg-input.otp{
        margin: 8% 0 4%;
    }
    .rg-form.new-member {
        height: 42%;
        transform: translate(0, 5%);
    }
    .form-rg{
        padding: 0;
    }
    .new-member-menu .form-rg{
        margin: 4% 0 0;
    }
    .rg-input.new-member {
        padding: 3% 2% 3% 5%;
        margin: 1% 0;
    }
    .rg-input.new-member.phone {
        padding: 3% 0 3% 15%;
    }
    .rg-plus-one {
        bottom: 55px;
        left: 3%;
        font-size: 24px;
        line-height: 26px;
    }
    .rg-btns.new-member {
        padding: 1% 0;
    }
    .rg-title.new-logo {
        padding: 4% 0 0;
    }
    .rg-input-image {
        margin: 10% 0 1%;
        border-width: 2px;
        border-radius: 8px;
        padding: 5%;
    }
    .rg-input-image img {
        width: 40%;
        padding: 5%;
    }
    .rg-input-image h4 {
        font-size: 15px;
        line-height: 18px;
    }
    .new-member-bottom-desc {
        font-size: 85%;
        line-height: 35%;
    }
    .mail-menu .rg-inputs{
        padding: 0;
    }
    #breadcrumbs ul {
        padding: 15px 20px;
    }
    #breadcrumbs ul li {
        margin: 0 0 0 5px;
        font-size: 16px;
    }
    #breadcrumbs ul li.no-a:before {
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
    }
    #breadcrumbs.dark ul li.no-a:before{
        border-left: 6px solid rgba(255,255,255,0.3);
    }
    .new-member-menu .rg-title{
        padding: 4% 0 0;
    }
    .new-member-menu .rg-txt{
        padding: 0 0 4%;
    }
    .connection-code{
        padding: 0 0 1%;
    }

    .download_btn_mob{
        display: block;
    }
    .download_btn_mob a {
        transition: .7s;
        background: #FFFFFF;
        box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.09), 0 1px 5px rgba(0, 0, 0, 0.09);
        border: 1px solid #2D343C;
        outline: none;
        display: block;
        margin: 3% 0;
        text-align: center;
        width: 100%;
        padding: 2%;
        font-family: 'Inter', serif;
        font-style: normal;
        font-weight: 700;
        color: #2D343C;
        opacity: 1;
        border-radius: 16px;
        font-size: 26px;
        line-height: 30px;
    }
}
/*Mini port*/
/*iPad*/