<style>
    body {
        font-family: ;
    }
    .Box-Layout{
        background: #FFFFFF;
        margin: 0em 0em;
    }
    a{
        text-decoration: none;
        color: black;
    }
    .nav-link{
        color: #FFFFFF;
        font-weight: bold;
        font-size: 1em;
        border-bottom: 0px solid white;
        padding: .5em .6em !important;
        transition-duration: .3s;
    }
    .nav-link:hover{
        color: #FFFFFF;
        opacity: 0.9;
        border-bottom: 4px solid #FFFFFF;
    }
    .navbar{
        padding: 0em !important;
        background: #ca0c02;
            }
    .activen{
        color: #FFFFFF;
        border-bottom: 4px solid #FFFFFF;
    }
    .mt-0{
        margin: 0 !important;
    }
    .TITLE-1{
        border-bottom: 3px solid #EEEEEE;
        padding: 8px 0px;
        margin: 0;
        font-weight: bold;
        margin-bottom: .2em;
    }
    .TITLE-1 span{
        border-bottom: 3px solid #ca0c02;
    }
    .TITLE-2{
        border-bottom: 3px solid #EEEEEE;
        padding: 7px 0px;
        margin: 0;
        margin-bottom: .2em;
    }
    .TITLE-2 span{
        background: #ca0c02;
        color: white;
        padding: 0px 20px;
    }
    .TITLE-3{
        padding: 0px 0px;
        font-weight: bold;
        padding: .3em 0em;
    }
    .TITLE-3 span{
        border-left: 4px solid #ca0c02;
        padding: 0px 10px;
    }
    .TITLE-1 small{
        font-size: 17px;
        line-height: 2;
    }
    .TITLE-2 small{
        font-size: 17px;
        line-height: 2;
    }
    .TITLE-3 small{
        font-size: 17px;
        line-height: 2;
    }

    .bottom-left{
        position: absolute;
        bottom: 10px;
        left: 5px;
        font-size: 17px;
        text-shadow: 1px 1px #000000;
        font-weight: 600;
        width: 95%;
        color: white;
        text-align: center;
        line-height: 1.7;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* number of lines to show */
        line-clamp: 2;
        -webkit-box-orient: vertical;
        transition-duration: .3s;
    }
    .bottom-left p{
        font-size: 13px;
        font-weight: 100;
    }
    .bottom-left a{
        text-decoration: none;
        color: white;
        transition-duration: .3s;
    }
    .bottom-left:hover{
        /*color: #ca0c02;*/
        color: silver;
        bottom: 20px;
    }
    .myDiv{
        position: relative;
        /*padding-left: 0;*/
    }
    .myText {
        position: relative;
    }
    .myText:after{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.8));
    }
    .mySlide {
        position: relative;
    }
    .mySlide:after{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.8));
    }
    .myText img{
        width: 100%;
        object-fit: cover;
        height: 12.7em;
        object-position: top;
    }
    .cover{
        object-fit: cover;
        height: 25.9em;
        object-position: top;
    }
    .Category{
        font-weight: bold;
        border-bottom: 3px solid #EEEEEE !important;
        padding: .2em 0em;
    }
    .Category a{
        padding: .1em 0em;
        border-bottom: 3px solid #ca0c02 !important;
    }
    .Category span{
        padding: 0em 0em;
        border-bottom: 3px solid #ca0c02 !important;
    }
    .Category small{
        font-size: 17px;
        line-height: 2;
    }
    .Content{
        padding-left: 0;
        margin-bottom: 1em;
    }
    .Content h6{
        /*padding-top: .3em;*/
        font-weight: bold;
        line-height: 1.5;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3; /* number of lines to show */
        line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .Content h6 a{
        text-decoration: none;
        color: black;
        transition-duration: .3s;
    }
    .Content h6 a:hover{
        color: #ca0c02;
    }
    .Content span{
        color: gray;
        font-size: 13px;
    }
    .Content span i{
        padding: 7px 0px;
    }
    .Content img{
        width: 100%;
        object-fit: cover;
        height: 13em;
        transition: transform .2s;
        overflow: hidden;
        object-position: top;
    }
    .NewsListImg{
        width: 100%;
        object-fit: cover;
        height: 12em !important;
        transition: transform .2s;
        overflow: hidden;
    }
    .NewsList h6{
        font-size: 20px;
        font-weight: bold;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important; /* number of lines to show */
        line-clamp: 2;
        -webkit-box-orient: vertical !important;
    }
    .NewsListP{
        margin: 0;
        color: #4A4E51;
        font-size: 14px;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important; /* number of lines to show */
        line-clamp: 4;
        -webkit-box-orient: vertical !important;
    }
    .NewsList p{
        color: #4A4E51;
        font-size: 14px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important; /* number of lines to show */
        line-clamp: 4;
        -webkit-box-orient: vertical !important;
        margin:0;
    }
    .Content img:hover{
        transform: scale(1.03);
    }
    .Category2Img{
        width: 100%;
        object-fit: cover;
        height: 9em !important;
        overflow: hidden;
        object-position: top;
    }
    .Category2P{
        font-size: 14px;
        color: #4A4E51;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important; /* number of lines to show */
        line-clamp: 2;
        -webkit-box-orient: vertical !important;
    }
    .Category2 p{
        margin:0;
        font-size: 14px;
        color: #4A4E51;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important; /* number of lines to show */
        line-clamp: 2;
        -webkit-box-orient: vertical !important;
    }
    .MyBannerText{
        color: white !important;
        width: 97%;
        left: 10px;
        bottom: 0;
        text-align: center;
    }
    .MyBannerText h5{
        font-size: 30px;
        text-shadow: 1px 1px #000000;
        font-weight: bold;
        line-height: 1.5;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* number of lines to show */
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .MyBannerText h5 a{
        text-decoration: none;
        color: white;
        transition-duration: .2s;
    }
    .MyBannerText h5 a:hover{
        /*color: #ca0c02;*/
        color: silver;
    }
    .MyBannerText p{
        padding: 0 !important;
        margin: 0 !important;
        font-size: 12px;
    }
    .Footer a{
        color: #FFFFFF;
        font-size: ;
        text-decoration: none;
        line-height: 1.8;
    }
    .Footer p{
        color: #FFFFFF;
        font-size: ;
        text-decoration: none;
        line-height: 1.8;
    }
    .Footer h4{
        padding: .4em 0em;
        border-bottom: 1px solid gray;
        font-size: ;
    }
    .Footer img{
        padding: 3em;
        width: 100%;
    }
    .SocialLinks i{
        background: #ca0c02;
        padding:  .5em .7em;
        transition: transform .2s;
        margin-bottom: .5em;
        font-size: 1.3em;
    }
    .SocialLinks i:hover{
        /*opacity: 0.8;*/
        transform: scale(1.05);
    }
    .QuickLinks a{
        transition-duration: .5s;
    }
    .QuickLinks a:hover{
        color: #ca0c02;
    }
    .ContactUs a{
        transition-duration: .5s;
    }
    .ContactUs a:hover{
        color: #ca0c02;
    }
    .ContactUs i{
        padding-top: 7px;
        font-size:     }
    .ContactUs p{
        padding-left: .5em;
        margin-bottom: .1em;
    }

    .News img{
        width: 100%;
        padding: .5em 0em;
    }
    .News h1{
        margin: .5em 0em;
        line-height: 1.4;
        font-weight: 600;
        font-size: ;
    }
    .News p{
        margin: .5em 0em;
        font-size: 1.15em;
                line-height: 2;
        word-spacing: 1px;
    }
    .News a i{
        padding:  .4em .7em;
        background: #ca0c02;
        color: white;
        font-size: 1.5em;
        transition: transform .2s;
        margin-bottom: 1em;
        border-radius: ;
    }
    .News a i:hover{
        transform: scale(1.05);
        opacity: 0.9;
    }
    .Exclusive a{
        font-weight: 600;
        text-decoration: none;
        color: black;
    }
    .Exclusive a:hover{
        color: #ca0c02;
    }
    .MySearch{
        width: 25rem;
    }
    .Category-5 a{
        text-decoration: none;
        color: black;
        font-weight: bold;
    }
    .Category-5 a:hover{
        color: #ca0c02;
    }
    .Category-5 p{
        font-size: 14px;
        /*word-wrap: break-word;*/
        /*        overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;  number of lines to show 
                line-clamp: 2;
                -webkit-box-orient: vertical;*/
    }
    .Category-5-Bottom a{
        text-decoration: none;
        color: black;
        font-weight: 600;
    }
    .Category-5-Bottom a:hover{
        color: #ca0c02;
    }
    .Category-5 img{
        object-fit: cover;
        height: 12em;
        width: 100%;
        transition: transform .2s;
        overflow: hidden;
        object-position: top;
    }
    .Category-5 img:hover{
        transform: scale(1.03);
    }
    .Category-5-Bottom img{
        object-fit: cover;
        height: 6em;
        width: 100%;
        transition: transform .2s;
        overflow: hidden;
    }
    .Category-5-Bottom img:hover{
        transform: scale(1.03);
    }
    .Category3 a{
        transition-duration: .3s;
    }
    .Category3 a:hover{
        color:#ca0c02;
    }
    .Category3 img{
        transition: transform .2s;
        width: 100%;
        height: 6em;
        object-fit:cover;
        overflow:hidden;
        object-position: top;

    }
    .Category3 img:hover{
        transform: scale(1.03);
    }
    .DateVisitor{
        color: gray;
        font-size: 13px;
    }
    .DateVisitor i{
        padding: 7px 0px;
    }
    .Category3Bottom h6{
        font-weight: bold;
    }
    @media only screen and (max-width: 576px) {
        .Box-Layout{
            background: #FFFFFF;
            margin: 0em 0em;
        }
        .News h1{
            font-size: ;
        }
        .Category3Bottom{
            padding-left: 0;
        }
        .Category-5 .col-sm-7{
            padding-left: 0;
        }
        .cover{
            object-fit: cover;
            height: 13em;
        }
        .Category2Img{
            height: 7em !important;
        }
        .Category2P{
            display: none !important;
        }
        .col-5{
            padding-right: 0;
        }
        .col-7{
            padding-right: 0;
        }
        .Category4Img{
            height: 7em !important;
        }
        .Category2{
            padding-right: 0;
        }
        .Category2 p{
            display:none !important;
        }
        .Category3{
            padding-right: 0;
        }
        .Category3 img{
            height: 10em !important;
        }
        .myDiv {
            /*padding-left: .7em !important;*/
        }
        .bottom-left{
            left: 10px;
            width:88%;
            text-align: center;
            bottom: 10px;
        }
        .MySearch{
            width: 20rem;
        }
        .BannerRight{
            padding: .5em;
        }
        .myDiv{
            padding: 5px !important;
            margin-bottom: 0 !important;
        }
        .myText img {
            height: 10em;
        }
        .MyBannerText h5{
            font-size: 24px;
        }
        .MyBannerText{
            /*left: 0px;*/
            width: 95%;
        }
        .carousel-caption{
            padding: .5rem 0rem;
        }
        .navbar{
            padding: 0em !important;
            background: #ca0c02;
        }
        .nav-link{
            color: #FFFFFF;
            padding: .4em .6em !important;
        }

    }
</style>