/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  
    
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
 
    
}

/* Tablet Layout: 1281px. */
@media only screen and (min-width: 1281px) and (max-width: 1920px) { 
 
    .slide-text {
        width: 50%;
    }
    
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 481px) and (max-width: 1280px) { 

    span.fa-user {
        left: 143px;
    }

    span.fa-lock {
        left: 143px;
    }

    #imgContentTop {
        height: 107px;
        top: -107px;
        width: 625px;
    }
    .slide-area .owl-nav .owl-next {
        right: 5px;
    }
    .slide-area .owl-nav .owl-prev {
        left: 5px;
    }

    .slide-text h2 {
        font-size: 1.6rem;
    }
    .slide-text p {
        font-size: 1.2rem;
    }
    
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 361px) and (max-width: 480px) { 


    .alignleft {
        float: none;
    }
    .alignright {
        float: none;
    }
    .logo-left {
        text-align: center;
    }
    .logo-right {
        text-align: center;
    }
    input.username[type="text"], input.password[type="password"] {
        padding: 13px 25px;
        width: 85%;
    }
    span.fa-user {
        top: 169px;
        left: 44px;
    }
    span.fa-lock {
        bottom: 131px;
        left: 44px;
    }

    #imgContentTop {
        height: 107px;
        top: -107px;
        width: 465px;
    }
    .slide-area .owl-nav div{
        visibility: hidden;
    }
    .slide-text h2 {
        font-size: 1.6rem;
    }
    .slide-text p {
        font-size: 1.2rem;
    }

    input.sub-mit-1[type="submit"] {
        padding: 5px 20px;
    }
    input.sub-mit-2[type="submit"] {
        padding: 5px 20px;
    }
    
    
}

/* Wide Mobile Layout: 360px. */
@media only screen and (min-width: 321px) and (max-width: 360px) { 


    .alignright {
        float: none;
    }
    .logo-right {
        text-align: center;
    }
    input.username[type="text"], input.password[type="password"] {
        padding: 13px 25px;
        width: 85%;
    }
    span.fa-user {
        top: 169px;
        left: 36px;
    }
    span.fa-lock {
        bottom: 131px;
        left: 36px;
    }
    #imgContentTop {
        height: 107px;
        top: -107px;
        width: 345px;
    }
    .slide-area .owl-nav div{
        visibility: hidden;
    }
    .slide-text h2 {
        font-size: 1.6rem;
    }
    .slide-text p {
        font-size: 1.2rem;
    }

    input.sub-mit-1[type="submit"] {
        padding: 5px 20px;
    }
    input.sub-mit-2[type="submit"] {
        padding: 5px 20px;
    }
    
    
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 320px) { 
 
    .alignright {
        float: none;
    }
    .logo-right {
        text-align: center;
    }
    input.username[type="text"], input.password[type="password"] {
        padding: 13px 25px;
        width: 85%;
    }
    span.fa-user {
        top: 170px;
        left: 33px;
    }
    span.fa-lock {
        bottom: 131px;
        left: 33px;
    }
    

    #imgContentTop {
        height: 107px;
        top: -107px;
        width: 290px;
    }
    .slide-area .owl-nav div{
        visibility: hidden;
    }
    .slide-text h2 {
        font-size: 1.6rem;
    }
    .slide-text p {
        font-size: 1.2rem;
    }
    input.sub-mit-1[type="submit"] {
        padding: 5px 20px;
    }
    input.sub-mit-2[type="submit"] {
        padding: 5px 20px;
    }
    .input.pick-1, input.pick-2 {
        width: 120%;
    }
    
    
}