/* Media Queries */

@media screen and (max-width: 1020px)
{
    body
    {
        min-width: 320px;
        padding: 10px;
    }
    
    .global-wrap
    {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .main .primary
    {
        width: 75%;
    }

    .book-review .site-article p,
    .book-review .site-article .share-links
    {
        float: none;
    }

    .book-review .site-article p
    {
        width: 100%;
    }
}

@media screen and (max-width: 940px)
{
    .main .primary
    {
        float: left;
        width: 73%;
    }
}

@media screen and (max-width: 875px)
{
    body
    {
        padding: 0 0 5px 0;
    }

    .global-wrap
    {
        border: none;
    }

    .share-bar a,
    .share-links a
    {
        margin: 0 5px 15px 0;
    }

    .pgindex a
    {
        margin: 0 1.5em;
    }

    .ad.side-ad
    {
        width: 20%;
        margin-right: 3%;
    }

    .header
    {
        position: relative;
        margin-bottom: 0;
    }

    .header .logo-image img
    {
        position: static;
        margin: 0 0 -70px 30px;
    }
    
    .header .logo-name img
    {
        height: auto;
        margin: 10px 0 2px 15px;
    }

    .header .site-search
    {
        float: none;
        margin: 0 0 20px 200px;
    }

    .header .site-search .textbox
    {
        width: 315px;
        text-align: left;
    }

    .header .nav
    {
        display: block;
        position: absolute;
        top: 50px;
        right: 20px;
        width: 30px;
        height: 25px;
        border-top: 5px solid #EEEEEE;
        border-bottom: 5px solid #EEEEEE;
        cursor: pointer;
        z-index: 20;
    }

    .header .nav.open
    {
        border-top: 5px solid #C9C9C9;
        border-bottom: 5px solid #C9C9C9;
    }

    .nav-menu
    {
        display: none;
        position: absolute;
        top: 35px;
        right: -10px;
        width: 300px;
        padding-left: 0;
        border: 1px solid #686E6C;
    }

    .header .nav:before,
    .nav-menu:before
    {
        content: "";
        display: block;
        position: absolute;
    }

    .header .nav:before
    {
        width: 30px;
        top: 5px;
        right: 0;
        border-top: 5px solid #EEEEEE;
    }

    .header .nav.open:before
    {
        width: 40px;
        right: -5px;
        border-top: 5px solid #C9C9C9;
    }

    .nav-menu:before
    {
        top: -8px;
        right: 16px;
        width: 15px;
        height: 15px;
        background: #3A97B6;
        border-top: 1px solid #686E6C;
        border-left: 1px solid #686E6C;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 21;
    }

    .header .nav.open .nav-menu
    {
        display: block;
    }

    .nav-menu a
    {
        width: 100%;
    }

    .nav-menu li
    {
        float: none;
    }
    
    .nav-menu > li
    {
        margin-left: 0;
    }

    .nav-menu li .tab
    {
        position: relative;
        margin: 0;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        z-index: 5;
    }
    
    .nav-menu li.active .tab
    {
        margin: 0;
    }
    
    .nav-menu li.home .tab,
    .nav-menu li.home .submenu
    {
        background: #3A97B6;
    }
    
    .nav-menu li.readers .tab,
    .nav-menu li.readers .submenu
    {
        background: #CBCE73;
    }
    
    .nav-menu li.trade .tab,
    .nav-menu li.trade .submenu
    {
        background: #CBE6EF;
    }

    .nav-menu .tab a,
    .nav-menu li.active .tab a
    {
        display: inline-block;
        width: 100%;
        padding: 1em;
        font-size: 1em;
        text-align: left;
    }

    .nav-menu .submenu
    {
        position: static;
        width: 100%;
        padding: 1em 0;
        border-top: 1px dotted #333333;
    }

    .nav-menu li.home .submenu
    {       
        border-top: 1px dotted #FFFFFF;
    }

    .nav-menu .submenu li,
    .nav-menu .submenu li:first-child
    {
        padding: 0;
    }

    .nav-menu .submenu li:before
    {
        display: none;
    }

    .nav-menu .submenu a
    {
        padding: 0.75em 0.75em 0.75em 2em;
        border-bottom: none;
    }

    .nav-menu .submenu a:hover,
    .nav-menu .submenu li.active a,
    .nav-menu li.home .submenu a:hover,
    .nav-menu li.home .submenu li.active a
    {
        border-bottom: none;
        text-decoration: underline;
    }

    .nav-menu li.home .submenu a:hover,
    .nav-menu li.home .submenu a:active
    {
        background: #3790AC;
    }

    .nav-menu li.readers .submenu a:hover,
    .nav-menu li.readers .submenu a:active
    {
        background: #C1C46D;
    }

    .nav-menu li.trade .submenu a:hover,
    .nav-menu li.trade .submenu a:active
    {
        background: #C3DDE5;
    }
    
    .main .primary,
    .main .sidebar
    {
        float: none;
        width: 100%;
    }

    .main .primary
    {
        min-height: 50px;
    }

    .primary ul.site-list.full li
    {
        margin-bottom: 1em;
    }

    .primary .issue-contents
    {
        width: 80%;
    }

    .ad.side-da, .ad.side-ad
    {
        width: 18%;
        margin: 0 2% 0 0;
    }

    .from-my-shelf .heading,
    .from-my-shelf .site-article
    {
        float: none;
        width: 100%;
    }

    .bookstores iframe
    {
        display: block;
        margin: auto;
    }

    .main .sidebar .cta
    {
        padding-top: 0;
    }

    .main .sidebar .badge
    {
        position: static;
        margin: 0 auto 1.5em auto;
    }

    .main .sidebar .soc
    {
        margin: 0 0 2em 0;
        text-align: center;
    }
    
    .main .sidebar .soc a
    {
        display: inline-block;
        margin: 0.98em;
    }

    .main .sidebar ul li
    {
        margin-bottom: 1.75em;
    }

    .footer .top
    {
        line-height: 2em;
    }

    .footer .bottom
    {
        line-height: 3em;
    }

    .link-top
    {
        display: none;
    }
}

@media screen and (max-width: 768px)
{   
    .header .logo-image img
    {
        margin: 0 0 -70px 25px;
    }

    .header .site-search
    {
        margin: 0 0 20px 195px;
    }

    .header .nav
    {
        right: 15px;
    }

    .nav-menu
    {
        right: -5px;
    }

    .nav-menu:before
    {
        right: 11px;
    }
    
    .main .primary,
    .main .sidebar
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .primary .starred-review,
    .primary .intro .welcome
    {
        float: none;
        width: 100%;
        margin: 0;
    }

    .primary .starred-review
    {
        margin-bottom: 3.5em;
    }

    .bookstores iframe
    {
        max-width: 100%;
        height: 285px;
    }
}

@media screen and (max-width: 685px)
{
    .more.pager
    {
        margin: 3em 0;
    }
    
    .header .top
    {
        padding: 0 15px;
    }
    
    .header .logo-image
    {
        display: none;
    }

    .header .logo-name
    {
        width: 55.5%;
    }

    .header .logo-name img
    {
        width: 100%;
        min-width: 230px;
        margin: 10px 0px 2px -5px;
    }

    .header .site-search
    {
        margin: 0 0 8px 0;
    }

    .header .site-search .textbox
    {
        width: 275px;
    }

    .header .nav
    {
        top: 20%;
    }

    .primary .issue-contents
    {
        margin-bottom: 3em;
    }

    .primary.place-ad .side-ad,
    .primary.place-ad .issue-contents
    {
        float: none;
    }

    .primary.place-ad .side-ad
    {
        width: 160px;
        margin: 0 auto 2.3em auto;
    }

    .primary.place-ad .issue-contents
    {
        width: 100%;
    }
}

@media screen and (max-width: 600px)
{
    .ad.side-ad
    {
        width: 17%;
        margin-right: 3%;
    }

    /* .primary .issue-contents
    {
        width: 80%;
    } */

    .header .nav
    {
        top: 17%;
    }

    .primary ul.site-list.full
    {
        padding-left: 1.3em;
    }
    
    .primary .tweets,
    .primary .media-heat,
    .shelf-discovery .left-col,
    .shelf-discovery .right-col
    {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .primary .tweets,
    .primary .media-heat
    {
        margin-bottom: 1.5em;
    }

    .primary .tweets iframe
    {
        width: 90% !important;
        min-width: 0 !impoartant;
        height: 400px;
    }
    
    .primary .feeds
    {
        flex-direction: column;
        align-items: center;
    }
    
    .feeds .fb-feed
    {
        width: 100%;
    }

    .media-heat .site-listing
    {
        height: auto;
    }
    
    .shelf-discovery .left-col
    {
        border-right: none;
    }

    .shelf-discovery .site-article
    {
        border-bottom: 1px dotted #767D7B;
    }

    .dedicated-shelf .ad
    {
        margin-right: 5%;
    }

    .maximum-shelf .ad {
        margin-right: 0px;
    }
    
    .dedicated-shelf .heading img
    {
        max-width: 71%;
    }

    .site-article table
    {
        float: none;
        margin: 1em 0;
        text-align: left;
    }

    .site-article table td
    {
        display: block;
        width: auto;
        margin: 0 auto 1em auto;
    }

    .bookstores div[style="float: right; width: 300px;"]
    {
        float: none !important;
        width: 100% !important;
        margin-left: 0;
    }

    .bookstores div[style="float: right; width: 300px;"] img
    {
        max-width: 100%;
    }

    .book-trade .bt-summary .recent,
    .book-trade .bt-summary .archives
    {
        width: 100%;
    }

    .book-trade .bt-summary .recent
    {
        float: none;
        margin: 0 0 2em 0;
    }
    
    .book-trade .bt-summary .archives
    {
        margin: 0;
        padding: 0;
        border: none;;
    }

    .book-trade .qotd .heading
    {
        float: none;
        width: 100%;
        margin: 0 0 1em 0;
        padding-bottom: 0.75em;
        border-bottom: 4px double #C2AC63
    }
    
    .book-trade .qotd .quote
    {
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
    }

    .maximum-shelf {
        width:auto;
    }

    table.ImgWithCaptionTable {
        width: 100% !important;
    }

    table.ImgWithCaptionTable img {
        max-width: 100% !important;
    }

    .advertorial {
        max-width: 100%;
    }

    .advertorial table td {
        padding:0px !important;
        vertical-align: top;
        font-size:12px;
    }

    .advertorial table img {
        width:80px !important;
        height: auto !important;
    }

    .advertorial table td.shelf-story img {
        width:100% !important;
    }

    .advertorial table td.shelf-story img[alt="Buy this book"] {
        width: 96px !important;
    }

    .issue-jobboard table.jobboard { 
        width:100% !important;
    }

    .issue-jobboard table.jobboard img {
        width:100% !important; 
        height:auto !important;
    }

    .issue-jobboard table.jobboard td[height='105px'] { 
        height:1px;
    }

    input.clean.w300 {
        width:100%;
    }

    .col {
        float:none;
        width:100%;
        margin-right:0px;
    }

    .option-list,
    .option-list-4 {
      width:100%;
      float:none;
      margin-bottom:0px;
    }

    .option-list:last-child {
      margin-bottom:10px;
    }    


    .with-archive-date .issue-contents
    {
        width: 100%;
    }

    .with-archive-date .ad.side-ad
    {
        width: 100%;
        margin-right: 0;
        margin-bottom:15px;
        text-align: center;
    }

    .with-archive-date .ui-datepicker-inline {
        margin:0 auto;
        font-size:14px;
    }
}

@media screen and (max-width: 480px)
{
    .header .site-search
    {
        margin-top: 10px;
    }
    
    .header .site-search .textbox
    {
        float: left;
        width: 80%;
    }

    .header .site-search .button
    {
        float: right;
        width: 15%;
        margin-left: 5%;
    }

    .header .nav
    {
        top: 13px;
    }

    .primary .starred-review
    {
        padding-left: 0;
    }

    /* .primary-block .issue-contents
    {
        width: 100%;
    } */

    .primary-block .ad.side-ad
    {
        width: 100%;
        margin-right: 0;
    }

    .primary-block .ad.vertical.side-ad p {
        display: inline-block;
    }

    .primary-block .ad.vertical.side-ad p:nth-child(even) {
        margin-left:30px;
    }
    
    .primary-block .ad.vertical.side-ad img,
    .ad.vertical.f-right img {
        max-width:160px;
    }   

    .starred-review .heading
    {
        margin-left: 0;
    }

    .starred-slider
    {
        padding: 0;
        border: none;
    }

    .staff-list .site-article .article-image
    {
        display: block;
        float: none;
        margin: 5px auto 20px auto;
    }

    table.ImgWithCaptionTable img {
        max-width: 100% !important;
        height: auto;
    }

    .site-article .ad.vertical img {
        max-width: 140px;
    }

    .site-article img:not(.share-links img),
    .site-article table
    {
        display: block;
        float: none !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .site-article img:not(.share-links img)
    {
        height: auto;
    }

    .jobboard-items-header {
        display: none;
    }

    .jobboard-item td {
        display: block;
        padding: 0px;
        line-height: 1.5em
    }

    .jobboard-item,
    .jobboard-item:nth-child(even),
    .jobboard-item:hover,
    .jobboard-item:nth-child(even):hover {
        background-color: transparent;
        border-bottom: 1px solid #ddd;
        font-size: 14px;
    }

    .jobboard-duration:before {
        content: "Duration: ";
        font-weight: bold;
    }

    .jobboard-item .jobboard-title {
        padding-top:15px;
        font-size: 16px
    }

    .jobboard-item:first-child .jobboard-title {
        padding-top:0px;
    }

    .jobboard-item .jobboard-date,
    .jobboard-item .jobboard-actions,
    .jobboard-item .jobboard-modified {
        padding-bottom:15px;
    }

    .jobboard-date:before {
        content: "Post Date: ";
        font-weight: bold;
    }

    .jobboard-employer:before {
        content: "Employer: ";
        font-weight: bold;
    }

    .jobboard-location:before {
        content: "Location: ";
        font-weight: bold;
    }

    .jobboard-modified:before {
        content: "Modified on: ";
        font-weight: bold;
    }

    .jobboard-sent:before {
        content: "Submitted on: ";
        font-weight: bold;
    }

    .jobboard-expires:before {
        content: "Expires on: ";
        font-weight: bold;
    }

    .jobboard-created:before {
        content: "Created on: ";
        font-weight: bold;
    }     
}

@media screen and (max-width: 400px) {
    .primary-block .ad.vertical.side-ad img,
    .ad.vertical.f-right img
    {
        width: 100%;
        max-width:120px;
    }   
}

/* for print */
@media print
{
	.global-wrap
	{
		margin: 0;
		width: 100%;
		border: none;
	}

	.header
	{
		background: #767D7B !important;
	}
	
	.header .nav,
	.header .site-search,
	.main .sidebar,
	.site-article .share-links,
	.more.pager,
	.footer .top,
	.footer .bottom p:last-child
	{
		display: none;
	}

	a.logo-image[href]:after,
	a.logo-name[href]:after,
	.ad a[href]:after
	{
        content: "";
    }
    
    .main .primary
    {
    	float: none;
    	width: 100%;
    	padding-top: 4em;
    }
    
    /* .primary .issue-contents
    {
    	width: 80%;
    } */
    
    .book-review .site-article p
    {
    	width: 76%;
    }
    
    .ad.side-ad
    {
    	margin: 0 0 2% 0;
    	width: 18%;
    }
}