.holder {
    background: white;
}

.main-box {
	width: 100%;
	float: left;
        padding-left: 10px;
        padding-top: 10px;
	min-height: 900px;
}

.side-bar {
	width: 100%;
	float: left;
	min-height: 900px;
        padding-right: 10px;
        padding-top: 10px;
        font-family: Avenir-Medium;
}

.ad-box1 {
	width: 100%;
	height: 100px;
	border: 1px solid black;
	background: #285284;
	text-align: center;
	padding-top: 15%;
	color: white;
}

.ad-box2 {
	width: 100%;
	height: 300px;
	border: 1px solid black;
	background: #6e1706;
	text-align: center;
	padding-top: 50%;
	color: white;
	margin-top: 10px;
}

.ad-box3 {
	width: 100%;
	height: 100px;
	border: 1px solid black;
	background: #096e06;
	text-align: center;
	padding-top: 15%;
	color: white;
	margin-top: 10px;
	margin-bottom: 10px;
}

.divider {
	width: 100%;
	height: 1px;
	background: gray;
	margin-top: 2px;
        font-family: Avenir;
}

.side-bar span {
	padding: 10px;
}

.side-bar .social-header {
	width: 100%;
	height: 30px;
	background: #e6e7eb;
	padding-left: 10px;
	font-weight: bold;
	padding-top: 5px;
	margin-top: 10px;
        font-family: Avenir-Black;
}

.side-bar .social-container {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.social-container img {
	margin-left: 20px;
}

.news-box {
	width: 100%;
	min-height: 200px;
	font-family: Avenir;
       
}

.news-box h1 { font-size: 18px; line-height: 22px; font-family: Avenir-Heavy; }


.news-date { font-size: 15px; font-family: Avenir-Medium; }
.news-auth { font-size: 15px; color: gray; font-family: Avenir; }
.news-author {font-size: 15px; color: #da222a; font-family: Avenir; }
.news-container { font-size: 14px; line-height: 24px; color:#333333; margin-top: 20px; font-family: Avenir; }
.news-container p { display: block; padding-bottom: 15px; }
.news-container h2 { font-family: Avenir-Heavy; font-size:15px; padding-bottom: 8px; }
.news-container ul { list-style-type: disc !important; padding-left:30px;}
.news-container img {
    max-width: 100%;
}

.recent-news {
	width: 35%;
	float: right;
	background: #f0f0f0;
	font-family: Avenir;
        padding: 10px 10px 0px 20px;
        margin-left: 15px;
        
}


.recent-title { font-size: 14px; line-height: 30px; font-weight: normal; font-family: Avenir-Heavy; color:#000000; }
.recent-date { font-size: 12px; line-height: 15px; font-weight: normal; font-family: Avenir-Heavy; color:#000000; }
.recent-body { font-size: 12px; color: #797979; line-height: 18px; margin-bottom:15px; font-family: Avenir-Medium; }
.recent-more { font-size: 12px; color: #da222a; font-family: Avenir-Medium; text-decoration: none; }


a.newslink {
    color: #da222a;
}

/* Swiper */
 .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  .swiper-slide {
    background-size: cover;
    background-position: center;
    text-align: center;
  }


@media (max-width: 768px) {
  	.recent-news {
            float: none;
            width: auto;
            margin: 0;
            margin-bottom: 15px;
            padding: 15px;
	}
        
        .main-box {
            float: none;
            width: auto;
            min-height: 0;
            padding: 10px;
        }
        
        .side-bar {
            float: none;
            width: auto;
            padding-right: 0px;
            min-height: 0;
            margin-bottom: 50px;
        }
        
        html, body {
          overflow-x: hidden;
        }
        body {
          position: relative
        }
        
        .news-box {
            margin-right: 5px;
        }
        .swiper-container {
            height: auto;
        }
        .swiper-slide img {
            max-width: 100%;
        }
        .news-container img {
          width: 90%!important; margin-left: 5%!important; height: auto!important;
        }
}