* {
    box-sizing: border-box;
    margin: 0px auto;
}

.hp-hot-video .top-item .image {
    /* height: 200px; */
    max-height: 400px;
    background-size: 100% 100%;
}
.hp-hot-video .wrap-hot-video .bottom-icon {
    /* bottom: 8px; */
}
.hp-hot-video .bottom-item .wrap-button, .latest-item .bottom-item .wrap-button {
    /* width: 100%;
    align-items: center;
    justify-content: center; */
}
.hp-hot-video .bottom-item .wrap-button .footer-btn, .latest-item .bottom-item .wrap-button .footer-btn {
    /* margin: 0 5px; */
    display: flex;
    min-width: max-content;
    max-width: 33%;
    align-items: center;
    padding: 5px 10px;
    cursor: pointer;
    background: hsl(143, 15%, 28%);
    color: #fff;
    font-size: .8rem;
    font-weight: 600;
    word-wrap: break-word;
    white-space: nowrap;
    font-weight: 700;
    margin-right: 8px;
}
.hp-hot-video .bottom-item .footer-btn, .latest-item .bottom-item .footer-btn {
    /* margin: 0px 5px; */
    width: 33%;
    min-width: max-content;
    font-size: .7rem;
}
/* middle --> video-podcast */
.wrap-video-podcast {
    /* margin: 30px 0px; */
    
}
.wrap-video-podcast .line-middle {
    margin: 35px 0px;
    height: 35px;
    background: #FFB612;
}
.wrap-video-podcast .middle-content{
    width: 100%;
    background: #fff;
}
.wrap-video-podcast .middle-content .wrap-content{
    padding-top: 20px;
    padding-bottom: 20px;
    /* padding: 20px 20px; */
    /* width: 100%; */
    background: #fff;
}
.middle-content .left-content {
    padding: 24px 10px;
}
.left-content .list-video-subtitle {
    /* padding-left: 0px;
    padding-top: 4px; */
    font-size: 1.1rem;
    font-weight: 400;
    /* padding: 0px; */
}
.wrap-video-podcast .wrap-btn .bottom-btn{
    margin: 0px;
}
.wrap-video-podcast .wrap-btn {
    text-align: left;
    margin-top: 30px;
}   
.left-content .list-video-title {
    font-weight: 700;
    font-size: 2rem !important;
}
.wrap-video-podcast .middle-content .wrap-right-content {
    display: flex;
    width: 100%;
}
.middle-content .wrap-right-content .image {
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 1rem;
    padding: 0;
}


 .middle-content .wrap-right-content img{  box-shadow: 8px 4px 10px rgba(0,0,0,0.12); }

.middle-content .wrap-right-content .subtitle-bottom {
    font-size: 0.9rem;
    font-weight: 400;
    color: #203731;
}
/* right-content */
.homepage .wrap-list-title {
    margin-top: 0px;
    padding-top: .75rem;
}

@media only screen and (max-width: 992px) {
    /* .homepage .bg_ad {
        margin: 35px 0px;
    } */
    .homepage .columns .left-top-page ,  .homepage .columns .right-top-page {
        width: 100% !important;
        /* margin: 35px 0px; */
    }
    .homepage .notification-header .level {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .homepage .notification-header .name-hightlight {
        margin-left: 0px;
        font-weight: 600;
    }
    .homepage .notification-header .level-right {
        margin-top: 20px;
        margin-left: 0px;
    }
    .homepage
    .wrap-video-podcast .right-content .is-8 .column {
        padding: auto 0px;
        width: 66.66667%;
    }
    .hp-hot-video .columns .is-6 {
        width: 100%;
    }
    .wrap-hot-video .wrap-item .middle-item h3{
           font-size: 1.25rem;
    line-height: 1.25;
    }
    .wrap-hot-video .wrap-item .text-sub {
        font-size: 1.25rem;
        padding: 10px inherit;
    }
    .wrap-hot-video .wrap-item .top-item .image {
        /* height: 250px; */
        max-height: 400px;
    }
    /* .wrap-hot-video .image .icon-img {
        width: 100%;
        height: 100%;
        background-image: url('../images/sort-right.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    } */
    /* video-podcast */
    /* .wrap-video-podcast .right-content {
        padding-left: 0px;
    } */
    .wrap-video-podcast .right-content .right-item .image {
        padding: 0px;
        max-width: 100%;
    }
    .wrap-video-podcast .right-item .subtitle-bottom{
        margin: 0px;
        font-size: .9rem;
    }
}
@media only screen and (max-width: 768px){
   
    /* video-podcast */
    .homepage .wrap-video-podcast .wrap-btn{
        position: absolute;
        z-index: 10;
        bottom: 10px;
        right: 50%;
        transform: translate(50%, -50%);
    }
    .homepage .wrap-video-podcast .wrap-right-content {
        padding: 10px 10px 100px 0px;
    }
    .wrap-video-podcast .right-item {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        margin: 0px;
        margin-bottom: 20px;
        /* padding: 10px 0px; */
    }
    .wrap-video-podcast .right-content.column.is-8 {
        padding: 0px; 
    }
    .wrap-video-podcast .right-content .right-item .image {
        padding: 0;
        max-width: 35%;
    }
    .wrap-video-podcast .wrap-right-content {
        flex-direction: column;
    }
    .wrap-video-podcast .right-content .is-8 .column {
        padding: auto 0px;
        width: 100%;
    }
    .wrap-video-podcast .right-item .image, .right-item .subtitle-bottom{
        margin: 0px;
        margin-right: 1rem;
        font-size: 1.2rem;
    }
    .wrap-video-podcast .right-item .image {
        flex: none;
        width: 40%;
    }

    .right-item .subtitle-bottom{
        padding-top: 4px;
        width: 60%;
    }
    .hp-hot-video .column {
        padding: .75rem 0;
    }
}

.wrap-video-podcast .subtitle-bottom a, .wrap-item-video .sub-text a {
    color: #203731;
}

.latest-content {
    display: block !important;
}
.latest-item {
    float: left;
    width: 100%;
}
.latest-item::after {
    content: " ";
    clear: both;
    display: table;
    width: 100%;
    height: 0px;
    border-bottom: 2px solid #fff;
    margin: auto;
    margin-top:1em;
}
.latest-title {
    color: #fff;
    font-weight: 700;
}
.latest-item-title {
    margin: 0 !important;
}
.latest-item-title::after {
    content: "";
    clear: both;
    display: table;
    height: 0px;
}
.latest-item-title-image {
    padding: .75rem 0 0 0;
    max-width: 100%;
    float: left;
    margin-right: 1rem;
}
.latest-item-title-image img {
    width: 150px;
}
.latest-item-title-text {
    padding: .75rem 0 0 .75rem;
}
.latest-item-title-text a {
    color: #FFB612;
    font-weight: 700;
    font-size: 1.2rem;
}
.is-video-post .latest-item-title-image {
	float: none;
	margin: .75rem 0 0;
	position: relative;
	height: 0;
	width: 100%;
	padding: 0 0 56.25%;
}
.is-video-post .latest-item-title-image iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.is-video-post .latest-item-title-text {
	padding-left: 0;
}
.latest-item-description {
    color: #fff;
    font-size: 1rem;
}
.latest-item-posts-info {
    padding: 1rem 0;
    display: flex;
    /* justify-content: space-around; */
}
.latest-item-posts-info .read-more {
    background: url(../images/arrow2.gif) no-repeat scroll 5px 55% hsl(143, 15%, 28%);;
    border: 1px solid hsl(143, 15%, 28%);
    color: #122415;
    font-weight: inherit;
    margin: 0;
    padding: 3px 5px 3px 21px;
    text-transform: lowercase;
    font-size: 0.8rem;
    text-align: right;
    width: 33%;
    white-space: nowrap;
}
.latest-item-posts-info .comment-count {
    background: url(../images/comments.gif) no-repeat scroll 5px 55% hsl(143, 15%, 28%);;
    border: 1px solid hsl(143, 15%, 28%);
    font-weight: inherit;
    margin: 0 2px 0 0;
    padding: 3px 5px 3px 20px;
    text-transform: lowercase;
    font-size: 0.8rem;
    text-align: right;
    width: 33%;
    white-space: nowrap;
}
.latest-item-posts-info .date-box {
    background: url(../images/calendar.gif) no-repeat scroll 5px 55% hsl(143, 15%, 28%);;
    border: 1px solid hsl(143, 15%, 28%);
    font-weight: inherit;
    margin: 0 2px 0 0;
    padding: 3px 5px 3px 19px;
    text-transform: lowercase;
    color: #fff;
    font-size: 0.8rem;
    text-align: right;
    width: 33%;
    white-space: nowrap;
}
a, a:link, a:visited {
    text-decoration: none;
    color: #ffb612;
    transition: color 250ms;
}

a:hover {color: #ffd012;}

@media screen and (max-width: 769px) {
    /* .latest-item-posts-info span {
        font-size: 1rem;
        font-weight: 700;
    }
    .latest-item-posts-info span a {
        font-size: 1rem;
        font-weight: 700;
    } */
}

.column-chart {
    background: #fff url(../images/colunmchart.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}

h2.title-bar-chart {
    position: relative;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    color: #0e2918;
    margin: 12px 0 0;
    font-family: bebas;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 11px;
}
.column-legend {
    left: 10px;
    right: auto;
    top: 35px;
    bottom: auto;
}
.bar-chart-legend {
    position: absolute;
    background: #fff;
    padding: 5px;
    font-weight: 400;
    box-shadow: 1px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.35);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.35);
}
.abs-block {
    padding: 1rem 0;
}
.abs-block img {
    width: 100%;
}
.middle-form .subtitle {
    white-space: nowrap;
}

@media only screen and (max-width: 468px) {
    .wrap-video-podcast .line-middle {
        margin: 15px 0px;
        height: 15px;
    }
}

.latest-item .bottom-item .wrap-button {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.wrap-button .footer-btn span {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.wrap-button .footer-btn span.icon.is-small {
    margin-right: .3rem !important;
}

.wrap-button .footer-btn span svg {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media only screen and (max-width: 1215px) and (min-width: 1024px) {
    .hp-hot-video .bottom-item .wrap-button .footer-btn, .latest-item .bottom-item .wrap-button .footer-btn {
        padding: 2px 7px;
        margin-right: 3px;
        font-size: 0.6rem;
    }
}

@media only screen and (max-width: 1407px) and (min-width: 1215px) {
    .hp-hot-video .bottom-item .wrap-button .footer-btn, .latest-item .bottom-item .wrap-button .footer-btn {
        padding: 2px 7px;
        margin-right: 3px;
        font-size: 0.8rem;
    }
}

@media only screen and (max-width: 468px) { 
    .hp-hot-video .bottom-item .wrap-button .footer-btn, .latest-item .bottom-item .wrap-button .footer-btn {
        padding: 2px 7px;
        margin-right: 3px;
        font-size: 0.62rem;
    }
}


/* Home Page Videos Block */

.home-page-videos-embed {
	background: #fff;
	color: #203731;
	padding: 20px 0;
}

.home-page-videos-embed .views-field-php {
	position: relative;
	height: 0;
	width: 100%;
	padding: 0 0 56.25%;
}

.home-page-videos-embed .views-field-php iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.home-page-videos-embed .views-field-title {
	font-weight: bold;
	margin: 1em 0 0;
	line-height: 1.5;
}

.home-page-videos-embed .views-field-title a {
	color: inherit;
}