@media (max-width:1400.98px)
{
}

@media (max-width:1200.98px)
{
    .cpanel .header,
    .cpanel .content,
    .cpanel .footer,
    body.cpanel > .wrapper {
        min-width: 500px;
    }

    .cpanel .header .wrapper,
    .cpanel .footer .wrapper
    {
        width: 100%;
    }
}

@media (max-width:992.98px)
{
    .cpanel .header,
    .cpanel .content,
    .cpanel .footer,
    body.cpanel > .wrapper {
        min-width: 500px;
    }

        .cpanel .header .wrapper,
        .cpanel .footer .wrapper
        {
            width: 100%;
        }

    .footer-legal
    {
        min-width: 700px;
    }
}

@media (max-width:830px)
{
    .cpanel .header,
    .cpanel .content,
    .cpanel .footer,
    body.cpanel > .wrapper {
        min-width: 500px;
    }

        .cpanel .header .wrapper,
        .cpanel .footer .wrapper
        {
            width: 100%;
        }

    .footer-legal
    {
        min-width: 700px;
    }
}

@media (max-width:768.98px)
{
    .cpanel .header,
    .cpanel .content,
    .cpanel .footer,
    body.cpanel > .wrapper {
        min-width: 500px;
    }

        .cpanel .header .wrapper,
        .cpanel .footer .wrapper
        {
            width: 100%;
        }

    .footer-legal
    {
        min-width: 370px;
        flex-direction: column;       
    }

    .footer-legal .fooret-legal-sep
    {
        display: none;
    }

    .cpanel .footer
    {
        height: 109px;
        margin: -110px auto 0;
    }
}

@media (max-width:480.98px)
{
    .cpanel .header,
    .cpanel .content,
    .cpanel .footer,
    body.cpanel > .wrapper {
        min-width: 340px;
        font-family: Verdana;
    }

    body.cpanel > .wrapper {
        background-image: 
            linear-gradient(180deg, rgba(146, 229, 255, 0) -52.64%, #D9F6FE 50%),
            url("./newdesign/images/body-mobile.jpg");
        background-size: contain;
    }

    .header {
        background: none !important;
        height: 56px;
    }

    .content .wrapper {
        margin: 0;
    }

    .cpanel > .wrapper > .header .wrapper .logo-box > div {
        width: 340px;
    }

    .cpanel .header .wrapper,
    .cpanel .footer .wrapper
    {
        width: 100%;
    }

    .cpanel .header .wrapper .logo {
        height: 50px;
        width: 58px;
        margin: 0;
        margin-left: 17px;
        margin-top: 3px;
        padding: 5px;
    }

    .cpanel .header .wrapper .slogan {
        height: 33px;
        width: 80px;
        margin: 9px 0 9px 15px;
        font-size: 10px;
        font-family: Open Sans !important;
        font-weight: 400;
        line-height: 110.00000000000001%;
    }

    .header .wrapper > .right_block {
        margin: 0;
        width: 88px;
        margin-top: 12px;
        margin-right: 10px;
    }

    .header .wrapper > .right_block .phone span:not(.icon) {
        display: none;
    }

    .cpanel div.right_block span {
        font-size: 0;
        line-height: 0;
    }

    .cpanel div.right_block span div.lahguage {
        background-image: none !important;
        width: 32px;
        height: 32px;
        border: none;
    }

    .cpanel div.right_block span svg.lang-mob {
        display: inline-block;
    }

    .header .wrapper > .right_block .phone {
        margin: 0;
    }

    .cpanel div.right_block div.phone .icon {
        width: 32px !important;
        height: 32px !important;
        margin: 0 !important;
        margin-left: 24px !important;
        background: none !important;
    }

    .footer-legal
    {
        min-width: 340px;
        flex-direction: column;      
    }

    .footer-legal .fooret-legal-sep
    {
        display: none;
    }

    .cpanel .footer
    {
        height: 50px;
        margin: 0;
    }

    .cpanel > .wrapper > .header .wrapper .logo-box > div > div:nth-child(2) {
        width: 150px;        
    }

    .cpanel div.logo
    {
        margin-left: 0px;
        margin-right: 0px;
    }

    .cpanel .content .wrapper
    {
        width: 100%;
    }

    .cpanel .content .wrapper .page_content .line_1
    {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0 !important;
        align-items: center;
    }

    .cpanel .content .wrapper .page_content .line_1 .user_form_block 
    {
        margin: 0;
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 18px 0 105px 0;
        font-family: Verdana !important;
    }

    .cpanel .content .wrapper .page_content .line_1 .user_form_block .title {
        font-family: Verdana !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 130% !important;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
        color: black !important;
    }

    .cpanel .content .wrapper .page_content .line_1 .user_form_block form {
        width: 280px;
    }

    .cpanel .content .wrapper .page_content .line_1 .user_form_block form input.row {
        width: 258px !important;
    }

    #Password, #ConfirmPassword {
        width: 222px !important;
    }

    .cpanel .content .wrapper .page_content .line_1 .user_form_block form .rules {
        font-size: 10px;
        letter-spacing: 0;
        white-space: nowrap;
    }

    #registerForm > div.need-help > div:nth-child(3) > a:nth-child(1) {
        display: none;
    }

    .cpanel .content .wrapper .page_content .line_1 .login_bnr,
    .cpanel .content .wrapper .page_content .line_1 .login_bnr .title,
    .cpanel .content .wrapper .page_content .line_1 .user_form_block {
        width: 100%;
    }

    .cpanel .content .wrapper .page_content .line_1 .login_bnr .title {
        font-size: 18px;
        font-family: Verdana !important;
        text-align: center;
        color: black !important;
        font-weight: 700;
        line-height: initial;
        width: 100%;
        margin: 0;
    }

    .cpanel .content .wrapper .page_content .line_1 .login_bnr{
        height: 70px;
        margin: 20px 0;
        width: 380px;
        background: none !important;
    }

    .cpanel .content .wrapper .page_content .line_1 .login_bnr .reg_link {
        display: none;
    }

    .cpanel input[type="submit"], .cpanel input[type="button"].submit 
    {
        color: white !important;
    }

    .cpanel .content .wrapper .page_content .line_1 .user_form_block > div 
    {
        margin-top: 42px;
    }

    .cpanel .content .wrapper .page_content .line_1 .user_form_block span,
    .cpanel .content .wrapper .page_content .line_1 .user_form_block a {
        font-size: 10px !important;
    }

    .google_id > a, .registration > a {
        color: #00B9ED !important;
    }

    .cpanel .content .wrapper .page_content .line_1 .user_form_block form input.sbm {
        background: #00B9ED;
        width: 85px;
        height: 28px;
        border-radius: 16px;
        font-family: Verdana;
        font-weight: 400;
        font-size: 10px;
    }

    .cpanel .footer .wrapper .copy {
        margin-right: 72px;
        font-size: 10px;
        font-family: Open-Sans;
    }

    .two_cols {
        flex-direction: row-reverse !important;
    }

    .message p {
        font-family: Arial !important;
        text-indent: 0px !important;
        text-align: center !important;
        font-size: 12px !important;
    }

    #formsubmit {
        font-family: Arial !important;
        font-weight: 700 !important;
        font-size: 12px !important;
        line-height: 130% !important;
        text-align: center;
        vertical-align: middle;
    }

    .mob.help-box {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        height: 28px;
        align-items: center;
    }
        .help-box > .hde {
            margin: 0;
        }

    #registerForm > div.need-help > div:nth-child(1) {
        display: none;
    }

    #registerForm {
        margin-top: 24px;
    }

    /*body > div.wrapper > header > div.wrapper {
        background: none;
    }*/

    #Forgot-mob, .hde a {
        color: black !important;
    }

    .need-help {
        height: 28px;
    }

    .need-help a {
        color: black !important;
    }

    .two_cols a {
        color: black !important;
    }

    .line_2 {
        display: none;
    }

    .mob-hide {
        display: none;
    }

    .mob {
        display: block;
    }
}