/*===Mobile Portrait Size to Mobile Landscape Size (devices and browsers)======
==============================================================================*/
@media(max-width: 480px){
    p{font-size: 9pt;}
    .navbar-default .navbar-nav > li > a{border-right: none;}
    hr{max-width: 40px;}
    .footer p { font-size: 9pt; text-align: center;}
    .fixed{
      position: relative; width: 100%;
    }
    .custom-bar ul.menu li {
      border-right: none;
    }
}/*==========================================================================
============================================================================*/


/*=====Tablet Portrait (devices and browsers)============
=======================================================*/
@media screen and (max-width: 1199px) {
    .fixed{
      position: relative; width: 100%;
    }
    .welcome {margin: 15% auto;}
    .lotel_menu {margin-left: 0;}
    .login_logo img {margin-top: -20%;}
    p.list-group-item-text {font-size: 9pt;}
}/*======================================================
========================================================*/


/*=============Tablet Portrait (devices and browsers)===============
===================================================================*/
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .navbar-default ul.nav li a {font-size: 8pt; text-transform: uppercase;}

    .welcome {margin: 15% auto;}
    .lotel_menu {margin-left: 0;}
    .login_logo img {margin-top: -20%;}
    p.list-group-item-text {font-size: 9pt;}

    .lotel_desc {margin: 15% auto;}

    .form__input[type=text],.form__input[type=password] {
        width: 140px;
    }
}