#contn-banner-inner{position:relative}
#contn-banner-inner img{width:100%}
.skew-bg-brdcrmp{ background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); width:48%;position:absolute;top:0;bottom:0;left:0;clip-path: polygon(76.89% 101.37%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%);}
.inner-brdcrmp-common{position:absolute; top: 303px; left: 71px; font-size:20px;letter-spacing:1px}
.inner-brdcrmp-common h1{font-size:55px;font-weight:300;text-transform:uppercase;letter-spacing:1px}
#contn-banner-inner ul li{display:inline-block;padding:0;text-transform:uppercase; font-weight: 300; }
#contn-banner-inner ul li svg{position:relative;top:-1px}

table{border-collapse:collapse;font-size:16px; width: 100%; }
table thead tr th { background: #c69e66; color: #fff; }
th{text-align:left;padding:10px!important;}
td{text-align:left;padding:11px;background:none}
tr:nth-child(odd){background-color:#FFF}
tr:nth-child(even){background-color:#f5f5f5}
table tr{border:1px solid #d7d5d5}

.event-list-section{ background: #e9e7e1; position: relative; left: -12px; margin: -116px auto 0; padding: 71px; }
.event-date{ margin: 5px auto; }
.event-month{display:block;font-size:13px;letter-spacing:1px;color:#444}
.event-day{display:block;font-size:32px;font-weight:600;color:#111}
.event-type{font-size:13px;letter-spacing:1px;color:#555;text-transform:uppercase}
.event-title{font-size:31px;font-weight:600;margin:6px 0;color:#111}
.event-meta{font-size:15px;color:#444}
.event-item{ border-top: 1px solid #222 !important; }
.event-item p { line-height: 30px; margin: 0px auto 9px; }
.evnt-selct-cmous { margin-bottom: 15px; }
#evnts-lisst-read-page {  }
.custom-dropdown__select { padding: 7px 18px; border: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; font-weight: 400; color: #000; height: 54px; border: 1px solid #222; margin: 0 auto; font-size: 16px; background: none; font-weight: bold; letter-spacing: 0px; }

.news-article-section{background:#f6f4f2}
.top-line{ border-top: 2px solid #3b332b; width: 100%; opacity: 9; }
.article-title{ font-size: 2.4rem; font-weight: 700; margin: 0px auto 19px; line-height: 53px; }
.article-subtitle{font-size:1.2rem;color:#6b625a; margin: 0px auto; font-style:italic}
.article-meta{font-size:.9rem;margin:1rem 0;color:#555}
.article-body p{font-size:1rem;line-height:1.7;color:#333}
.section-heading{font-size: 25px; letter-spacing: 1px;font-weight: 700; float: left; width: 100%; margin: 0px auto; color: #c69e66; }
.news-card img{border-radius:4px}
.news-card-body{background:#fff;padding:25px}
.news-tag{font-size:15px;font-weight:700;color:#c69e66}
.news-card h6 { font-size: 23px; margin: 5px 0; line-height: 34px; }
.trending-list{list-style:none;padding:0}
.trending-list li { margin: 6px 21px 6px 0px; background: #fff; padding: 28px; width: 32%; float: left; height: 217px;margin-bottom: 14px; border-radius: 11px; box-shadow: 0px 1px 4px -2px #000; }
.trending-list li:hover { margin: 6px 21px 6px 0px; background: #eaeaea; padding: 28px; width: 32%; float: left; height: 217px;margin-bottom: 14px; border-radius: 11px; box-shadow: 0px 1px 4px -2px #000; }
.trend-tag{display:block;font-size:15px;font-weight:700;color:#c69e66}
.trending-list a{display:block;font-size:22px;font-weight:600;color:#000;text-decoration:none}
.trending-list small{color:#666}
.datte-para { font-size: 15px; float: right; margin: 0px auto; }
.news-red-left-posi { background: #f6f4f2; margin: -126px auto 0; padding: 63px; }








@media screen and (min-width:280px) and (max-width:388px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #c69e66; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
    .news-red-left-posi { margin: 0px auto; padding: 2px; }
    .article-title { font-size: 29px; line-height: 41px; }
	.event-list-section { position: relative; left: -32px; margin: 0px auto 0; padding: 40px 18px; background: linear-gradient(180deg,rgb(255, 255, 255) 0%, rgb(233, 231, 225) 39%); }
	.event-title { font-size: 22px; }
	.trending-list li { width: 100%; height:auto; }
	.trending-list li:hover { width: 100%; height:auto; }
}
@media screen and (min-width:389px) and (max-width:476px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #c69e66; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
    .news-red-left-posi { margin: 0px auto; padding: 2px; }
    .article-title { font-size: 29px; line-height: 41px; }
	.event-list-section { position: relative; left: 0; margin: 0px auto 0; padding: 40px 18px; background: linear-gradient(180deg,rgb(255, 255, 255) 0%, rgb(233, 231, 225) 39%); }
	.event-title { font-size: 22px; }
	.trending-list li { width: 100%; height:auto; }
	.trending-list li:hover { width: 100%; height:auto; }
}
@media screen and (min-width:477px) and (max-width:575px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #c69e66; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
    .news-red-left-posi { margin: 0px auto; padding: 2px; }
    .article-title { font-size: 29px; line-height: 41px; }
	.event-list-section { position: relative; left: 0; margin: 0px auto 0; padding: 40px 18px; background: linear-gradient(180deg,rgb(255, 255, 255) 0%, rgb(233, 231, 225) 39%); }
	.event-title { font-size: 22px; }
	.trending-list li { width: 100%; height:auto; }
	.trending-list li:hover { width: 100%; height:auto; }
}
@media screen and (min-width:576px) and (max-width:767px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #c69e66; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
    .cntn-wdhh { float: left; width: 100%; }
    .news-red-left-posi { margin: 0px auto; padding: 2px; }
    .article-title { font-size: 29px; line-height: 41px; }
	.event-list-section { position: relative; left: 0; margin: 0px auto 0; padding: 40px 18px; background: linear-gradient(180deg,rgb(255, 255, 255) 0%, rgb(233, 231, 225) 39%); }
	.event-title { font-size: 22px; }
	.row { width: 100%; } 
	.trending-list li { width: 100%; height:auto; }
	.trending-list li:hover { width: 100%; height:auto; }
}
@media screen and (min-width:768px) and (max-width:991px) {
    .main-content { margin: -36px auto 0; }
    .skew-bg-brdcrmp { width: 60%; }
    .inner-brdcrmp-common h1 { font-size: 35px; }
    .inner-brdcrmp-common { top: auto; left: 51px; font-size: 20px; bottom: 77px; }
    .news-red-left-posi { margin: -79px auto 0; }
	.event-list-section { position: relative; left: 0; margin: 0px auto 0; padding: 40px 18px; background: linear-gradient(180deg,rgb(255, 255, 255) 0%, rgb(233, 231, 225) 39%); }
	.trending-list li { width: 100%; height:auto; }
	.trending-list li:hover { width: 100%; height:auto; }
}
@media screen and (min-width:992px) and (max-width:1150px) {
    .main-content { margin: -36px auto 0; }
    .skew-bg-brdcrmp { width: 60%; }
    .inner-brdcrmp-common h1 { font-size: 35px; }
    .inner-brdcrmp-common { top: auto; left: 51px; font-size: 20px; bottom: 77px; }
    .sidebar { margin-top: 30px; width: 100%; position: relative; left: -10px; }
    .news-red-left-posi { background: #f6f4f2; padding: 41px; margin: -91px auto 0; }
    .article-title {  font-size: 29px; margin: 0px auto 19px; line-height: 43px; }
	.event-list-section { left: -12px; margin: -32px auto 0; padding: 53px; }
	.trending-list li { width: 47%; }
	.trending-list li:hover { width: 47%; }
}
@media screen and (min-width:1150px) and (max-width:1240px) {
    .main-content { margin: -36px auto 0; }
    .skew-bg-brdcrmp { width: 60%; }
    .inner-brdcrmp-common h1 { font-size: 40px; }
    .inner-brdcrmp-common { top: auto; left: 51px; font-size: 20px; bottom: 77px; }
    .sidebar { margin-top: 30px; width: 100%; position: relative; left: -10px; }
        .news-red-left-posi { background: #f6f4f2; padding: 41px; margin: -91px auto 0; }
    .article-title {  font-size: 29px; margin: 0px auto 19px; line-height: 43px; }
	.event-list-section { margin: -39px auto 0; }
	.trending-list li { width: 47%; }
	.trending-list li:hover { width: 47%; }
}
@media screen and (min-width:1241px) and (max-width:1340px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
	.event-list-section { margin: -39px auto 0; }
	.trending-list a { font-size: 18px; }
	.trend-tag { font-size: 14px; }
	.trending-list li { width: 31%; }
	.trending-list li:hover { width: 31%; }
}
@media screen and (min-width:1341px) and (max-width:1399px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
	.event-list-section { padding: 51px; } 
	.trending-list a { font-size: 18px; }
	.trend-tag { font-size: 14px; }
	.trending-list li { width: 31%; }
	.trending-list li:hover { width: 31%; }
}
@media screen and (min-width:1400px) and (max-width:1499px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
	.trending-list a { font-size: 18px; }
	.trend-tag { font-size: 14px; }
	.trending-list li { width: 31%; }
	.trending-list li:hover { width: 31%; }
}
@media screen and (min-width:1500px) and (max-width:1599px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
	.trending-list li { width: 31%; }
	.trending-list li:hover { width: 31%; }
}
@media screen and (min-width:1600px) and (max-width:1699px) {
	.event-list-section { margin: -79px auto 0; }
	.trending-list li { width: 31%; }
	.trending-list li:hover { width: 31%; }
}
@media screen and (min-width:1700px) and (max-width:1799px) {

}
@media screen and (min-width:1800px) and (max-width:1899px) {
  
}
@media screen and (min-width:1900px) and (max-width:1999px) {
	
}
@media screen and (min-width:2000px) and (max-width:2999px) {

}
@media screen and (min-width:3000px) and (max-width:3999px) {

}
@media screen and (min-width:4000px) and (max-width:4999px) {

}
@media screen and (min-width:5000px) and (max-width:5999px) {

}