﻿.image-container {
    position: relative;
    display: inline-block; /* Or block if you want it to take the full width of its parent */
    text-align: left;
}

.image-container2 {
    position: relative;
    display: inline-block; /* Or block if you want it to take the full width of its parent */
    text-align: left;
}

.img-thumbnail {
    padding: 0 !important;
    background-color: #fff;
    border: 0px !important;
    border-radius: .25rem;
    max-width: 100%;
    /*width:100%;*/
    height: auto;
}

.uehead {
    font-size: 32px;
    letter-spacing: .2px;
    font-family: Barlow;
    font-weight: bold;
    line-height: 1.1;
}

.uesummary {
    margin-top: 10px;
    font-size: 20px;
    font-family: 'Barlow', sans-serif;
    font-weight: normal;
    color: #8c8c8c;
}

.ue-text1 {
   /* padding-top: 10px;*/
    font-size: 22px;
    font-family: 'Barlow', sans-serif;
    font-weight: normal;
    color: #cea0af;
}

.ue-text2 {
    padding-top: 10px;
    font-size: 31px;
    font-family: Barlow;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.ue-text2:hover {
    color: #000000;
    text-decoration: none;
}

.ue-text3 {
    padding-top: 10px;
    font-size: 22px;
    font-family: 'Barlow', sans-serif;
    font-weight: normal;
    color: #8C8C8C;
}

.uedesc {
    padding-top: 5px;
    padding-bottom: 30px;
}

@media (min-width:1399px) {

    .padDetail {
        padding-left: 0%;
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

    @media screen and (max-width: 1399px) {
        .padDetail {
            padding-left: 0%;
            padding-top: 25px;
            padding-bottom: 25px;
        }
    }

    @media screen and (max-width: 1199px) {

        .padDetail {
            padding-left: 0%;
            padding-top: 25px;
            padding-bottom: 25px;
        }

        .entry-badge {
            width: 70%;
        }
    }


   

    @media screen and (max-width:991px) {

        .padDetail {
            /* padding-left: 1.5%;*/
            padding-left:0%
        }

        .ue-text1 {
            font-size: 18px;
        }

        .ue-text2 {
            font-size: 25px;
        }

        .ue-text3 {
            font-size: 18px;
        }

        .uehead {
            font-size: 25px;
        }

        .uesummary {
            font-size: 18px;
        }

        .entry-badge {
            width: 60%;
        }
    }


    @media screen and (max-width:767px) {

        .padDetail {
            padding-left: 0%;
            padding-top: 15px;
            padding-bottom: 15px;
        }
        .entry-badge
        {
            width:40%;
        }
    }


    @media screen and (max-width:575px) {
        .padDetail {
            padding-left: 0%;
        }

        .image-container {
            padding-left: 0px;
            text-align: left;
        }

        .image-container2 {
            padding-left: 0px;
            text-align: left;
        }

        .img-small {
            height:300px !important;
        }
     }


