/* -------------------------------------------------------------------------------------- */
/* Mobile (Portrait) */
/* -------------------------------------------------------------------------------------- */

@media only screen and (max-width: 767px) {
    #content {
        background-position: right top;
    }
    #content .container {
        padding: 5px 0 0;
    }
    .bx-wrapper .bx-caption {
        background: rgba(80, 80, 80, 0.25);
        position: relative;
    }

    .bx-wrapper .bx-caption span {
        color: #000;
    }
}

/* -------------------------------------------------------------------------------------- */
/* Mobile (Landscape) */
/* -------------------------------------------------------------------------------------- */

@media only screen and (max-width: 767px) and (orientation: landscape) {
    .bx-wrapper .bx-caption {
        background: rgba(80, 80, 80, 0.25);
        position: relative;
    }

    .bx-wrapper .bx-caption span {
        color: #000;
    }
}

/* -------------------------------------------------------------------------------------- */
/* Small mobile (Portrait) */
/* -------------------------------------------------------------------------------------- */

@media only screen and (max-width: 320px) and (orientation: portrait) {
    .bx-wrapper .bx-caption {
        background: rgba(80, 80, 80, 0.25);
        position: relative;
    }

    .bx-wrapper .bx-caption span {
        color: #000;
    }
}

/* -------------------------------------------------------------------------------------- */
/* Ipad (Portrait) */
/* -------------------------------------------------------------------------------------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {
    .bx-wrapper .bx-caption {
        background: rgba(80, 80, 80, 0.25);
        position: relative;
    }

    .bx-wrapper .bx-caption span {
        color: #000;
    }
    .logo-left-margin {
        margin-left: 250px;
    }
   .logo-left-margin img { 
    max-width: 300px;
    height: auto;
    }
    #mainmenu {
        margin-top: 15px !important;
    }

    .nav>li>a {
        padding: 10px 10px;
    }

    .num {
        display: none;

    }
    .navbar-right {
        display: none
    }
}

/* -------------------------------------------------------------------------------------- */
/* Ipad (Landscape) */
/* -------------------------------------------------------------------------------------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
    .bx-wrapper .bx-caption {
        background: rgba(80, 80, 80, 0.25);
        position: relative;
    }

    .bx-wrapper .bx-caption span {
        color: #000;
    }
    .logo-left-margin
    {
        margin-left: 270px;
    }
   .logo-left-margin img { 
    max-width: 300px;
    height: auto;
    }

    .num {
        display: none;
    }
}

/* -------------------------------------------------------------------------------------- */
/* Small computers */
/* -------------------------------------------------------------------------------------- */

@media only screen
and (min-device-width: 1025px)
and (max-device-width: 1600px) {
    .logo-left-margin
    {
        margin-left: 270px;
    }


}

@media only screen
and (min-device-width: 1600px) {
    .logo-left-margin
    {
        margin-left: 270px;
    }
}