/**Desktop: 1400px+**/
@media (min-width:1400px) {
    .top-menu-sticky {
        width: 82.5rem;
        top: 7.4rem;
    }

    .top-menu-sticky-lg {
        position: fixed;
        width: 82.5rem;
        top: 275px;
        z-index: 999;
        box-shadow: 0 0 5px 1px rgb(0 0 0 / 28%);
    }
}

/**Desktop: 1200px+**/
@media (min-width:1200px) {
    .right-side-container {
        margin-top: -2rem;
    }
}

/**Desktop: 992px+**/
@media (min-width: 62em) {
    .navbar {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .navbar-nav li:hover > ul.dropdown-menu {
        display: block;
    }
}

/**1399px Desktop**/
@media (max-width:87.4em) {
    html {
        font-size: 13.5px;
    }

    .top-menu-sticky {
        width: 84rem;
        top: 8.5rem;
    }

    .top-menu-sticky-lg {
        position: fixed;
        width: 84rem;
        top: 275px;
        z-index: 999;
        box-shadow: 0 0 5px 1px rgb(0 0 0 / 28%);
    }

    .sm-card {
        width: 3.125rem;
        height: 3.125rem;
    }

    .menu .menu-item {
        font-size: .875rem;
        padding-right: 1.5rem;
    }

    .Archives-more{
        margin-right:15px;
    }
}

@media (min-width:1201px ) and (max-width:1398px){
    .Tech-content{
        width:30% !important;
    }

    .Tech-content-second{
        padding:0px !important;
    }

    .Tech-content-last{
        width:30% !important;
        padding-left:40px !important;
        padding-right:0px;
    }
}

/**1200px Desktop**/
@media (max-width:75em) {
    html {
        font-size: 11.5px;
    }

    .top-menu-sticky {
        width: 83.4rem;
        top: 9.8rem;
    }

    .top-menu-sticky-lg {
        position: fixed;
        width: 83.4rem;
        top: 275px;
        z-index: 999;
        box-shadow: 0 0 5px 1px rgb(0 0 0 / 28%);
    }

    .ManageAccount-btn, .Register-btn {
        margin-top: 1rem;
    }
}

/**1024px Tablet_Landscape**/
@media (max-width:64em) {
    html {
        font-size: 11px;
    }

    .topad-tablet {
        margin-left: 0 !important;
    }

    .main-logo {
        margin-top: 10px;
    }

    .menu .menu-item {
        font-size: 1rem;
        font-weight: 500;
        padding: 0.5rem;
    }

    .top-menu-sticky {
        width: 87rem;
        top: 10rem;
    }

    .top-menu-sticky-lg {
        position: fixed;
        width: 87rem;
        top: 275px;
        z-index: 999;
        box-shadow: 0 0 5px 1px rgb(0 0 0 / 28%);
    }

    .ManageAccount-btn, .Register-btn {
        margin-top: 1rem;
    }

    /**multimedia**/
    .multimedia-ad-block{
        margin-top:0 !important;
    }
}
/*========Megamenu=========*/
.navbar .megamenu {
    padding: 1rem;
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {

    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0;
    }
}
/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 991px) {
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }
}
/* ============ mobile view .end// ============ */
/**992px**/
@media (max-width:61.9em) {
    .navbar{
        padding-top:0.5rem !important;
        padding-bottom:0.5rem !important;
    }

    .login-icon, .logout-icon {
        right:110px;
        top:12px;
    }

    .user-icon {
        right: 150px;
        top: 12px;
    }

    .below-menu {
        padding-top: 20px !important;
    }

    html {
        font-size: 87.50%
    }

    .Register-sm-btn {
        color: rgb(50, 95, 145);
    }

    .Login-sm-btn {
        color: rgb(50, 95, 145);
    }

    .logo {
        top: 5px;
        text-align: center;
        width: 15.625rem;
        height: auto;
        margin: 6px auto;
    }

    .sub-menu {
        padding: 0rem !important;
        margin: 0rem !important;
    }

    .featured-articles {
        border-top: none !important;
        border-bottom: none !important;
    }

    .header-container {
        margin-top: 0%;
    }

    .top-ad-container {
        top: unset !important;
        bottom: 0 !important;
    }

    .top-ad {
        margin-bottom: 0 !important;
    }

    .Register-btn {
        width: 100% !important;
        margin: 0%;
    }

    .Login-btn {
        width: 100% !important;
        margin: 0%;
    }

    .sm-card {
        width: 3.125rem;
        height: 3.125rem;
    }

    .policy-top {
        margin-top: 1.25rem;
    }

    .Tech-content {
        width:100% !important;
        border-right: none !important;
    }

    .Tech-content-second {
        border-right: none !important;
    }

    .Tech-content-last {
        width:100% !important;
        margin-top: 1.25rem;
        margin-left:0px !important;
    }

    .most_read_ad {
        padding: 1.8rem 0 !important;
    }

    .most_read_content {
        border-left: none !important
    }

  .bg-grid li {
        margin: 10px !important;
       
    }

    .multimedia-border{
        border:0px !important;
    }

    /**Classifieds**/
    .form-select {
        width: 400px !important;
    }

    .Archives-more {
        margin-right: 21px !important;
    }

    /**ANBG**/
    .bg-grid li {
        margin: 5px !important;
    }

    .footer-menu {
        padding-top: 0 !important;
    }

    .ad-overlay {
        top: 275px;
    }
}

/**768px tablet_portrait <= **/
@media (min-width: 48rem) {
    .display-4 {
       font-size: 3rem;
    }

    .h-md-250 {
        height: 250px;
    }
  
}


/**704px tablet**/
@media (max-width:44em) {
    .below-menu {
        padding-top: 20px !important;
    }
   
    .card-title{
        font-size:1.5rem !important;
    }

    .Tech-content {
        border-right: none !important;
    }

    .online-1 {
        border: none !important;
    }

    .online-2 {
        border: none !important;
    }

    .pain-1 {
        border: none !important;
    }

    .pain-2 {
        border: none !important;
    }

    .commentary-1 {
        border: none !important;
    }

    .commentary-2 {
        border: none !important;
    }

    .top-menu-sticky {
        left: 0;
    }

    .divided_section .lb-container {
        margin-left: -0.75rem;
    }

    /**ANBG**/
    .bg-grid li {
        margin: 5px !important;
    }

    .ad-overlay {
        top: 275px;
    }
}

/**544px Phone**/
@media (max-width:34em) {
    .PMN-mediaPlanner-btn {
        width:100% !important;
    }

    .GEN-mediaPlanner-btn {
        width: 100% !important;
    }

    .GSN-mediaPlanner-btn {
        width: 100% !important;
    }

    .PPN-mediaPlanner-btn {
        width: 100% !important;
    }

    .SPC-mediaPlanner-btn {
        width: 100% !important;
    }

    .IDSE-mediaPlanner-btn {
        width: 100% !important;
    }

    .ORM-mediaPlanner-btn {
        width: 100% !important;
    }
    span {
        word-wrap: break-word;
    }

    /*p.card-text {
        font-size: 1.1rem !important;
    }*/

    div.bodyLayout-side{
        padding-right:5px !important;
        padding-left:5px !important;
    }

    div.bodyLayout-side=-Article {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .section-container{
        padding-right:10px;
        padding-left:10px;
    }

    .landingStyle-border-bottom {
        border-bottom: 1px solid #000 !important;
    }

    /**ANBG**/
    .bg-grid li {
        margin-bottom: 10px !important;
    }

    .title-hover-effect{
        width:100px !important;
    }
    /**Classifieds**/
    .form-select{
        width:250px !important;
    }

    .classifiedContainer{
        width:100% !important;
    }

    .Archives-more {
        margin-right: 2px !important;
    }

    /**Archive**/
    .Archive-cover{
        display:none;
    }

    .Archive-formMenu{
        width:100%;
    }

    /**newSubscription**/
    .NewSub-mobile {
        font-size: 1.1rem !important;
    }

    .form-check{
        font-size:1.1rem !important;
    }

    .Tech-content-last {
        margin: 0px !important;
        padding: 10px !important;
    }
    .section-clinical-top {
        padding-top: 1.4375rem !important;
    }

    .sm-card {
        width: 5.125rem;
        height: 5.125rem;
    }

    .footer-menu{
        padding-top:25px !important;
    }

    /**GEN btn*/
    .mediaPlanner-btn{
        width: 100% !important;
    }

    .ad-overlay {
        top: 275px;
    }

    .search-box {
        width: 240px;
        font-size: 16px;
    }

    .search-btn {
        padding: 12px 24px !important;
    }

    .search-result .search-dropdown {
        width: 100px;
    }
}


@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }

    .ad-overlay {
        top: 275px;
    }
}

@media (max-width:1024px) {
    .logo {
        top: 5px;
        text-align: center;
        width: 250px;
        height: auto;
        margin: 6px auto;
    }

    #search-container h3 {
        /*padding: 0 1rem !important;*/
        margin-top: 2rem !important;
    }

    .multimedia-ad-block {
        margin-top: 2rem;
    }

    .m-lead-article-container h2 {
        font-size: 2rem;
        padding: 1rem 1.5rem;
    }
}

@media (min-width: 769px) {
    .display-4 {
        font-size: 3rem;
    }

    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }

    .h-md-250 {
        height: 250px;
    }
}

@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}

/*********************************
*   Shared Responsive Styles            *
*********************************/
@media (max-width: 767px) {
    #custom-projects ul li {
        clear: both;
        width: 100% !important;
        margin: 10px auto !important;
        text-align: left !important;
    }
}

@media (max-width: 576px) {
    /*Digital Edition*/
    .DigitalEdition_cover {
        margin: 10px 0;
        position: relative !important;
    }
    .list-article{
        padding-left:15px !important;
    }
    .tableX {
        max-width: 360px !important;
    }

    .MobileWideImage {
        width: 100% !important;
    }

    .keeptogether img, .articleBody img {
        max-width: 100%;
    }

    .lbb-responsive {
        max-width: 100% !important;
    }

        .lbb-responsive div {
            width: 320px !important;
            height: auto !important;
            max-width: 100% !important;
        }
}

@media (max-width: 360px) {
    .tableX {
        max-width: 340px !important;
    }

    .keeptogether img, .articleBody img {
        max-width: 100%;
        height: auto;
    }

    .lbb-responsive {
        max-width: 100% !important;
    }

        .lbb-responsive div {
            width: 320px !important;
            height: auto !important;
            max-width: 100% !important;
        }
}