/* {border: 1px solid red!important;} */

@media (min-width: 1024px) {
    #right_panel {
        max-width: 890px;
        width: calc(100% - 280px); /* must have spaces before and after -*/

    }
}

    @media (min-width: 650px) {
        .YoutubeVideoThmb {
            max-width: 400px;
        }


        ul.ReviewsAwardsUl li {
            width: 19%;
        }

        .youtubeVideo {
            text-align: center;
            margin: 10px;
        }
    }

    @media (max-width: 650px) {
        .container .navbar-nav {
            overflow: visible;
        }

        .container .navbar-nav {
            float: none;
            display: block;
            vertical-align: middle;
            padding: 0;
            margin: 0;
            width: 100%;
        }

        #hero .container .row h1 {
            font-size: 17px;
        }

        .container .row {
            margin-right: 0px;
            margin-left: 0px;
        }

        .colRight {
            width: 100%;
        }

        .colRightContent h1 {
            font-size: 16px;
        }

        .SoftwareTop p {
            width: auto;
            font-size: 12px;
        }

        .colRightContent {
            font-size: 12px;
            margin: 5px 6px
        }

        .MoreInformationDiv .paddingSpan {
            width: 45%;
        }

        ul {
            padding-left: 6px;
        }

        #right_panel .twoImgCenterRight, #right_panel .twoImgCenterLeft {
            margin: 0 auto;
            text-align: center;
            float: left;
            padding: 10px 0 20px;
            width: 100%;
        }

        ul.ReviewsAwardsUl li {
            margin: 0px 0px 5px 0px;
            width: 48%;
        }

        .YoutubeVideoThmb {
            width: 100%;
            max-width: 400px;
        }

        .container h3 {
            font-size: 15px;
        }
    }

.lstDTAScreenItem {
    max-height: 320px;
    max-width: 320px;
}

.lstDTAScreenshots {
    list-style-type: none;
    list-style: none;
    overflow-x: scroll;
    display: flex;
}

.lstDTAScreenshots li {
    list-style: none;
    background:none !important;
    padding: 0px;
    display: inline-block;
    float: left;
    text-align: center;
    background: none;
    margin: 0px 5px;
}

.dtathItem {
    height: 320px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    border: solid 1px gray;
    border-radius: 2px;
    padding: 2px;
}
.dtathItem-title{}

@media screen and (max-width: 720px) {
    .lstDTAScreenshots {
        display: block !important;
    }
}