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

    p { color: #333; font-family: Georgia, serif; font-size: 16px; line-height: 1.6; }
    .CurrentIssueControl .Content .Link ul li { padding-bottom: 5px; }
    .shopping-top-sellers button { border: none; background-image: url( '/~/media/Images/MEN/Merchandise/add_to_cart.gif'); width: 92px; height: 22px; background-color: transparent; cursor: pointer; padding-bottom:15px; }
}
/* Mobile Wide Screen */
@media all and (min-width : 0px) and (max-width : 984px) {



    .LeftColumn .LeftItem1 .FeaturedRotatorControl .Button .button { border: none; background-image: url( '/~/media/Images/MEL/Editorial/Control/FeaturedRotator/blank_button.ashx' ); height: 27px; width: 27px; }

    .RightColumn .RightItem1 { display: none; }
    .LeftItem1 .CurrentIssueControl { display: block; padding-bottom: 10px; }
    .CurrentIssueControl .Navigation { background-image: url('/~/media/6b71b422a32e4a2ea436e250abb093ac.ashx' ); background-repeat: repeat-x; padding: 8px 3px 4px; text-align: center; }

        .CurrentIssueControl .Navigation a { font-weight: 700; font-size: 14px; color: Black; text-decoration: none; }

    .RightColumn .Shopping { padding: 5px 3px 3px 3px; margin-top: 10px; width: 99%; background-repeat: no-repeat; }

        .RightColumn .Shopping .ShoppingTitle a { text-decoration: none; color: black; font-weight: bold; font-size: 20px; padding: 3px; }

        .RightColumn .Shopping .shopping-top-sellers { text-align: center; padding: 5px; }

            .RightColumn .Shopping .shopping-top-sellers p { font-weight: normal; margin: 0; padding: 3px 0 0 0; }

                .RightColumn .Shopping .shopping-top-sellers p a { color: Black; text-decoration: none; font-size: 12px; font-weight: normal; }

            .RightColumn .Shopping .shopping-top-sellers h6 { font-size: 18px; font-weight: bold; margin: 0px; }

                .RightColumn .Shopping .shopping-top-sellers h6 a { color: Black; text-decoration: none; font-weight: normal; }

            .RightColumn .Shopping .shopping-top-sellers ul { list-style: none; margin: 0; padding: 0; }

                .RightColumn .Shopping .shopping-top-sellers ul li { }

                    .RightColumn .Shopping .shopping-top-sellers ul li a { color: Black; text-decoration: none; font-size: 10px; padding-left: 10px; font-weight: bolder; }

    .LeftItem2 { display: inline-block; width: 99%; }

    .LeftItem3 { display: inline-block; width: 99%; }

    .LeftItem4 { display: inline-block; width: 99%; }

    .RightItem3 .AdvertisementControl .Title { display: none; }

    .RightItem4 .AdvertisementControl .Title { display: none; }

    .BlogList ul { list-style: none; }

    .BlogLatestControl .Blogs .BlogImage { float: left; max-width: 85px; padding-right: 10px; }


    .BlogLatestControl .Blogs .BlogList { padding: 0 3px; }

    .FeaturedRotatorControl .FeaturedContent { padding: 8px; }

    .FeaturedContent .FeaturedItem .Title { font-size: 18px; background-color: white; color: #004276; border: none !important; }

    .FeaturedContent .FeaturedItem .Teaser { font-size: 16px; padding-bottom: 8px; }

    .FeaturedVideoControl .Title { text-transform: uppercase; }

    .FeaturedVideoControl .VideoContainer { padding: 5px; }

    .ContentFreshControl { padding-bottom: 5px; }

        .ContentFreshControl .ContentList a { line-height: 35px; }

    .BlogLatestC1Control .BlogLatestControl .Blogs .BlogList h3 { font-size: 18px; margin: 0; padding: 0; }

    .BlogLatestC1Control .BlogLatestControl .Blogs .BlogList ul li { padding-bottom: 8px; }

        .BlogLatestC1Control .BlogLatestControl .Blogs .BlogList ul li a { }

    .CurrentIssueControl .Navigation a { padding-bottom: 10px; }
}
/* Mobile */
@media all and (max-width : 320px) {

    .BlogLatestControl .Blogs { width: 99%; float: none; display: inline-block; }

        .BlogLatestControl .Blogs .BlogImage { min-height: 120px; }

    .CurrentIssueControl .Title { font-size: 20px; font-weight: bold; margin: 8px 0 3px; color: black; padding: 7px 8px; border: 1px solid black; background-color: #ECE8D5; }

    .ShoppingTitle { font-size: 20px; font-weight: bold; margin: 8px 0 3px; padding: 7px 8px; border: 1px solid black; background-color: #ECE8D5; }

    .LeftItem4 .EmptyContainerControl .Title { font-size: 17px; }
    .FeaturedImage img { max-width: 300px; }
}

/* Mobile Wide Screen */
@media all and (min-width : 321px) and (max-width : 480px) {

    .BlogLatestControl .Blogs { width: 99%; float: none; display: inline-block; }

        .BlogLatestControl .Blogs .BlogImage { min-height: 120px; }

    div.BlogLatestControl div.BlogLatestControl div.Blogs div.BlogList h3 { font-size: 20px; margin: 8px 0 3px; padding: 7px 8px; }


        div.BlogLatestControl div.BlogLatestControl div.Blogs div.BlogList h3 a { font-size: 20px; }

    .CurrentIssueControl .Title { font-size: 18px; font-weight: bold; color: black; padding: 8px 1px 8px 8px; border: 1px solid black; background-color: #ECE8D5; }

    .ShoppingTitle { font-size: 18px; font-weight: bold; margin: 8px 0 3px; padding: 7px 8px; border: 1px solid black; background-color: #ECE8D5; }

    .CurrentIssueControl .Image { float: left; }

    .CurrentIssueControl .Content { padding: 10px; }

    .CurrentIssueControl ul { list-style: none; margin-left: 70px; }

    .FeaturedImage img { max-width: 310px; }
}

/* Tablet */
@media all and (min-width : 481px) and (max-width : 600px) {


    .BlogLatestControl .Blogs { width: 99%; float: none; display: inline-block; }

        .BlogLatestControl .Blogs .BlogImage { min-height: 120px; }

    .CurrentIssueControl .Image { float: left; }

    .CurrentIssueControl .Content { padding: 10px; }

    .CurrentIssueControl ul { list-style: none; margin-left: 70px; }

    .FeaturedImage img { max-width: 450px; }
}


/* Tablet Wide Screen */
@media all and (min-width : 601px) and (max-width: 984px) {

    .BlogLatestControl .Blogs { width: 50%; float: left; min-height: 155px; }

    .CurrentIssueControl .Image { float: left; }

    .CurrentIssueControl .Content { padding: 10px; }

    .CurrentIssueControl ul { list-style: none; margin-left: 70px; }

    .FeaturedRotatorControl .FeaturedImage { width: 315px; float: left; padding: 5px; }
}

@media all and (min-width: 600px) and (max-width: 780px ) {
    .BlogLatestControl .Blogs { min-height: 215px; }
}

/* Desktop */
@media all and (min-width: 985px) {

    .HomeItemS3Sublayout { padding: 5px 10px 5px 10px; }

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

        .LeftColumn .LeftItem1 { padding-top: 15px; }

            .LeftColumn .LeftItem1 .FeaturedRotatorControl { }

                .LeftColumn .LeftItem1 .FeaturedRotatorControl .FeaturedImage { text-align: center; }

                    .LeftColumn .LeftItem1 .FeaturedRotatorControl .FeaturedImage img { width: 315px; }

                .LeftColumn .LeftItem1 .FeaturedRotatorControl .FeaturedItem { height: 105px; overflow-x: hidden; overflow-y: hidden; padding-top: 10px; padding-right: 10px; padding-bottom: 13px; padding-left: 10px; background-color: #f2efe2; }

                    .LeftColumn .LeftItem1 .FeaturedRotatorControl .FeaturedItem a { text-decoration: none; }

                        .LeftColumn .LeftItem1 .FeaturedRotatorControl .FeaturedItem a h2 { font-weight: bold; font-size: 18px; line-height: 19px; margin: 0; padding: 0; }

    .FeaturedContent .FeaturedItem .Teaser { font-size: 16px; padding-bottom: 8px; }
    .LeftColumn .LeftItem1 .CurrentIssueControl { display: none; }
    .LeftColumn .LeftItem1 .FeaturedRotatorControl .Button { width: 320px; padding: 12px 8px 0 0; }

        .LeftColumn .LeftItem1 .FeaturedRotatorControl .Button .button { border: none; background-image: url( '/~/media/Images/MEL/Editorial/Control/FeaturedRotator/blank_button.ashx' ); height: 27px; width: 27px; }

    .LeftColumn .LeftItem2 { padding-top: 5px; }

        .LeftColumn .LeftItem2 .BlogLatestControl { padding: 3px; margin-top: 10px; margin-bottom: 12px; width: 319px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_325.ashx' ); background-repeat: no-repeat; }

            .LeftColumn .LeftItem2 .BlogLatestControl .Title { }

                .LeftColumn .LeftItem2 .BlogLatestControl .Title a { color: Black; text-decoration: none; font-weight: bold; font-size: 20px; padding: 2px 4px; }

            .LeftColumn .LeftItem2 .BlogLatestControl .Blogs { clear: both; padding-top: 4px; }

                .LeftColumn .LeftItem2 .BlogLatestControl .Blogs .BlogImage { padding: 5px 3px 5px 3px; float: left; }

                    .LeftColumn .LeftItem2 .BlogLatestControl .Blogs .BlogImage img { height: 45px; width: 45px; float: left; }

                .LeftColumn .LeftItem2 .BlogLatestControl .Blogs .BlogList { padding: 5px 3px 5px 3px; float: left; width: 240px; }

                    .LeftColumn .LeftItem2 .BlogLatestControl .Blogs .BlogList h3 { margin: 0px 0px -10px 0px; }

                        .LeftColumn .LeftItem2 .BlogLatestControl .Blogs .BlogList h3 a { color: #000; font-size: 18px; text-decoration: none; }

                    .LeftColumn .LeftItem2 .BlogLatestControl .Blogs .BlogList ul { padding: 0; margin: 10px 0 0 0; list-style-type: none; list-style-image: none; }

                        .LeftColumn .LeftItem2 .BlogLatestControl .Blogs .BlogList ul li { padding-left: 8px; background: url( '/~/media/Images/MEN/Editorial/Layout/bullet.ashx' ) 0px 4px no-repeat; padding-bottom: 5px; }

                            .LeftColumn .LeftItem2 .BlogLatestControl .Blogs .BlogList ul li a { text-decoration: none; }

    .LeftColumn .LeftItem3 { padding-top: 5px; margin-top: 62px; }

        .LeftColumn .LeftItem3 .EmptyContainerControl { padding: 3px; margin-top: 10px; width: 319px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_325.ashx' ); background-repeat: no-repeat; }

        .LeftColumn .LeftItem3 .EmptyContainerControl { padding: 3px; margin-top: 10px; width: 319px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_325.ashx' ); background-repeat: no-repeat; }

            .LeftColumn .LeftItem3 .EmptyContainerControl .Title { font-weight: bold; font-size: 20px; padding: 2px 4px; }

    .LeftColumn .LeftItem4 { padding-top: 5px; }

        .LeftColumn .LeftItem4 .EmptyContainerControl { padding: 3px; margin-top: 10px; width: 319px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_325.ashx' ); background-repeat: no-repeat; }

        .LeftColumn .LeftItem4 .EmptyContainerControl { padding: 3px; margin-top: 10px; width: 319px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_325.ashx' ); background-repeat: no-repeat; }

            .LeftColumn .LeftItem4 .EmptyContainerControl .Title { font-weight: bold; font-size: 18px; padding: 2px 4px; }


    .LeftColumn .LeftItem5 { padding-top: 5px; }

        .LeftColumn .LeftItem5 .FeaturedVideoControl { padding: 3px; margin-top: 10px; width: 319px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_325.ashx' ); background-repeat: no-repeat; }

    .FeaturedVideoControl .Title { font-weight: bold; font-size: 20px; text-transform: uppercase; padding: 2px 4px; }

    .FeaturedVideoControl .VideoContainer { text-align: center; }

    .MiddleColumn { float: left; margin-left: 15px; width: 300px; }

        .MiddleColumn .MiddleItem1 { padding-top: 5px; }

            .MiddleColumn .MiddleItem1 .ContentFreshControl { padding: 3px; margin-top: 10px; width: 291px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_297.ashx' ); background-repeat: no-repeat; }

                .MiddleColumn .MiddleItem1 .ContentFreshControl .Title { font-weight: bold; font-size: 20px; padding: 2px 4px; }

                .MiddleColumn .MiddleItem1 .ContentFreshControl .Content { border-bottom: dashed 1px #BBB; background: url( '/~/media/Images/MEN/Editorial/Layout/bullet.ashx' ) 6px 7px no-repeat; }

                .MiddleColumn .MiddleItem1 .ContentFreshControl .ContentList { padding: 3px 5px 3px 18px; }

                    .MiddleColumn .MiddleItem1 .ContentFreshControl .ContentList a { text-decoration: none; }

        .MiddleColumn .MiddleItem2 { padding-top: 5px; }

            .MiddleColumn .MiddleItem2 .EmptyContainerControl { padding: 3px; margin-top: 10px; width: 291px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_297.ashx' ); background-repeat: no-repeat; }

            .MiddleColumn .MiddleItem2 .Title { font-weight: bold; font-size: 20px; padding: 2px 4px; }

        .MiddleColumn .MiddleItem3 { padding-top: 5px; }

            .MiddleColumn .MiddleItem3 .EmptyContainerControl { padding: 3px; margin-top: 10px; width: 291px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_297.ashx' ); background-repeat: no-repeat; }

            .MiddleColumn .MiddleItem3 .EmptyContainerControl { padding: 3px; margin-top: 10px; width: 291px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_297.ashx' ); background-repeat: no-repeat; }

            .MiddleColumn .MiddleItem3 .Title { font-weight: bold; font-size: 20px; padding: 2px 4px; }

        .MiddleColumn .MiddleItem4 { padding-top: 5px; }

            .MiddleColumn .MiddleItem4 .EmptyContainerControl { padding: 3px; margin-top: 10px; width: 291px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_297.ashx' ); background-repeat: no-repeat; }

            .MiddleColumn .MiddleItem4 .EmptyContainerControl { padding: 3px; margin-top: 10px; width: 291px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_297.ashx' ); background-repeat: no-repeat; }

            .MiddleColumn .MiddleItem4 .Title { font-weight: bold; font-size: 20px; padding: 2px 4px; }

        .MiddleColumn .MiddleItem5 { padding-top: 5px; }

            .MiddleColumn .MiddleItem5 .EmptyContainerControl { padding: 3px; margin-top: 10px; width: 291px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_297.ashx' ); background-repeat: no-repeat; }

            .MiddleColumn .MiddleItem5 .EmptyContainerControl { padding: 3px; margin-top: 10px; width: 291px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_297.ashx' ); background-repeat: no-repeat; }

            .MiddleColumn .MiddleItem5 .Title { font-weight: bold; font-size: 20px; padding: 2px 4px; }

        .MiddleColumn .MiddleItem6 { padding-top: 5px; }

            .MiddleColumn .MiddleItem6 .EmptyContainerControl { padding: 3px; margin-top: 10px; width: 291px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_297.ashx' ); background-repeat: no-repeat; }

            .MiddleColumn .MiddleItem6 .EmptyContainerControl { padding: 3px; margin-top: 10px; width: 291px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_297.ashx' ); background-repeat: no-repeat; }

            .MiddleColumn .MiddleItem6 .Title { font-weight: bold; font-size: 20px; padding: 2px 4px; }

    .RightColumn { width: 300px; margin-left: 652px; }

        .RightColumn .RightItem1 { padding-top: 5px; }

            .RightColumn .RightItem1 .CurrentIssueControl { padding: 3px; margin-top: 10px; width: 291px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_297.ashx' ); background-repeat: no-repeat; }

                .RightColumn .RightItem1 .CurrentIssueControl .Title { font-weight: bold; font-size: 20px; padding: 2px 4px; }

                .RightColumn .RightItem1 .CurrentIssueControl .Content { padding-top: 5px; height: 180px; padding-bottom: 13px; }

                    .RightColumn .RightItem1 .CurrentIssueControl .Content .Image { float: left; margin-top: 5px; }

                    .RightColumn .RightItem1 .CurrentIssueControl .Content .Link { float: left; width: 190px; margin-left: 0; margin-top: 2px; }

                        .RightColumn .RightItem1 .CurrentIssueControl .Content .Link ul { list-style-type: circle; }

                        .RightColumn .RightItem1 .CurrentIssueControl .Content .Link a { text-decoration: none; line-height: 18px; color: #004276; }

                .RightColumn .RightItem1 .CurrentIssueControl .Navigation { background-image: url( '/~/media/6b71b422a32e4a2ea436e250abb093ac.ashx' ); background-repeat: repeat-x; padding: 8px 3px 4px; text-align: center; }

                    .RightColumn .RightItem1 .CurrentIssueControl .Navigation a { font-weight: 700; font-size: 14px; color: Black; text-decoration: none; }

        .RightColumn .RightItem2 { padding: 5px; }



        .RightColumn .CommunityControl { height: 300px; background-image: url('/~/media/Images/MEN/Editorial/Home/box_297.ashx'); background-repeat: no-repeat; padding-bottom: 10px; width: 300px; }

            .RightColumn .CommunityControl .CommunityTitle { height: 15px; text-transform: uppercase; padding: 5px 0 10px 5px; margin: 0 0 2px 0; font-weight: bold; font-size: 20px; }

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

            .RightColumn .CommunityControl .CommentList { min-height: 65px; font-size: 12px; width: 272px; padding-top: 5px; }

            .RightColumn .CommunityControl .DateCreated { text-align: right; padding-top: 5px; width: 270px; }

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

            .RightColumn .CommunityControl .CommunityComments { overflow-y: scroll; overflow-x: hidden; margin-bottom: 10px; max-height: 260px; width: 297px; }

        .RightColumn .RightItem3 { padding-top: 5px; }

        .RightColumn .RightItem4 { padding-top: 5px; }

        .RightColumn .Shopping { padding: 5px 3px 3px 3px; margin-top: 10px; width: 297px; background-image: url( '/~/media/Images/MEN/Editorial/Home/box_297.ashx' ); background-repeat: no-repeat; }

            .RightColumn .Shopping .ShoppingTitle a { text-decoration: none; color: black; font-weight: bold; font-size: 18px; padding: 2px 3px; }

            .RightColumn .Shopping .shopping-top-sellers { text-align: center; padding: 5px; }

                .RightColumn .Shopping .shopping-top-sellers p { font-weight: normal; font-size: 14px; margin: 0; padding: 3px 0 0 0; }

                    .RightColumn .Shopping .shopping-top-sellers p a { color: Black; text-decoration: none; font-weight: normal; font-size: 14px; }

                .RightColumn .Shopping .shopping-top-sellers h6 { font-weight: normal; font-size: 18px; margin: 0px; }

                    .RightColumn .Shopping .shopping-top-sellers h6 a { color: Black; text-decoration: none; font-weight: normal; font-size: 18px; }

                .RightColumn .Shopping .shopping-top-sellers ul { list-style: none; margin: 0; padding: 0; }

                    .RightColumn .Shopping .shopping-top-sellers ul li { }

                        .RightColumn .Shopping .shopping-top-sellers ul li a { color: Black; text-decoration: none; padding-left: 10px; font-weight: bolder; }
}