.support_unique_content {
  background: #fff;
  padding: 40px 20px;
  position: relative;
  /*font-family: ProximaNova-Regular;*/
  /*padding: 0;
  padding-bottom: 0;*/
  min-height: 450px;
}
.message_image, .page-404-content, .free_stuff, .resources_title, .footer_maintanance{
  text-align:center;
}
.password_reminder .invalid-error {
  padding-bottom: 0;
}
.error_msg.messages{
background: #cc3333;
}
.message_container{
padding: 40px 20px 0 40px;
font-size: 20px;
font-family: ProximaNova-Regular, Arial;
  position: relative;
}
.moby_messages{
width: 242px;
margin: auto
}
.page-404-content{
max-width: 1024px;
margin: auto;
}
.search_container_404{
width: 75%;
margin: auto;
position: relative;
}
.page-404-content{
padding-bottom: 0;
}
.moby_sherlock_tablet,
.moby_sherlock_desktop{
display: none;
}
/*.title_bar {
line-height: 40px;
text-align: center;
}*/
.view_title{
padding-left: 0;
}
.resources_title{
/* text-transform: capitalize; */
}
.title_logo{
  display: none;
}
.expand_caret {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid;
  cursor: pointer;
}
.brainpop-tour-content{
  padding: 0;
}
.tour_message, .generic_section{
  padding: 40px 20px;
  max-width: 640px;
  margin: auto;
}
.tour_message p{
  max-width: 640px;
  margin: auto;
}
.movie_container{
  width: 100%;
  margin: auto;
  max-width: 640px;
  margin: auto;
}
.movie_container_box:before{
  padding-top: 100%;
}
.free_stuff{
  padding: 10px 15px;
}
.resources_title{
  font-family: ProximaNova-Bold;
  font-size: 18px;
  color: #006666;
  padding: 30px;
}
.learn_more,
.resources_list_container {
  padding: 0 30px;
  max-width: 768px;
  margin: auto;
}
.resource_item{
  width: 50%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0 5px 10px;
}
.item_screenshot_container{
  display: block;
}
.item_tour{
  padding: 10px;
  width:100%;
  height:40px;
}
.learn_more{
  padding: 30px;
}
.footer_maintanance{
  background: #006666;
  line-height: 60px;
  margin: auto;
  font-size: 12px;
    color: #6ff;
    z-index: 1;
    position: relative;
    height: 100%;
}
.page-maintenance-content{
  text-align: center;
  padding: 30px 10px 0 10px;

}
.search_container_maintenance{
  width: 75%;
  margin: auto;
  position: relative;
}
.bp_502_moby_charging_tab,
.bp_502_moby_charging_desktop{
  display: none;
}
.bp_502_moby_charging_mobile{
  padding-top: 58px;
}
.content_unit{
  margin-bottom: 10px;
  padding: 10px 0 0 0;
}

.topic_row_rtl{
  border-bottom: 1px solid #ddd;
  margin: 10px;
  padding: 10px;
  padding-right: 100px;
  background-repeat:  no-repeat;
  background-position: right;
  background-size: 70px;
  direction: rtl;
  font-size: 16px;
}
.topic_row_ltr{
  border-bottom: 1px solid #ddd;
  margin: 10px;
  padding: 10px;
  padding-left: 100px;
  background-repeat:  no-repeat;
  background-position: left;
  background-size: 70px;
  direction: lrt;
  font-size: 16px;
}
.topic_row_ltr:last-child,
.topic_row_rtl:last-child {
  border-bottom: 0;
}
.topic_row_title{
  font-weight: bold;
  color: #008080;
}

.subscription_data_title{
  font-weight: bold;
  color: #008080;
  padding-bottom: 10px;
}
.playing_time{
  font-weight: normal;
  color: #343A41;
}
.panel-title a{
  cursor: pointer;
}
@media (min-width: 320px) {
  .item_tour{
      font-size:14px;
  }
}
@media (min-width: 600px) {
    .page-404-text{
      text-align: left;
      position: absolute;
      top: 40px;
      left: 40px;
      /*width: 100%;*/
        width: calc(100% - 30px);
        z-index: 1;
    }
    .moby-image{
      width: 60%;
      float: right;
    }
    .search_container_404 {
        width: 49%;
        margin: 0;
        position: relative;
    }
    .moby_sherlock_mobile,
    .moby_sherlock_desktop{
      display: none;
    }
    .moby_sherlock_tablet{
      display: block
    }
    .page-404-content{
      padding-right: 0;
    }
    /*.title_bar {
      line-height: 70px;
    }*/
    /*.view_title{
      padding-left: 15px;
      font-size: 22px;
    }*/
    .item_tour{
        font-size:18px;
    }
    .assignment_modal_page .h2-header {
      padding-top: 0;
    }
    /*.h3-header{
      font-size: 24px;
        width: 60%;
    }
    .body-3{
      font-size: 18px;
    }*/

  .message_image{
    width: 50%;
      padding-left: 10px;
      box-sizing: border-box;
  }
  .moby_messages{
    width: 100%;
      max-width: 272px;
  }
  .message_text{
    width: 50%;
      padding-right: 10px;
      box-sizing: border-box;
  }
    .page-maintenance-text{
      text-align: left;
      position: absolute;
      top: 220px;
      left: 20px;
      width: 65%;
      z-index: 1;
    }
    .moby-image_maintanance{
      width: 60%;
      float: right;
    }
    .search_container_maintenance {
        width: 50%;
        margin: 0;
        position: relative;
    }
    .bp_502_moby_charging_mobile,
    .bp_502_moby_charging_desktop{
      display: none;
    }
    .bp_502_moby_charging_tab{
      display: block;
      padding-top: 137px;
    }
    .page-maintenance-content{
      padding: 15px 20px 0 20px;
    }
    .footer_maintanance{
      line-height: 100px;
    }

}

@media (min-width: 768px) {
  .item_name{
      font-size: 18px;
  }
  .resource_item{
      width: 25%;
  }
  .sub_title {
      line-height: 70px;
      font-size: 24px;
  }
}

@media (min-width: 900px) {
  .moby_sherlock_mobile,
  .moby_sherlock_tablet{
    display: none;
  }
  .moby_sherlock_desktop{
    display: block
  }
    .bp_502_moby_charging_mobile,
    .bp_502_moby_charging_tab{
      display: none;
    }
    .bp_502_moby_charging_desktop{
      display: block;
      padding-top: 15px;
    }
    .moby-image_maintanance{
      width: 85%;
      float: right;
    }
}

  @media (min-width: 1024px) {
    .footer_maintanance{
      line-height: 100px;
    }
  }