@media only screen and (max-width: 320px and min-width: 480px) {
    #info {
        position: relative;
    }
}

@media only screen and (max-width: 360px and min-width: 640px) {
    #info {
        position: relative;
    }
}

@media only screen and (max-width: 767px and min-width: 767px) {
    #info {
        position: absolute;
        /*fixed*/
    }
    /* ----------------------------------
     Count Down
  ---------------------------------- */
    .count-down>div>div {
        display: inline-block;
        padding: 20px;
    }
    .count-down h1 {
        font-size: 40px;
        /*47px*/
    }
    .modal.modal-scale.fade {
        margin: 15px;
    }
    .modal.modal-scale.fade .modal-dialog {
        width: 100%;
    }
    .modal-content {
        padding: 50px 15px;
    }
}

@media only screen and (min-width: 1279px) and (min-height:799px) {
    #info {
        position: absolute;
        /*fixed*/
    }
    .h3,
    h3 {
        font-size: 22px;
    }
    .wrap-line {
        margin: 30px 0px 50px 0;
        position: relative;
    }
    .pdf-link {
        color: #000;
        text-decoration: none;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.4;
        padding: 2px;
    }
    body.vegas-container,
    body {
        overflow: hidden;
    }
    body.show-content {
        overflow: scroll;
    }
    header {
        display: block;
    }
    .page-info {
        padding-top: 20px;
        /*60px*/
        position: fixed;
    }
    .col-transform {
        transition: all 0.6s ease-in-out;
    }
    .page-content {
        position: absolute;
        visibility: hidden;
        right: -50%;
        transition: all 0.6s ease-in-out;
    }
    .show-content .page-content {
        overflow: scroll;
        position: absolute;
        right: 0;
        visibility: visible;
        height: 800px;
    }
    .page-amplitude-wrapper {
        position: fixed;
    }
    .count-down {
        margin-left: -30px;
        margin-right: -30px;
    }
}

@media only screen and (min-width: 991px) {
    #info {
        position: absolute;
        /*fixed*/
    }
    body.vegas-container,
    body {
        overflow: hidden;
    }
    body.show-content {
        overflow: scroll;
    }
    header {
        display: block;
    }
    .page-info {
        padding-top: 20px;
        /*60px*/
        position: fixed;
    }
    .col-transform {
        transition: all 0.6s ease-in-out;
    }
    .page-content {
        position: absolute;
        visibility: hidden;
        right: -50%;
        transition: all 0.6s ease-in-out;
    }
    .show-content .page-content {
        overflow: scroll;
        position: absolute;
        right: 0;
        visibility: visible;
    }
    .page-amplitude-wrapper {
        position: fixed;
    }
    .count-down {
        margin-left: -30px;
        margin-right: -30px;
    }
}