/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
    .carousel-caption h2 {
        font-size: 20px;
        line-height: 25px;
    }

    .desktop-only {
        display: none;
    }

    #main-slider {
        /*  padding: 0;*/
    }

    #main-slider .banner {
        /*min-height: 400px;*/
        padding: 10px;
        text-align: center;
    }

    .thumbnail .caption {
        /*float: left !important;*/
    }

    .my-interest-container .thumbnail .caption {
        float: none !important;
    }

    .trendings-container .thumbnail .caption {
        float: none !important;
    }

    .opinion-thumb-container .thumbnail .caption {
        float: none !important;
    }

    .slider-top {
        margin-left: 0px;
    }

    .bottom-footer {
        text-align: center
    }

    span.copy {
        float: left;
    }

    .camera_caption > div {
        visibility: hidden;
    }

    .brand {
        left: 0 !important;
        position: relative;
        display: block;
    }

    .search {
        float: left !important;
    }

    #main-slider .banner h2 {
        font-size: 30px !important;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
    }

    .top-nav {
        height: auto !important;
    }

    .camera_caption {
        top: 0 !important;
        display: block;
        position: absolute;
        width: 100%;
    }

    #main-slider .banner p {
        text-align: left;
    }

    .thumbnail .caption {
        padding: 0;
    }

    .head-right .pull-right {
        float: left !important;
    }

    #main-hightlight-categories-news .recent-news-categories {
        padding: 10px;
    }

    #main-hightlight-categories-news .main-heading h2 {
        font-size: 20px !important;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
    .carousel-caption h2 {
        font-size: 20px;
        line-height: 25px;
    }

    .desktop-only {
        display: none;
    }

    .brand {
        left: 0 !important;
        /* margin-left: -50px !important;   50% of your logo width */

        position: relative;
        display: block;
    }

    #main-slider .banner p {
        text-align: left;
    }

    .head-right .pull-right {
        float: left !important;
    }

    #main-hightlight-categories-news .recent-news-categories {
        padding: 10px;
    }

    #main-hightlight-categories-news .main-heading h2 {
        font-size: 20px !important;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
    .desktop-only {
        display: block;
    }

    .brand {
        left: 35%;
        position: relative;
        display: block;
        top: 20px !important;
    }

    #main-slider .banner h2 {
        font-size: 40px !important;
    }

    #main-slider .banner p {
        text-align: center;
    }

    .head-right .pull-right {
        float: left !important;
    }

    #main-hightlight-categories-news .recent-news-categories {
        padding: 20px;
    }

    #main-hightlight-categories-news .main-heading h2 {
        font-size: 34px !important;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    .desktop-only {
        display: block;
    }

    .mobile-only {
        display: none;
    }

    .brand {
        left: 35%;
        position: relative;
        display: block;
        top: 20px !important;
    }

    #main-slider .banner h2 {
        font-size: 52px !important;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
    }

    #main-slider .banner p {
        text-align: center;
    }

    #main-hightlight-categories-news .recent-news-categories {
        padding: 20px;
    }

    #main-hightlight-categories-news .main-heading h2 {
        font-size: 34px !important;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
    .desktop-only {
        display: block;
    }

    .mobile-only {
        display: none;
    }

    .brand {
        left: 35% !important;
        position: relative;
        display: block;
        top: 20px !important;
    }

    #main-slider .banner {
        background: #fff;
        -moz-box-shadow: 0 0 5px #ebebeb;
        -webkit-box-shadow: 0 0 5px #ebebeb;
        box-shadow: 0 0 5px #ebebeb;
        padding-bottom: 35px !important;
        padding-top: 20px !important;
    }

    #main-slider .banner h2 {
        font-size: 52px !important;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
    }

    .single-page {
        width: 71%;
    }

    .title-third {
        width: 29%;
    }

    .camera_caption {
        bottom: 0 !important;
        display: block;
        position: absolute;
        width: 100%;
    }

    #main-slider .banner p {
        text-align: center;
        line-height: 1.5em;
    }

    #main-hightlight-categories-news .recent-news-categories {
        padding: 20px;
    }

    #main-hightlight-categories-news .main-heading h2 {
        font-size: 34px !important;
    }

    .top-stories {
        margin-top: 0px;
    }

    .social-news-section {
        margin-top: 30px;
    }

    .my-interest {
        margin-top: 30px;
    }

    #main-hightlight-subnews {
        /*margin-top: 30px;*/
    }

    #photogallery-section {
        padding-bottom: 30px;
    }

    #opinion-section {
        margin: 0 0 30px 0;
    }

    #diaspora-section {
        margin: 30px 0 0;
    }

    #career-science-techonology-section {
        padding-top: 30px;
    }

    .camera_caption > div {
        visibility: visible;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
    .mobile-only {
        display: none;
    }

    .camera_caption {
        bottom: 0 !important;
        display: block;
        position: absolute;
        width: 100%;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
}