@media  screen and (max-width: 1920px) {
    .mid-responsive,
    .navigation-responsive,
    .navigation-two-responsive,
    .middle-top-responsive,
    .home-page-container{
        max-width: 1279px;
        margin-right: auto;
        margin-left: auto;
    }
     .login-body {
        margin: auto;
    }
    .forget-password {
        left: 398px;
    }
    .login-button {
        margin-top: 21px;
    }
    .forgot-password-container .forgot-password-mid-container {
        z-index: 2;
        background-color: #ffffff2b;
        border-radius: 50px;
        /*padding: 42px 98px;*/
    }
    /*.home-page-container .middle-container {*/
    /*    height: 700px;*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*    align-items: center;*/
    /*}*/

    /*rechapcha*/
    /*.g-recaptcha {*/
    /*    transform: scale(1.662,1.1);*/
    /*    -webkit-transform:scale(1.662,1.1);*/
    /*    transform-origin:0 0;*/
    /*    -webkit-transform-origin:0 0;*/
    /*    max-width: 280px;*/
    /*}*/
    /*rechapcha*/
}
@media  screen and (min-width: 1681px) and (max-width: 1919px) {
    .forget-password {
        left: 321px;
    }
    /*rechapcha*/
    /*.g-recaptcha {*/
    /*    transform: scale(1.4,1.1);*/
    /*    -webkit-transform:scale(1.4,1.1);*/
    /*    transform-origin:0 0;*/
    /*    -webkit-transform-origin:0 0;*/
    /*    max-width: 280px;*/
    /*}*/
    /*rechapcha*/
}
@media  screen and (max-width: 1680px) {
    .forget-password {
        left: 324px;
    }
    .login-button {
        margin-top: 11px;
    }

    /*rechapcha*/
    /*.g-recaptcha {*/
    /*    transform: scale(1.41,1.1);*/
    /*    -webkit-transform:scale(1.41,1.1);*/
    /*    transform-origin:0 0;*/
    /*    -webkit-transform-origin:0 0;*/
    /*    max-width: 280px;*/
    /*}*/
    /*rechapcha*/
}


@media  screen and (max-width: 1600px) {
    .forget-password {
        left: 279px;
    }
    .login-button {
        margin-top: 11px;
    }
/*.btn-sign-in {*/
/*    width: 175px;*/
/*}*/
/*.btn-google {*/
/*    width: 175px;*/

/*}*/

/*    .g-recaptcha {*/
/*        transform: scale(1.243,1.1);*/
/*        -webkit-transform:scale(1.243,1.1);*/
/*        transform-origin:0 0;*/
/*        -webkit-transform-origin:0 0;*/
/*        max-width: 280px;*/
/*    }*/
    /*rechapcha*/
}

@media  screen and (max-width: 1440px) {
    /*.home-page-container .middle-container {*/
    /*    height: 554px;*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*    align-items: center;*/
    /*}*/
    .forget-password {
        left: 247px;
    }
    .login-button {
        margin-top: 11px;
    }
    .home-page-container
    {
        max-width: 1100px;
        margin-right: auto;
        margin-left: auto;
    }

    /*.btn-sign-in {*/
    /*    width: 160px;*/
    /*}*/
    /*.btn-google {*/
    /*    width: 160px;*/

    /*}*/

    /*rechapcha*/
    /*.g-recaptcha {*/
    /*    transform: scale(1.145,1.1);*/
    /*    -webkit-transform:scale(1.145,1.1);*/
    /*    transform-origin:0 0;*/
    /*    -webkit-transform-origin:0 0;*/
    /*    max-width: 280px;*/
    /*}*/
    /*rechapcha*/
}
@media  screen and (max-width: 1366px) {
    .mid-responsive,
    .navigation-responsive,
    .navigation-two-responsive,
    .middle-top-responsive,
    .home-page-container
    {
        max-width: 900px;
        margin-right: auto;
        margin-left: auto;
    }
    /*.home-page-container .middle-container {*/
    /*    height: 440px;*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*    align-items: center;*/
    /*}*/
    .login-body {
         margin: 19px 91px;
    }
    .right-login-section .login-body .robot-field {
        width:316px;
    }

    .forget-password {
        left: 218px;
    }
    .login-button {
        margin-top: 11px;
    }
    .forgot-password-container .forgot-password-mid-container {
        z-index: 2;
        background-color: #ffffff2b;
        border-radius: 50px;
        /*padding: 19px 58px;*/
    }
    ul#example li span {
        font-size: 3.375rem;
        font-weight: 400;
        line-height: 80px;
        font-family: Poppins;
    }
    ul#example li.seperator {
        font-size: 51px;
        line-height: 70px;
        vertical-align: top;
    }
    .home-page-container #newHomePageHeading {
        color: rgb(214, 222, 34);
        font-weight: 500;
        font-size: 28px;
        line-height: 50px;
    }
    .home-page-container #sponsored {
        color: #FFFFFF;
        font-weight: 400;
        font-size: 17px;
        line-height: 26px;
    }
    .home-page-container #enterEmail {
        color: rgba(255, 255, 255, 0.6);
        font-weight: 400;
        font-size: 14px;
        line-height: 27px;
    }
    /*.btn-sign-in {*/
    /*    width: 150px;*/
    /*}*/
    /*.btn-google {*/
    /*    width: 150px;*/

    /*}*/


    /*rechapcha*/
    /*.g-recaptcha {*/
    /*    transform:scale(1.065, 0.97);*/
    /*    -webkit-transform:scale(1.065, 0.97);*/
    /*    transform-origin:0 0;*/
    /*    -webkit-transform-origin:0 0;*/
    /*    max-width: 280px;*/
    /*}*/
    /*rechapcha*/
}
@media  screen and (max-width: 1280px) {
    /*.g-recaptcha {*/
    /*    transform:scale(0.975, 0.87);*/
    /*    -webkit-transform:scale(0.975, 0.87);*/
    /*    transform-origin:0 0;*/
    /*    -webkit-transform-origin:0 0;*/
    /*    max-width: 280px;*/
    /*}*/
    /*rechapcha*/
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .forget-password {
        left: 111px;
    }
    /*.btn-sign-in {*/
    /*    width: 100px;*/
    /*}*/
    /*.btn-google {*/
    /*    width: 100px;*/

    /*}*/
    /*.g-recaptcha {*/
    /*    transform:scale(0.69, 0.7);*/
    /*    -webkit-transform:scale(0.69, 0.7);*/
    /*    transform-origin:0 0;*/
    /*    -webkit-transform-origin:0 0;*/
    /*    max-width: 280px;*/
    /*}*/
    /*rechapcha*/
}
@media (min-width: 1200px) {
    .dashboard-container {
        max-width: 1240px;
        margin-right: auto;
        margin-left: auto;
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

    .v-application .ma-0 {
        margin: -12px !important;

    }
    .login-container, .register-container {
          padding:40px 20px;
      }
    .login-container #dontHaveAccount {
        /*display: none;*/
    }
    .login-container #welcomeTitle {
        font-size: 26px;
    }
    .btn-warning {
        /*display: none;*/
    }
    .register-container #alreadyHaveAccount {
        /*display: none;*/
    }
    .register-container #createAccount {
        font-size: 25px;
    }
    .dashboard-container #middleCurrencyConversion {
        font-size: 24px;
        line-height: 1;
    }
    .dashboard-container #welcomeOttoTitle {
        font-size: 22px;
    }
    .dashboard-container #logoDataframe_logo {
        height:80px !important;
        margin-left:33px;
    }
    .dashboard-container .small-responsive {
        padding: 0 6px 24px 60px !important;
    }
    .dashboard-container .responsive-small-device {
        /*display: none;*/
    }
    .middle-dashboard .responsive-start-stop-button {
        line-height: 6 !important;
    }
    .loginPageDataframe-form .loginPageDataframe-form-content {
        padding: 28px!important;
    }
    .login-container .responsive-column {
        max-width: 90%;
    }
.dashboard-container .middle-dashboard {
    max-width: 77%;
}
    .register-container .register-responsive {
        max-width: 94%;
    }
    .forgot-password-container .login-title {
        font-size: 23px;
    }
    .forgot-password-container .forgot-password-mid-container {
        padding: 13px 22px;
    }
    .home-page-container {
        max-width:75%;
    }
    .home-page-container #newHomePageHeading {
        color: #d6de22;
        font-weight: 600;
        font-size: 30px;
        line-height: 40px;
    }
    .home-page-container #enterEmail {
        color: rgba(255, 255, 255, 0.6);
        font-weight: 400;
        font-size: 12px;
        line-height: 27px;
    }
    .home-page-container #sponsored {
        font-size: 21px;
    }
    ul#example {
        margin: 18px 0 !important;
    }
    ul#example li p {
        color: #a7abb1;
        font-size: 12px;
        line-height: 0;
    }
    ul#example li span {
        font-size: 2.275rem;
        font-weight: 400;
        line-height: 66px;
        font-family: Poppins;
    }
    ul#example li.seperator {
        font-size: 37px;
        line-height: 61px;
        vertical-align: top;
    }
    .home-page-container .notify .v-btn:not(.v-btn--round).v-size--default {
        width: 100% ;
    }
    .home-page-container .notify {
        margin-top: 0 !important;
        margin-left: 0!important;
    }
    .home-page-container .footer-content {
        position: inherit !important;
    }
    .home-page-container .footer-text{
       align-items: start;
    margin-top: 10px;
    margin-bottom: 80px;

    }
    .home-page-container .footer-text #footer {
        font-size: 70%;
    }
   /*.responsive-content .navigation-drawer .v-btn .v-btn__content .v-icon {*/
   /*     margin-top: 55px;*/
   /* }*/
    .home-page-container .v-btn .v-btn__content .v-icon {
        font-size: 23px;
    }
    .home-page-container .navigation-drawer {
        width: 100% !important;
    }
    .home-page-container .navigation-drawer h2 {
        font-size: 1.25rem;
    }
    .home-page-container  .notify {
        padding-top: 0 !important;
    }
 .home-page-container .responsive-content-four {
     background-color: unset !important;
    }

    .home-page-container  .responsive-content{
        margin-bottom: 0 !important;
    }
    .home-page-container  .responsive-content-two{
        margin-bottom: 15px !important;
        margin-top: 10px !important;
    }
    .home-page-container  .responsive-content-three {
        margin-top: 10px !important;
    }
    .ts-background-image {
        position: unset;
    }
    .home-page-container .middle-container {
        margin-top: 45px;
        height: auto;
    }
    .home-page-container .responsive-content-five {
        margin-top: 20px;
    }
    .home-page-container h2 {
        font-size: 18px;
    }
    .home-page-container  .last-paragraph{
       margin-bottom: 0;
    }

}
@media only screen and (device-width: 320px) and (orientation: portrait) {
    .loginPageDataframe-form .loginPageDataframe-form-content {
        padding: 24px !important;
    }
    .login-container .responsive-column {
        max-width: 94%;
    }
    .dashboard-container #middleCurrencyConversion {
        font-size: 21px;
    }
    .login-container #welcomeTitle {
        font-size: 23px;
    }
    .dashboard-container #welcomeOttoTitle {
        font-size: 18px;
    }
    .dashboard-container #logoDataframe_logo {
        height:69px !important;
        margin-left:33px;
    }
    .dashboard-container .small-responsive {
        padding: 0 6px 24px 60px !important;
    }
    .dashboard-container .responsive-small-device {
        /*display: none;*/
    }
    .middle-dashboard .responsive-start-stop-button {
        line-height: 6 !important;
    }
    .dashboard-container .middle-dashboard {
        max-width: 77%;
    }
    .register-container #createAnAccount {
        font-size: 14px;
    }
    .register-container #createAccount {
        font-size: 20px;
    }
    .register-container .register-responsive {
        max-width: 96%;
    }
    .forgot-password-container .login-title {
        font-size: 26px;
    }
    .forgot-password-container .forgot-password-mid-container {
        padding: 13px 22px;
    }
    .forgot-password-container #resetPassword {
        font-size: 26px;
    }
       /*iphone newHomepage*/
    ul#example {
        margin: 0 0;
    }
    ul#example li p {
        color: #a7abb1;
        font-size: 22px;
        line-height: 0;
    }
    ul#example li p {
        color: #a7abb1;
        font-size: 9px;
        line-height: 0;
    }
    .home-page-container .footer-text #footer {
        font-size: 65%;
    }
    /*iphone newHomepage*/
}
@media  screen and (max-width: 320px) {
    .login-container, .register-container {
        padding:0;
    }
}
@media only screen and (device-width: 480px) and (orientation: landscape) {
    .dashboard-container #middleCurrencyConversion {
        font-size: 40px;
    }
    ul#example li p {
        color: #a7abb1;
        font-size: 9px;
        line-height: 0;
    }
    .home-page-container .footer-text #footer {
        font-size: 65%;
    }
}
@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {

}
@media only screen and (min-device-width: 640px) and (max-device-width: 960px) {

}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* insert styles here */
    .mid-responsive,
    .navigation-responsive,
    .navigation-two-responsive,
    .middle-top-responsive,
    .home-page-container {
        max-width: 820px;
        margin-right: auto;
        margin-left: auto;
    }

    ul#example li p {
        color: #a7abb1;
        font-size: 19px;
        line-height: 0;
    }
    .ts-background-image {
        position: unset;
    }
}
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        /* insert styles here */
        .mid-responsive,
        .navigation-responsive,
        .navigation-two-responsive,
        .middle-top-responsive,
        .home-page-container
        {
            max-width: 700px;
            margin-right: auto;
            margin-left: auto;
        }
        ul#example li p {
            color: #a7abb1;
            font-size: 14px;
            line-height: 0;
        }
        ul#example li span {
            font-size: 3.375rem;
        }
        .ts-background-image {
            position: unset;
        }
}
@media  screen and (max-width: 585px) {
    #orderSizeDataframe_form {
        margin: 0;
        padding:30px;
        padding-top: 50px !important;
    }
}
@media  screen and (max-width: 766px) {
    .drawer, .hamburger {
        display: block;
    }
    .banner {
        display:none;
    }
}