/*Iphone 6, 6S, 7 and 8 Portrait mode*/
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

    .locate-control-container .locate-control{
        width:340px;
    }
    .info{
        display:none;
    }
    .email-form-container{
        display:none;
        position: absolute;
        top:5%;
        bottom:5%;
        right:5%;
        left:5%;
        background-color: #882b37;
        z-index:1010; 
        border: 2px solid #4e4e4d;
        border-radius: 5px;               
    }

    .email-form-container.on{
        display:block;
    }    

    .email-form-container .header{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 7%;        
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        background-color: #882b37;        
    }

    .email-form-container .header .left{
        order: 1;
        width: 85%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
        padding: 12px;                
    }

    .email-form-container .header .left span{
        color: #FFF;
        font-size: 1.1em;
    }

    .email-form-container .header .right{
        order: 2;
        width: 15%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;        
    }

    .email-form-container .header .right .contact-form-close-btn{
        color: #FFF;
    }

    .email-form-container .header .right .contact-form-close-btn i{
        font-size: 20px;
    }

    .email-form-container .body{
        width: 100%;
        height:100%;
        position: relative;
        top: 47px;
        display:flex;
        flex-wrap: nowrap;
        flex-direction: column;
        align-content: center;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        color:#FFF; 
        overflow-y:auto;
        overflow-x:hidden;             
    }
    
    .email-form-container .body .row{
        padding:10px;
    }

    .email-form-container .body .row label{
        display: block;
        margin-bottom: 5px;
    }

    .email-form-container .body .row input[type="text"]{
        width: 100%;
        padding: 10px;        
    }

    .email-form-container .body .row textarea{
        width: 100%;
        min-height: 200px;        
    }

    .email-form-container .body .row .send-btn, .email-form-container .body .row .confirm-btn{
        background-color: #4e4e4d;
        padding:10px;
        text-align:center;
        color:#FFF;
        border-radius: 10px;
        border:1px solid black;
        width: 90%;
        position: absolute;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        text-decoration: none;        
    }
    .email-form-container .body .row .confirm-btn{
        display:none;
    }

    .email-form-container.success{
        display:block;
    }

    .email-form-container.success .body .row .send-btn{
        display:none;
    }  
    .email-form-container.success .body .row .confirm-btn{
        display:block;
    }

    .menu-mobile{
        display:none;
        position: absolute;
        bottom:0;
        top: calc(12% - 1px);
        z-index:101;
        left:0;
        right:0;
        background-color:#4e4e4d;
    }
    .menu-mobile.on{
        display:block;
    }
    .results-mobile.on{
        display:flex;
    }
    .results-mobile{
        top:calc(22% - 1px);
        position: absolute;
        left:0;
        right:0;
        bottom:0;
        background:#4e4e4d;
        display: none;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        z-index:99;        
    }
    .results-mobile .results-header{
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: flex-start;        
    }
    .results-mobile .results-header .row{
        width: 100%;
        height: auto;
        padding: 12px;
        color: #FFF;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        font-size: 1.1em;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;    
    }
    .results-mobile .results-header .row .results-close-btn{
        margin-right:12px;
        color:#FFF;
        text-decoration:none;
    }
    .results-mobile .results-body{
        bottom: 0;
        left: 0;
        right: 0;
        top: 92px;
        overflow-y: auto;     
    }
    .results-mobile .results-body #results-list{
        width:100% !important;
        margin: 0 !important;
        font-family: Arial Narrow,Arial,sans-serif !important; 
    }
    .results-mobile .results-body #results-list thead tr th{
        font-family: Arial Narrow,Arial,sans-serif !important;
    }
    .results-mobile .sorting{
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        color:#FFF;
    }
    .header-content-wrapper{
        padding:10px;
    }
    .header-content-wrapper .header-menu, .header-content-wrapper .header-social{
        display:none;
    }
    .header-content-wrapper .header-logo{
        width:35%;
        padding:0px 5px;
        order:1;
    }
    .header-content-wrapper .header-logo-2{
        width:45%;
        padding:0px 5px;
        order:2;
    }
    .header-content-wrapper .header-logo-2 p{
        font-size:15px;
    }    
    .header-content-wrapper .header-mobilemenu-btn{
        width:10%;
        height:100%;
        order:3;
        display: flex !important;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-content: center;       
    }
    .header-content-wrapper .header-mobilemenu-btn a{
        padding:10px;
        background-color:rgba(56, 56, 56, 0.5);
    }
    .header-content-wrapper .header-mobilemenu-btn a i{
        color:#c09d5e;
        font-size:20px;
    }
    .header-controls{
        z-index:100;
    }
    .header-controls .col{
        display:none;
    }
    .header-controls .search-row-title{
        order: 1;
        width: 85%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
        padding: 12px;
    }
    .header-controls .search-row-title span{
        color: #FFF;
        font-size: 1.1em;        
    }
    .header-controls .search-row-toggle{
        order: 2;
        width: 15%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .header-controls .search-row-toggle .fa-chevron-down{
        display:block;
    }
    .header-controls .search-row-toggle .fa-chevron-up{
        display:none;
    }
    .header-controls .search-row-toggle.on .fa-chevron-down{
        display:none;
    }
    .header-controls .search-row-toggle.on .fa-chevron-up{
        display:block;
    }
    .search-row-toggle a{
        color: #FFF;
        text-decoration:none;
    }
    .search-row-toggle a i{
        font-size: 20px;
    }
    .search-control-container{
        bottom:0;
        left:0;
        right:0;
        top:calc(22% - 1px);
        padding: 10px;
        overflow-y: auto;        
        background-color:#882b37;
        position: absolute;
        display: none;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        z-index:101;        
    }
    .search-control-container.on{
        display:flex;
    }
    .search-control-container .row{
        position: relative;
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        padding: 5px;        
    }
    .search-control-container .row label{
        margin:5px;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        color:#FFF;
    }
    .search-control-container .row input[type="text"], .search-control-container .row select{
        margin: 5px 0px;
        padding:1em;
        -webkit-appearance: initial;
        font-size:16px;
        border:1px solid #FFF;
        background: #FFF;
               
    }
    .one-time-msg-container.on{
        display: flex;
    }
    .one-time-msg-container{
        padding:0.5em;
        top:30%;
        bottom:10%;
        display:none;
        flex-direction: column;
        justify-content:center;
        left:10px;
        right:10px;
    }
    .one-time-msg-container .wording-main{
        font-size:1em;
    }
    .one-time-msg-container .wording-sub{
        font-size: 1em;
        line-height: 1em;        
    }
    .one-time-msg-container .wording-instruction{
        font-size: 1em;
        line-height: 1em;        
    }
    .auto-suggestions{
        left: 6px;
        background: #FFF;
        top: 93%;
        height: auto;
        position: absolute;
        z-index: 99;
        right: 6px;        
    }
    .auto-suggestions .auto-suggestions-item{
        padding: 1em;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;        
    }
    .auto-suggestions .auto-suggestions-item a{
        line-height: 1em;
        text-decoration: none;
        color: #882b37;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        font-size: 17px;        
    }
    .auto-suggestions .auto-suggestions-item:hover{
        background-color: #4e4e4d;
    }
    .auto-suggestions .auto-suggestions-item:hover a{
        color:#FFF;
    }

    .man-info-pane{
        display:none;
        position: absolute;
        top: calc(15% - 1px);
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: #882b37;
        flex-direction: column;
        flex-wrap: nowrap;
        z-index:100;
        overflow-y: auto;     
    }
    .man-info-pane.on{
        display:flex;
    }
    .man-info-pane .header{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 7%;        
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        background-color: #882b37;        
    }
    .man-info-pane .header .left{
        order: 1;
        width: 85%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
        padding: 12px;                
    }
    .man-info-pane .header .left span{
        color: #FFF;
        font-size: 1.1em;
    }
    .man-info-pane .header .right{
        order: 2;
        width: 15%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;        
    }
    .man-info-pane .header .right .info-pane-close-btn{
        color: #FFF;
    }
    .man-info-pane .header .right .info-pane-close-btn i{
        font-size: 20px;
    }
    .man-info-pane .body{
        width: 100%;
        position: relative;
        top: 40px;
        display:flex;
        justify-content: center;
        flex-wrap: nowrap;
        flex-direction: column;
        align-content: center;
        align-items: center; 
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        color:#FFF; 
        overflow-y:auto;
        overflow-x:hidden;             
    }
    .man-info-pane .body img{
        width: 40%;
        max-width: 100%; 
        background:#FFF;       
    }
    .man-info-pane .body h3{
        font-size:30px;
        letter-spacing: 0.15em;
        margin: 15px 0px;
    }
    .man-info-pane .body .data-col{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-around;
        align-items: center;               
    }
    .man-info-pane .body .data-col .col.left{
        order:1;
        text-align: right;
    }
    .man-info-pane .body .data-col .col.right{
        order:2;
        text-align:left;
    }
    
    .man-info-pane .body .data-col .col span{
        display:block;
        line-height: 30px;
        min-height:30px;
        font-size: 16px;        
    }
    .man-info-pane .regpage-btn-container{
        width:100%;
        position: relative;
        height:50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;  
        margin-top:18px;      
    }
    .man-info-pane .regpage-btn{
        background-color: #4e4e4d;
        padding:10px;
        text-align:center;
        color:#FFF;
        border-radius: 10px;
        border:1px solid black;
        width: 90%;
        position: absolute;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        text-decoration: none;
    }
    .man-info-pane .correction-btn-container{
        width:100%;
        position: relative;
        height:50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;  
        margin-top:18px;    
    }
    .man-info-pane .correction-btn{
        background-color: #4e4e4d;
        padding:10px;
        text-align:center;
        color:#FFF;
        border-radius: 10px;
        border:1px solid black;
        width: 90%;
        position: absolute;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        text-decoration: none;
    }
    .regpage-container{
        display: none;
        position:absolute;
        top:5%;
        right:5%;
        left:5%;
        bottom:5%;
        z-index:999;
    }
    .regpage-container.on{
        display:block;
    }
    .regpage-container img{
        width:100%;
        max-height:100%;
    }
}

/*GALAXY S3 Portrait*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

    .locate-control-container .locate-control{
        width:340px;
    }

    .info{
        display:none;
    }

    .menu-mobile{
        display:none;
        position: absolute;
        bottom:0;
        top: calc(12% - 1px);
        z-index:101;
        left:0;
        right:0;
        background-color:#4e4e4d;
    }
    .menu-mobile.on{
        display:block;
    }
    .results-mobile.on{
        display:flex;
    }
    .results-mobile{
        top:calc(22% - 1px);
        position: absolute;
        left:0;
        right:0;
        bottom:0;
        background:#4e4e4d;
        display: none;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        z-index:99;        
    }
    .results-mobile .results-header{
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: flex-start;        
    }
    .results-mobile .results-header .row{
        width: 100%;
        height: auto;
        padding: 12px;
        color: #FFF;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        font-size: 1.1em;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;    
    }
    .results-mobile .results-header .row .results-close-btn{
        margin-right:12px;
        color:#FFF;
        text-decoration:none;
    }
    .results-mobile .results-body{
        bottom: 0;
        left: 0;
        right: 0;
        top: 92px;
        overflow-y: auto;     
    }
    .results-mobile .results-body #results-list{
        width:100% !important;
        margin: 0 !important;
        font-family: Arial Narrow,Arial,sans-serif !important; 
    }
    .results-mobile .results-body #results-list thead tr th{
        font-family: Arial Narrow,Arial,sans-serif !important;
    }
    .results-mobile .sorting{
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        color:#FFF;
    }
    .header-content-wrapper{
        padding:10px;
    }
    .header-content-wrapper .header-menu, .header-content-wrapper .header-social{
        display:none;
    }
    .header-content-wrapper .header-logo{
        width:35%;
        padding:0px 5px;
        order:1;
    }
    .header-content-wrapper .header-logo-2{
        width:45%;
        padding:0px 5px;
        order:2;
    }
    .header-content-wrapper .header-logo-2 p{
        font-size:15px;
    }    
    .header-content-wrapper .header-mobilemenu-btn{
        width:10%;
        height:100%;
        order:3;
        display: flex !important;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-content: center;       
    }
    .header-content-wrapper .header-mobilemenu-btn a{
        padding:10px;
        background-color:rgba(56, 56, 56, 0.5);
    }
    .header-content-wrapper .header-mobilemenu-btn a i{
        color:#c09d5e;
        font-size:20px;
    }
    .header-controls{
        z-index:100;
    }
    .header-controls .col{
        display:none;
    }
    .header-controls .search-row-title{
        order: 1;
        width: 85%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
        padding: 12px;
    }
    .header-controls .search-row-title span{
        color: #FFF;
        font-size: 1.1em;        
    }
    .header-controls .search-row-toggle{
        order: 2;
        width: 15%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .header-controls .search-row-toggle .fa-chevron-down{
        display:block;
    }
    .header-controls .search-row-toggle .fa-chevron-up{
        display:none;
    }
    .header-controls .search-row-toggle.on .fa-chevron-down{
        display:none;
    }
    .header-controls .search-row-toggle.on .fa-chevron-up{
        display:block;
    }
    .search-row-toggle a{
        color: #FFF;
        text-decoration: none;
    }
    .search-row-toggle a i{
        font-size: 20px;
    }
    .search-control-container{
        bottom:0;
        left:0;
        right:0;
        top:calc(22% - 1px);
        padding: 10px;
        overflow-y: auto;        
        background-color:#882b37;
        position: absolute;
        display: none;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        z-index:101;        
    }
    .search-control-container.on{
        display:flex;
    }
    .search-control-container .row{
        position: relative;
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        padding: 5px;        
    }
    .search-control-container .row label{
        margin:5px;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        color:#FFF;
    }
    .search-control-container .row input[type="text"], .search-control-container .row select{
        margin: 5px 0px;
        padding:1em;        
    }
    .one-time-msg-container.on{
        display: flex;
    }
    .one-time-msg-container{
        padding:0.5em;
        top:20%;
        bottom:10%;
        display:none;
        flex-direction: column;
        justify-content:center;
        left:10px;
        right:10px;
    }
    .one-time-msg-container .wording-main{
        font-size:1em;
    }
    .one-time-msg-container .wording-sub{
        font-size: 1em;
        line-height: 1em;        
    }
    .one-time-msg-container .wording-instruction{
        font-size: 1em;
        line-height: 1em;        
    }
    .auto-suggestions{
        left: 6px;
        background: #FFF;
        top: 93%;
        height: auto;
        position: absolute;
        z-index: 99;
        right: 6px;        
    }
    .auto-suggestions .auto-suggestions-item{
        padding: 1em;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;        
    }
    .auto-suggestions .auto-suggestions-item a{
        line-height: 1em;
        text-decoration: none;
        color: #882b37;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        font-size: 17px;        
    }
    .auto-suggestions .auto-suggestions-item:hover{
        background-color: #4e4e4d;
    }
    .auto-suggestions .auto-suggestions-item:hover a{
        color:#FFF;
    }

    .man-info-pane{
        display:none;
        position: absolute;
        top: calc(15% - 1px);
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: #882b37;
        flex-direction: column;
        flex-wrap: nowrap;
        z-index:100; 
        overflow-y: auto;     
    }
    .man-info-pane.on{
        display:flex;
    }
    .man-info-pane .header{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 7%;        
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        background-color: #882b37;        
    }
    .man-info-pane .header .left{
        order: 1;
        width: 85%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
        padding: 12px;                
    }
    .man-info-pane .header .left span{
        color: #FFF;
        font-size: 1.1em;
    }
    .man-info-pane .header .right{
        order: 2;
        width: 15%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;        
    }
    .man-info-pane .header .right .info-pane-close-btn{
        color: #FFF;
    }
    .man-info-pane .header .right .info-pane-close-btn i{
        font-size: 20px;
    }
    .man-info-pane .body{
        width: 100%;
        position: relative;
        top: 40px;
        display:flex;
        justify-content: center;
        flex-wrap: nowrap;
        flex-direction: column;
        align-content: center;
        align-items: center; 
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        color:#FFF; 
        overflow-y:auto;
        overflow-x:hidden;             
    }
    .man-info-pane .body img{
        width: 40%;
        max-width: 100%; 
        background:#FFF;       
    }
    .man-info-pane .body h3{
        font-size:30px;
        letter-spacing: 0.15em;
        margin: 15px 0px;
    }
    .man-info-pane .body .data-col{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-around;
        align-items: center;               
    }
    .man-info-pane .body .data-col .col.left{
        order:1;
        text-align: right;
    }
    .man-info-pane .body .data-col .col.right{
        order:2;
        text-align:left;
    }
    
    .man-info-pane .body .data-col .col span{
        display:block;
        line-height: 30px;
        min-height:30px;
        font-size: 16px;        
    }
    .man-info-pane .regpage-btn-container{
        width:100%;
        position: relative;
        height:50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;  
        margin-top:18px;      
    }
    .man-info-pane .regpage-btn{
        background-color: #4e4e4d;
        padding:10px;
        text-align:center;
        color:#FFF;
        border-radius: 10px;
        border:1px solid black;
        width: 90%;
        position: absolute;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        text-decoration: none;
    }
    .man-info-pane .correction-btn-container{
        width:100%;
        position: relative;
        height:50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;  
        margin-top:5px;       
    }
    .man-info-pane .correction-btn{
        background-color: #4e4e4d;
        padding:10px;
        text-align:center;
        color:#FFF;
        border-radius: 10px;
        border:1px solid black;
        width: 90%;
        position: absolute;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        text-decoration: none;
    }    
    .regpage-container{
        display: none;
        position:absolute;
        top:5%;
        right:5%;
        left:5%;
        bottom:5%;
        z-index:999;
    }
    .regpage-container.on{
        display:block;
    }
    .regpage-container img{
        width:100%;
        max-height:100%;
    }
}

/*GALAXY S4, S5 and Note 3*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

    .locate-control-container .locate-control{
        width:340px;
    }

    .info{
        display:none;
    }

    .menu-mobile{
        display:none;
        position: absolute;
        bottom:0;
        top: calc(12% - 1px);
        z-index:101;
        left:0;
        right:0;
        background-color:#4e4e4d;
    }
    .menu-mobile.on{
        display:block;
    }
    .results-mobile.on{
        display:flex;
    }
    .results-mobile{
        top:calc(22% - 1px);
        position: absolute;
        left:0;
        right:0;
        bottom:0;
        background:#4e4e4d;
        display: none;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        z-index:99;        
    }
    .results-mobile .results-header{
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: flex-start;        
    }
    .results-mobile .results-header .row{
        width: 100%;
        height: auto;
        padding: 12px;
        color: #FFF;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        font-size: 1.1em;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;    
    }
    .results-mobile .results-header .row .results-close-btn{
        margin-right:12px;
        color:#FFF;
        text-decoration:none;
    }
    .results-mobile .results-body{
        bottom: 0;
        left: 0;
        right: 0;
        top: 92px;
        overflow-y: auto;     
    }
    .results-mobile .results-body #results-list{
        width:100% !important;
        margin: 0 !important;
        font-family: Arial Narrow,Arial,sans-serif !important; 
    }
    .results-mobile .results-body #results-list thead tr th{
        font-family: Arial Narrow,Arial,sans-serif !important;
        border:none;
    }
    .results-mobile .results-body #results-list tbody tr{
        background-color: #605f5f !important;
        color: #FFF !important;         
    }
    .results-mobile .results-body #results-list tbody tr:not(:last-child) td{
        border-bottom:1px solid #9d9d9d;
    }
    .results-mobile .sorting{
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        color:#FFF;
    }
    .header-content-wrapper{
        padding:10px;
    }
    .header-content-wrapper .header-menu, .header-content-wrapper .header-social{
        display:none;
    }
    .header-content-wrapper .header-logo{
        width:35%;
        padding:0px 5px;
        order:1;
    }
    .header-content-wrapper .header-logo-2{
        width:45%;
        padding:0px 5px;
        order:2;
    }
    .header-content-wrapper .header-logo-2 p{
        font-size:15px;
    }
    .header-content-wrapper .header-mobilemenu-btn{
        width:10%;
        height:100%;
        order:3;
        display: flex !important;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-content: center;     
    }
    .header-content-wrapper .header-mobilemenu-btn a{
        padding:10px;
        background-color:rgba(56, 56, 56, 0.5);
    }
    .header-content-wrapper .header-mobilemenu-btn a i{
        color:#c09d5e;
        font-size:20px;
    }
    .header-controls{
        z-index:100;
    }
    .header-controls .col{
        display:none;
    }
    .header-controls .search-row-title{
        order: 1;
        width: 85%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
        padding: 12px;
    }
    .header-controls .search-row-title span{
        color: #FFF;
        font-size: 1.1em;        
    }
    .header-controls .search-row-toggle{
        order: 2;
        width: 15%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .header-controls .search-row-toggle .fa-chevron-down{
        display:block;
    }
    .header-controls .search-row-toggle .fa-chevron-up{
        display:none;
    }
    .header-controls .search-row-toggle.on .fa-chevron-down{
        display:none;
    }
    .header-controls .search-row-toggle.on .fa-chevron-up{
        display:block;
    }
    .search-row-toggle a{
        color: #FFF;
        text-decoration: none;
    }
    .search-row-toggle a i{
        font-size: 20px;
    }
    .search-control-container{
        bottom:0;
        left:0;
        right:0;
        top:calc(22% - 1px);
        padding: 10px;
        overflow-y: auto;        
        background-color:#882b37;
        position: absolute;
        display: none;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        z-index:101;        
    }
    .search-control-container.on{
        display:flex;
    }
    .search-control-container .row{
        position: relative;
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        padding: 5px;        
    }
    .search-control-container .row label{
        margin:5px;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        color:#FFF;
    }
    .search-control-container .row input[type="text"], .search-control-container .row select{
        margin: 5px 0px;
        padding:1em;        
    }
    .one-time-msg-container.on{
        display: flex;
    }
    .one-time-msg-container{
        padding:0.5em;
        top:20%;
        bottom:10%;
        display:none;
        flex-direction: column;
        justify-content:center;
        left:10px;
        right:10px;
    }
    .one-time-msg-container .wording-main{
        font-size:1em;
    }
    .one-time-msg-container .wording-sub{
        font-size: 1em;
        line-height: 1em;        
    }
    .one-time-msg-container .wording-instruction{
        font-size: 1em;
        line-height: 1em;        
    }
    .auto-suggestions{
        left: 6px;
        background: #FFF;
        top: 93%;
        height: auto;
        position: absolute;
        z-index: 99;
        right: 6px;        
    }
    .auto-suggestions .auto-suggestions-item{
        padding: 1em;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;        
    }
    .auto-suggestions .auto-suggestions-item a{
        line-height: 1em;
        text-decoration: none;
        color: #882b37;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        font-size: 17px;        
    }
    .auto-suggestions .auto-suggestions-item:hover{
        background-color: #4e4e4d;
    }
    .auto-suggestions .auto-suggestions-item:hover a{
        color:#FFF;
    }

    .man-info-pane{
        display:none;
        position: absolute;
        top: calc(15% - 1px);
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: #882b37;
        flex-direction: column;
        flex-wrap: nowrap;
        z-index:100;
        overflow-y: auto;      
    }
    .man-info-pane.on{
        display:flex;
    }
    .man-info-pane .header{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 7%;        
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        background-color: #882b37;        
    }
    .man-info-pane .header .left{
        order: 1;
        width: 85%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
        padding: 12px;                
    }
    .man-info-pane .header .left span{
        color: #FFF;
        font-size: 1.1em;
    }
    .man-info-pane .header .right{
        order: 2;
        width: 15%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;        
    }
    .man-info-pane .header .right .info-pane-close-btn{
        color: #FFF;
    }
    .man-info-pane .header .right .info-pane-close-btn i{
        font-size: 20px;
    }
    .man-info-pane .body{
        width: 100%;
        position: relative;
        top: 40px;
        display:flex;
        justify-content: center;
        flex-wrap: nowrap;
        flex-direction: column;
        align-content: center;
        align-items: center; 
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        color:#FFF; 
        overflow-y:auto;
        overflow-x:hidden;             
    }
    .man-info-pane .body img{
        width: 40%;
        max-width: 100%; 
        background:#FFF;       
    }
    .man-info-pane .body h3{
        font-size:30px;
        letter-spacing: 0.15em;
        margin: 15px 0px;
    }
    .man-info-pane .body .data-col{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-around;
        align-items: center;               
    }
    .man-info-pane .body .data-col .col.left{
        order:1;
        text-align: right;
    }
    .man-info-pane .body .data-col .col.right{
        order:2;
        text-align:left;
    }
    
    .man-info-pane .body .data-col .col span{
        display:block;
        line-height: 30px;
        min-height:30px;
        font-size: 16px;        
    }
    .man-info-pane .regpage-btn-container{
        width:100%;
        position: relative;
        height:50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;  
        margin-top:18px;      
    }
    .man-info-pane .regpage-btn{
        background-color: #4e4e4d;
        padding:10px;
        text-align:center;
        color:#FFF;
        border-radius: 10px;
        border:1px solid black;
        width: 90%;
        position: absolute;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        text-decoration: none;
    }
    .man-info-pane .correction-btn-container{
        width:100%;
        position: relative;
        height:50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;  
        margin-top:5px;    
    }
    .man-info-pane .correction-btn{
        background-color: #4e4e4d;
        padding:10px;
        text-align:center;
        color:#FFF;
        border-radius: 10px;
        border:1px solid black;
        width: 90%;
        position: absolute;
        font-family: 'Friz Quadrata Std Medium', sans-serif !important;
        text-decoration: none;
    }    
    .regpage-container{
        display: none;
        position:absolute;
        top:5%;
        right:5%;
        left:5%;
        bottom:5%;
        z-index:999;
    }
    .regpage-container.on{
        display:block;
    }
    .regpage-container img{
        width:100%;
        max-height:100%;
    }
}