/** smartphones-portrait-landscape */
@media only screen and (max-width: 767px) {
  #landing{height: 100vh; min-height: 0;}
  #pagelogo{width: 60%;}
  #LandingTitles h2{font-size: 24px;}

  .video-content{width: 100%; padding: 0;}
  .video-content > img{margin-left: 15px;}
  .video-content .ContestItem{padding-left: 15px; padding-right: 15px;}
  .video-content .ContestItem .ContestHeader{padding-left: 0; padding-right: 0;}
  .video-content .ContestItem .textdiv{padding-left: 0;}
  .video-content .ContestItem .ContestHeader .textdiv > div{padding: 0 10px 10px;}

  #videos-listing, #videos-listing .ContestArea{width: 100%; padding: 0;}
  #videos-listing .ContestArea .ContestItem{width: 100%; float: none; clear: both; padding: 0; margin-left: 0; margin-right: 0;}
  #videos-listing .ContestHeader{height: auto; overflow: hidden; padding-left: 0; padding-right: 0;}
  #videos-listing .ContestHeader .videodiv,
  #videos-listing .ContestHeader .textdiv{width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
  #videos-listing .ContestHeader .videodiv .btn-iframe img:first-child{width: 100%; padding: 0;}
  #videos-listing .ContestHeader .textdiv > div{padding: 10px 15px; margin: 0;}
  #videos-listing .ContestHeader .textdiv .votes-holder{margin-top: 10px;}
  #videos-listing .ContestFooter{overflow: hidden;}
  #videos-listing .ContestFooter > .sharing{clear: left;}
  #videos-listing .ContestFooter > .sharing, #videos-listing .ContestFooter > .standalone{float: left !important; margin-top: 10px;}
  #videos-listing .ContestItem{margin-bottom: 32px; height: auto; max-height: none;}
  #videos-listing .ContestItem:last-child, #videos-listing .Titlediv > img{margin-bottom: 0;}
}

/** smartphones-landscape */
@media only screen and (max-width: 767px) and (orientation: landscape){

}

/** smartphones-portrait */
@media only screen and (max-width: 767px) and (orientation: portrait){

}

/** tablet-portrait-landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px){
  #videos-listing{width: 100%; padding-left: 0; padding-right: 0;}
  #videos-listing .school-group > img{margin-left: 15px;}
  #videos-listing .ContestArea, .view-video .ContestArea{padding: 0;}
  #videos-listing .ContestArea .ContestItem{padding: 0; margin-left: 0; margin-right: 0; width: 49.5%;}
  #videos-listing .ContestArea .ContestItem:nth-child(odd){margin-right: 1%;}
  .view-video .ContestArea{width: 100%;}
  .view-video .ContestHeader .textdiv{padding: 10px; margin: 0;}
  .view-video .ContestHeader .textdiv > div{padding: 0;}
  #landing{background-position: center center;}
}

/** tablet-landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
  .view-video .ContestArea{padding: 0; margin-left: 0; margin-right: 0;}
  #landing{height: 111vh; background-position: center center;}
}

/** tablet-portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
  .video-content{width: 100%; padding: 0;}
  .video-content > img{margin-left: 15px;}
  .video-content .ContestItem{padding-left: 15px; padding-right: 15px;}
  .video-content .ContestItem .ContestHeader{padding-left: 0; padding-right: 0;}
  .video-content .ContestItem .ContestFooter .textdiv{padding-left: 0;}

  #landing{height: 100vh;}
}

/** desktops-laptops */
@media only screen and (min-width: 1025px){

}