/* Descktop (portrait and landscape) ----------- */
    @media screen 

    {
    #desktopSpan {
    display: inline;
    }
    #mobileSpan {
    display: none;
    }
    [id*=inputTextField] {
    max-width: 200px;
    }
    .bPageBlock .labelCol, body .print .topics-label {
    padding-right: 2px;
    }
    .separationLine {
        width: 497px !important;
    }
    /*Buttons*/
    .buttonPosition {
    position: absolute;
    top: 355px;
    left: 227px;
    }
    .pleaseWaitPosition {
    position: absolute;
    top: 355px !important;
    left: 227px;
    color: #666666 !important;
    font-style: italic;
    }
    /**/
    .contentInputLable {
    height: 305px;
    padding-top: 35px;
    }
    /*Texts*/
    .livechat_footer_txt {
    position:absolute;
    top: 390px;
    text-align:left;
    width:470px;
    }
    .livechat_footer_txt_policy {
    position: absolute;
    top: 420px;
    left: -2px;
    text-align:center;
    width:465px;
    }
    .livechat_txt_required {
    padding-top: 0px;
    }

    /*Div*/
    .inputAreaDesktop {
    display: block;
    }
    body {
    overflow: hidden;
    touch-action: pan-y;
    }
    .radio
    Desktop {
    position: absolute;
    left: 88px;
    }

    .radioButtonPositionDesktop_Mini{
    position: absolute;
    left: 88px;
    margin-top: 17px;
    }
    .selectRadio {
    margin-left: -14px;
    width:300px;
    font: 13px Verdana!important;
    }
    .btn-startchat {
    text-indent:-9999px;
    }
    .error_message {
    top: 340px !important;
    left: 185px;
    }
    body .bPageBlock .pbBody .data2Col {
    padding-top: 0px!important;
    }
    }

/* ----------- iPad 3 and 4 ----------- */
 Portrait and Landscape
    @media only screen
    and (min-device-width: 768px)
    and (max-device-width: 1024px)
    and (-webkit-min-device-pixel-ratio: 2) {
    #desktopSpan {
    display: ;
    }
    #mobileSpan {
    display: none;
    }

    .livechat_footer_txt {
    top: 450px;
    }
    .livechat_footer_txt_policy {
    top: 485px;
    }

    /*Buttons*/
    .buttonPosition {
    top: 408px;
    }
    .pleaseWaitPosition {
    top: 408px;
    }

    }

/* Smartphones (landscape) ----------- */
    @media screen
    and (min-aspect-ratio: 1/1)
    and (min-device-width : 605px)
    and (max-device-width : 768px),

    screen and (min-aspect-ratio: 1/1)
    and (max-device-width : 599px)
    {
    #desktopSpan {
    display: none;
    }
    #mobileSpan {
    display: inline;
    }

    [id*=inputTextField] {
    max-width: 160px !important;
    width:170px;
    }

    .bPageBlock .labelCol, body .print .topics-label {
    padding-right: 2px;
    }
    .data2Coll {
    padding-left: 0px !important;
    }
    .empty {
        display: none;
    }
    
    fieldset {
        margin-right: 0px !important;
        padding-right: 0px !important;
    }
    /*Buttons*/
    .buttonPosition {
    position: absolute;
    top: 220px !important;
    left: 103px !important;
    }

    .pleaseWaitPosition {
    position: absolute;
    top: 220px !important;
    left: 113px !important;
    color: #666666 !important;
    font-style: italic;
    }

    /**/
    .livechat_header {
    background:url(img/NewNissan_header.png) no-repeat !important;
    height:97px !important;
    width:100%;
    text-align:right;
    }
    /**/
    .contentInputLable {
    height: 305px;
    padding-top: 0px;
    }
    .separationLine {
        position: absolute !important;
        top: 300px !important;
        width: 100% !important;
    }
    .recallDiv_mob {
        display:block !important;
        position: absolute;
        top: 335px !important;
        -webkit-text-size-adjust: 100%;
        font-size:9px;
        padding-left: 20px;
        width: 445px;
        text-align: center;
    }
    /*Texts*/
    .livechat_footer_txt {
    position:absolute;
    top: 375px;
    left:390px;
    text-align:right;
    width:70px;

    }
    .livechat_txt {
    padding-top:0px !important;
    padding-bottom:0px !important;
    }
    .error_message {
    top: 257px !important;
    left: 110px !important;
    }

    .error_message_mini {
    top: 148px !important;
    left: 18px !important;
    }

    .livechat_txt_required {
    padding-top: 0px !important;
    }
    .bPageBlock .labelCol { /*overwrite standart*/
    text-align: left;
    padding-left: 8px;
    }
    .bPageBlock .detailList .labelCol { /*overwrite standart*/
    width: 23%!important;
    }
    .bPageBlock .detailList .data2Col { /*overwrite standart*/
    padding-left: 0px;
    }
    .radioButtonPositionDesktop {
    position:absolute !important;
    top:104px !important;
    left:272px !important;
    padding-left: 0px !important;
    }
    .radioButtonPositionDesktop_Mini{
    position:absolute !important;
    top:152px !important;
    left:32px !important;
    margin-top: 0px !important;
    padding-left: 0px !important;
    }
    .selectRadio {
    width: 200px !important;
    font: 13px Verdana !important;
    }

    .livechat_footer_txt_Rejection {
    -webkit-text-size-adjust: 100%;
    display:block !important;
    text-align: center;
    position: absolute !important;
    top: 295px !important;
    width: 440px;
    padding-left:20px !important;
    /*font: Verdana, Geneva, sans-serif;*/
    font-family: nissan_ag_5;/*Verdana, Geneva, sans-serif;*/
    font-size:9px !important;
    vertical-align:text-top;
    }

    .livechat_footer_txt_Rejection_mini {
    -webkit-text-size-adjust: 100%;
    display:block !important;
    text-align: center;
    position: absolute !important;
    top: 120px !important;
    left: 309px !important;
    width: 200px;

    font-family: Verdana, Geneva, sans-serif;
    font-size:9px !important;
    vertical-align:text-top;
    }

    .livechat_footer_txt_Polocy {
    display:block !important;
    text-align: center;
    position: absolute !important;
    top: 375px !important;
    width: 100px;
    font: Verdana, Geneva, sans-serif;
    font-size:9px ;
    vertical-align:text-top;
    padding-left:200px;
    }

    .livechat_footer_txt_Polocy_mini {
    display:block !important;
    text-align: center;
    position: absolute !important;
    top: 210px !important;
    left: 355px !important;
    width: 100px;
    font: Verdana, Geneva, sans-serif;
    font-size:9px ;
    vertical-align:text-top;
    }

    .livechat_footer_txt_Table {
    display:none !important;
    }

    /*Div*/
    .inputAreaDesktop {
    padding-top: 0px;
    display:block !important;
    width:480px !important;
    padding-left: 0px !important;
    }
    .labelCol {
        width: 22% !important;
    }
    .livechat_bg{
    background:none !important;
    width:100%;
    height:100px !important;
    }
    .inputAreaContainer{
    padding-top: 0px !important;
    }
    .divOperationHoursText {
    top: 100px !important;
    }
    .btn-startchat {
    text-indent:-9999px;
    }
    body {
    overflow: visible !important;
    }
    }

/* Smartphones (portrait) ----------- */
    @media screen
    and (min-width : 320px)
    and (max-width : 479px)
    {
    [id*=inputTextField] {
    width: 175px;
    max-width: 175px;
    }

    #desktopSpan {
    display: none;
    }
    #mobileSpan {
    display: inline;
    }

    .bPageBlock .labelCol, body .print .topics-label {
    padding-right: 2px;
    }
    .bPageBlock .detailList .dataCol {
    width:90%;
    }

    /*Buttons*/
    .buttonPosition {
    position: absolute;
    top: 390px !important;
    left: 33% !important;
    }

    .pleaseWaitPosition {
    position:absolute;
    left: 33%;
    width: 90%;
    top:445px !important;
    color: #666666 !important;
    font-style: italic;
    }

    .livechat_header {
    background: url(img/NewNissan_header_Mobile_Portrait.png) no-repeat !important;
    height:97px;
    width:303px;
    text-align:right;
    }
    
    .separationLine {
        position:absolute !important;
        top: 460px !important;
        width: 100% !important;
    }
    .recallDiv_mob {
        display:block !important;
        position: absolute;
        top:527px !important;
        font-size: 9px;
        width: 90%;
        text-align: center;
        left: 4%;
    }
    /**/
    .contentInputLable {
    height: auto;
    padding-top: 35px;
    }
    /*Texts*/
    .livechat_txt {
    padding-top:0px !important;
    padding-bottom:0px !important;
    }
    .livechat_footer_txt {
    position:absolute;
    top:490px;
    left:240px;
    text-align:right;
    width:70px;

    }
    .error_message {
    top: 427px !important;
    left: 25% !important;
    }

    .error_message_mini {
    top: 265px !important;
    left: 12px !important;
    }

    .livechat_txt_required {
    padding-top: 0px !important;
    }
    .radioButtonPositionDesktop {
    position:absolute !important;
    top:225px !important;
    left:25% !important;
    padding-left: 0px !important;
    }
    .radioButtonPositionDesktop_Mini{
    position:absolute !important;
    top:275px !important;
    left:25% !important;
    margin-top: 0px !important;
    padding-left: 0px !important;
    }
    .empty
    {
        display:none;
    }
    .selectRadio {
    width:0px !important;
    font: 13px Verdana!important;
    }
    .bPageBlock .detailList .labelCol { /*increase standart width of input labels*/
    width: 20% !important;
    }
    .bPageBlock .detailList .dataCol {
    width: 100%;
    }

    .livechat_footer_txt_Rejection {
    -webkit-text-size-adjust: 100%;
    display:block !important;
    position:absolute;
    top:460px !important;
    left: 4%;
    text-align: center;
    width: 90%;
    font-family: nissan_ag_5;/*Verdana, Geneva, sans-serif;*/
    font-size:9px !important;
    margin-top: 15px;
    padding-left: 0px !important;
    }

    .livechat_footer_txt_Rejection_mini {
    -webkit-text-size-adjust: 100%;
    display:block !important;
    position:absolute;
    top:455px;
    left:15px;
    text-align: center;
    width: 300px;
    font-family: Verdana, Geneva, sans-serif;
    font-size:9px !important;
    }
    .livechat_footer_txt_Polocy {
    display:block !important;
    position:absolute;
    top:579px !important;
    left: 4% !important;
    text-align: center;
    width: 90% !important;
    font-family: Verdana, Geneva, sans-serif;
    font-size:9px !important;
    padding-bottom:5px;
    padding-left:0px !important;
    
    }

    .livechat_footer_txt_Polocy_mini {
    display:block !important;
    position:absolute;
    top:535px !important;
    left:115px !important;
    text-align: center;
    width: 100px !important;
    font-family: Verdana, Geneva, sans-serif;
    font-size:9px !important;
    padding-bottom:5px;
    padding-left:0px !important;
    }

    .livechat_footer_txt_Table {
    display:none !important;
    }
    /*Div*/
    .inputAreaDesktop {
    display:block !important;
    width:200px !important;
    }
    
    .data2Col {
    padding-left: 10px!important;
    }
    
    .livechat_bg{
    background:none !important;
    width:100%;
    height:100px;
    }
    .inputAreaContainer{
    padding-top: 0px !important;
    }
    .divOperationHoursText {

    left: 14% !important;
    }
    .btn-startchat {
    text-indent:-9999px;
    }
    body {
    overflow: visible !important;
    }
    .AwayMessageBlockInner{
    left: 35px !important;
    }
    }