@media all and (min-width: 0px) {
    .ContentFreshControl .Content { padding: 5px; }
}

@media all and (min-width : 0px) and (max-width: 984px) {

    .RowTwo .Shopping { display: none; }

    .mRelatedContent .Shopping { text-align: center; }

    .CategoryHeader { display: inline-block; }

    .Shopping .moreLink { display: none; }

    .CurrentIssueControl { display: inline-block; width: 100%; }

        .CurrentIssueControl .Title { }

        .CurrentIssueControl .dvIssue { padding: 5px 0 0 0; margin-top: 12px; float: left; width: 100%; background-color: #B3B4B8; height: 24px; text-align: center; border-bottom: solid white; }

            .CurrentIssueControl .dvIssue a { color: black; text-decoration: none; padding: 7px 10px; margin: 0; font-weight: 600; text-align: center; }

    .moreLink { background-image: url("/~/media/Images/UTR/Editorial/Layout/slantingLines.ashx"); background-repeat: repeat-x; height: 29px; }

        .moreLink a { color: black; font-size: 18px; font-weight: bold; text-decoration: underline; padding-left: 10px; padding-top: 5px; }

    .CurrentIssue { padding: 5px; }

    .Title { background-color: black; font-size: 24px; color: white; width: 99%; display: inline-block; padding: 8px 0 8px 8px; font-weight: bold; }

        .Title h2 { background-color: black; font-size: 24px; color: white; padding: 0; margin: 0; }

    .title { background-color: black; font-size: 24px; color: white; width: 99%; display: inline-block; padding: 8px 0 8px 8px; font-weight: bold; }

        .Title a { background-color: black; font-size: 24px; color: white; font-weight: bold; }

        .title a { background-color: black; font-size: 24px; color: white; padding: 0; margin: 0; font-weight: bold; }

    .dvTitle { background-color: black; font-size: 24px; color: white; width: 99%; display: inline-block; padding: 8px 0 8px 8px; font-weight: bold; }

        .dvTitle a { background-color: black; font-size: 24px; color: white; padding: 0; margin: 0; font-weight: bold; }

    .MPTitle { background-color: black; font-size: 24px; color: white; width: 99%; display: inline-block; padding: 8px 0 8px 8px; font-weight: bold; }
}


@media all and (min-width: 0px) and (max-width: 450px) {
    .CurrentIssueControl .Link { width: 99%; }

        .CurrentIssueControl .Link li { padding-bottom: 10px; }

    .CurrentIssueControl .CurrentIssue .Image { width: 99%; display: inline-block; text-align: center; }

        .CurrentIssueControl .CurrentIssue .Image img { float: none; text-align: center; }

    .CurrentIssueControl .dvIssue { padding: 9px 0 5px 5px; text-transform: uppercase; margin-top: 12px; display: inline-block; width: 99%; background-color: #B3B4B8; height: 24px; text-align: center; border-bottom: solid white; }

        .CurrentIssueControl .dvIssue a { color: black; text-decoration: none; padding: 7px 10px; margin: 0; font-weight: bold; text-align: center; }

    .CurrentIssueControl .dvNavigation .dvSubscribe { width: 99%; display: inline-block; float: none; text-align: center; background-color: #B3B4B8; height: 29px; padding: 9px 0 5px 5px; text-transform: uppercase; border-bottom: solid white; }

        .CurrentIssueControl .dvNavigation .dvSubscribe a { color: black; text-decoration: none; padding: 7px 10px; margin: 0; font-weight: bold; }

    .CurrentIssueControl .dvNavigation .dvRenew { width: 99%; display: inline-block; float: none; text-align: center; background-color: #B3B4B8; height: 29px; padding: 9px 0 5px 5px; text-transform: uppercase; border-bottom: solid white; }

        .CurrentIssueControl .dvNavigation .dvRenew a { color: black; text-decoration: none; padding: 7px 10px; margin: 0; font-weight: bold; }

    .CurrentIssueControl .dvNavigation .dvCustomerService { width: 99%; display: inline-block; float: none; text-align: center; background-color: #B3B4B8; height: 29px; padding: 9px 0 5px 5px; text-transform: uppercase; border-bottom: solid white; }

        .CurrentIssueControl .dvNavigation .dvCustomerService a { color: black; text-decoration: none; padding: 7px 10px; margin: 0; font-weight: bold; }

    .CurrentIssueControl .dvNavigation .dvGift { width: 99%; display: inline-block; float: none; text-align: center; background-color: #B3B4B8; height: 29px; padding: 9px 0 5px 5px; text-transform: uppercase; border-bottom: solid white; }

        .CurrentIssueControl .dvNavigation .dvGift a { color: black; text-decoration: none; padding: 7px 10px; margin: 0; font-weight: 600; }
}

@media all and (min-width: 451px) and (max-width: 984px) {
    .CurrentIssueControl .Link { width: 50%; float: left; }

    .CurrentIssueControl .Image { float: left; padding: 0 10px; }





    .CurrentIssueControl .dvNavigation { padding: 0; margin: 0 auto; display: inline-block; width: 100%; background-color: transparent; background-image: url( "/~/media/Images/UTR/Editorial/Layout/tabsBack.ashx" ); background-repeat: repeat-x; height: 40px; }

        .CurrentIssueControl .dvNavigation .dvSubscribe { float: left; border-right: solid 1px white; padding: 5px; width: 20%; text-align: center; }

            .CurrentIssueControl .dvNavigation .dvSubscribe a { color: white; text-decoration: none; font-size: 16px; padding: 5px; font-weight: 600; }

        .CurrentIssueControl .dvNavigation .dvRenew { float: left; border-right: solid 1px white; padding: 5px; width: 20%; text-align: center; }

            .CurrentIssueControl .dvNavigation .dvRenew a { color: white; text-decoration: none; font-size: 16px; padding: 5px; font-weight: 600; }



        .CurrentIssueControl .dvNavigation .dvCustomerService { float: left; border-right: solid 1px white; padding: 5px 0; width: 40%; text-align: center; }

            .CurrentIssueControl .dvNavigation .dvCustomerService a { color: white; text-decoration: none; font-size: 16px; padding: 5px; font-weight: 600; }

        .CurrentIssueControl .dvNavigation .dvGift { padding: 5px 0; text-align: center; }

            .CurrentIssueControl .dvNavigation .dvGift a { color: white; text-decoration: none; font-size: 16px; padding: 0 12px; font-weight: 600; }
}
/* Desktop */
@media screen and (min-width: 985px) {
    .Desktop { display: block; }

    .mRelatedContent { display: none; }

    .MobileAdvertisement { display: none; }

    .AdvertisementControl { text-align: center; }

    .CategoryHeader h1 { color: #333; font-weight: bold; padding: 0; text-transform: uppercase; }

    .LeftColumn { width: 630px; float: left; }

        .LeftColumn .Top { padding: 0; margin: 0; }

            .LeftColumn .Top .featured-rotator .wrap .galleryContainer { margin-bottom: 5px; }

        .LeftColumn .LineTwo { clear: both; padding: 0; margin: 0; }

        /*.LeftColumn .ColumnOne { width: 290px; padding: 10px 22px 0 0; float: left; }
.LeftColumn .ColumnOne .RowOne { width: 285px; border-top: 5px solid #B3B4B8; float: left; margin: 5px 30px 5px 0;  min-height: 325px; }
.LeftColumn .ColumnOne .RowOne .boxStyle { background-image: url("/~/media/Images/UTR/Editorial/Layout/boxSmallSize.ashx"); background-repeat: repeat-y; }
.LeftColumn .ColumnOne .RowOne .boxStyle .padAll .LatestTitle { padding: 8px 0 8px 15px; background-color: #F7F7F7; }
.LeftColumn .ColumnOne .RowOne .boxStyle .padAll .LatestTitle .Title h2 { padding: 0; margin: 0; font-size: 20px; font-weight: normal; color: #333; }
.LeftColumn .ColumnOne .RowOne .boxStyle .padAll a img { padding: 0 0 0 16px; }
.LeftColumn .ColumnOne .RowOne .boxStyle .smallEnd { width: 284px; background-position: 0 -51px; }
.LeftColumn .ColumnOne .RowOne .boxStyle .end { background-image: url("/~/media/Images/UTR/Editorial/Layout/imgSprite.ashx"); background-repeat: no-repeat; height: 8px; }
#imageColumn { padding-left: 15px; }
#imageColumn img { width: 250px; }
.LeftColumn .ColumnOne .RowOne .listing ul { list-style-type: none; padding: 0 0 10px 10px; margin: 0px 0 0 15px; background-image: url("/~/media/Images/UTR/Editorial/Layout/bullets.ashx"); background-repeat: no-repeat; background-position-y: 5px; }
.LeftColumn .ColumnOne .RowOne .listing .first-title a { color: #527682; font-size: 1.1em; }
.LeftColumn .ColumnOne .RowOne .listing .title a { color: #527682; font-size: 1.1em; }*/

        .LeftColumn .ColumnOne { width: 305px; padding: 10px 12px 0 0; float: left; }

            .LeftColumn .ColumnOne .RowOne .EmptyContainerControl { text-align: center; }

            .LeftColumn .ColumnOne .RowOne { border-top: 5px solid #B3B4B8; clear: both; height: 350px; }

                .LeftColumn .ColumnOne .RowOne .EmptyContainerControl { width: 305px; background-image: url("/~/media/Images/UTR/Editorial/Layout/boxSmallSize.ashx"); background-repeat: repeat-y; }

    .EmptyContainerControl .Title { background-color: #F7F7F7; padding: 5px 5px 10px 12px; color: #333; font-size: 24px; font-weight: bold; }

    .LeftColumn .ColumnOne .RowOne .EmptyContainerControl a { color: #527682; }

    .LeftColumn .ColumnOne .RowOne #wrapper { width: 295px !important; }

    .ContentFreshControl .Title { background-color: #F7F7F7; padding: 5px 5px 10px 12px; color: #333; font-size: 24px; font-weight: bold; }

    .LeftColumn .ColumnOne .RowTwo { clear: both; padding-top: 13px; padding-bottom: 15px; width: 600px; border-top: 5px solid #B3B4B8; }

    .RightColumn { width: 350px; float: left; }

        .RightColumn .RowOne { border-top: 5px solid #B3B4B8; clear: both; }

            .RightColumn .RowOne .EmptyContainerControl { width: 350px; background-image: url("/~/media/Images/UTR/Editorial/Layout/boxSmallSize.ashx"); background-repeat: repeat-y; }

    .EmptyContainerControl .Title { background-color: #F7F7F7; padding: 5px 5px 10px 12px; color: #333; font-size: 24px; font-weight: bold; }

    .RightColumn .RowTwo { border-top: 5px solid #B3B4B8; clear: both; height: 216px; overflow: hidden; }

        .RightColumn .RowTwo .EmptyContainerControl { width: 350px; background-image: url("/~/media/Images/UTR/Editorial/Layout/boxMidSize.ashx"); background-repeat: repeat-y; }




    .LeftColumn .ColumnTwo { width: 290px; float: left; padding: 10px 0 0 0; }

        .LeftColumn .ColumnTwo .RowOne { width: 285px; border-top: 5px solid #B3B4B8; float: left; height: 350px; }

    .CommunityControl { width: 285px; background-image: url("/~/media/Images/UTR/Editorial/Layout/boxSmallSize.ashx"); background-repeat: repeat-y; }

        .CommunityControl .CommunityTitle { background-color: #F7F7F7; padding: 5px 5px 10px 12px; color: #333; font-size: 24px; font-weight: bold; }

        .CommunityControl .CommunityComments { margin-bottom: 10px; max-height: 290px; width: 285px; }

            .CommunityControl .CommunityComments .Community { border-bottom: solid 1px #b0b0b0; width: 270px; color: #5D5D5D; }

                .CommunityControl .CommunityComments .Community .Avatar { float: left; height: 45px; width: 45px; padding: 10px; }

                .CommunityControl .CommunityComments .Community .CommentList { min-height: 65px; width: 245px; padding-top: 5px; }

                    .CommunityControl .CommunityComments .Community .CommentList a { font-weight: bold; }

                    .CommunityControl .CommunityComments .Community .CommentList .DateCreated { text-align: right; padding-top: 5px; width: 265px; }

        .CommunityControl .end { background-image: url("/~/media/Images/UTR/Editorial/Layout/imgSprite.ashx"); background-repeat: no-repeat; height: 8px; }

        .CommunityControl .smallEnd { width: 285px; background-position: 0 -38px; }

    .CommunityComments { overflow-y: scroll; overflow-x: hidden; margin-bottom: 10px; max-height: 290px; width: 285px; }

    .RightColumn .RowThree { height: 330px; width: 350px; border-top: 5px solid #B3B4B8; margin: 15px 0; float: left; border-bottom: 5px solid #B3B4B8; }

    .MostPopularWrapper { background-image: url("/~/media/Images/UTR/Editorial/Layout/boxMidSize.ashx"); background-repeat: repeat-y; }


        .MostPopularWrapper .end { background-image: url("/~/media/Images/UTR/Editorial/Layout/imgSprite.ashx"); background-repeat: no-repeat; height: 8px; }

        .MostPopularWrapper .medEnd { width: 350px; background-position: 0 -38px; }

    .RightColumn .RowFour { clear: both; }

        .RightColumn .RowFour .EmptyContainerControl { width: 350px; background-image: url("/~/media/Images/UTR/Editorial/Layout/boxMidSize.ashx"); background-repeat: repeat-y; }

            .RightColumn .RowFour .EmptyContainerControl .Title { font-size: 20px; color: #333; padding: 8px 0 0 15px; background-color: #F7F7F7; }

    .RightColumn { width: 350px; float: left; }

        .RightColumn .RowFive { width: auto; }

            .RightColumn .RowFive .Left { float: left; padding-right: 30px; }

            .RightColumn .RowFive .Right { float: left; }

    .CurrentIssueControl { width: 350px; }

        .CurrentIssueControl .Title { background-color: #F7F7F7; }

            .CurrentIssueControl .Title h2 { background-color: #F7F7F7; padding: 5px 5px 10px 12px; color: #333; font-size: 24px; font-weight: bold; margin: 0; }

        .CurrentIssueControl .CurrentIssue { margin-top: 1px; padding: 0; }

            .CurrentIssueControl .CurrentIssue .Link { float: left; width: 210px; }

                .CurrentIssueControl .CurrentIssue .Link ul { padding: 0; margin: 0 0 0 15px; }

                    .CurrentIssueControl .CurrentIssue .Link ul li { list-style-type: none; background-image: url( "/~/media/Images/UTR/Editorial/Layout/bullets.ashx" ); background-repeat: no-repeat; background-position-y: 5px; padding: 0 10px 10px; }

            .CurrentIssueControl .CurrentIssue .Image { float: left; }

                .CurrentIssueControl .CurrentIssue .Image img { float: right; width: 125px; height: 166px; }

        .CurrentIssueControl .dvIssue { padding: 5px 0 0 0; margin-top: 12px; float: left; width: 100%; background-color: transparent; background-image: url( "/~/media/Images/UTR/Editorial/Layout/tabsBack.ashx" ); background-repeat: repeat-x; height: 24px; text-align: center; }

            .CurrentIssueControl .dvIssue a { color: #fff; text-decoration: none; padding: 7px 10px; margin: 0; font-weight: 600; }

                .CurrentIssueControl .dvIssue a:hover { background-color: #ffcc00; color: #333; margin: 0; padding: 5px 10px; }

        .CurrentIssueControl .dvNavigation { padding: 0; float: left; width: 100%; background-color: transparent; background-image: url( "/~/media/Images/UTR/Editorial/Layout/tabsBack.ashx" ); background-repeat: repeat-x; height: 29px; padding-bottom: 19px; }

            .CurrentIssueControl .dvNavigation .dvSubscribe { float: left; border-right: solid 1px white; padding: 5px 0; }

                .CurrentIssueControl .dvNavigation .dvSubscribe a { color: white; text-decoration: none; padding: 0 8px; font-weight: 600; }

                    .CurrentIssueControl .dvNavigation .dvSubscribe a:hover { background-color: #ffcc00; color: #333; padding: 5px 8px; }

            .CurrentIssueControl .dvNavigation .dvRenew { float: left; border-right: solid 1px white; padding: 5px 0; }

                .CurrentIssueControl .dvNavigation .dvRenew a { color: white; text-decoration: none; padding: 0 8px; font-weight: 600; }

                    .CurrentIssueControl .dvNavigation .dvRenew a:hover { background-color: #ffcc00; color: #333; padding: 5px 8px; }

            .CurrentIssueControl .dvNavigation .dvCustomerService { float: left; border-right: solid 1px white; padding: 5px 0; }

                .CurrentIssueControl .dvNavigation .dvCustomerService a { color: white; text-decoration: none; font-size: 14px; padding: 0 8px; font-weight: 600; }

                    .CurrentIssueControl .dvNavigation .dvCustomerService a:hover { background-color: #ffcc00; color: #333; padding: 5px 8px; }

            .CurrentIssueControl .dvNavigation .dvGift { padding: 5px 0; }

                .CurrentIssueControl .dvNavigation .dvGift a { color: white; text-decoration: none; font-size: 14px; padding: 0 8px; font-weight: 600; }

                    .CurrentIssueControl .dvNavigation .dvGift a:hover { background-color: #ffcc00; color: #333; padding: 5px 8px; }


    .RowTwo .Shopping { width: 600px; min-height: 650px; }

        .RowTwo .Shopping .ShoppingTitle { background-color: #F7F7F7; padding: 5px 5px 10px 12px; color: #333; font-size: 24px; font-weight: bold; }

        .RowTwo .Shopping .shopping-horizontal-sellers { padding-left: 11px; }

        .RowTwo .Shopping .HorizontalShopping { width: 180px; float: left; padding: 5px; min-height: 275px; }

        .RowTwo .Shopping .dvTitle { padding: 8px 0; }

            .RowTwo .Shopping .dvTitle a { font-weight: bold; font-size: 16px; }

        .RowTwo .Shopping .dvImage { }

            .RowTwo .Shopping .dvImage img { padding: 2px; height: 100px; width: 120px; overflow: hidden; }
        /*.RowTwo .Shopping .description { padding-left: 15px; padding-bottom: 5px; width: 140px; color: #969696; font-size: 12px; }
            .RowTwo .Shopping .description p { margin: 0; padding: 0; }
            .RowTwo .Shopping .description top-books-pitch { padding-bottom: 8px; }*/
        .RowTwo .Shopping .contentBtn { /*float: left;*/ }

            .RowTwo .Shopping .contentBtn button { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; padding: 7px 10px; float: left; background-image: url( "/~/media/Images/UTR/Editorial/Layout/tabsBack.ashx" ); background-repeat: repeat-x; border: none; }

            .RowTwo .Shopping .contentBtn .end { float: left; background-image: url( "/~/media/Images/UTR/Editorial/Layout/imgSprite.ashx" ); background-repeat: no-repeat; height: 29px; width: 16px; background-position: 0 -63px; }

        .RowTwo .Shopping .top-books-price { font-size: 16px; padding-top: 5px; margin-left: 108px; font-weight: bold; }

        .RowTwo .Shopping .moreLink { background-image: url( "/~/media/Images/UTR/Editorial/Layout/slantingLines.ashx" ); background-repeat: repeat-x; height: 29px; }

            .RowTwo .Shopping .moreLink a { color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; padding: 7px 10px; float: left; background-image: url( "/~/media/Images/UTR/Editorial/Layout/tabsBack.ashx" ); background-repeat: repeat-x; }

            .RowTwo .Shopping .moreLink .end { float: left; background-image: url( "/~/media/Images/UTR/Editorial/Layout/imgSprite.ashx" ); background-repeat: no-repeat; height: 29px; width: 15px; background-position: 0 -63px; }

        .RowTwo .Shopping .end { background-image: url( "/~/media/Images/UTR/Editorial/Layout/imgSprite.ashx" ); background-repeat: no-repeat; height: 8px; }

        .RowTwo .Shopping .smallEnd { width: 350px; background-position: 0 -51px; }

    .RowThree { width: 985px; padding: 10px 0; border-top: 5px solid #B3B4B8; }

        .RowThree .ColumnLeft { padding-top: 15px; float: left; text-align: center; width: 492px; }

        .RowThree .ColumnRight { padding-top: 15px; float: left; text-align: center; width: 492px; }

    /*.BottomSubLayout { border-top: 1px solid #E5E5E5; text-align: center; }
.BottomSubLayout .BottomLeft { float: left; text-align: center; padding-top: 8px; width: 492px; }
.BottomSubLayout .BottomRight { float: left; text-align: center; padding-top: 8px; width: 492px; }*/
}