﻿/* Checking for device type and screen size */
@media screen and (max-width: 768px) {
    .static-header {
        display: none !important;
    }

    .responsive-header {
        display: block !important;
    }
    
    /* Navigation Bar - Responsive */
    #cd-lateral-nav a.fly, #cd-lateral-nav .subProductName {
        font-weight: 600;
    }
    /**/
}

/* Checking for other devices except mobile */
@media screen and (min-width: 769px) {
    .static-header {
        display: block !important;
    }

    .responsive-header {
        display: none !important;
    }
}

@media only screen and (min-width: 769px) {
    *, *:after, *:before {
        -webkit-box-sizing: unset;
        -moz-box-sizing: unset;
        -ms-box-sizing: unset;
        box-sizing: unset;
    }
}

/* Checking for device type and screen size */
@media only screen and (max-width: 768px) {
    body {
        background-color: #fff;
    }

    #maincontainer {
        all: initial;
        margin: 0;
        padding: 0;
        width: auto;
        box-shadow: none;
        font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    }

    #contentwrapper {
        margin-top: 50px;
        margin-bottom: 10px;
    }

    .OverviewWhatsNew, .OverviewWhatsNew:visited {
        color: #416cb1;
    }

    #panel5EntirePage {
        padding: 0 !important;
    }

    .win10-btn {
        width: 140px;
        margin-bottom: 10px !important;
        margin-top: -25px;
    }
    .win10-btn-bottom {
        width: 135px;
    }

    /* Responsive Navbar */
    a.flyProductName {
        margin-left: 25px !important;
    }

    /* Pages with Comparison chart */
    #ContentPanel .tblCompChart5 tr td {
        display: table-cell !important;
        width: auto !important;
    }

    .DeviceFormats {
        margin-bottom: 10px !important;
    }
    
    #ContentPanel .remove-collapsible-dt-sp tr td {
        display: inline-block !important;
        width: 50% !important;
    }

    /* Screen Shots Section*/
    /*@media screen and (max-width: 320px) and (orientation:portrait) {
        #cboxPhoto {
            margin: 15% auto auto !important;
        }                     
    }
    */
    
    /* Bottom Download Box */
    .OverviewPageBottomBox {
        width: 100% !important;
        margin-top: -8px !important;
    }

    .addthis_counter.addthis_pill_style.addthis_nonzero a.addthis_button_expanded {
        display: none !important;
    }

    @media screen and (orientation:landscape) {
        #cboxPhoto {
            margin: auto auto auto !important;
        }                     
    }

    /* 1st Component */
    .OverviewFeaturesBox50 {
        width: 100% !important;
        display: table;
        margin-right: 0 !important;
        padding-right: 0 !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    }

    .QuickButtonsLeftDiv50 {
        width: 100% !important;
    }

    .QuickButtonsRightDiv50 {
        float: left !important;
        width: 100% !important;
        text-align: center !important;
        text-align: -webkit-center !important;
        min-width: unset !important;
    }

    .LikeShareButtonsContent img {
        display: none;
    }

    .tableAddThisButtons {
        width: auto !important;
    }

    #LikeShareButtonsContent {
        display: inline-block;
        margin: 10px;
        width: 95%;
        text-align: -webkit-center;
    }

    .facebookLikeButton, .twitterTweetButton, .shareButton, .googlePlusOneButton {
        width: auto !important;
        margin-right: 10px !important;
    }

    #panel5 img, #panel5EntirePage img, #panel5EntirePageLicPageStyle img {
        padding: 0 !important;
    }

    .OverviewTopFreeTrial, .OverviewTopFreeTrialFR, .OverviewTopFreeTrialGE, .OverviewTopFreeTrialPO, .OverviewTopFreeTrialSP, .OverviewTopFreeTrialIT, .OverviewTopDownload, .OverviewTopDownloadSP, .OverviewTopDownloadGE, .OverviewTopDownloadFR, .OverviewTopDownloadPO, .OverviewTopDownloadIT {
        background-size: 100% 100% !important;
        width: 100% !important;
        height: 5% !important;
        margin-right: 1% !important;
        margin-left: 1% !important;
    }

    .OverviewTopBuyNow, .OverviewTopBuyNowFR, .OverviewTopBuyNowGE, .OverviewTopBuyNowPO, .OverviewTopBuyNowSP, .OverviewTopBuyNowIT {
        background-size: 100% 100% !important;
        width: 100% !important;
        height: 5% !important;
        margin-right: 1% !important;
        margin-left: 1% !important;    
    } 
    
    .SecureDownload {
        padding-left: 0 !important;
    }

    .QuickButtons50 table {
        width: 100%;
        text-align: center;
        padding-right: 15px;
    }

    /*Video and Other Boxes*/
    .OverviewSampleSectionInnerBox img {
        justify-self: center;
    }

    /* 2nd Component */
    #ContentPanel table tr td {
        display: block !important;
        width: 100% !important;
        padding-left: 1px !important;
    }

    #ContentPanel img {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
        max-width: 80% !important;
    }

    #ContentPanel table tr td ul {
        padding-left: 13px !important;
    }

    .OverviewPageBox50 {
        border: solid 1px #c6d9e5;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        font-size: 14px;
        line-height: 20px;
        width: 100% !important;
        margin: 0;
        /*                float: right !important;*/
        padding-top: .7em;
        margin-top: 5px;
    }

    /* Bottom Buttons */
    .QuickButtonsBottom {
        padding: 0 !important;
        text-align: center !important;
        max-height: 46px !important;
    }

    .OverviewPageBottomBoxDiv50 {
        width: 100% !important;
        margin-top: -9px !important;
    }

    .OverviewSampleSectionInnerBoxContent img {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }

    .OverviewBottomFreeTrial, .OverviewBottomFreeTrialFR, .OverviewBottomFreeTrialGE, .OverviewBottomFreeTrialPO, .OverviewBottomFreeTrialSP, .OverviewBottomFreeTrialIT, .OverviewBottomDownload, .OverviewBottomDownloadSP, .OverviewBottomDownloadGE, .OverviewBottomDownloadFR, .OverviewBottomDownloadPO, .OverviewBottomDownloadIT, .OverviewBottomBuyNow, .OverviewBottomBuyNowFR, .OverviewBottomBuyNowGE, .OverviewBottomBuyNowPO, .OverviewBottomBuyNowSP, .OverviewBottomBuyNowIT {
        background-size: 100% 100% !important;
        width: 49% !important;
        max-width: 200px !important;
        display: inline-block !important;
        float: none !important;
        height: 40px !important;
    }

    /* Newsletter Signup */
    #rightControl_Subscribe {
        background-color: #4169e1;
        color: #fff;
        border: none;
        padding: 5px;
    }

    .OverviewSampleSectionInnerBoxContent .SubEmailOverviewPage {
        width: 100% !important;
    }

    #NewsletterInput {
        text-align: center !important;
    }

    #loadingimg {
        display: none !important;
    }

    .publishDateRS {
        position: absolute;
        right: 80px;
    }

    /* Right Side Panel */
    .OverviewSampleSectionBox {
        width: 100% !important;
    }

    .OverviewSampleSectionInnerBox, .OverviewSampleSectionInnerBoxTitle {
        background-color: #ffffff !important;
        border-radius: 0 !important;
    }

    .OverviewBottomFreeTrial, .OverviewBottomFreeTrialFR, .OverviewBottomFreeTrialGE, .OverviewBottomFreeTrialPO, .OverviewBottomFreeTrialSP, .OverviewBottomFreeTrialIT, .OverviewBottomDownload, .OverviewBottomDownloadSP, .OverviewBottomDownloadGE, .OverviewBottomDownloadFR, .OverviewBottomDownloadPO, .OverviewBottomDownloadIT {
        margin: 0 !important;
        margin-bottom: 10px;
    }

    /* cBoxOverlay */
    #colorbox, #colorboxNew {
        -webkit-box-sizing: unset !important;
        -moz-box-sizing: unset !important;
        box-sizing: unset !important;
    }

    #colorbox, #cboxOverlay, #cboxWrapper {
        z-index: 10000 !important;
    }

    /* Collapsible */
    .collapsible {
        display: list-item;
        list-style-image: url(/images/right_arrow.png) !important;
        color: white;
        cursor: pointer;
        border: none;
        text-align: left;
        outline: none;
        font-size: 13px !important;
        font-weight: initial;
        color: #000000 !important;
        margin-left: 12px;
    }

        .collapsible:before {
            content: 'Read More';
        }

    .activeListItem {
        list-style-image: none !important;
        list-style-type: none;
        margin-left: 16px;
    }

        .activeListItem:before {
            display: none;
        }

        .activeListItem:after {
            content: 'Read Less ' url(/images/up_arrow.png);
            font-weight: bold;
        }

    .content {
        display: none;
        overflow: hidden;
        font-size: 13px;
    }

    .QuickButtons50 table td {
        width: 50% !important;
        vertical-align: top !important;
        text-align: center;
    }

    .QuickButtons50 table td a{
        max-width: 200px;
    }

    /*Newsletter*/
    #NewsletterInput{
        display: flex !important;
    }


    .OverviewSampleSectionInnerBoxContent .ScreenshotNumbers a {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    #ContentPanel a{
        color: blue;
    }

    .OverviewPageBox50 {
        margin-bottom: 10px !important;
        margin-top: 0 !important;
    }

    .product-info-box{
        margin-bottom: 15px !important;
    }

    #cboxTitle{
        max-width: 50% !important;
    }

    .avgRatingText {
        float: left !important;
        margin-left: 10px !important;
    }
    .OverviewSampleSectionMoreComments{
        padding-top: 15px !important;
    }

    .OverviewTopBuyNow, .OverviewTopFreeTrial {
        display: inline-block !important;
        margin: 0 !important;
        height: 45px !important;
    }

    .QuickButtons50 table td a {
        max-width: 180px !important;
        display: inline-block !important;
        height: 45px !important;
    }

    .OverviewSampleSectionInnerBoxContent .SubEmailOverviewPage {
        /*max-width: 435px !important;*/
    }

    .OverviewSampleSectionMoreComments a {
        width: 100% !important;
        white-space: nowrap !important;
    }
    
    #ContentPanel .remove-collapsible-dt-sp tr td {
        display: ruby !important;
        padding-right: 15px;
    }

    /*.OverviewFeaturesBox50.product-info-box {
        padding-right: 10px !important;
    }*/
}

@media only screen and (min-width : 420px ) and (max-width : 768px){
    .video-tour-box {
        width: 49%;
        margin-right: 1%;
        display: inline-block;
        vertical-align: top;
        height: 182px;
    }

    .screenshot-box {
        width: 49%;
        margin-left: 1%;
        display: inline-block;
        height: 182px;
    }
}

@media only screen and (min-width : 769px) and (max-width : 1000px) {
    #headerbg {
        background-color: transparent !important;
    }

    #header img {
        height: 68px !important;
    }
}

.publishDateRS{
    display: none;
}



@media only screen and (min-width: 500px) and (max-width: 768px){
    .QuickButtonsLeftDiv50 {
        width: 50% !important;
    }

    .QuickButtonsRightDiv50 {   
        width: 50% !important;
    }
    
    .QuickButtons50 table td a {
        height: 35px !important;
    }
}

@media only screen and (min-width: 500px) and (max-width: 660px){
    .QuickButtons50 {
        width: 200% !important;
    }
    .QuickButtonsRightDiv50 img {
        width: 135px !important;
        /*margin-top: 20px !important;*/
    }
    .QuickButtonsLeftDiv50 .EmphasizeText50{
        word-break: break-all !important;
    }
    .FreeProductPrice50 {
        margin-top: 35px !important;
    }
}

@media only screen and (min-width: 670px) and (max-width: 768px) {
    #ContentPanel img {
        max-width: initial !important;
    }
    #ContentPanel table tr td {
        display: table-cell !important;
        width: 540px !important;
    }
}

@media only screen and (min-width: 440px) and (max-width: 768px) {
    #ContentPanel .remove-collapsible-dt-sp tr td {
        display: table-cell !important;
        width: auto !important;
    }
    
    #ContentPanel .remove-collapsible-dt-sp{
        min-width: 400px !important;
    }
}

@media only screen and (max-width: 370px) {
    td.tdCompChartSubFeatureNameOdd5, td.tdCompChartSubFeatureDataOdd5 {
        word-break: break-word !important;
    }
    td.tdCompChartEmptyProdName5, td.tdCompChartSubFeatureNameOdd5, td.tdCompChartSubFeatureDataOdd5, .CompChartGetMoreBuyNowLearnMore {
        font-size: 12px !important;
    }
    td.tdCompChartProdFeatures5, p.CompChartGetMoreProductName {
        font-size: 13px !important;
    }
    td.tdCompChartSubFeatureNameGetMore {
        font-size: 15px !important;
    }
    .FreeProductPrice50 {
        font-size: 21px !important;
    }
}

/* Screenshots Section */
/*.OverviewSampleSectionInnerBoxContent .example3 img {
    border: none !important;
}*/

@media only screen and (max-width: 768px) {
    .make-it-small-500px {
        width: 90%;
    }
}