@media only screen and (min-width: 767px) and (max-width: 999px){
    .responsive-header img {
        margin: 2%;
        max-width: 20%;       
    }

    #responsive-nav-button {
        top: 35px; 
        background-size: 70%;
    }

    #responsive-nav ul li a {
        padding: 30px;
        font-size: 25px;       
    }

}


@media only screen and (min-width: 1px) and (max-width: 999px){
    .how_to_connect_page #logging_in_header .content h3 {
        width: 80%;
        width: calc(100% - 42px);        
    }


    .how_to_connect_page .lust_card_column {
        width: 80%!important;
    }

    .how_to_connect_page .one_third_column {
        width: 80%!important;
    }
    /*.how_to_connect_page .el_parasas_img_area-3 {
        width: 20%!important;
    }*/

    .area-loading, .area-error  {
        width: 94%;
    }

    /*.header{
        display: none;
    }*/

    .responsive-header{
        display: block;
        background-color: #5ab9dd;
        position: static;
        /*position: absolute;*/
        width: 100%;
        /*height: 100px;*/
        height: auto;
        top: 0;
        z-index: 1000;  
        min-width: 320px;    
    }

    .how_to_connect_page #logging_in_header {
        position: static;
    }

    .absolute-header-bg{
        display: none;
    }

    .txt_block, .index_page h1{
        width: 80% !important;
        margin-left: 10% !important;
    }

    .index_page h1{
        width: 80%;
    }


    .index_page .index_video_mobile{
        display: block;
    }

    .index_page .gif{
        display: block;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        float: none;
    }

    .index_page .play_btn{
        left: 50% !important;
        margin-left: -60px !important;
    }

    #logging_in_header{
        float: left;
        position: fixed;
    }

    .how_to_connect_page{ 
        margin-top: 20px;
    }

    h2{
        font-size: 25px;
    }

    .f_left, .about, .fr{
        display: none;
    }

    .how_to_connect_page h1{ 
        width: calc(100% - 80px);
        text-align: left;
    }

    .how_to_connect_page .mobile_column{
        width: 80% !important;
    }
    /*.how_to_connect_page .mobile_column h3{
        display: none;
    }*/

    .how_to_connect_page .one_third_column input, 
    .how_to_connect_page .sms_prisijungimas_section input{
        padding: 15px;
        font-size: 18px;      
        width: calc(100% - 100px);   
    }

    .how_to_connect_page .el_parasas_section .small_btn,
    .how_to_connect_page .sms_prisijungimas_section .small_btn{
        width: 35%;
        text-align: center;
    }

    .how_to_connect_page .sms_prisijungimas_img_area.sms-step-2 {
        margin-top: 0px;
    }

    .btn, .small_btn{
        border: 2px solid white;
    }
    .how_to_connect_page_clearfix{
        padding: 0;
    }

    .how_to_connect_page .sms_prisijungimas_section input {
        width: 83%;
        margin: 0px 13px 15px 0;    
        font-size: 18px;
    }
    .how_to_connect_page .sms_prisijungimas_section .sms_prisijungimas_txt_wrapper p{
        font-size: 18px;
    }
    
    /*.success-area{
        width: 100%;
    }*/

    .success-area p{
        background: url('../img/mobile-success-icon.png') 23px center #eff8fd no-repeat;
        padding-left: 15%;
    }

    p.sms-step-2, p.sms-step-1{
        margin-left: -100px;
        margin-top: 40px !important;
        width: 110% !important;
    }

    .how_to_connect_header_wrapper .explanation,
    .sistemos_prisijungimui .text_wrapper > div.explanation{
        width: 30px;
        height: 30px;
        margin: 38px 0 20px 1.5%;           
        /*background:url(img/mobile_explanation_mark.png) center no-repeat;*/
    }

    .modal_popup_wrapper {

    }

    .sistemos_prisijungimui .connection_history_wrapper .connection_history_connection_type h3 {
        margin-top: 1px;   
    }

    .sistemos_prisijungimui .connection_history_wrapper .connection_history_date {
        font-size: 14px;
    }

    #modal_popup_inner_wrapper{
        margin-left: 0px;
    }

    .index_page_modal #modal_popup_inner_wrapper > div{
        width: 100%;
    }

    #modal_popup_inner_wrapper .area-loading, #modal_popup_inner_wrapper .area-error {
        margin: 0px 0 40px 0;
    }

    .area-error p, .area-loading p{
        font-size: 18px; /* font-size: 24px; */
        padding: 20px 10px 20px 50px;        
    }

    .modal_popup_buttons_wrapper p{
        width: 60%;
        float: left;
        font-size: 22px;
        padding-left: 0;
    }

    .modal_popup_buttons_wrapper .btn{
        margin: 0px 10px 0px 0;        
    } 
    #modal_popup_inner_wrapper h2 {
        margin-bottom: 40px;    
    }

    .el_bankininkyste_section{
        margin-bottom: 100px;
    }

    .content .f_left a{
        font-size: 20px;
        margin-left: 50px;
    }

    .content .f_left a:nth-of-type(2){
        font-size: 20px;
        margin-left: 30px !important;
    }

    .content .f_right{ 
        float: left;
        display: block;
        clear: both;
        margin-left: 40px;
        margin-top: 0px;        
    }

    .tekstinis_page #tekstinis_page_inner_wrapper{
        margin-left: 30px;
    }

    .log_in_button{
        margin-right: 20%;
        margin-top: 32px;
        clear: none;
        /*width: 25%;*/
        padding-right: 0;
        padding-left: 0;
        text-align: center;
        float: right;
        top: 0;
        right: 0;
    }

    .index_page .block{
        padding: 3% 0px;      
    }

    .index_page .powered_by .btn{
        width: 153px;
        padding-right: 0;
        padding-left: 0;
        text-align: center;
    }
    
    .index_page_modal #modal_popup_inner_wrapper .btn{
        padding: 0 28px;
    }

    .sistemos_prisijungimui #tabs{
        display: none;
    }

    .sistemos_prisijungimui .text_wrapper > div.favourite_link{
        position: absolute;
        top: 4px;
        right: 0;
    }

    .sistemos_prisijungimui .tabs_content_2{
        padding: 5%;
    }

    .sistemos_prisijungimui .tabs_content_3 > div {
        width: 100%;
        margin: 0;
        padding: 5%;
    }

    .sistemos_prisijungimui #kontaktiniai_duomenys_inner_wrapper_1,
    .sistemos_prisijungimui #kontaktiniai_duomenys_inner_wrapper_2,
    .sistemos_prisijungimui .tabs_content_3 input,
    .kontaktiniai_duomenys_styled_select select{
        width: 100%;
    }

    .sistemos_prisijungimui .tabs_content_3 #kontaktiniai_duomenys_photo_area,
    .sistemos_prisijungimui .tabs_content_3 #photo_addition,
    .sistemos_prisijungimui .tabs_content_3 #photo_rules{

    }

    .sistemos_prisijungimui .tabs_content_3 #photo_rules{
        margin-top: 20px;
    }

    #photo_addition .btn{
        display: none;
    }

    .sistemos_prisijungimui .tabs_content_3 #photo_addition input{
        opacity: 1;
        display: block;
    }

    .sistemos_prisijungimui .tabs_content_3 .success-area {
        margin-left: 0;
    }

    .sistemos_prisijungimui .tabs_content_3 .half_input {
        width: 48%;
    }

    .sistemos_prisijungimui .tabs_content{
        border-width: 1px 1px 1px 1px;
        margin-bottom: 150px;
    }

    .sistemos_prisijungimui .tabs_content_3 .success-area p{
        padding: 20px 20px 20px 80px;
    }

    .sistemos_prisijungimui .tabs_content_3 input,
    .sistemos_prisijungimui .tabs_content_3 select{
        padding: 20px;
    }
    .sistemos_prisijungimui .tabs_content_3 .success-area{
        width: 100%;
    }

    .sistemos_prisijungimui #user_details_text_wrapper {
        width: 100%;
    }

    .sistemos_prisijungimui #user_details_text_wrapper span.mobile{
        float: left;
        font-size: 18px;
        margin-left: 7%;
    }

    .sistemos_prisijungimui #user_details_text_wrapper a.user_details_sign_out{
        float: left;
        font-size: 18px;
        margin-left: 5%;
    }

    .sistemos_prisijungimui .tabs_content_4 input{
        width: 85%;
        padding: 20px;
    }

    .sistemos_prisijungimui .tabs_content_4 > div {
        padding: 5%;
    }

    .tabs_content_4 .success-area{
        margin: 0;
        width: 100%;
    }

    .how_to_connect_page_modal #modal_popup_inner_wrapper{
        margin-left: 5%;
    }

    .sistemos_prisijungimui .sms_register_2_inner_wrapper,
    .sistemos_prisijungimui .sms_register_4_inner_wrapper{
        display: block;
    }

    .sistemos_prisijungimui p.sms_register_2,
    .sistemos_prisijungimui p.sms_register_4{
        font-size: 24px;
    }

    .sistemos_prisijungimui .btn.sms_register_2,
    .sistemos_prisijungimui .tabs_content_4 .btn{
        margin-top: 20px;
    }

    .sistemos_prisijungimui .tabs_content_3 .btn {
        margin-top: 20px;
    }

    .sistemos_prisijungimui .btn.sms_register_3{
        margin-top: 20px !important;
    }

    .sistemos_prisijungimui .connection_history_wrapper .connection_history_connection_type {
        width: 100%;
        text-align: left;
        font-family: 'titillium_semibold',sans-serif;        
    }

    .sistemos_prisijungimui .connection_history_wrapper .connection_history_date{
        width: 100%;
        float: left;
        text-align: left;        
    }

    .sistemos_prisijungimui .connection_history_wrapper .connection_history_date p{
        font-size: 12px;
    }

    .sistemos_prisijungimui .connection_history_wrapper .connection_history_connection_type h3{
        font-size: 28px;
    }

    .sistemos_prisijungimui .connection_history_wrapper .connection_history_connected_as p{
        font-size: 20px;
    }

    .sistemos_prisijungimui .connection_history_wrapper .btn {
        width: 30%;
        margin-top: 10px;
        font-size: 15px;     
    }

    .sistemos_prisijungimui .connection_history_wrapper .connection_history_connected_as {
        width: 60%;
        margin-top: 10px;
    }

    .sistemos_prisijungimui .text_wrapper  {
        width: 95%;
        float: left;
        margin-left: 2.5%;
    }

    .sistemos_prisijungimui .logo_area {
        width: 95%;
        margin-left: 2.5%;
    }

    .sistemos_prisijungimui .tabs_inner_content_section .logo_area .logo_wrapper {
        width: 100%;
        float: left;
        height: auto;
    }

    .sistemos_prisijungimui .logo_area h2{
        float: left;
        width: 100%;
        margin-left: 2%;
        margin-top: 10px;
    }

    .logo_area .explanation{
        margin-top: 15px;
        position: absolute;
        right: 70px;          
    }

    .explanation{
    width: 30px;
    height: 30px;
        background: url('../img/explanation_mark.png') 0px 0px no-repeat;
    }

    .sistemos_prisijungimui .tabs_content_3 .explanation{
        margin-top: 0;
        position: absolute;
        right: 15px;          
    } 

    .desktop{
        display: none !important;
    }

    .mobile{
        display: block !important;
    }

    .post-decoration{
        width: 100%;
        background: url('../img/bg-decoration.png') 20% no-repeat;
        background-size: contain;            
        right: 0;    
        left: 0;   
        display: none;
    }

    .verslui-block .gif,
    .prisijungimo_budai_block .gif{
        background: url('../img/bg-decoration.png') center no-repeat;
        background-size: contain;               
    }

    .sms_txt_block{
        padding-right: 0;
    }

    .other-projects h1{
        margin-left: 0 !important;
    }

    .sistemos_prisijungimui .tabs_content_4 .explanation {
        margin-top: 25px;
    }

    .main_wrapper {
        margin-top: 150px;
    }

    .main_wrapper.tekstinis_page{
        margin-top: 0px;
    }

    .how_to_connect_page{ 
        /*margin-top: 95px;*/
    }
    .sistemos_prisijungimui{
        /*margin-top: 110px !important;*/     
    }

    .btn, .small_btn {
        line-height: 38px;
    }
    .tekstinis_page #tekstinis_page_inner_wrapper{
        margin-top: 100px;
    } 

}






@media only screen and (min-width: 480px) and (max-width:767px) {
   h1{
    font-size: 30px;
   }

   h2{
    font-size: 25px;
   }

    .how_to_connect_page .usb_column, .how_to_connect_page .lust_card_column{
        display: none;
    }

    .responsive-header img { 
        width: 130px;
        margin: 14px 0 8px 19px;
    }

    .how_to_connect_page .sms_prisijungimas_section .sms_prisijungimas_txt_wrapper{
        width: 70%;
    }

    .how_to_connect_page .sms_prisijungimas_section input {
        width: 98%;
    }

    .how_to_connect_page .sms_prisijungimas_section .sms_prisijungimas_txt_wrapper p{
        font-size: 18px;
    }

    .success-area p{
        padding: 10px 10px 10px 80px;
    }
    
    .how_to_connect_page .sms_prisijungimas_img_area.sms-step-2 {
        /*margin-top: 105px;*/

    }

    .modal_popup_wrapper{
        top: 10%;
        width: 95%;
        left: 2.5%;
        margin-left: 0;
    }

    .modal_popup_buttons_wrapper p{
        font-size: 18px;
    }
    .area-error p, .area-loading p {
        font-size: 18px;
    }   

    #modal_popup_inner_wrapper .area-loading, #modal_popup_inner_wrapper .area-error {
        margin: 0px 0 50px 0;
    }
 
    .sistemos_prisijungimui .tabs_content_3 .btn {
        margin-top: 20px;
    }

    .how_to_connect_header_wrapper .explanation{
        margin-top: 39px;
    }

    .explanation.sms_register_1,
    .explanation.sms_register_3{
        width: 52px !important;
        height: 52px;
        margin-top: 7px !important;
        background: url('../img/mobile_explanation_mark.png') 0px 0px no-repeat;
    }

    .sistemos_prisijungimui .tabs_content_3 .explanation {
        margin-top: -5px;
    }

    .el_bankininkyste_section h2 {
        width: calc(100% - 3.5% - 42px);        
    }
    .how_to_connect_page h1{ 
       /*margin-top: 110px;*/
    }
    .tekstinis_page #tekstinis_page_inner_wrapper{
        margin-top: 100px;
    }    
}




@media only screen and (min-width: 1px) and (max-width:479px) {

   h1{
    font-size: 30px;
   }

   h2{
    font-size: 20px;
   }

    .how_to_connect_page .usb_column, .how_to_connect_page .lust_card_column{
        display: none;
    }

    .responsive-header img {
        margin: 4%;
        max-width: 35%;
    }

   .index_page .play_btn{
        width: 80px;
        top: 20%;
        margin-left: -40px !important;
   }

    .how_to_connect_page .sms_prisijungimas_section .sms_prisijungimas_txt_wrapper{
        width: 70%;
    }

    .how_to_connect_page .sms_prisijungimas_section input {
        width: 92%;
    }

    .how_to_connect_page .sms_prisijungimas_section .sms_prisijungimas_txt_wrapper p{
        font-size: 18px;
    }

    .success-area p{
        padding: 10px 10px 10px 80px;
    }
    
    .how_to_connect_page .sms_prisijungimas_img_area.sms-step-2 {
        /*margin-top: 105px;*/
    }

    .modal_popup_wrapper{
        width: 95%;
        left: 2.5%;
        top: 2.5%;
        margin-left: 0;
    }

    .modal_popup_buttons_wrapper p{
        width: 50%;
        font-size: 18px;
    }
    .area-error p, .area-loading p {
        font-size: 18px;
    }   

    #modal_popup_inner_wrapper .area-loading, #modal_popup_inner_wrapper .area-error {
        margin: 0px 20px 50px 0;
    }
    
    #responsive-nav ul li a {
        padding: 17px;
        font-size: 16px;
    }

    #responsive-nav-button{
        top: 20px;
        right: 0px; 
        background-size: 70%;
    }

    .how_to_connect_page .one_third_column input{
        width: calc(100% - 100px);   
    }

    .how_to_connect_page .one_third_column input, .how_to_connect_page .sms_prisijungimas_section input {
        padding: 10px;
        font-size: 16px;
    }

    .how_to_connect_page .el_parasas_section .small_btn, .how_to_connect_page .sms_prisijungimas_section .small_btn {
        width: auto;
        text-align: center;
    }

    .how_to_connect_page .sms_prisijungimas_img_area {
        width: 51px;
        background-size: 100%;
    }

    .how_to_connect_page .sms_prisijungimas_section .sms_prisijungimas_txt_wrapper p {
        font-size: 15px;
    }

    p.sms-step-2, p.sms-step-1 {
        margin-left: -52px;
    }

    .how_to_connect_page .mobile_column {
        width: 100% !important;
    }

    .how_to_connect_header_wrapper .explanation {
        width: 29px;
    }
    .content .f_left a {
        font-size: 13px;
        margin-left: 16px;
    }
    .content .f_left a:nth-of-type(2) {
        font-size: 13px;
    }

    .content .f_right {
        margin-left: 16px;
    }

    .footer a{
        font-size: 11px;
    }

    .footer .choco {
        padding-right: 95px;
    }

    .logos li {
        width: 50%;
        margin: 20px 0 20px 0;
    }

    #modal_popup_inner_wrapper {
        margin-left: 20px;
    }
    

    .modal_popup_buttons_wrapper p {
        font-size: 15px;
    }

    .modal_popup_buttons_wrapper .btn {
        width: 36%;
        font-size: 13px;
    }

    .area-error p, .area-loading p {
        font-size: 13px;
        padding: 10px 10px 10px 50px;        
    }
    .success-area {
        /*margin-left: -57px;
        width: 133%;*/
    }

    .tekstinis_page #tekstinis_page_table h4.h_right{
        padding: 0;
    }

    .tekstinis_page #tekstinis_page_table h3.h_left{
        padding: 5%;
    } 

    .tekstinis_page #tekstinis_page_table h3.h_right{
        padding: 5%;
        padding-left: 0;
        padding-right: 0;        
    }

    .tekstinis_page #tekstinis_page_table h4.h_left{
        padding: 5%;
    }

    .log_in_button{
        margin-top: 10px;
        padding: 0 2px;
        /*margin-right: 25%;*/
        font-size: 11px;
        width: auto;
    }

    .index_page .powered_by .btn{
        margin: 10px 0 0 0%;
    }

    .index_page .btn.kontaktai{
        margin: 10px 0 0 0%;
        padding-left: 0;
        padding-right: 0;
        text-align: center;        
    }

    .logos{
        width: 100%;
    }

    .modal_video iframe{
        width: 100%;
        height: 60%;
        margin-left: 0%;
    }
    
    .sistemos_prisijungimui .tabs_content_3 .btn,
    .sistemos_prisijungimui .tabs_content_4 .btn{
        margin: 20px 0 20px 0;
        text-align: center;
    }

   .how_to_connect_header_wrapper .explanation{
        margin-top: 34px;
    }

    .sms_register_2_inner_wrapper input,
    .sms_register_4_inner_wrapper input{
        width: 100% !important;
    }

    .sistemos_prisijungimui p.sms_register_2,
    .sistemos_prisijungimui p.sms_register_4{
        font-size: 17px;
    }

    .explanation.sms_register_1,
    .explanation.sms_register_3{
        margin-top: 25px !important;
    }

    .sistemos_prisijungimui .explanation.sms_register_3{
        margin-top: 15px !important;
    }

    .sistemos_prisijungimui .connection_history_wrapper .connection_history_connection_type h3 {
        font-size: 24px;
    }

    .sistemos_prisijungimui .connection_history_wrapper .btn {
        width: 35%;
        margin-top: 10px;
        font-size: 14px;
        padding: 10px 0px;
        line-height: 20px;     
    }
    .sistemos_prisijungimui .connection_history_wrapper .connection_history_connected_as {
        margin-left: 4%;
    }

    .sistemos_prisijungimui .connection_history_wrapper .connection_history_connected_as p{
        font-size: 14px;
    }
    
    .sistemos_prisijungimui .text_wrapper > div p {
        font-size: 14px;
    }

    .sistemos_prisijungimui .tabs_inner_content_section .logo_area .logo_wrapper{
        background-size: 60%;
    }

    .logo_area .explanation,
        .sistemos_prisijungimui .tabs_content_3 .explanation{
        width: 26px;
        height: 26px;
        background: url('../img/explanation_mark.png') 0px 0px no-repeat;
        position: absolute;
        right: 70px;     
    }

    .sistemos_prisijungimui .tabs_content_3 .explanation{
        margin-top: 5px;
    }

    .sistemos_prisijungimui .tabs_content_4 .explanation {
        width: 26px;
        height: 26px;
        background: url('../img/explanation_mark.png') 0px 0px no-repeat;
    }

    /*.responsive-header {*/
        /*height: 75px;*/
    /*}*/

    .responsive-header img {
        width: 130px;
        margin: 10px 0 0 8px;       
    }

    .main_wrapper {
        margin-top: 90px;
    }

    .how_to_connect_page{ 
        /*margin-top: 75px;*/
    }

    .sistemos_prisijungimui{
        /*margin-top: 75px !important;*/
    }

    #kontaktiniai_duomenys_photo_area{
        width: 100px !important;
        height: 100px !important;
    }
    .el_bankininkyste_section h2 {
        width: calc(100% - 3.5% - 42px);        
    }
    .tekstinis_page #tekstinis_page_inner_wrapper{
        margin-top: 75px;
    }
}


@media only screen and (min-width: 1px) and (max-width:320px) {
    .main_wrapper{
        width: 320px;
    }
}