/* bootstrap breakpoints
<576 xs (no class infix)
≥576 sm
≥768 md
≥992 lg
≥1200 xl
≥1400 xxl
*/
@media screen and (min-width: 380px) {
    .navbar-brand img {
        height: 74px;
    }

    .magazine-iframe {
        height: 580px;
    }
}

@media screen and (min-width: 576px) {
    /* sm */

    #audio-player-large .player-content {
        display: block;
    }

    #audio-player-large .mejs__container {
        min-width: 70% !important;
        height: 124px !important;
    }

    .popularTopicCard .popularTopicImage {
        width: 40%;
        border-radius: 10px 0 0 10px;
    }

    .popularTopicCard .popularTopicContent {
        width: 60%;
        color: unset;
    }

    .popularTopicContent .popularTopicCardInfo {
        background-color: unset;
        padding: 0;
    }

    .popularTopicContent .popularTopicContentImage {
        display: none;
    }

    .popularTopicContent .popularTopicCardInfo a {
        color: #666;
    }

    .popularTopicContent .popularTopicCardInfo a:hover {
        /* color: #03b5c3; */
    }

    /* .popularTopicContent .popularTopicTitle {
        min-height: unset;
    } */

    .latest-magazines {
        scale: 0.94;
    }

    .topic-tile-v2-thumb {
        display: block;
        position: relative;
        width: 40%;
        border-radius: 10px 0 0 10px;
    }

    .topic-tile-v2-content {
        color: initial;
        width: 60%;
        background-image: unset !important;
    }

    .topic-tile-v2-content .topic-tile-info {
        background-color: unset;
        padding: 0;
        border-radius: unset;
    }

    .topic-tile-v2-content .topic-tile-info a {
        color: #000;
    }

    .topic-tile-v2-content .topic-tile-info .category-row {
        font-size: 14px;
    }

    .topic-tile-v2-thumb.magazine {
        width: 50%;
    }

    .topic-tile-v2-content.magazine {
        width: 50%;
    }

    /* About Us Page */
    .about-us-header {
        height: 285px;
    }

    .contributor-card .contributor-content {
        flex-direction: column;
    }

    .contributor-content .contributor-img {
        width: 100%;
        max-height: 300px;
    }

    .contributor-content .contributor-img img {
        border: 0;
        border-radius: 10px;
        width: 100%;
        height: auto;
    }
}

@media screen and (min-width: 768px) {
    /* md */
    ul.navbar-nav > li.menu-item a {
        color: #777;
        padding: 0 7px;
    }

    ul.navbar-nav > li.menu-item a:hover,
    ul.navbar-nav > li.menu-item a:focus {
        color: #03b5c3;
    }

    .dropdown-menu .sub-menu {
        left: 100%;
        position: absolute;
        top: 0;
        visibility: hidden;
        margin-top: -1px;
    }

    .dropdown-menu li:hover .sub-menu {
        visibility: visible;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .topic-tiles-thumb {
        height: 225px;
    }

    .topic-tiles-thumb.magazine {
        height: 305px;
    }

    .topic-tile-container {
        gap: 25px 0;
    }

    .topic-tile-container-v2 {
        gap: 50px 24px;
    }

    .topic-tile-v2 {
        flex-direction: column;
        width: 100%;
        max-width: 360px;
        /* min-height: 465px; */
    }

    .topic-tile-v2-thumb {
        width: 100%;
        height: 225px;
        border-radius: 10px 10px 0 0;
    }

    .topic-tile-v2.magazine {
        height: 100%;
        max-width: unset;
        overflow: hidden;
    }

    .topic-tile-v2-content {
        width: 100%;
    }

    .topic-tile-v2-thumb.magazine {
        background-size: contain !important;
        background-repeat: no-repeat;
        width: 100%;
        height: 290px;
    }

    .topic-tile-v2-content.magazine {
        width: 100%;
        height: 100%;
        align-items: center;
        padding: 0;
    }

    .topic-tile-v2-content.magazine h4 {
        margin: 0;
    }

    .topic-title h4 {
        min-height: 44px;
    }

    .audio-player .media-name {
        min-height: 100%;
        padding: 8px 32px 8px 8px;
    }

    .audio-player .mejs__playpause-button {
        left: -30px;
    }

    .audio-player .mejs__currenttime-container {
        margin-left: 25px;
    }

    .audio-player .mejs__playpause-button button {
        margin: 16px 15px;
    }
}

@media screen and (min-width: 992px) {
    /* lg */
    .popularTopics {
        /*  */
    }

    .popularTopics.leftSide {
        flex-direction: row;
    }

    .popularTopics.rightSide {
        /* ... */
    }

    .popularTopicCard {
        /* width: 360px; */
    }

    .popularTopicCard .popularTopicContent {
        background-image: unset;
        width: 100%;
    }

    .popularTopics.leftSide .popularTopicCard {
        display: block;
    }

    .popularTopics.leftSide .popularTopicCard .popularTopicImage {
        width: auto;
        height: 360px;
        border-radius: 10px 10px 0 0;
    }

    .popularTopics.rightSide .popularTopicCard .popularTopicImage {
        width: 0;
    }

    .popularTopics.rightSide .popularTopicCard .popularTopicContent {
        width: 100%;
        color: #fff;
    }

    .popularTopics.rightSide .popularTopicCardInfo {
        background-color: #00000052;
        padding: 5px 10px;
    }

    .popularTopics.rightSide .popularTopicCardInfo a {
        color: #fff;
    }

    .popularTopics.rightSide .popularTopicCardInfo a:hover {
        color: #03b5c3;
    }

    .popularTopics.rightSide .popularTopicContentImage {
        display: block;
    }

    .content-row-mission {
        padding: 75px 0 120px 0;
    }

    .topic-tile-v2-thumb {
        /* height: 360px; */
    }

    /* About Us Page */
    .about-us-header {
        height: 350px;
    }

    .topic-tile-v2-content .topic-tile-info,
    .topic-tile-v2-content .topic-tile-info .category-row {
        font-size: 16px;
    }
}

/* @media screen and (min-width: 1400px) {
    .feature-topic-vertical {
        width: 425px;
        height: 585px;
    }

    .feature-topic-horizontal {
        width: 425px;
        height: 287px;
    }
} */

@media (min-width: 768px) and (max-width: 979px) {
    a.detail {
        background: none;
        width: 100%;
    }

    footer .widget form input#appendedInputButton {
        display: block;
        width: 91%;
        -webkit-border-radius: 4px 4px 4px 4px;
        -moz-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
    }

    footer .widget form .input-append .btn {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 10px;
    }

    ul.related-folio li {
        width: 156px;
        margin: 0 20px 0 0;
    }
}

/* @media screen and (min-width: 992px) {
    .feature-topic-vertical {
        width: 296px;
        height: 296px;
    }

    .feature-topic-horizontal {
        width: 296px;
        height: 296px;
    }
}

@media screen and (min-width: 1200px) {
    .feature-topic-vertical {
        width: 363px;
        height: 500px;
    }

    .feature-topic-horizontal {
        width: 363px;
        height: 245px;
    }

    .ftv-wrapper {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 10px;
    }
} */

@media (max-width: 767px) {
    .navbar-toggle {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    header .navbar-nav > li {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .box {
        border: none;
    }

    .whatsapp-icon {
        margin-top: 10px;
    }

    .whatsapp_float {
        bottom: 20px;
        right: 10px;
    }

    .d-flex {
        display: block;
    }

    .navbar-header {
        padding-right: 0px;
    }

    #hometab .catimage {
        width: 306px;
        height: 316px;
    }

    #hometab .podcast-right {
        width: 306px;
    }

    .section-head h2 {
        font-size: 26px !important;
    }

    .section-head h2:after {
        width: 36%;
    }

    .podcast-right {
        padding-left: 0;
    }

    .podcast-right ul li .right-content {
        left: 50%;
    }

    .podcast-right ul li .right-content p.play-btn i {
        bottom: 9px;
    }

    .content-row-newletter .subscribeForm {
        display: block !important;
        padding-top: 38px;
        padding-bottom: 46px;
    }

    .subscribe .join {
        font-size: 27px !important;
    }

    .content-row-newletter .subscribeForm .ns-form-field {
        margin-top: 35px;
        margin-bottom: 32px;
    }

    .subscribeForm .ns-submit {
        padding: 10px 43px !important;
    }

    .mission h2 {
        font-size: 56px !important;
        margin-bottom: 10px;
    }

    .mission p.subhead {
        font-size: 27px !important;
        margin-bottom: 11px;
    }

    .footer-logo {
        margin-top: 20px;
    }

    .social-network-div {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    ul.social-network li a {
        color: #fff;
        width: 36px;
        height: 36px;
        display: inline-block;
        text-align: center;
        border-radius: 50%;
        padding: 10px 0 0 0;
        line-height: 10px;
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    body {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-toggle {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .navbar .container {
        margin: 0;
        padding: 0;
    }

    .container > .navbar-header {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .navbar-header {
        margin-top: 20px;
        border-bottom: none;
    }

    /* .navbar-nav {
        border-top: none;
        float: none;
        width: 100%;
        margin-top: 20px;
    } */

    /* .navbar-collapse.collapse {
        margin: 0;
        padding: 0;
        width: 100%;
        border: none;
        overflow: visible;
        margin-bottom: 20px;
    } */

    /* .navbar-collapse {
        margin: 0;
        padding-left: 3.5%;
        width: 120%;
    } */

    /* header .navbar-nav>li {
        padding-bottom: 0;
        padding-top: 0;
        margin-bottom: 1px !important;
    } */

    .navbar .nav > li > a {
        color: #fff;
    }

    header .nav li .dropdown-menu {
        margin-top: 0;
    }

    .dropdown-menu {
        position: absolute;
        top: 0;
        left: 40px;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 13px;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }

    .box {
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 20px;
    }

    #featured .flexslider .slide-caption {
        width: 90%;
        padding: 2%;
        position: absolute;
        left: 0;
        bottom: -40px;
    }

    #inner-headline .breadcrumb {
        float: left;
        clear: both;
        width: 100%;
    }

    .breadcrumb > li {
        font-size: 13px;
    }

    ul.portfolio li article a i.icon-48 {
        width: 20px;
        height: 20px;
        font-size: 16px;
        line-height: 20px;
    }

    .left-sidebar {
        border-right: none;
        padding: 0 0 10px;
        border-bottom: 1px dotted #e6e6e6;
        margin-bottom: 40px;
    }

    .right-sidebar {
        margin-top: 30px;
        border-left: none;
        padding: 0 0 0 0;
    }

    footer .col-lg-1,
    footer .col-lg-2,
    footer .col-lg-3,
    footer .col-lg-4,
    footer .col-lg-5,
    footer .col-lg-6,
    footer .col-lg-7,
    footer .col-lg-8,
    footer .col-lg-9,
    footer .col-lg-10,
    footer .col-lg-11,
    footer .col-lg-12 {
        margin-bottom: 20px;
    }

    #sub-footer ul.social-network {
        float: left;
    }

    [class*="span"] {
        margin-bottom: 20px;
    }

    .boxed-layout #wrapper {
        width: 90% !important;
    }

    .boxed-layout footer {
        width: 100% !important;
    }

    .boxed-layout .sticky {
        width: 90% !important;
    }

    .sticky + .contents {
        padding-top: 125px !important;
    }

    .form-block .submit-btn {
        width: 100% !important;
    }
}

@media screen and (max-width: 992px) {
    header li.nav-link {
        padding: 0;
    }
}

@media screen and (max-width: 480px) {
    /* .navbar-nav {
        margin-top: 40px;
    } */

    .bottom-article a.pull-right {
        float: left;
        margin-top: 20px;
    }

    .top-email {
        display: none;
    }

    .search {
        float: left;
    }

    .flexslider .flex-caption {
        display: none;
    }

    .cta-text {
        margin: 0 auto;
        text-align: center;
    }

    ul.portfolio li article a i {
        width: 20px;
        height: 20px;
        font-size: 14px;
    }

    .sticky + .contents {
        padding-top: 125px !important;
    }

    #hometab .topic-thumb .topic-image {
        height: 330px;
        width: 100%;
        border-radius: 10px;
    }

    .feature-topic-horizontal {
        height: 245px;
    }

    .popular-topics-left .thumb {
        width: 100%;
    }

    .popular-topics-right .content {
        /* position: absolute;
        top: 0;
        left: 45%; */
    }

    .topic-tiles {
        width: 100%;
        float: left;
        margin-right: auto;
        margin-bottom: 46px;
        padding: 10px;
    }

    .social-network {
        padding: 4px;
    }

    .menu-footer-menu-container {
        padding-bottom: 5px;
    }

    #menu-footer-menu {
        padding-left: 0;
    }

    #menu-footer-menu:before {
        display: none;
    }

    #menu-footer-menu:after {
        display: none;
    }

    #menu-footer-menu li {
        padding: 9px;
    }

    .h1,
    h1 {
        font-size: 25px !important;
    }
}

@media (max-width: 360px) {
    .sticky + .contents {
        padding-top: 125px !important;
    }
}

@media (min-device-width: 820px) and (max-device-width: 912px) and (orientation: portrait) {
    /* ipad air*/
    .topic-tiles {
        width: 320px;
        float: left;
        margin-right: auto;
        margin-bottom: 46px;
        margin-left: auto;
    }
}

@media (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    /* .d-flex {
        display: flex !important;
        justify-content: space-evenly !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-content: stretch !important;
        align-items: center !important;
    } */

    #hometab .topic-thumb .topic-image {
        height: 330px;
        width: 100%;
        border-radius: 10px;
    }

    .popular-topics-left .thumb {
        width: 100%;
    }

    .popular-topics-right .content {
        /* position: absolute;
        top: 0;
        left: 22%; */
    }

    .topic-tiles {
        width: 49%;
        float: left;
        margin-right: auto;
        margin-bottom: 18px;
    }

    .content-row-newletter .subscribeForm .sbutton {
        margin-right: 18px;
        width: 74%;
        margin-bottom: 0px;
    }

    .social-network {
        padding: 4px;
    }

    .menu-footer-menu-container {
        padding-bottom: 5px;
    }

    #menu-footer-menu {
        padding-left: 0;
    }

    #menu-footer-menu:before {
        display: none;
    }

    #menu-footer-menu:after {
        display: none;
    }

    #menu-footer-menu li {
        padding: 9px;
    }
}

@media (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
    .d-flex {
        display: flex !important;
        justify-content: space-evenly !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-content: stretch !important;
        align-items: center !important;
    }

    #menu-footer-menu:before {
        display: none;
    }

    #menu-footer-menu:after {
        display: none;
    }
}