/* ALL MOBILE */

@media (max-width: 1024px) {


    #dialog_content{
        min-width: 90vw;
    }

    #search_input {
        width: 40vw;        
        height: 23px;
        position: absolute;
        margin-left: 10px;
    }

    .asset_media img {
        max-height: var(--mobile-media-maxheight);
    }


    /* NAV BAR */
    .hover_text {
        transform: translateX(-100%);
    }

    #nav_container {
        padding: 0 10px;
        white-space: nowrap;
    }

    #nav_container .logo_container img {
        transform: translate(-1%,3%);
    }

    #nav_container .logo_container div {
        margin-left: 0px;
    }

    /* ACCESS */

    #access_seedphrase_container{
        min-height: 40vh;
    }

    #seedphrase_confirmation_container {
        min-height: 50vh;
    }

    .import_seed_row {
        width: 125px;
    }

    .registration_btn_container {
        margin-bottom: 20px;
    }
    
    #import_seedphrase_contents {
        display: flex;
    }

    #import_seed_column1 {
        margin-right: 25px;
    }

    #password_message {
        transform: translate(-50%, -65%);
        width: 97vw;
        height: 6vh;
        text-align: center;
        margin-bottom: -25px;
    }

    .creation_access_input{
        width:95% !important;
    }

    #terms_x {
        transform: translate(-10px, -85px);
    }

    #registration_container{
        padding: 25px;
        width: 75vw;
    }

    #submit_btn {
        color: var(--text-dark);
    }

    #registration_type_btns{
        margin: 40px auto 25px auto;
    }

    #seedphrase_confirmation_contents{
        margin: 60px auto;
        
        width: 60vw;
    }

    #seedphrase_confirmation_contents input[type="text"]{
        width:100%;
    }

    /* BUILDER */

    .builder_action_bar{
        margin: 25px 0px;
    }

    .close_primary_media{
        transform: translate(-8vw, -26vh);
    }

    .custom_nav{
        margin-top: 30px;
    }

    .issue_send_icon{
        height: 20px;
        transform: translateX(-10px);
        padding: 0px;
    }

    .ipfs_hash_attachment_input{
        width:240px;
    }

    .stepper-wrapper{
        max-width: 65vw;
    }

    #asset_meta_options{
        margin: auto;
    }

    #blockchain_units{
        margin-bottom: 20px;
    }

    #builder_container{
        padding: 25px;
        /* max-width: 65vw; */
        max-height: 70vh;
        width:calc(90vw - 50px); 
        overflow-y: scroll;
    }

    #builder_submit_btn{
        width: 120px;
        padding: 10px 10px;
    }

    #custom_asset_content{
        max-width: none;
        padding: 25px;
        width: calc(100% - 50px);
        height: auto;
        max-height: 66%;
    }

    #custom_content_container{
        flex-direction: column;
        max-height: 61vh;
        overflow-y: scroll;
    }

    #custom_icons{
        margin: 0px 10px;
    }

    #custom_icons img{
        margin: 0px 5px;
    }

    #custom_text_data {
        padding: 0 10px;
        margin-top: 0px;
    }

    #description_close {
        transform: translate(0px, 0px);
    }

    #description_container textarea {
        width: 240px;
        outline: none;
    }

    #ipfs_hash {
        width: 65vw;
    }

    #meta_options_form {
        margin-top:25px;
    }

    #primary_media_dropzone {
        width: 60vw;
        height: auto;
        margin: 0px 30px 30px 30px;
    }
    
    #tx_confirm_message {
        font-size: 0.8em;
    }

    #url_container input {
        width: 240px;
        outline:none;
    }

    #upload_container {
        margin-bottom: 75px;
        width: 50vw;
    }

    #upload_svg {
        margin-top: 40px;
    }

    #user_message_content {
        transform: translate(0%, -45%);
    }


    /* WALLET */

    .address_container {
        padding: 30px 30px 30px 30px;
        max-width: 80vw;
    }

    #address_list_switch_container {
        bottom: 30px;
    }

    .asset_card_btn_align {
        transform: translate(-5px, -18px);
    }

    .asset_media {
        max-width: 100%;
    }

    .asset_viewer_tile {
        /* margin: 10px 10px 10px 5px;
        width: 35vw;
        height: 15vh; */
    }

    .builder_txid_container {
        font-size: 0.5em;
    }

    .bulk_send_container {
        overflow-y: scroll;
        min-height: 30vh;
        min-width: 60vw;
    }

    .flip_btn {
        content: url('/resources/images/ui/mobileflip.svg') !important;
        transform: rotateY(180deg) translate(0px, -20px) !important;
    }

    .info_btn {
        content: url('/resources/images/ui/mobileinfo.svg');
    }

    .input_output_btns {
        padding: 10px 0px;
        font-size: 0.8em;
        width: 115px;
    }

    .ok_btn {
        width: 70px;
    }

    .message_line {
        font-size: 0.7rem;
    }

    .mobile_toggle {
        transform: translate(15px, 0px);
    }

    .no_info_h1 {
        text-align: center !important;
        /* overrides the default align for custom assets */
        font-size: 1.75em;
        transform: translateX(-4px, 3px);
        margin: 0 !important;
    }

    #no_info_container {
        min-width: 45%;
    }

    .no_ipfs_content {
        min-height: 50vh;
    }

    .walletview_span {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transform: translateY(-2.5px);
    }

    .add_recipient_btn, .remove_recipient_btn{
        transform: none;
        float: none;
        position: absolute;
        right:5px;
        
    }

    .add_recipient_btn{
        bottom: 0;
    }

    .asset_card_btn_align {
        transform: translate(0px, -20px);
    }

    #advanced_tools {
        /* max-height: 36vh; */
    }

    #advanced_tools_btns{
        margin-top: 25px;
    }

    #asset_container{
        /* min-width: 90vw; */
    }

    #asset_name_input{
        margin-left: 0px;
        width: 310px;
    }

    #asset_send_heading{
        text-align: center;
    }

    #asset_viewer_blockchain_data{
        font-size: 0.7em;
    }

    #asset_viewer_container{
        width: 90vw;
        top: -6%;
        height: 65vh;
    }

    #asset_viewer_menu{
        transform: translate(10px, -10px);
    }

    #asset_viewer_title{
        font-size: 1em;
        margin-top: 50px;
    }


    #builder_btn{
        transform: translateX(0%);
        position: fixed;
        bottom: 0px;
        z-index: 2;
        top: 87%;
    }

    #builder_custom_attachment_menu{
        /* transform: translateY(-110%); */
    }

    #builder_img{
        height: 45px;
    }


    #builder_submit_btn{
        width: 120px;
        padding: 10px 10px;
    }

    #display_btn{
        padding: 5px 5px;
    }

    #home_container {
        flex-direction: column;
        overflow-y: scroll;
    }

    #main_asset_search_autocomplete {
        width: 77%;
        max-height: 40vh;
    }


    #main_asset_search_autocomplete .autocomplete_item:first-child {
        margin-top: 0px;
        /* margin-top creeps menu down with each entry */
    }

    #main_asset_search_container>input {
        width: 95%;
    }

    #memo_data_container {
        font-size: 0.8em;
    }

    #memo_view_container {
        padding: 20px;
    }

    #new_address_qr {
        
        /* padding: 40px; */
        margin: 45px auto;
        
    }

    #preview_back_btn {
        /* transform: translateX(-35px); */
    }

    #receive_container {
        width: 90vw;
    }

    #receive_container>h1 {
        padding-left: 10px;
    }

    #receive_container>h2 {
        padding-left: 10px;
    }

    #recipient_address_input {
        margin-left: 0px;
        width: 310px;
    }

    #rvn_amount {
        width: 310px;
    }

    #rvn_chart {
        min-width: 85vw;
        padding: 0px 20px 15px 20px;
    }

    #rvn_chart img {
        height: 75px;
        left: 50%;
        transform: translate(-15%, 0%);
        padding: 10px;
    }

    #rvn_chart_title {
        font-size: 1.9em;
        left: 0%;
        transform: translate(30%, 50%);
    }

    #rvn_header {
        margin-top: 0px;
    }

    #donate_h2{
        font-size: 0.8em;
    }

    #send_container {
        max-width: 80vw;
        max-height: 70vh;
        text-align: left;
    }

    #send_container h1{
        text-align: center;
    }

    #send_container label.send_lbl {
        display: inline-block;
        width: 13%;
    }

    #send_container input[type="text"], #send_container input[type="number"] {
        width: 75%;
        text-indent: 10px;
    }

    #send_rvn_btn_container {
        margin: 0px 0px;
        font-size: 0.5em;
        text-align: center;
    }


    #tx_confirm_message {
        font-size: 0.7em;
    }

    .tx_container{
        padding: 5px !important; /* overrides default secondary container padding */
    }

    .send_recipient{
        padding: 5px 5px 0 5px !important;
    }

    .tx_output_line, .tx_input_line{
        display:block;
    }

    .tx_output_line a, .tx_input_line a{
        display: block;
    }

    #user_message_content {
        transform: translate(0%, -45%);
    }

    #view_seed_container {
        max-width: 55vw;
    }

    .viewer_metadata_iframe {
        max-height: 50vh;
    }

    #viewer_media_container {
        margin: 20px auto 0 auto;
      
    }
    #viewer_media_container img, #viewer_media_container video{
        max-width: 90vw;
    }

    #wallet_address_list {
        max-height: 40vh;
    }

    .wallet_address_list_item {
        font-size: 0.9em;
    }

    #wallet_display {
        width: 90vw;
        margin: 4vh 0px 0px 3.5vw;
    }

    #wallet_display_toolbar {
        font-size: 0.7em;
        margin: 0px 10px 10px 10px;
    }

    #wallet_display_toolbar img {
        /* height: 15px; */
    }

    #wallet_loading_indicator {
        top: -30%;
        left: 40%;
    }

    #wallet_search_btn {
        height: 20px;
        margin-right: 5px;
    }

    #wallet_sort {
        height: 20px;
        margin-right: 0px;
    }

    #wallet_tools {
        display: flex;
        flex-direction: column;
        width: 76vw;
    }

    #wallet_tools_btns>div {
        margin: 10px 0;
    }

    #wallet_tools_container {
        justify-content: center;
        margin-bottom: -15px;
    }

    #xpub{
        word-break: break-word;
    }

    #view_seed_container>h1 {
        font-size: 1.2em;
    }

    #viewer_media_container {
        margin: 20px auto 0 auto
    }

    #viewer_menu_options {
        transform: translate(-120%, -100%);
    }

    /* ***************************************************** */
    /*  Input CSS */
    /* ***************************************************** */

    #send_container input[type="text"], #send_container input[type="number"] {
        outline: none;
        border: 1px solid var(--text-dark);
    }

    #builder_container input[type="text"], #builder_container input[type="number"] {
        outline: none;
        border: 1px solid var(--text-dark);
    }

    #main_asset_search_container input[type="number"], #main_asset_search_container input[type="text"] {
        outline: none;
        border: 1px solid var(--text-dark);
    }

    #wallet_display_toolbar input[type="text"] {
        outline: none;
        border: 1px solid var(--text-dark);
    }

}

@media (min-width:1501px) and (max-width:1700px){
    :root {
        --asset-tile-size: 230px;
    }
}

@media (min-width:1401px) and (max-width:1500px){
    :root {
        --asset-tile-size: 215px;
    }
}

@media (min-width:1301px) and (max-width:1400px){
    :root {
        --asset-tile-size: 200px;
    }
}

@media (min-width:1201px) and (max-width:1300px){
    :root {
        --asset-tile-size: 185px;
    }
}

@media (min-width:1101px) and (max-width:1200px){
    :root {
        --asset-tile-size: 170px;
    }
}

@media (min-width:1001px) and (max-width:1100px){
    :root {
        --asset-tile-size: 155px;
    }
}


@media (max-width:800px){

    #wallet_asset_grid{
        padding:20px;
        grid-template-rows: auto 1fr;
    }
    :root {
        --asset-tile-size: 35vw
    }
}

  /* iPhone XR */
  @media only screen 
  and (device-width : 414px) 
  and (device-height : 896px) 
  and (-webkit-device-pixel-ratio : 2) {

    #login_modal_btn{
        height: 45px;
    }
  }

/* IOS RULES NEEDED */

/* iPhone 11 XR */
@media only screen 
and (device-width : 414px) 
and (device-height : 896px) 
and (-webkit-device-pixel-ratio : 2) {

    .close_primary_media{
        transform: translate(-7vw, -26vh);
    }

    #builder_action_bar{
        width: 100% !important;
    }

    #primary_media_container{
        max-width: 75vw;
        max-height: 50vh;
    }

    #primary_media_dropzone{
        width: 62vw;
    }

    #viewer_media_container img, #viewer_media_container video{
        max-width: 75vw;
    }

}

/* IPHONE 12 and 13 PRO MAX */
@media only screen 
and (width : 428px) 
and (height : 926px)
and (-webkit-device-pixel-ratio: 3){
    /* #asset_viewer_title {
        font-size: 1.1em;
    }
    
    #wallet_tools {
        width: 78vw;
    }
    
    #main_asset_search_autocomplete {
        max-height: 40vh;
        width: 79%;
    }

    #registration_container {
        padding: 35px;
    } */
    

    .close_primary_media{
        transform: translate(-7vw, -26vh);
    }

    #builder_action_bar{
        width: 100% !important;
    }

    #viewer_media_container img, #viewer_media_container video{
        max-width: 75vw;
    }

    #primary_media_container{
        max-width: 75vw;
        max-height: 50vh;
    }

    #primary_media_dropzone{
        width: 62vw;
    }

    /* .flip_btn{
        content: url('/resources/images/ui/mobileflip.svg') !important;
        transform: rotateY(180deg) translate(-5px, -18px) !important;
    } */
}