@media only screen and (max-width: 1300px)
{
    .right
    {
        zoom: 0.85;
    }

}

@media only screen and (max-width: 1024px)
{
    .make-your-choice ul {
        display: block;
    }
    .make-your-choice ul li {
        display: block;
    }
    .make-your-choice .choice.with-icon ul li a,.make-your-choice ul li a {
        width: auto;
    }
    .accounts .accounts-inner-wrapper .item-wrapper .scroll-bar
    {
        display: none;
    }
    .accounts .accounts-inner-wrapper .more-con,.accounts .accounts-inner-wrapper .item-wrapper
    {
        float: none;
        width: auto;
        display: block;
    }
    .accounts .accounts-inner-wrapper .item-wrapper .items .item table
    {
        margin: 0 auto;
    }
    
    .right
    {
        zoom: 1;
        width: auto;
    }

    textarea
    {
        width: 100%;
        box-sizing: border-box;
    }

    .header-wrapper, .wrapper
    {
        width: auto;
    }

    .header
    {
        zoom: 1;
        -moz-transform: scale(1);
        -moz-transform: scale(1);
    }

        .header .last-login
        {
            position: static;
        }

    .top-banner
    {
        height: auto;
    }

        .top-banner .left-banner, .top-banner .right-banner
        {
            width: 100%;
            position: static;
        }

    .left, .right
    {
        float: none;
        width: 100%;
    }

        .right .tools
        {
            text-align: center;
        }

            .right .tools > div
            {
                margin: 10px;
                text-align: left;
            }

        .right .banners
        {
            text-align: center;
        }

            .right .banners a
            {
                display: inline-block;
                margin: 5px;
            }

/*
    .personal-accounts
    {
        max-width: 200px;
    }
*/
        .personal-accounts .prev, .personal-accounts .next {
            height: 40px;
            top: 18%;
        }

        .personal-accounts .slide-conteriner .personal-account .personal-info .contacts {
            zoom: 0.8;
        }

    /*Login*/

    .login > div
    {
        float: none;
        display: block;
        width: auto!important;
    }

    .login .services, .login .progress-steps
    {
        width: auto!important;
        float: none;
        border: none;
    }

    .branches .map
    {
        float: none;
        margin: 30px auto;
    }

    .branches .branch-info
    {
        float: none;
        margin: 0 auto;
        width: auto;
    }

    .personal-accounts .slide-conteriner .personal-account .personal-info
    {
        text-align: center;
    }

        .personal-accounts .slide-conteriner .personal-account .personal-info .photo
        {
            float: none;
            display: inline-block;
            margin: 0 auto;
            margin-bottom: 20px;
        }

        .personal-accounts .slide-conteriner .personal-account .personal-info .note
        {
            display: block;
            width: auto;
        }

        .personal-accounts .slide-conteriner .personal-account .personal-info .contacts
        {
            float: none;
            clear: both;
            width: auto;
            text-align: left;
        }

    .personal-accounts .slide-conteriner .personal-account .message, .personal-accounts .slide-conteriner .personal-account .contact-buttons
    {
        float: none;
        width: auto;
    }

    .steps .step
    {
        display: block;
        padding: 0;
        margin-bottom: 10px;
    }

    .step-content
    {
        padding: 0;
        padding-bottom: 20px;
        padding-top: 220px;
        background-position: top center;
    }

        .step-content > table td, .step-content > table th, .step-box td, .step-box th
        {
            display: block;
        }

    .content-wrapper .content .amount-box .boxes
    {
        display: block;
        float: none!important;
        margin: 20px 0px;
    }

    .select-table table td
    {
        display: block;
        border: none!important;
    }

    .listing-table td, .listing-table th
    {
        display: block;
    }

    .listing-table td
    {
        padding-left: 20px;
    }

   

    .listing.backgrounded td, .listing.backgrounded th
    {
        display: block;
    }

    .green-arrow-table td, .green-arrow-table th
    {
        display: block;
    }

    .filter-container .right-filter, .filter-container .left-filter
    {
        float: none;
        border: none;
        text-align: center;
        margin: 10px auto;
        width: auto;
        zoom: 0.8;
    }
}
@media only screen and (max-width: 970px) {
    .bej-box table td select {
        width: 100%;
    }
    .accounts .accounts-inner-wrapper .item-wrapper .items
    {
        height: 100px;
    }
     .accounts .accounts-inner-wrapper .item-wrapper .items .item table td
    {
        display: block;
        text-align: center;
        height: auto;
    }
    .warning .gif {
        float: none;
        margin: 0px auto;
    }
    .warning .warning-content-new {
        float: none;
        max-width: none;
    }
    .content .top-head .right-side {
        margin-bottom: 10px;
    }

    
}
@media only screen and (max-width: 767px)
{
.personal-accounts
    {
        max-width: 200px;
    }
}
@media only screen and (max-width: 700px)
{
    .festival {
        display:none;
    }
    .hidden-title {
        display :none!important;
    }
     .bej-box td, .bej-box th
    {
        display: block;
    }
    .accounts .accounts-inner-wrapper .item-wrapper .items .item table td ul
    {
        display: block;
    }
    .top-banner .left-banner .image-con
    {
        padding: 0;
        background: none;
    }

        .top-banner .left-banner .image-con img
        {
            margin: 0 auto;
        }

    .confirmed, .not-confirmed
    {
        background-position-x: left!important;
    }

    .warning .warning-content
    {
        width: auto;
        max-width: none;
        min-width: 0;
    }

    table.fixed
    {
        width: 100%;
    }

    .emailpsd
    {
        min-width: 0;
    }

    tr.odd th
    {
        display: none;
    }

    tr.even th
    {
        display: none;
    }

    tr.odd td
    {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 5px 10px;
        text-align: left!important;
        min-width: 0;
        max-width: none;
    }
    tr {
        position: relative;
    }
    tr.even td
    {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 5px 10px;
        min-width: 0;
        max-width: none;
        text-align: left!important;

    }

        tr.odd td h3, tr.even td h3, tr.odd td h4, tr.even td h4,tr.resp td
        {
            display: block;
        }

    .simple-table tr.odd th, .simple-table tr.odd td, .simple-table tr.even th, .simple-table tr.even td
    {
        display: block;
        min-width: 0;
        max-width: none;
    }

    .colored-tables > div
    {
        padding: 0;
        padding-top: 120px;
        background-position: top center;
    }

    .blue-box
    {
        min-width: 0;
        display: block;
    }

        .blue-box .boxes
        {
            min-width: 0;
            max-width: none;
            float: none;
            border: none;
            padding: 10px;
        }

            .blue-box .boxes:first-child
            {
                padding: 10px;
            }

    .login-form table th, .login-form table td
    {
        
    }

    .trafic-info
    {
        min-width: initial;
    }

    .warning
    {
        min-width: inherit;
    }



    .header-wrapper .header-right .search
    {
        clear: both;
        float: right;
        margin-right: 15px;
        margin-top: 10px;
    }

    .navigation
    {
        border-radius: 0;
    }

        .navigation > ul > li
        {
            display: block;
            text-align: left;
            border-bottom: 1px solid #fff;
        }

            .navigation > ul > li > a
            {
                text-align: left;
                padding: 10px;
                padding-left: 50px;
                background-position-x: 5px;
            }

            .navigation > ul > li .info-box
            {
                right: 15px;
                top: 20px;
                bottom: auto;
            }

    .none-member-message .message-content
    {
        width: 100%;
    }

    .questions .amount input[type="text"]
    {
        width: 90%;
        box-sizing: border-box;
    }

    .pop-up
    {
        left: 1%;
        right: 1%;
    }

        .pop-up .pop-content
        {
            padding: 0;
            padding-top: 170px;
            background-position: top center;
            width: 100%;
            text-align: center;
            margin: 0 auto;
            display: block;
            height: auto;
        }
}