﻿/*
    #body_mobile { background: url(../Img/bg_body_mobile.gif) repeat-x top; padding: 1px; font-family: Arial, Helvetica, Sans-Serif; font-size: 75%; }
    .mobile_header { display: inline-block; margin-bottom: 20px; }

*/

@media only screen and (min-width : 320px) and (max-width : 560px) {
    body {-webkit-text-size-adjust: none;}
}


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

    .masthead {
    height:115px;}

    .article_list {
        overflow-y:hidden;
    }
    .article_list li h3 {margin-top:0;}
    .article_list li h3 a {line-height:25px;}

    .practice-area-container {
        box-sizing:border-box;
    }

    .featuresPage h2, .article_list h3, .magazine h4 {
        font-size:16px;
    }

    .checkout_container a.log_in {
        right:20px;
    }

    .search_bar {clear:both; margin-top:0px; padding-top:0px; }

    a.log_in {top:0px;}

    .practice-area-container a.archive_link {
        width:30px;
    }

    .left_content a.archive_link {
        width: 60px;
        padding-left:15px;
    }

    .practice-area-container a.archive_link, .left_content a.archive_link {
        overflow:hidden;
        text-transform:uppercase;
    }

    .search_bar input[type=text] {
        width: 150px;
    }
	
	.search_bar.legal input[type=text] {
        width: 253px;
    }
    
	.social_links span {
        display: none;
    }
    
    /* Nav menu for Events page stubs */
	.event_toc {
	    width: 100%;
	    margin: 16px 0px 10px 0;
	    float: none;
	    text-align: center;
	}
	.event_toc li {
		display: inline-block;
	    width: 29%;
	    margin-right: 9px;
	}
	.event_toc li a {
	    width: 100%;
	    margin: 0px 2px 2px 0px;
	    padding: 10px 5px;
	}
	
	/* main body column for Events page stubs */
    .event_body {
      margin-left: 0px;
    }
}

@media all and (min-width: 320px) and (max-width: 1023px) {
    .masthead {
    height:auto;}
    img {max-width:100%; height:auto;}
    .top_nav ul, .oo_feedback_float {display:none;}
    .navSwitch {display: inline-block;}

    .navMenu {background:url('/img/icon_menu.png') no-repeat; margin-right:15px;}
    .navSearch {background:url('/img/icon_search.png') no-repeat;}

    .top_nav { overflow:hidden;}
    .top_nav ul li {display:block; clear:both}
    .social_links ul li {display: inline-block; position: relative;}
    .wrapper, .masthead_wrap, .footer {padding:10px 0;}
    .masthead_wrap, .top_nav {
        margin: 0 auto !important;
    }
    .top_banner {
        text-align:center;
        margin:0 auto;
    }
    .footer {margin-bottom:10px;min-height:60px;}
    .content_holder {padding:0; float:none;}
    .right_content { float: none; clear:both;}
        .right_content h2 {clear:both;}

    ul.utility-menu {
        top:auto;
        left:107px;
        display:none;
        float:none;
    }
    .search_bar {position:fixed; bottom:0px !important; top:auto; z-index:99; margin-bottom:0px; height:38px;
    }
    .search_bar.legal {
        position: relative;
        margin-bottom: 20px;
        height: 40px;
    }
    .search_bar a, .navSwitch {color:#fff;}

    .footer_top {
        margin: 0 auto;
    }

    a.backtotop {
        padding-right:10px;
    }

    .footer_menu {margin-right:0; padding-right:10px; box-sizing:border-box;}

    .highlight.poll, .box1 {padding:0; float:none;}

    .top_nav {height:auto;}
        .top_nav ul li a {line-height:25px; height:25px;}

    .main_logo {top:0;}

    .masthead .login_info {
        top: 40px;
        right:0px;
    }

    .navSwitch {padding:1px 0 0 30px;font-size:16px;}

    .top_nav { padding: 10px;}

    .top_nav ul.topNavMenu {margin-top:10px;}

    .top_nav li.selected a:after {content:none;display:none;}

    .social_links {position:fixed; left:0px; bottom:0px; color: #fff;}

    .magazine .cover_image {
        margin-bottom:20px;
    }

    .clearBoth {clear:both}

    .poll br {line-height:0;}

    div.mpu {
        margin-top: 10px;
        text-align:center
    }

    /* Free trial */

    .wrapper.checkout_container {
        padding:0;
    }
    .checkout_container .masthead {
        margin:0;
    }

    .checkout_container .content_holder {
        padding: 10px;
        margin-top:50px;
    }

    fieldset.email, div.padder {
        padding:5px;
    }

    .emailAddressRow span {clear:both;}

    .footerwrap img {
        padding-left:10px;
    }

}

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

    .search_bar input[type=text] {
width: 120px; font-size:12px;
}
    .wrapper, .content_holder, .masthead_wrap, .top_nav, .top_banner, .top_banner, .footer { width:320px; box-sizing:border-box; min-width:320px;}

	.search_bar.legal {
		position:relative;
        width:320px;
		min-width:320px;
		margin-bottom: 20px;
        height: 40px;
    }

	.search_bar.legal input[type=text] {
        width: 268px;
    }

    .top_nav ul, .masthead, .content_holder, .left_content, .right_content {width:320px;}

    .masthead, .footerwrap, .footer_top {
        width:300px;
    }

    #nav.affix {
        left: 50%;
        margin-left: -160px !important;
        width:320px
    }

    .bordered_box {padding:0;width:320px;}

    .footer_menu {width:50%;}
        .footer_menu:nth-child(2n) {
            padding-right:0;
        }
        .footer_menu h2 {
        height:auto;}

    .sb-search {width:260px;}
    
    .masthead .main_logo img {width:120px; padding-top:5px; padding-bottom:5px;}
    .advsearch .subsection {width:288px;}
    div.hide, .search_category_list {width:300px;}
    .searchbox .search_txtbox {width:280px;}

    .footer_menu:nth-child(2n+1) {clear: both;}

    .article div.hide {
        width:320px;
    }

    .article_form_list input, .article_form_list textarea {
        max-width:290px;
    }

    p.submit_buttons {
        margin-left:160px
    }

    /* Free trial */

    #freeTrial {width:300px;}
    fieldset.email, div.padder {
        width:280px;
    }
    .buttonRow {
        width: 285px;
    }

    .checkout_container .masthead {
        width:320px;
    }

    table.storyRightPlain {
        width:140px;
    }

    .article .pullq {display: none;}

}

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

    #nav.affix {
        left: 50%;
        margin-left: -240px !important;
        width:480px
    }

    .wrapper, .content_holder, .masthead_wrap, .top_nav, .top_banner, .top_banner, .footer, .content_holder, .left_content, .right_content, .resources, .magazine, .poll  { width:480px; box-sizing:border-box; min-width:480px;}

    .top_nav ul, .masthead, .footerwrap, .footer_top  {width:460px;}

    .bordered_box {padding:0;width:480px;}

    .footer_menu {width:33%;}

            .footer_menu:nth-child(3n) {
            padding-right:0;
        }

        .footer_menu h2 {
        height:auto;}

    .advsearch .subsection {width:448px;}
    div.hide, .search_category_list {width:460px;}

    .highlight.poll, .box1 {padding:0; float:none;}

    .footer_menu:nth-child(4n) {clear: both;}

   

    /* Free trial */

    .checkout_container .masthead {
        width:480px;
    }

    table.storyRightPlain {
        width:180px;
    }

}

@media all and (min-width: 768px) and (max-width: 1023px) {
    #nav.affix {
        left: 50%;
        margin-left: -384px !important;
        width:768px
    }

    .masthead {width:748px}

    .search_bar {clear:both; padding-top:0px;}

    a.log_in {top:0px;}

    .wrapper, .content_holder, .masthead_wrap, .top_nav, .top_banner, .top_banner, .footer, .content_holder, .left_content, .right_content, .resources, .magazine, .poll { width:768px; box-sizing:border-box; min-width:768px;}

    .top_nav ul, .masthead, .footerwrap, .footer_top {width:748px;}

    .bordered_box {padding:0;width:748px;}

    .advsearch .subsection {width:736px;}
    div.hide, .search_category_list {width:748px;}

    .footer_menu {width:124px;}
}


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

.top_stories img {width:auto !important; max-width:50%; height:auto;}

}

