/* XLarge Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    .header {
        background-position: center 250px;
        height: 768px;
        background-image: url("../img/header_background.png");
    }

    .img_cover {
        margin-right: -3300px;
        top: 125px;
    }
    .spacer{
        height: 0px;
    }


}



/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {

    .header {
        background-position: center 250px;
        height: 768px;
        background-image: url("../img/header_background.png");
    }

    .img_cover {
        margin-right: -2900px;
        top: 281px
    }
    .send_to_email_button{
        margin-left: -25px;
    }

    /*==========  Error  ==========*/
    .error{
        left: 635px;
    }

    .reg_pwd_msg {
        left: 635px;
    }
    
    .error_expiry {
        left: 22px;
        margin-top: 23px;
        width: 132px;
    }
    .error_cvv {
        left: -40px;
        margin-top: 37px;
        width: 181px;
    }

    /*==========  Cards  ==========*/


    .history_check_state_icon {
        margin: 22px -5px 0 0;
    }
    .cards_img {
        background-position: -870px -55px;
        height: 295px;
        width: 345px;
    }
    .text_area_white, .text_area_transparent{
        float: none;
        margin: auto;
        width: 435px;
    }
    .text_area_transparent h4{
        margin-top: 0;
        max-width: 500px;
    }
    .text_area_transparent button{
        margin: 30px auto;
        position: relative;
    }
    .add_card_lookupform h3, .transfer_lookupform h3{
        bottom: 0;
        margin-top: 68px;
    }
    .security_logo {
        margin: 10px auto 30px;
    }

    .next_arrow {
        left: 55px;
        top: 80px;
    }
    .amount_block {
        left: -525px;
        position: absolute;
        top: 265px;
        height: 180px;
        max-width: 250px;
    }

    .error_card_number, .error_email_address, .error_phone_number {
        left: 64px;
    }
    .error_amount{
        left: 27px;
        top: 146px;
    }
    .error_a2c_code{
        left: 50px !important;
        top: 45px;
        width: 200px !important;
    }
    .error_a2c_code .triangle_up {
        left: 90px;
    }
    .error_expiry {
        left: 20px;
    }
    .error_cvv {
        left: -35px;
    }
    .back_button, .repeat_button, .success_left_section .register_button, .receive_again_button {
        margin: 15px 5px 0;
        width: 170px;
    }
    .transfer_comment{
        padding-bottom: 50px;
        top: 0;
    }
    .card_select_dropdown_logined_short_from, .card_select_dropdown_logined_short_to {
        left: 297px;
    }
    .card_transfer_form_logined .bootstrap-select.btn-group .dropdown-menu {
        width: 335px;
    }
    .question_note{
        left: 280px;
        top: 336px;
    }
    .history_cards_img {
        background-position: 0 0;
        background-size: 600px 580px;
        height: 340px;
        width: 420px;
    }
    .header_action_buttons {
        width: unset;
        left: 55px;
    }
    .receive_top_button {
        margin-left: -22px;
        width: 170px;
    }
    .send_group {
        margin: 0;
    }
    .history_timeline {
        width: 450px;
    }
    .history_template {
        width: 420px;
    }
    .template_add_button {
        margin-right: 4px;
    }
    .timeline_label{
        margin-left: 0px;
    }
    .template_label {
        margin-left: -10px;
    }
    .timeline_dropdown {
        left: 180px;
    }
    .receive_card_width {
        float: right;
        left: 0px;
    }
    .receive_next_arrow{
        left: 63px;
    }
    .emphasis_blue {
        margin: -3px 0 0;
    }
    .question_receive_txt_logined {
        left: 153px;
    }
    .question_receive_txt {
        left: 88px;
    }

}
/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {


    .header {
        background-image: url("../img/header_background_md.png");
        background-position: -85px 360px;
        height: 756px;
    }
    .img_cover {
        margin-right: -3076px;
        top: 269px;
    }
    .navbar-flat{
        padding: 0;
    }
    .nav > li {
        padding: 0 5px;
    }
    .bar_separator {
        margin: 0 5px;
    }
    .top_header {
        height: 100px;
    }

    .receive_main_button {

        right: 43px;

    }
    .options {
        padding: 25px 0;
    }
    .line_one {
        left: 0px;
    }
    .line_two {
        position: relative;
        left: 0px;
    }
    .opt_c2c{
        margin: auto;
        text-align: center;
        width: 465px;
        top: 0px;
        left: unset;
    }
    .c2c_img {
        margin: auto; 
    }
    .opt_c2a {
        margin: auto;
        padding-bottom: 90px;
        text-align: center;
        top: 20px;
        width: 465px;
    }
    .c2a_img {
        margin: auto;
    }
    .opt_c2a img, .opt_c2c img {
        height: 200px;
        left: 0;
        top: 0;
    }
    .opt_c2a h2 {
        margin: 20px auto;
        text-align: center;
    }
    .options li {
        text-align: left;
        line-height: 35px;
    }
    .c2a_note li {
        line-height: 15px !important;
    }
    .options ol, .options ul {
        margin-left: 60px;
    }
    .c2a_note {
        margin-left: -35px;
    }
    .accept {
        margin: auto;
    }
    .how_it_work {
        padding-left: 0;
    }

    .send_to_phone_button, .send_to_email_button {
        margin: 15px 0;
        width: 270px;
    }
    .section_text, .section_title, .star_icon, .wallet_icon, .history_icon {
        margin: auto;
    }
    .section_title {
        padding: 0 0 25px;
    }
    .section_subtitle {
        text-align: center;
    }
    .faq_phone_padding{
        padding-top: 40px;
    }
    .building_bottom1{
        display: none;
    }
    .faq_baseline{
        top: 0;
    }
    .faq_question_icon, .faq_phone_icon {
        float: none;
        margin: auto;
    }
    .faq_question_msg, .faq_phone_msg {
        margin: auto;
        left: 0px;
        text-align: center;
    }
    .faq_question, .faq_phone{
        margin: auto;
        left: 0px;
        text-align: center;
        text-decoration: underline;
        position: unset;
        font-size: 18px;
    }
    .section_center {
        left: 0px;
    }

    /*==========  Error  ==========*/
    .error{
        left: 525px;
        max-width: 230px;
    }
    .error_expiry {
        left: 22px;
        margin-top: 23px;
        width: 132px;
    }
    .error_cvv {
        left: -40px;
        margin-top: 37px;
        width: 181px;
    }
    .reg_pwd_msg {
        left: 525px;
        max-width: 230px;
    }

    /*==========  Mob header & footer  ==========*/


    .logo_flat_top {
        top: 9px;

    }

    .cancel_top, .cancel_icon{
        top: 11px;
    }
    .footer_flat{
        height: 50px;
    }

    /*==========  How It Works  ==========*/
    .how_arrow{
        margin-left: 337px;
        top: 35px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .steps h2 {
        padding-bottom: 0;
    }
    .how_step1, .how_step2, .how_step3, .how_step4 {
        margin: 40px auto 12px;
    }


    /*==========  Log in  ==========*/

    .mp_logo{
        top: 28px;
    }

    .recover_modal_content{
        margin: auto 10px;
    }
    .screen_popup_icon, .phone_popup_icon {
        float: none;
        top: 15px;
        margin: auto;
    }

    /*==========  Cards  ==========*/

    .cabinet_mp_logo {
        left: 0px;
    }
    .benefits {
        margin: auto;
        max-width: 570px;
    }
    .benefits_wallet_icon, .benefits_plane_icon, .benefits_lock_icon {
        float: right;
    }
    .cards_img {
        float: none;
        margin: 25px auto;
    }

    .text_area_white, .text_area_transparent{
        width: 100%;
    }
    .text_area_white {
        padding: 20px 50px;
    }
    .cabinet_illustration, .history_illustration {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .lookupsms_close_discl {
        margin: 12px 25px 0 0;
    }
    .add_card_lookupform .mp_logo, .transfer_lookupform .mp_logo {
        top: -25px;
    }
    .add_card_form .error_rel {
        width: auto !important;
    }
    .cardExpirationYear {
        left: 10px;
        position: relative;
    }


    /*==========  Payment  ==========*/

    .from_block{
        height: 180px;
        width: 290px;
        padding: 12px;

    }
    .to_card_block{
        height: 179px;
        width: 290px;
        padding: 12px;
    }
    .to_email_block{
        background-position: -33px -5px;
        height: 154px;
        padding: 12px;
        width: 290px;
    }
    .to_phone_block{
        background-position: -41px -10px;
        height: 154px;
        padding: 12px;
        width: 290px;
    }
    .numbercard {
        margin-top: 0px;
    }
    .page_title, .add_title {
        font-size: 22px;
        line-height: 26px;
    }
    .from_block h3, .to_card_block h3, .to_email_block h3, .to_phone_block h3 {
        font-size: 16px;
    }
    .next_arrow {
        left: 40px;
        top: 64px;
    }
    .from_block input, .to_card_block input, .to_email_block input, .to_phone_block input {
        height: 35px;
    }
    .card_selector_from, .card_selector_to {
        width: 90%;
    }
    .card_select_button {
        height: 35px !important;
    }
    .from_block .cardExpirationMonth {
        left: 15px;
        top: 20px;
    }
    .from_block .cardExpirationYear {
        left: 0;
        top: 20px;
    }
    .from_block .cvv {
        left: 13px;
        top: 20px;
        width: 72px;
    }
    .mlogo {
        margin-top: -20px;
    }
    .vlogo {
        margin-top: -18px;
    }
    .to_card_block .check_line, .to_email_block .check_line, .to_phone_block .check_line {
        padding: 17px 0 0;
    }
    .to_phone_block .margin-top50, .to_email_block .margin-top50, .to_card_block .margin-top50{
        padding: 27px 0 0;
    }
    .checkbox_msg {
        left: -20px;
        position: relative;
        width: 245px;
    }

    .amount_block {
        left: -399px;
        position: absolute;
        top: 225px;
    }
    .error_card_number, .error_email_address, .error_phone_number {
        left: 34px;  
    }
    .error_amount{
        left: 26px;
        top: 153px;
    }
    .error_a2c_code {
        left: 50px !important;
        top: 45px;
        width: 170px !important;
    }
    .error_a2c_code .triangle_up {
        left: 80px;
    }
    .success_left_section{
        margin: 45px auto 0;
        max-width: 570px;
    }
    .receive_logout_success {
        margin: 10px auto 20px;
        max-width: 570px;
    }
    .success_right_section {
        float: none;
        margin: 25px auto;
    }
    .transfer_success_illustration {
        background-image: url("../img/sprite.png");
        background-position: -937px -1030px;
        background-size: 1250px 1250px;
        float: none;
        height: 156px;
        margin: -156px auto 0;
        width: 300px;
    }

    .card_select_dropdown_logined_short_from, .card_select_dropdown_logined_short_to {
        height: 35px !important;
        left: 228px !important;
    }
    .hide_button{
        display: none;
    }
    .profile_action_buttons {
        text-align: center;
    }
    .profile_name {
        padding: 20px 0 30px;
    }

    .card_transfer_form_logined .bootstrap-select.btn-group .dropdown-menu {
        width: 266px;
    }
    .card_receive_form_logined .bootstrap-select.btn-group .dropdown-menu {
        width: 266px;
        left: 0;
    }
    .storage_card_dropdown {
        left: 110px;
    }
    .question_primary_note {
        left: 201px;
    }
    .card_add_action_buttons {
        margin: 5px -35px 30px;
    }
    .history_cards_img {
        margin-top: 60px;
    }
    .receive_top_button {
        display: block;
        margin: 30px auto 15px;
        width: 290px;
    }
    .send_group {
        display: block;
        margin: 40px auto 0;
        width: 300px;
    }

    .header_action_buttons {
        left: unset;
        width: 100%;
    }

    .history_timeline {
        float: none;
        margin: 25px auto;
    }
    .history_template {
        display: none;
        float: none;
        margin: 25px auto;
    }
    .active_line_right {
        display: none; 
    }


    .timeline_item_date {
        font-size: 14px;
    }
    .timeline_date_number, .timeline_item_time {
        font-size: 11px;
    }
    .timeline_from, .timeline_to {
        font-size: 11px;
    }
    .timeline_from_label, .timeline_to_label {
        font-size: 11px;
    }
    .timeline_amount {
        font-size: 19px;
    }
    .timeline_header {
        margin: 15px auto 30px;
    }
    .modal_add_template_button {
        float: left;
        margin: 10px auto;
        max-width: 270px;
        width: 100%;
    }
    .modal_repeat_button {
        float: right;
        margin: 10px auto;
        max-width: 270px;
        width: 100%;
    }  
    .modal_cheque_buttons {
        height: 80px;
    }
    .receive_card_block {
        height: 180px;
        margin: auto;
        padding: 12px;
        width: 290px;
    }
    .receive_card_width{
        width: 290px;
    }
    .receive_card_width_mob {
        width: 290px;
    }
    .receive_item {
        width: 305px;
    }
    .question_receive_txt {
        left: 54px;
    }
    .receive_card_block .card_select_dropdown_logined_short_to {
        top: 1px;
    }
    .question_receive_txt_logined {
        left: 55px;
    }
    .emphasis_blue {
        display: none;
    }
    .receive_item_body_bynumber .receive_item_top {
        padding: 0 25px;
    }
    .receive_item_header_label {
        margin: auto;
        width: 260px;
    }
    .margin-top50 {
        margin-top: 35px;
    }
    .receive_next_arrow {
        left: 34px;
    }




}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {


    body {
        font-size: 14px;
    }
    .header {
        background-image: url("../img/header_background_sm.png");
        background-position: 0 450px;
        height: 746px;
    }
    .navbar-my {
        min-height: 50px;
        padding: 0;
    }
    .navbar-my a:hover, .lang_button:hover {
        border-bottom: none;
    }
    .navbar-collapse {
        background-color: #7ea9ff;
        height: 100%;
        left: 0;
        position: fixed;
        text-align: center;
        top: 0;
        width: 100%;
        z-index: 100;
        margin: 97px 0 0 0 !important;
        overflow:  hidden;
    }
    .img_cover {
        display: none;
    }
    .disclaimer_mc {
        padding-top: 25px;
    }
    .receive_main_button{
        margin-top: 35px;
        right: 0;
        width: 270px;
    }
    .actions {
        padding: 45px 0;
        text-align: center;
        margin-left: 0px;
    }
    .options ol, .options ul {
        margin-left: 70px;
    }
    .options li {
        line-height: 25px;
        margin-left: 15px;
    }
    .faq_phone, .faq_question {
        left: 15px;
        padding-top: 10px;
    }
    .feature, .options, .services, .faq {
        padding: 40px 0;
    }
    .line_one {
        padding-bottom: 0px;
    }
    .badge{
        font-family: "AmikoRegular", sans-serif;
        background-color: #ee4940;
        float: right;
        top: 0px;
        left: 00px;
        position: relative;
    }
    .popover{
        display: none !important;
    }    



    /*==========  How It Works  ==========*/
    .how_arrow {
        left: 0;
        margin: auto auto 20px;
    }


    /*==========  Log in  ==========*/

    .login_illustration_right {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }	
    label {
        padding-top: 30px;
    }
    .login_showpassword, .reg_showpassword, .reg_showpassword_confirm {
        top: 64px;
    }
    .spacer{
        height: 20px;
    }
    .recover_msg{
        padding: 50px 0 30px;
    }
    .recover_sms_msg{
        width: 270px;
    }
    .eye_grey, .eye_blue{
        margin-top: -3px;
    }
    /*==========  Error  ==========*/
    .error{
        font-size: 10px;
        left: unset;
        margin: 3px auto auto 62px;
        max-width: 300px;
        width: 300px;
    }
    .error_expiry {
        left: -40px;
        margin-top: 23px;
        width: 132px;
    }
    .error_cvv {
        height: auto;
        left: -75px;
        margin-top: 37px;
        width: 110px;
    }
    .error_expiry .triangle_up{
        top: -29px;
    }
    .error_cvv .triangle_up{
        left: -22px;
        top: -43px;
    } 
    .reg_pwd_msg {
        font-size: 10px;
        left: unset;
        margin: 3px auto auto 62px;
        max-width: 300px;
        width: 280px;
    }

    /*==========  Cards  ==========*/
    .content_page {
        padding-bottom: 440px;
    }
    .add_card_page {
        padding-bottom: 5px;
        background-color: #fff;
    }
    .header_cabinet {
        height: 50px;
    }
    .benefits {
        width: 300px;
    }
    .benefits h4 {
        font-size: 16px;
    }
    .cards_img {
        background-position: -868px -52px;
        width: 320px;
    }
    .cabinet_illustration {
        background-position: -151px -791px;
        width: 209px;
    }
    .cabinet_illustration_flat {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .benefits_wallet_icon, .benefits_plane_icon, .benefits_lock_icon {
        float: left;
    }
    .text_area_white, .text_area_transparent{
        width: 300px;
    }
    .text_area_transparent button{
        width: 300px;
    }
    .lookupsms_close_discl {
        display: none;
    }
    .add_card_lookupform .mp_logo, .transfer_lookupform .mp_logo{
        top: -40px;
    }
    .add_card_lookupform h3{
        margin-top: 70px;
    }
    .register_success_msg h3 {
        margin-top: 40px;
    }
    .form_center600, .lookupsms_msg {
        width: 400px;
    }

    .add_card_form .form_button {
        width: 230px;
    }
    .checkbox_square label {
        padding: 0px;
    }
    .add_card_page .text_area_white {
        padding: 2px;
        box-shadow: none;
    }
    .cardExpirationYear {
        left: 30px;
        position: relative;
    }


    /*==========  Payment  ==========*/


    .from_block {
        margin: auto;
    }
    .card_security_logo {
        margin: 10px auto;
    }
    .amount_block{
        margin: auto;
    }
    .to_card_block, .to_email_block, .to_phone_block {
        margin: auto;
    }
    .summary {
        margin: auto;
        width: 325px;
    }
    .confirm_section {
        margin: auto;
        width: 300px;
    }
    .add_info {
        margin: auto;
        width: 300px;
    }
    .comment {
        width: 271px;
    }
    .transfer_comment {
        top: 0;
    }
    .next_arrow {
        left: unset;
        margin: 10px auto;
        top: unset;
        transform: rotate(90deg);
    }
    .oferta_msg{
        padding: 15px 0 5px;
        text-align: center;
    }
    .card_total {
        line-height: 20px;
        padding: 10px 0 0;
    }
    .card_total_comission {
        font-size: 20px;
        top: 22px;
        position: relative;
    }
    .question_white {
        margin: 4px 0 0 4px;
    }

    .amount_block {
        left: unset;
        position: relative;
        top: unset;
    } 
    .triangle_down {
        top: 33px;
    }
    .error_card_number, .error_email_address, .error_phone_number {
        left: -29px;
        top: -18px;
        width: 230px; 
    }
    .error_amount{
        left: 38px;
        margin: auto;
        top: 122px;
        width: 170px;
    }
    .error_a2c_code{
        left: 50px !important;
        margin: auto;
        top: 45px;
        width: 170px;
    }
    .subheader {
        line-height: 65px;
        padding: 5px 0;
    }
    .page_title {
        font-size: 18px;
    }
    .add_title{
        font-size: 18px;
    } 
    .send_select_block{
        float: none;
        margin: auto;
        top: unset;
        width: 215px;
    }
    .send_select_dropdown_menu {
        top: -2px;
    }
    .select_mail_dropdown_button {
        left: 7px;
        top: -7px;
    }
    .select_mail_minimail_active {
        top: -4px;
    }
    .select_phone_dropdown_button {
        top: -5px;
    }
    .select_phone_miniphone_active {
        top: 3px;
    }
    .success_card_statusicon, .success_mail_statusicon {
        left: 14px;
    }
    .success_left_section_header {
        margin: 25px auto;
        max-width: 315px;
    }
    .success_left_section_header h4 {
        font-size: 22px;
        left: 85px;
        position: relative;
    }
    .success_left_section {
        margin: 20px auto 0;
        width: 315px;
    }
    .receive_logout_success {
        width: 315px;
    }
    .success_left_section h4 {
        font-size: 22px;
    }
    .success_explain_content h4 {
        font-size: 16px;
    }
    .success_left_section p {
        font-size: 14px;
    }
    .back_button, .receive_again_button {
        margin: 0;
        width: 220px;  
    }
    .repeat_button, .success_left_section .register_button {
        margin: 20px 0 0;
        width: 220px;
    }
    .success_right_section {
        margin: 20px auto;
        width: 315px;
    }

    .cheque {
        left: unset;
        width: 313px;
    }
    .transfer_comment {
        padding-bottom: 0;
    }
    .cheque_headericon {
        background-image: url("../img/sprite.png");
        background-position: -290px -1111px;
        background-size: 1250px 1250px;
        float: none;
        height: 30px;
        width: 308px;
    }
    .cheque_content_align {
        margin-left: 11px;
    }
    .cheque_content {
        margin: -16px 0 0;
        width: 284px;
    }
    .paid_stamp {
        left: -29px;
    }
    .cheque_footericon {
        width: 284px;
    }
    .success_phone_icon, .success_card_icon, .success_wallet_icon, .success_history_icon, .download_feature_icon {
        float: none;
    }
    .success_left_section {
        padding: 20px 30px 45px;
    }
    .profile_section_title {
        margin: auto;
        width: 300px;
    }
    .pass_section{
        padding: 50px 0 0;
    }
    .edit_mail, .edit_mail_button, .edit_pass, .edit_pass_button, .profile_phone {
        font-size: 14px;
    }
    .confirm_profile_button, .cancel_profile_button,
    .confirm_email_profile_button, .cancel_email_profile_button,
    .confirm_pass_profile_button, .cancel_pass_profile_button,
    .confirm_template_button, .cancel_template_button {
        float: none;
    }
    .profile_email_action_buttons, .profile_pass_action_buttons {
        left: -34px;
        margin: 35px auto 0;
        width: 300px;
    }


    .storage_card_item, .storage_card_primary_item, .storage_card_add_item {
        height: 200px;
        max-width: 300px;
    }
    .modal-body-mpdesc {
        padding: 15px 20px 25px;
    }
    .storage_card_mask {
        font-size: 24px;
        letter-spacing: 3px;
    }
    .storage_card_logo_visa, .storage_card_logo_master {
        top: 25px;
    }
    .storage_card_primary{
        top: 25px;
        margin-right: 1px;
    }
    .storage_card_dropdown {
        left: 80px;
    }
    .timeline_dropdown{
        left: 70px;
        top: 22px;
    }
    .template_dropdown {
        left: 85px;
    }
    .timeline_menu_button {
        margin: -25px -26px 0 0;
    }
    .question_primary_note {
        left: 102px;
        top: 208px;
    }
    .question_primary_note .triangle_up {
        left: 166px;
        top: -8px;
    }
    .question_primary {
        margin: 3px 0 0 4px;
    }
    .history_check_icon, .history_check_state_icon, .history_repeat_icon, .history_receipt_icon{
        float: none;
    }
    .history_cards_img {
        background-position: -11px 0;
        background-size: 480px 460px;
        height: 270px;
        margin-top: 50px;
        width: 320px;
    }
    .history_template, .history_timeline {
        float: none;
        margin: auto;
        width: 320px;
    }  
    .template_item_top {
        padding: 13px 10px 0;
    }
    .history_illustration {
        background-position: -116px -454px;
        width: 356px;
    }

    .modal_from,
    .modal_to,
    .modal_message,
    .modal_amount,
    .modal_comission,
    .modal_sms_comission {
        margin-bottom: 10px;
    }
    .label_from,
    .label_to,
    .label_modal_message,
    .label_amount,
    .label_comission,
    .label_sms_comission,
    .label_sms_comission,
    .label_total {
        margin: 0 0 1px;
    }
    .modal_add_template_button {
        float: none;
    }
    .modal_repeat_button {
        float: none;
    }  
    .modal_status_icon_position {
        left: 30px;
    }
    .modal_tran_id, .modal_tran_condition{
        left: 45px;
        width: 200px;
    }
    .modal_tran_datetime {
        float: left;
    }
    .modal_cheque_buttons {
        width: 245px;
    }
    .receive_next_arrow {
        left: unset;
        margin: 10px auto;
        top: unset;
        transform: rotate(90deg);
    }
    .receive_card_width {
        float: none;
        margin: auto;
    }
    .receive_col_labels {
        text-align: center;
    }
    .receive_confirm_button {
        margin: auto;
        width: 300px;
    }
    .question_receive_button{
        display:none;
    }
    .question_receive_small {
        display: block;
    }
    .receive_col_labels, .receive_item_header_label {
        font-size: 16px;
    }
    .receive_illustration_right{
        display: none;
    }
    .receive_illustration_left{
        margin: -198px auto 0;
    }
    .receive_page {
        padding-bottom: 290px;
    }
    .feedbackform_complete {
        height: 350px;
    }
    .feedbackform_complete h3 {
        font-size: 22px;
    }
    .limits_content {
        font-size: 16px;
    }
    .feedback_success_msg {
        font-size: 14px;
    }
    .feedback_success_msg h3{
        font-size: 18px;
    }
    .feedback_illustration_left {
        margin: -144px auto 0;
    }
    .feedback_illustration_left{
        background-position: -604px -268px;
        height: 147px;
        margin: -145px auto 0;
        width: 233px;
    }
    .limits_illustration_left {
        margin: -231px auto 0;
    }
    .faq_area button {
        font-size: 14px;
    }
    .faq_area {
        font-size: 14px;
        padding: 0 18px 10px;
        margin: 30px auto 0px;
    }
    .error404 {
        background-image: url("../img/error.png");
        background-position: 0 -11px;
        background-size: 360px 310px;
        height: 145px;
        margin: 23px auto;
        width: 320px;
    }
    .error503 {
        background-image: url("../img/error.png");
        background-position: 0 -138px;
        background-size: 325px 281px;
        height: 143px;
        margin: 46px auto;
        max-width: 550px;
        width: 320px;
    }
    .text503{
        font-size: 16px;
        line-height: 22px;
        max-width: 310px;
    }
    .text404{
        font-size: 16px;
        line-height: 22px;
        margin: 46px auto 62px;
        max-width: 310px;
    }
    .error_content {
        height: 310px;
        padding-top: 65px;
    }
    .receive_logout_success h2 {
        font-size: 18px;
        line-height: 22px;
    }
    .receive_state_msg .receive_success_msg{
        font-size: 14px;
        line-height: 22px;
    } 
    .receive_logout_success p {
        line-height: 18px;
        font-size: 14px;
    }
    .cheque_send_button, .cheque_print_button, .cheque_download_button {
        margin-left: -13px;
    }
    .payment_details_installment {
        padding: 5px;
    }
    .payment_details_installment .custom-th {
        font-size: 11px;
    }

}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {


    .header {
        background-image: url("../img/header_background_xs.png");
        background-position: -24px 401px;
        height: 670px;
    }
    .img_cover {
        display:none;
    }
    .navbar{
        margin-bottom: 0px;
    }
    .disclaimer_mc {
        display:none;
    }
    .disclaimer_mc_mob{
        color: #191919;
        display: block;
        margin: -90px auto auto;
        max-width: 290px;
        text-align: center;
    }
    .masterpass_icon {
        margin: auto;
    }


    button{
        font-size: 12px;
    }
    h1{
        font-size: 24px;
    }
    h2{
        font-size: 22px;
    }
    h3{
        font-size: 20px;
    }
    h4{
        font-size: 16px;
    }
    h5{
        font-size: 12px;
    }
    .section_title_text h2{
        font-size: 22px;
        line-height: 26px;
    }
    .actions {
        padding: 10px 0;
    }
    .send_main_button_option {
        right: -2px;
    }
    .triangle_up_send_option_hidden {
        left: -33px;
    } 
    .receive_main_button{
        width: 265px;
    }
    .triangle_up_send_option{
        display: none;
    }
    .options ol, .options ul {
        margin-left: 15px;
    }
    .opt_c2c {
        width: 320px;
    }
    .opt_c2a {
        width: 320px;
        padding-bottom: 50px;
    }
    .c2a_note {
        display: none;
    }
    .how_it_work {
        display: none;
    }
    .how_it_work_mob {
        border-bottom: 1px solid black;
        display: block;
        font-size: 12px;
        margin: 20px 0;
        width: 86px;
    }
    .faq_baseline {
        padding: 0;
    }
    .accept {
        font-size: 10px;
        line-height: 24px;
        width: 260px;
    }
    .faq_question_msg, .faq_phone_msg {
        font-size: 14px;
    }
    .footer,.footer_cabinet {
        font-size: 10px;
    }
    .logo_bottom {
        background-position: -390px -1184px;
        height: 22px;
        top: 0;
        width: 96px;
    }

    /*==========  Log in  ==========*/

    .form_center{
        width: 300px;
        margin: auto;
    }
    .loginform label, .add_card_lookupform label, .registerform label, .transfer_lookupform label {
        margin-left: 12px;
    }
    .content_login{
        padding-bottom: 155px;
    }
    .login_illustration_right {
        float: none;
        margin-left: auto;
        margin-right: auto;

    }
    .login_showpassword, .reg_showpassword, .reg_showpassword_confirm {
        margin-right: 25px;
    }

    /*==========  Error  ==========*/
    .loginform .error{
        left: unset;
        margin: 3px auto auto 12px;
        width: 280px;
    }
    .reg_pwd_msg {
        left: unset;
        margin: 3px auto auto 12px;
        width: 280px;
    }

    /*==========  Cards  ==========*/

    .benefits #register_button {
        margin: 25px 0 0;
    }
    .cabinet_illustration_flat {
        background-position: -155px -791px;
        width: 209px;
    }
    .profile_illustration {
        float: none;
        margin: -276px -20px 0;
    }
    .lookupsms_msg {
        font-size: 14px; 
    }
    .form_center600, .lookupsms_msg {
        width: 300px;
    }
    .add_card_lookupform {
        padding-bottom: 150px;
    }
    .modal-body {
        padding: 10px 0;
    }
    .modal-body-center{
        padding: 5px 10px !important;
    }
    .amount_block {
        left: unset;
        position: relative;
        top: unset;
    } 

    .error_amount{
        left: 38px;
        margin: auto;
        top: 122px;
        width: 170px;
    }
    .error_a2c_code{
        left: 50px !important;
        margin: auto;
        top: 45px;
        width: 170px;
    }
    .history_benefits {
        height: 522px;
    }
    .error_content {
        padding-top: 44px;
        height: 289px;
    }



}
/*==========  Mobile First Method  ==========*/

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .main_mnu ul {
        /*display: block !important;*/
    }
}