@media all and (min-width: 320px) and (max-width: 1023px) {
    img {
        max-width:100%; height:auto;
    }

    .main_content, .secondary_content {
        padding:10px;
    }

    .main_content, .highlight, .secondary_content {
        box-sizing:border-box;
    }

    .oo_feedback_float, .top_nav {
        display:none;
    }

    .quick_search
    {
        margin-bottom:10px;
    }

    .footer h2, h1.section, h2.section, h3.section {
        font-size:15px;
    }

    .footer ul li {
        width:22%;
        box-sizing:border-box;
    }

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

    .footer ul li ul li {
        width:100%
    }

    .mobileMenu {
        display:block;width:100%; padding:10px; box-sizing:border-box;font-size:14px;
    }

    ul.jurisdictions_list li a:hover, .jurisdictions_list li:hover {
        color:#000; text-decoration:underline;
    }

    #headerwrapper .toolbar { float:left; margin-left:20px; border-bottom:0;}
   
    #content .form, #content .bullets { float:none; }
    #content .form { padding-left:20px; }
    
    body {  background:#fff; min-width:100%; }
    .wrapper, #main, #headerwrapper, #footer, #footer #footerlinks, .main-content-wrap, #content .bullets, #content .form { width:100% !important; }
    .wrapper { background:none; }
    .group #header { width:100% !important; background:url('../Img/channel_magazine.jpg') no-repeat; }
    
    /*
    #content table.packages { width: 100% !important;  border-collapse: collapse; display: block;  }
    #content table.packages tr, #content .packages td { width:25% !important; } */
    #content table.packages .btn-select { width:129px !important; background:url("../Img/btn-select-small.png") no-repeat; }
    #content .packages img { width:100px; }

    .footer a,
    .copyright {color:#000;}
}

@media all and (min-width: 320px) and (max-width: 767px) {
    .logo, .logo_channel {
        margin-top:0;
    }

    .footer ul, .date_author {
        width:100%
    }

    .top-bar {
        padding:10px 10px 0 10px;
        margin-bottom:0;
    }

    ul.news_list {
        margin-bottom:0;
    }

    .login_info .buttons_list li:first-of-type {
        padding-bottom: 10px;
        box-sizing: border-box;
        margin: 0;
    }

    .list_twocol {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

    ul.list_twocol li {
        width:100%
    }

    .main_content  .bordered_light {
        width:100%; box-sizing:border-box;
    }

    #takeTrialControl {
        min-height:200px;
    }

    .secondary_content .skyscraper, .secondary_content .banner {
        text-align:center
    }

    table {
        display:block;
        overflow-x:scroll;
    }

    .article_comments {
        overflow-x:scroll;
    }

    .article div.enter_comment textarea {
        width:300px !important;
    }
    .search_options {
        padding:5px !important; 
    }

    .tabbed_nav li a {
        padding: 6px 10px;
    }

        .tabbed_nav li a:hover {
            cursor:pointer;
        }

    div.loginpage div.login {
        padding:10px;
    }

        div.loginpage div.login label {
            width: 100px;
        }

    div.remember_me {
        padding-left:65px;
    }

    ul.archive_list {
        width:100%;
        margin-left:0;
    }

    ul.archive_list li.channel {
        margin-left:0; padding:10px;
    }

    ul.jurisdictions_list, ul.jurisdictions_list li, ul.jurisdictions_list li a {
        width:100%; box-sizing:border-box;
    }

    .right p.right_align {
        text-align:left;
    }

    
}

@media all and (min-width: 320px) and (max-width: 479px) {
    .container, .content_wrap, .main_content, .secondary_content, .top_banner, .main_content, .subscribe_main_content, .top-bar {
        width:320px;
    }

    .welcome-modal #content {
        padding-left:0; background-image:none;
    }

    .quick_search {
        top:210px;
    }

    .quick_search input[type="text"] {
        width:224px;
    }

    .social_links {
        float:none; margin:0; padding:0; 
    }

    .social_links li {
        height:auto;
    }

    .top_banner {
        height:75px;
    }

    .login_info {
        float:none;
    }

    .buttons_list li {
        padding:4px 0 0 5px
    }

        .buttons_list li span {
            padding: 0 5px;
        }

    .login_info > .buttons_list li:first-child {
        padding:10px 0;
        text-align:left;
    }

        .login_info > .plain_buttons li:first-child {
            width:100%
        }

        .login_info > .plain_buttons li {
            width:47%;
            display:inline-block;
            padding-bottom:10px
        }

    .login_info > .buttons_list li a,
    .login_info .buttons_list a.subscribe,
    .login_info .buttons_list a.subscribe:hover {
        padding:2px 10px 2px 0; background-image:none !important;
    }

    div#login_div #close {
        left:300px;
    }

    .main_content .highlight {
        width:300px;
    }

    .footer ul li {
        width:48%;
    }

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

    .issue_text {
        width:190px
    }

    div.loginpage div.login {
        width:280px;
    }

    .login_info div#login_div {
        width:300px;
    }

    #region_div {
        top:290px; right:79px;
    }

    .subscribe, .subscribe:hover {
        background-image:none !important;
        padding: 2px 5px !important;
    }

    .buttons_list_alt {
        width:105px;
    }

    .buttons_list_alt li {
        padding-bottom:5px;
    }

    .highlight {
        position:relative;
    }

    .highlight .right {
        position:absolute; right:0; top:10px;
    }

    div.highlight h2.current_issue_head {
        top:0;
        margin-top:20px;
    }

    .buttons_list_alt li a {
        width:90px;
    }

    .emailAddressRow input {
        display:block;
    }

    .buttonRow {
        width: auto;
        padding-right:40px;
    }

    table.storyTxtBox {
        width:300px !important;
    }

    .search_options table{
        overflow-x:scroll;
    }

    ul.archive_list li.channel {
        width:280px;
    }

    #content .steps { padding:0; }
    #content .packages img { width: 50px; }
    #content .button-select { width: 100%; }
    #content .form .submit { width:100%; }
    #content .button-form { padding:5px 10px; }
    #content .packages td { padding:10px !important; }
    #content .packages td.border { border-right:2px solid #ffffff; }
    #content .packages p, #content .packages a { font-size:1.2em; }
    #headerwrapper .toolbar { margin-left:0; }
    #headerwrapper .toolbar .utilities { margin:0; padding:0; }
    #headerwrapper .toolbar li.link-change { padding:0; }
}

@media all and (min-width: 480px) and (max-width: 767px) {
    .container, .content_wrap, .main_content, .secondary_content, .main_content, .top_banner, .subscribe_main_content, .top-bar {
        width:480px;
    }

    .login_info {
        float:none
    }

    .quick_search {
        top:230px;
    }

    .main_content .highlight {
        width:460px;
    }

    .buttons_list_alt li a {
        width:100px;
    }

    #region_div {
        top:305px; right:79px;
    }

    .issue_text {
        width:350px
    }

    div.loginpage div.login {
        width:440px;
        padding:10px;
    }

    ul.archive_list li.channel {
        width:440px;
    }

    .bordered_light div.half {
        width:440px;
    }

}


@media all and (min-width: 768px) and (max-width: 1023px) {
    .container, .content_wrap, .secondary_content, .main_content, .top_banner, .top-bar {
        width:768px;
    }

    .main_content .highlight {
        width:748px;
    }

    .footer ul {
        width:84%
    }

    .main_content .bordered_light {
        width:728px;
    }

    .bordered_light div.half {
        width:358px;
    }

    #region_div {
        top:295px;
    }

    .banner, .top_banner {
        text-align:center;
    }

/*
    ul.jurisdictions_list {
        width:50%; box-sizing:border-box;
    }

    ul.jurisdictions_list li, ul.jurisdictions_list li a {
        width:100%; box-sizing:border-box;
    }
*/

    ul.jurisdictions_list li {
        width:369px;
    }

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

@media all and (min-width: 320px) and (max-width: 1023px) {
    .top_banner {
        height:auto;
    }
}

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

}

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

}