#divNext {
  margin-bottom: 25px;
}
.tutorials {
  float: left;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (max-width : 767px) {
  .tutorials {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.tutorials .tutorail-image-container {
  min-height: 165px;
}
.tutorials .tutorail-image-container img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 4px;
}
.tutorials .tutorail-container.row {
  margin-top: 20px;
}
@media only screen and (max-width : 767px) {
  .tutorials .tutorail-container.row {
    margin-top: 5px;
  }
}
.tutorials .tutorail-container h2 > a > span {
  color: #333333;
}
.tutorials .tutorail-container .topic-article-description {
  font-size: 21px;
}
.tutorials h2 {
  margin-top: 0;
  display: inline-block;
  margin-bottom: 5px;
}
.tutorials hr.article-title-line {
  border-bottom: 5px solid #0063DC;
  margin-top: 0;
  margin-bottom: 25px;
}
.tutorials .topicArticleThumbnail {
  float: left;
}
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation:portrait) {
  .tutorials .topicArticleThumbnail {
    display: none !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation:landscape) {
  .tutorials .topicArticleThumbnail {
    float: left !important;
  }
}
@media only screen and (min-width : 976px) {
  .tutorials .topicArticleThumbnail img {
    width: 950px;
    height: 300px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation:landscape) {
  .tutorials .topicArticleThumbnail img {
    width: 630px;
    height: 144px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 976px) and (orientation : portrait) {
  .tutorials .topicArticleThumbnail img {
    width: 350px;
    height: 244px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 976px) and (orientation : landscape) {
  .tutorials .topicArticleThumbnail img {
    width: 800px;
    height: 244px;
  }
}