/* ========================================================
*
* File: responsive.css
* Description: Template styles for responsive design (for phone and tablet devices)
*
* ======================================================== */
.clearfix {
    *zoom: 1;
}

    .clearfix:before,
    .clearfix:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .clearfix:after {
        clear: both;
    }
/* # Responsive Classes
========================================================== */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    header .logo-center {
        margin: 0 auto;
        width: 110px;
    }

    header a.search-icon {
        margin-top: 40px;
        display: block;
    }

    header a.mmenu-link {
        color: #ccc;
        margin-top: 40px;
    }

        header a.search-icon:focus, header a.search-icon:hover,
        header a.mmenu-link:focus, header a.mmenu-link:hover {
            color: #777;
        }

    nav.navbar {
        display: none;
        margin-top: 10px;
    }

    .ourUnitPageTitle {
        background-position: 50% 0 !important;
    }

    #slider {
        margin-top: 20px;
    }

    #owl-banner .wrapper .caption a {
        padding: 0 !important;
    }

    #announce a.all-list-link {
        padding: 15px 40px;
    }

    #aboutUs a.detail-link {
        padding: 15px 40px;
    }

    #faq .faq-title h2 {
        font-size: 1.5em;
    }

    #announce marquee {
        float: none;
        width: 100%;
        ;
    }

    #closeBtn {
        text-align: right;
    }

        #closeBtn a {
            color: red;
            padding: 10px;
            font-size: 18px;
            cursor: pointer;
        }

    #txtSearch {
        width: 85%;
        float: left !important;
        border-radius: 2px
    }

    #mainHead {
        background: none;
        position: absolute;
        margin: 0;
        margin-top: 140px;
    }

    #search-inputs {
        width: 100% !important;
    }

    .search-group .input-group-btn .btn {
        width: 100%;
        border-radius: 2px;
    }

    .input-group {
        display: none;
    }

    #btnSearch {
        width: 100%;
    }

    .input-group .input-group-btn:first-child {
        z-index: 12;
    }

    .input-group-btn .dropdown-menu {
        width: 100%;
    }

    .input-group-btn {
        background: white;
        z-index: 10;
    }

    .headControl {
        padding: 0;
    }

        .headControl .row {
            margin: 0;
        }

    header .input-group {
        padding: 0;
        background-color: #fff;
        margin-top: -12px;
    }

    .ourUnitPageTitle {
        background: url(../img/doktorlaimizBg.jpg) -800px 0 no-repeat !important;
    }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
    header .logo-center {
        width: 110px;
    }

    header a.search-icon {
        margin-top: 40px;
        display: block;
    }

    header a.mmenu-link {
        color: #ccc;
        margin-top: 40px;
    }

        header a.search-icon:focus, header a.search-icon:hover,
        header a.mmenu-link:focus, header a.mmenu-link:hover {
            color: #777;
        }

    header .mWebsiteTitle {
        text-align: left;
        vertical-align: middle;
    }

        header .mWebsiteTitle b {
            font-size: 18px;
        }

    nav.navbar {
        display: none;
        margin-top: 10px;
    }

    .ourUnitPageTitle {
        background-position: 50% 0 !important;
    }

    #slider {
        margin-top: 20px;
    }

    #owl-banner .wrapper .caption {
        bottom: -50px;
        padding: 0 40px;
        width: 60%;
    }

    #announce marquee {
        float: none;
        width: 100%;
        ;
    }

    #closeBtn {
        text-align: right;
    }

        #closeBtn a {
            color: red;
            padding: 10px;
            font-size: 18px;
            cursor: pointer;
        }

    #txtSearch {
        width: 85%;
        float: left !important;
        border-radius: 2px
    }

    #mainHead {
        background: none;
        position: absolute;
        margin: 0;
        margin-top: 99px;
    }

    #search-inputs {
        width: 100% !important;
    }

    .search-group .input-group-btn .btn {
        width: 100%;
        border-radius: 2px;
    }

    .input-group {
        display: none;
    }

    #btnSearch {
        width: 100%;
    }

    .input-group .input-group-btn:first-child {
        z-index: 12;
    }

    .input-group-btn .dropdown-menu {
        width: 100%;
    }

    .input-group-btn {
        background: white;
        z-index: 10;
    }

    .headControl {
        padding: 0;
    }

        .headControl .row {
            margin: 0;
        }

    header .input-group {
        padding: 0;
        background-color: #fff;
        margin-top: -12px;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    header .form-control {
        width: 400px;
    }

    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
        font-size: 12px;
    }

        .navbar-collapse .nav > li > a {
            padding: 5px;
        }

    #search-result {
        width: 400px;
    }

    .mmenu-link {
        color: #fff;
        margin: 10px 0;
    }

    #slider #owl-banner img {
        background-size: 991px 50vh;
        min-height: 50vh;
    }

    #owl-banner .wrapper .caption {
        bottom: -140px;
        width: 60%;
    }

    #owl-academicApps .item img {
        width: 180px;
        display: initial;
    }

    .ourUnitPageTitle {
        background-position: 50% 0 !important;
    }

    #announce {
        padding: 0 !important;
        background: -moz-linear-gradient(left, #fff 0%, #fff 50%, #f78427 55%, #f78427 100%);
        background: -webkit-linear-gradient(left, #fff 0%, #fff 50%, #f78427 55%, #f78427 100%);
        background: linear-gradient(to right, #fff 0%, #fff 50%, #f78427 55%, #f78427 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f78427',GradientType=1 );
    }

        #announce .slide-announce {
            background-color: #fff;
            height: 52px;
            padding-left: 0;
        }

        #announce .col-sm-2 {
            padding-right: 0;
        }

    .input-group {
        display: table !important;
    }

    .ourUnitPageList .item {
        height: 250px;
    }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
    header ul.logo-title > li b {
        font-size: 22px;
    }

    header .form-control {
        width: 436px;
    }

    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
        font-size: 13px;
    }

    #search-result {
        width: 436px;
    }

    .navbar {
        min-height: 40px;
    }

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

    #owl-banner .wrapper .caption {
        bottom: -200px;
    }

    .ourUnitPageTitle {
        background-position: 50% 0 !important;
    }

    #announce {
        padding: 0 !important;
        background: -moz-linear-gradient(left, #fff 0%, #fff 50%, #f78427 55%, #f78427 100%);
        background: -webkit-linear-gradient(left, #fff 0%, #fff 50%, #f78427 55%, #f78427 100%);
        background: linear-gradient(to right, #fff 0%, #fff 50%, #f78427 55%, #f78427 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f78427',GradientType=1 );
    }

        #announce .slide-announce {
            background-color: #fff;
            height: 52px;
        }

    .input-group {
        display: table !important;
    }

    .ourUnitPageList .item {
        height: 250px;
    }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    header .form-control {
        width: 436px;
    }

    #search-result {
        width: 436px;
    }

    #owl-banner .item img {
        display: block;
        width: 100%;
        height: 70vh !important;
        min-width: 600px;
    }

    #owl-banner .wrapper .caption {
        bottom: -200px;
    }

    #owl-banner .text-right {
        position: absolute;
        right: 0;
        width: 60%;
        padding: 10px;
        text-align: left;
    }

    #announce {
        padding: 0 !important;
        /*background: -moz-linear-gradient(left, #fff 0%, #fff 50%, #f78427 55%, #f78427 100%);
        background: -webkit-linear-gradient(left, #fff 0%, #fff 50%, #f78427 55%, #f78427 100%);*/
        /*background: linear-gradient(to right, #fff 0%, #fff 50%, #f78427 55%, #f78427 100%);*/
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f78427',GradientType=1 );
       min-height:180px;
    }

        #announce .slide-announce {
            background-color: #fff;
            height: 52px;
        }

    .input-group {
        display: table !important;
    }
}