﻿@media all and (min-width: 320px) and (max-width: 1023px) {
    .mobileMenu {
        display:block; width:100%; padding:10px; box-sizing:border-box; font-size:14px; margin-top:20px;
    }

    div#content_wrap, #content_wrap div.left_column, #content_wrap div.left_column_wide, div#footer, #content_wrap div.right_column, div#header {
        float:none;
        box-sizing:border-box;
        clear:both;
    }

    body {
        background-position-y:-50px;
    }

    div#content_wrap {
        position:relative;
        background-image:none;
    }

    div#header {
        margin:0 auto;
        padding:0 10px 1px;
    }

    #content_wrap h2 {
        margin-top:10px;
    }

    #header .top_header div.commercial_huge {
        position:relative;
    }

    #header .top_header ul.channels, .navigation {
        display:none;
    }

    div#content_wrap {
        padding:5px 0;
    }

    .left_column {
        box-sizing:border-box;
    }

    .newsbox ul.news, div.newsbox {
        box-sizing:border-box;
    }

    ul.jurisdictions_list li {
        margin: 0 10px 10px 0;
        box-sizing:border-box;
    }

    #content_wrap .right_column div.commercial {
        width:100%;
        text-align:center;
    }

    div.article {
        padding-top:0;
    }

    .subscribe .half h3 {
        width:100%; margin-left:-5px;
    }

    .right_column .right_box p a img {
        display:block;
        margin:0 auto;
    }

    div.share {
        margin-bottom:15px;
    }

    #content_wrap.ab3 {
        height:auto !important;
    }

    .ab3_right, #content_wrap .subscribe_wide .button {
        border-radius:10px;
    }

    div#header ul.menu.ab3 {
        left:80px !important;
        margin-right:0!important;
    }

    .emailAddressRow {
        position:relative;
    }

}

@media all and (min-width: 320px) and (max-width: 767px) {

    img {
        max-width:100%; height:auto;
    }

    .mobileMenu {
        margin-top:10px;
    }

    .tabbedMenuHeader {
        display:block;
        width:100%;
        padding:15px;
        border:2px solid #65bfe8;
        box-sizing:border-box;
        font-size:14px;
        font-weight:normal;
    }

    ul.tabbed_nav {
        border:2px solid #65bfe8;
        border-top:none;
        margin:0;
        padding:10px;
    }

    .tabbedMenuTitle {
        background:url('/img/menuExpand.png') 418px 7px no-repeat;
    }

        .tabbedMenuTitle.expanded {
            background-position-y:-63px
        }

        ul.tabbed_nav li a.tablink, ul.tabbed_nav li a.selected {
            background:none !important;
        }

        ul.tabbed_nav li a.selected {
           background-color:#eee!important;
           border-top-left-radius:0;
           border-top-right-radius:0;
        }

        ul.tabbed_nav a.tablink {
            color:#000;
        }

    #content_wrap .left_column ul.head_menu {
        clear:both;
        display:block;
        padding-top:0;
        margin-top:-15px;
    }

    .oo_feedback_float {
        display:none;
    }

    #content_wrap .left_column ul.head_menu a:first-of-type {
        padding-left:0;
    }

    .noBorderBottom {
        border-bottom:none;
    }

    .tabbed_pnl {
        border-top:none;
    }

    .newsbox .news li {
        width:100%;
    }

    #footer ul li {
        width:50%;
    }

    #footer ul li:nth-child(2n+1) {
        clear:both
    }

    ul.tabbed_nav, ul.tabbed_nav li {
        float:none;
    }

    ul.tabbed_nav {
        height:150px
    }

        ul.tabbed_nav li {
            height:25px
        }

    div.subscribe_wide {
        padding-top:150px !important;
    }

    #content_wrap .freetrial_container {
        top:60px; left:0;
    }

    .pop-up-container {
        display:none;
    }
}

@media all and (min-width: 320px) and (max-width: 479px) {
    div#content_wrap, #content_wrap div.left_column, #content_wrap div.left_column_wide, div#footer, #content_wrap div.right_column, #header, #header .top_header div.commercial_huge, #header, body.mp_subscribe #header div.top_header {
        width:320px;
    }

    #header div.top_header, #header .top_header div.commercial_huge {
        width:300px;
    }

    div.subscribe_wide, .variation_ab3_content, .ab3_right, .ab3_left {
        width:300px !important;
    }

    .mobileMenu {
        margin-top:5px;
    }

    .ab3_right {
        height:305px !important;
        background-color:#E78D01 !important;
        margin-top:10px;
    }

    .ab3_left ul li.graph, .ab3_left ul li.mobile {
        width:250px !important
    }

    .emailAddressRow .ab3 {
        display:block;
        width:240px !important;
    }

    .ab3 input#ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_btnNext.ab3, .buttonRow.ab3 {
        width:245px !important;
        background-position-x:-75px !important;
    }

    .ab3 input#ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_btnNext.ab3:hover {
        background-position:-75px -55px !important;
    }

    div#header ul.menu.ab3 {
        top:125px !important;
    }

    #ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_rfvEmailAddress.ab3, 
    #ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_revEmailAddress.ab3,
    #ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_rfvConfirmEmailAddress.ab3, 
    #ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_cvConfirmEmailAddress.ab3 {
        left:0px !important;
        top:55px !important;
        width:240px !important;
    }

    #content_wrap .freetrial_container ol.checkout li.current {
        background-position-x:-40px;
    }

    ol.checkout li {
        width:100px;
    }

    #header div.top_header {
        height:270px;
    }

    #header .top_header a.logo {
        top:70px;
    }

    #header .top_header div.account {
        top:205px;
    }

    #header .top_header div.account .message {
        display:block; margin-bottom:10px; text-align:right; float:right;
    }

        #header .top_header div.account .button:first-of-type {
            clear:both
        }

    #header .top_header div.quick_search {
        bottom:65px;
        border-bottom:3px solid #338eb6;
    }

        ul.jurisdictions_list li:nth-child(2n) {
            margin-right:0;
        }

    ul.jurisdictions_list li a {
        width:143px;
    }

    .newsbox .tabs a {
        font-size:13px;
    }

    .newsbox ul.news {
        width:300px;
    }

    div.newsbox {
        background-image:url('/img/bg_magazine_320.png')
    }

    .subscribe .half {
        width:135px;
    }

    div.advsearch {
        overflow-x:scroll;
    }

    .share div.socials {
        margin-top:30px;
        padding-bottom:25px;
    }

    .comment-input textarea {
        width:250px;
    }

    .comment_box input.submit {
        margin-top:50px;
    }

    .comment_box .checkbox-container .checkbox:nth-child(n+2) {
        display:block;
    }

    body.mp_subscribe div#header ul.menu {
        left:-60px; 
    }

    #content_wrap .EmailSubscriptions table {
        width:270px;
    }

    #paywall .paywall {
        width:100%;
    }

    #paywall .paywall-header h1 {
        width:300px;
    }

    #paywall .paywall-body {
        width:320px;
        background-size:100px 50px;
        background-position:200px 150px;
        padding-top:40px;
    }

    #paywall .paywall-footer {
        width:320px;
    }
}

@media all and (min-width: 480px) and (max-width: 767px) {
    div#content_wrap, #content_wrap div.left_column, #content_wrap div.left_column_wide, div#footer, #content_wrap div.right_column, #header {
        width:480px;
    }

    #header div.top_header, #header .top_header div.commercial_huge, #content_wrap .left_column div.left_box, #content_wrap .left_column div.right_box, body.mp_subscribe #header div.top_header {
        width:460px;
    }

    div.subscribe_wide, .variation_ab3_content, .ab3_right {
        width:460px !important;
    }

    .emailAddressRow .ab3 {
        width:200px !important;
    }

    .ab3 input#ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_btnNext.ab3, .buttonRow.ab3 {
        width:410px !important;
    }

    #content_wrap .freetrial_container ol.checkout li.current {
        background-position-x:-15px;
    }

    .ab3_left ul li.graph, .ab3_left ul li.mobile {
        width:410px !important
    }

    ol.checkout li {
        width:150px;
    }

    #header div.top_header {
        height:210px;
    }

    #header .top_header a.logo {
        top:90px;
    }

    #header .top_header div.account {
        top:190px;
    }

    #header .top_header div.quick_search {
        bottom:90px;
        border-bottom:3px solid #338eb6;
    }

    ul.jurisdictions_list li a {
        width:144px;
    }

    ul.jurisdictions_list li:nth-child(3n) {
        margin-right:0;
    }

    .newsbox ul.news {
        width:460px;
    }

    div.newsbox {
        background-image:url('/img/bg_magazine_480.png')
    }

    .subscribe .half {
        width:215px;
    }

    #ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_rfvEmailAddress.ab3, 
    #ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_revEmailAddress.ab3,
    #ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_rfvConfirmEmailAddress.ab3, 
    #ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_cvConfirmEmailAddress.ab3 {
        left:175px !important;
        top:27px !important;
        width:240px !important;
    }

    .comment-input textarea {
        width:410px;
    }

    body.mp_subscribe div#header ul.menu {
        left:-140px; 
    }

    #paywall .paywall {
        width:100%;
    }

    #paywall .paywall-header h1 {
        width:460px;
    }

    #paywall .paywall-body {
        width:460px;
        background-size:150px 75px;
        background-position:300px 100px;
    }

    #paywall .paywall-footer {
        width:460px;
    }
}


@media all and (min-width: 768px) and (max-width: 1023px) {
    div#content_wrap, #content_wrap div.left_column, #content_wrap div.left_column_wide, div#footer, #content_wrap div.right_column, #header {
        width:768px;
    }

        #header div.top_header, #header .top_header div.commercial_huge, #content_wrap .left_column div.left_box, #content_wrap .left_column div.right_box, body.mp_subscribe #header div.top_header {
            width:748px;
        }

    #header div.top_header {
        height:210px;
    }

        #header div.commercial_huge a img {
            float:none; margin:0 auto;
        }

    #header .top_header a.logo {
        top:125px;
    }

    #header .top_header div.account {
        top:190px;
    }

    #header .top_header div.quick_search {
        bottom:55px;
        border-bottom:3px solid #338eb6;
    }

    ol.checkout li {
        width:145px;
    }

    div.subscribe_wide, .variation_ab3_content {
        width:748px !important
    }

    .ab3_left {
        width:320px !important;
    }

        .ab3_left ul li {
            width:250px !important;
        }

    .ab3_right {
        width:425px !important;
    }

    .ab3 input#ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_btnNext.ab3, .buttonRow.ab3 {
        width:380px !important;
    }

    #ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_txtEmailAddress.ab3,
    #ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_txtConfirmEmailAddress.ab3 {
        width:220px !important;
    }

    #ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_rfvEmailAddress.ab3, 
    #ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_revEmailAddress.ab3,
    #ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_rfvConfirmEmailAddress.ab3, 
    #ctl00_cphMain_ctlTakeTrial_RegistrationControlStep1CheckEmail1_cvConfirmEmailAddress.ab3 {
        top:27px !important;
        left:150px !important;
    }

    #content_wrap .freetrial_container ol.checkout li.current {
        background-position-x:-20px;
    }

    body.mp_subscribe div#header ul.menu {
        left:-260px; 
        top:130px;
    }

    ul.jurisdictions_list li a {
        width:139px;
    }

    ul.jurisdictions_list li:nth-child(5n) {
        margin-right:0;
    }

    .newsbox ul.news {
        width:748px;
    }

    .newsbox .news li {
        width:350px;
    }

    div.newsbox {
        background-image:url('/img/bg_magazine_768.png')
    }

    .subscribe .half {
        width:355px;
    }

    .pop-up-container {
        width:700px;
    }

    .pop-up-container .pop-up-header {
        width:700px;
        background-size:700px;
        padding-left:50px;
        font-size:2.1em;
        height:45px;
    }

    .pop-up-container .pop-up-header #btn-close {
        right:17px;
    }

    .pop-up-container .pop-up-header .pop-up-open {
        width:100px;
        background-size:100px;
        right:63px;
    }

    .pop-up-container .pop-up-header .pop-up-close {
        width:100px;
        background-size:100px;
        right:63px;
    }

    .pop-up-container .pop-up-content .slide-content {
        width:700px;
        font-size:0.9em;
    }

    .pop-up-container .pop-up-content .slide-content .left {
        width:350px;
    }

    .pop-up-container .pop-up-content .slide-content .right {
        width:300px;
    }


    .pop-up-container .pop-up-content .slide-content .right img{
        width:85%;
    }
}

@media all and (min-width: 320px) and (max-width: 1023px) {

}

@media all and (min-width: 1024px) {
    .mobileMenu {
        display:none;
    }
}

@media all and (min-width: 320px) {

}

