.articles {width: 100%;}
.articles .article-item {width: 100%; margin-bottom: 30px; border-bottom: 1px solid #f4f4f7; padding-bottom: 30px;}
.articles .article-item:last-child {border: 0;}
.articles .article-item .ai-pic {display: inline-block; width: 400px; vertical-align: top; margin-right: 20px;}
.articles .article-item .ai-pic img {max-width: 100%;}
.articles .article-item .ai-info {display: inline-block; width: 700px;}
.articles .article-item .ai-date {font-size: 13px; letter-spacing: 3px; line-height: 16px; color: #004386;}
.articles .article-item .ai-name {margin: 6px 0; font-weight: bold; font-size: 21px; text-transform: uppercase; padding-bottom: 10px; line-height: 30px; color: #004386;}
.articles .article-item .ai-name a {text-decoration: none;}
.articles .article-item .ai-ptext {padding-bottom: 10px; line-height: 24px; font-size: 15px;}
.articles .article-item .ai-link {margin-top: 10px;}
.articles .article-item .ai-link a {text-decoration: none; color: #ffffff;}

.ad-author {margin-bottom: 30px;}
.ad-date {font-size: 13px; letter-spacing: 3px; line-height: 16px; color: #004386;}
.ad-p {margin-bottom: 40px;}
.ad-p ul, .ad-p ol {padding-left: 40px;}
.ad-p ul li, .ad-p ol li {padding-left: 20px;}
.ad-p ol li:marker {color: #004386;}
.ad-p-img {float: left; margin: 5px 20px 5px 0;}
.ad-ptext {font-style: italic; width: 80%; padding: 20px 20px 40px 50px; font-size: 15px; line-height: 24px;}
.ad-right-side {float: right; min-height: 300px; width: 350px; background: #f4f4f7; padding: 30px 20px; margin-left: 0px;}
.ad-right-side.mobile {display: none;}
.ad-p-img img, .ad-p img {padding: 5px; border: 1px solid #f4f4f7;}
.ad-p-img a {position: relative; display: block;}
.ad-p-img a:after {opacity: 0; position: absolute; left: 0; content: ""; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5) url(/images/zoom.png) center center no-repeat; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.ad-p-img a:hover:after {opacity: 1;}
.ad-at-text {font-size: 13px; color: #555; margin: 12px 8px 20px 2px; border-left: 2px solid #ccc; padding: 4px 0 4px 6px;}


.other-articles {margin-top: 50px;}
.other-articles .article-item {display: inline-block; width: 30%; margin-right: 12px; vertical-align: top;}
.other-articles .article-item:last-child {margin-right: 0;}
.other-articles .ot-title {font-weight: bold; font-size: 21px; text-transform: uppercase; padding-bottom: 20px; line-height: 30px; color: #004386;}
.other-articles .article-item {border: 0;}
.other-articles .article-item .ai-pic {width: auto;}
.other-articles .article-item .ai-info {display: block; width: auto;}
.other-articles .article-item .ai-pic {margin-right: 0;}
.other-articles .article-item .ai-name {font-size: 16px; line-height: 20px; height: 50px;}
.other-articles .article-item .ai-date {margin-top: 5px;}

@media (max-width: 599px) {
 .ad-ptext {font-size: 13px; width: auto; padding: 12px 0;}
 .ad-right-side {float: none; width: auto; min-height: 0; padding: 12px 15px; margin-bottom: 30px; margin-left: 0px;}
 .ad-right-side.mobile {display: block; padding: 30px 20px;}
 /*.course-slider {display: none;}*/
 .ad-right-side.mobile .course-slider {display: block;}
 .ad-author, .ad-at-text {margin-bottom: 0;}
 .other-articles {margin-bottom: 30px;}
 .other-articles .article-item {width: 100%;}
 .articles .article-item .ai-link {display: none;}
 .other-articles .article-item .ai-name {height: auto;}
 .other-articles .article-item {margin-bottom: 12px; padding-bottom: 0;}
}