﻿.video-holder, 
.announcement-holder {
    position: relative;
    float: left;
}
    .video-holder .link, 
    .announcement-holder .link {
        position: absolute;
        left: 15px;
        top: 15px;
        z-index: 3;
    }
        .video-holder .link .link-title {
            line-height: 24px;
            background: transparent;
            float: left;
            background-color: #253690;
        }

        .announcement-holder .link .link-title {
            line-height: 24px;
            background: transparent;
            float: left;
            background-color: transparent;
            border: solid 1px #a47e2a;
            color: #a47e2a;
        }

.directorates {
    background-color: #284c8d;
}
.featured-block-container .featured-block a.title {
    font-size: 18px;
}
.dailynews-container .side-banner h5 {
    font-size: 18px;
}
.dailynews-container .announcement-banner h5 {
    font-size: 18px;
}
.events-container .event-block .title h6 {
    font-size: 18px;
}
.dailynews-container .manset-slider .manset-slider-item .button.subject a {
    color: #fff;
}
.dailynews-container .manset-slider .manset-slider-item .manset-slider-image img {
    max-height: 460px;
}
.projects-container .project-block .project-img img {
    max-height: 165px;
    min-height: 165px;
}

.no-content-img {
    width:100%;
    margin:0 auto;
}

.content-detail img {
    margin:0 auto;
    display:inherit;
}

.photo-container {
    width: 100%;
    padding: 40px 0 15px;
}

.photo-list .photo-block {
    margin-top: 35px;
    text-align: center;
}

    .photo-list .photo-block .photo-thumb {
        width: 100%;
        position: relative;
    }

        .photo-list .photo-block .photo-thumb img {
            width: 100%;
            max-height: 175px;
        }

    .photo-list .photo-block h2 {
        font-family: "BoldC2019 Book";
        font-size: 15px;
        font-weight: 400;
        color: #415464;
        margin-top: 10px;
        padding: 0 15px;
        transition: all 100ms ease;
    }

    .photo-list .photo-block span {
        font-family: "BoldC2019";
        font-size: 11px;
        font-weight: 500;
        color: #a2b8c8;
    }

        .photo-list .photo-block span i {
            font-size: 14px;
            vertical-align: bottom;
            margin-right: 5px;
        }

    .photo-list .photo-block:hover h2 {
        color: #253690;
    }

    .photo-list .photo-block:hover .overlay {
        opacity: 1;
    }

    .photo-list .photo-block .overlay {
        background-color: rgba(37, 54, 144, 0.9);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: all 100ms ease;
    }

        .photo-list .photo-block .overlay i {
            background: url("../img/icons-sprite.png") no-repeat -200px -330px;
            display: inline-block;
            width: 30px;
            height: 30px;
            margin-top: 40px;
        }

        .photo-list .photo-block .overlay p {
            font-family: "BoldC2019";
            font-size: 18px;
            font-weight: 600;
            color: #bdd8eb;
        }

@media (max-width: 768px) {
    .dailynews-container .manset-slider .manset-slider-item .manset-slider-image img {
        min-height: 245px;
    }

    .projects-container .project-block .project-img img {
        height:auto;
    }

    .category-content .category-nav {
        display:none;
    }

    .category-content .content-nav {
        display:none;
    }

    .content-detail img {
        width: 100%;
        margin: 0 auto;
        display: inherit;
    }

    .photo-list .photo-block .photo-thumb img {
        width: 100%;
        max-height: 275px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .dailynews-container .manset-slider .manset-slider-item .manset-slider-image img {
        min-height: 385px;
    }

    .projects-container .project-block .project-img img {
        max-height: 375px;
        min-height: 375px;
    }
    
    .category-content .category-nav {
        display: none;
    }

    .category-content .content-nav {
        display: none;
    }

    .photo-list .photo-block .photo-thumb img {
        width: 100%;
        max-height: 360px;
    }
}
