/* web page top header part */
.top-header-top {
    background-image: url('/../assets/images/top_banner/thiem.jpg');
    height: 27px;
}

.top-header-middle {
    background-image: url('/../assets/images/top_banner/back_ground1.jpg');
}

.top-header-middle-bottom {
    position: relative;
    height: 162px;
}

.top-header-middle-bottom .social-img {
    position: absolute;
    top: 40%;
    left: 15%;
}

.top-header-bottom {
    padding: 5px;
    background-color: #6666FF;
    text-align: center;
}

.sub-menu-tit {
    display: block;
}


@media screen and (max-width: 991px) {
    .header-left a img {
        max-width: 50%;
    }

    .top-header-middle-bottom {
        position: relative;
        height: 70px;
    }

    .top-header-middle-bottom .social-img {
        position: absolute;
        top: 10%;
        left: 15%;
    }
}

/* news details dropcap */
.has-dropcap:first-letter {
    float: left;
    font-family: Georgia;
    text-align: center;
    padding: 10px 15px;
    margin: 8px 20px 0 2px;
    background-color: #666674;
    color: #5F91BF;
    font-size: 40px;
    line-height: 35px;
    border-radius: 4px;
}

.dropcap {
    float: left;
    font-family: Georgia;
    text-align: center;
    padding: 10px 15px;
    margin: 8px 20px 0 2px;
    background-color: #666674;
    color: rgba(254, 254, 254, 0.9);
    font-size: 40px;
    line-height: 35px;
    border-radius: 4px;
}

.entry-header.top-margin {
    margin-top: 10px;
}

.cms-grid-item .img-text {
    text-align: center;
    font-size: large;
}

.custom-p-heading {
    font-size: 18px !important;
    text-align: center !important;

}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    /*  */
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    /*  */
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

    /* for all right side image contain */
    .has-thumbnail .contain-img {
        object-fit: contain;
        height: 221px !important;
    }

    /* for news details image slider */
    .has-thumbnail .slide-img {
        object-fit: contain;
        width: 100%;
        height: 560px !important;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    /*  */
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    /*  */
}