@media (max-width: 317px) { .iml-responsiveness .page-container, .iml-responsiveness .container, .iml-responsiveness .iml-container-8, .iml-responsiveness #iml-footer { width: 100% !important; }
  .iml-responsiveness .iml-portal-container .iml-area { background-size: 280% auto; background-position-y: 0%; padding-top: 250px; margin-top: -250px; }
  .iml-responsiveness .iml-portal-container .iml-head-ads { height: auto; min-height: 100px; max-height: 250px; padding-top: 10px; } }

@media (max-width: 633px) { .iml-responsiveness .iml-col-xs-12 { width: 100%; padding-left: 8px; padding-right: 8px; }
  .iml-responsiveness .iml-portal-container .iml-area .video-bg-area .iml-logo { display: none; }
  .iml-responsiveness .iml-portal-container .iml-area .video-bg-area .iml-what h3 { margin-top: 0; }
  .iml-responsiveness .iml-portal-container .iml-area .video-bg-area .iml-what img { height: 64px; }
  .iml-responsiveness .iml-portal-container .iml-area .video-bg-area .iml-what .lead { font-size: 14px; }
  .iml-responsiveness .iml-portal-container .iml-area .video-bg-area .iml-what .lead b { font-size: 14px; }
  .iml-responsiveness .iml-portal-container .iml-take .iml-take-btn { width: auto; }
  .iml-responsiveness .iml-portal-container .iml-take .iml-take-btn p { height: auto; }
  .iml-responsiveness #what-iml-list .anim-box { width: 100%; }
  .iml-responsiveness #what-iml-list .inner { padding: 8px 112px 8px 4px; background: rgba(255, 255, 255, 0.1) !important; text-align: right; position: relative; margin-bottom: 8px; }
  .iml-responsiveness .iml-portal-container .banner-with-video { padding-top: 41px; min-height: 61px; }
  .iml-responsiveness .iml-portal-container .iml-video .joinbox { margin-bottom: 8px; }
  .iml-responsiveness .iml-portal-container .iml-using-schools { padding-top: 80px; }
  .iml-responsiveness .iml-portal-container .iml-using-schools h2 { font-size: 62px; }
  .iml-responsiveness .iml-portal-container .iml-using-schools .lead { font-size: 24px; }
  .iml-responsiveness .text-xs-left { text-align: left; }
  .iml-responsiveness .text-xs-right { text-align: right; }
  .iml-responsiveness .text-xs-center { text-align: center; } }

@media (min-width: 744px) { .iml-responsiveness .google_img { display: block; } }

@media (max-width: 817px) { .iml-responsiveness .hidden-x-y { overflow: hidden !important; }
  .iml-responsiveness .iml-xs-hidden, .iml-responsiveness .support-btn { display: none; }
  .iml-responsiveness .iml-col-sm-12 { width: 100%; }
  .iml-responsiveness .iml-portal-container #iml-footer .l-online { margin: 8px auto 0 auto; }
  .iml-responsiveness .iml-portal-container #imlPortalHead .iml-mobile-menu { display: block; }
  .iml-responsiveness .iml-portal-container #imlPortalHead .iml-default-header { display: none; }
  .iml-responsiveness .iml-portal-container #imlPortalHead .iml-area { background-position-y: 50%; } }

@media (min-width: 316px) and (max-width: 633px) { .iml-responsiveness .page-container, .iml-responsiveness .container, .iml-responsiveness .iml-container-8, .iml-responsiveness #iml-footer { width: 100% !important; }
  .iml-responsiveness .iml-portal-container .iml-area { background-size: 240% auto; background-position-y: 0%; max-height: 500px; }
  .iml-responsiveness .iml-what h3 { margin-top: 0; }
  .iml-responsiveness .iml-what img { height: 64px; }
  .iml-responsiveness .iml-area { background-size: 150% auto; background-position-y: 0%; padding-top: 250px; margin-top: -250px; }
  .iml-responsiveness .iml-head-ads { height: auto; min-height: 120px; max-height: 250px; padding-top: 10px; }
  .iml-responsiveness .text-sm-left { text-align: left; }
  .iml-responsiveness .text-sm-right { text-align: right; }
  .iml-responsiveness .text-sm-center { text-align: center; } }

@media (min-width: 632px) and (max-width: 817px) { .iml-responsiveness .page-container, .iml-responsiveness .container, .iml-responsiveness .iml-container-8, .iml-responsiveness #iml-footer { width: 100% !important; }
  .iml-responsiveness .page-container .banner-with-video { padding-top: 41px; min-height: 152px; }
  .iml-responsiveness .page-container .iml-area { background-size: 150% auto; background-position-y: 0%; }
  .iml-responsiveness .iml-col-sm-6 { width: 50%; }
  .iml-responsiveness .support-btn, .iml-responsiveness .iml-mobile-menu { display: none; }
  .iml-responsiveness .iml-default-header, .iml-responsiveness .video-bg-area .iml-logo { display: block; }
  .iml-responsiveness .iml-what .lead b { font-size: 18px; }
  .iml-responsiveness .iml-default-header .iml-d-nav > li > a { line-height: 45px; }
  .iml-responsiveness .iml-area { text-align: center; background-position-y: 50%; padding-top: 250px; margin-top: -250px; }
  .iml-responsiveness .iml-head-ads { height: 50px; padding-top: 10px; }
  .iml-responsiveness .iml-default-header .iml-default-logo img { margin-top: 8px; height: 29px; }
  .iml-responsiveness .iml-default-header .iml-btn-nav { margin-top: 7px; }
  .iml-responsiveness .iml-default-header .iml-btn-nav .btn { padding: 6px 12px; font-size: 13px; }
  .iml-responsiveness #what-iml-list .inner { background: none; text-align: center; padding: 16px 0; }
  .iml-responsiveness .iml-what img { position: relative; height: 96px; right: 0; top: 0; }
  .iml-responsiveness .iml-what h3 { margin-top: 8px; font-size: 28px; }
  .iml-responsiveness .iml-what .lead { font-size: 14px; }
  .iml-responsiveness .iml-what .lead b { font-size: 18px; }
  .iml-responsiveness .navbar-nav .nav-item + .nav-item { margin-left: 0px; }
  .iml-responsiveness .navbar-nav .nav-item a { font-size: 12px; }
  .iml-responsiveness .banner-with-video { padding-top: 55px; min-height: 155px; }
  .iml-responsiveness .text-md-left { text-align: left; }
  .iml-responsiveness .text-md-right { text-align: right; }
  .iml-responsiveness .text-md-center { text-align: center; } }

@media (min-width: 816px) and (max-width: 1033px) { .iml-responsiveness .page-container, .iml-responsiveness .container, .iml-responsiveness .iml-container-8, .iml-responsiveness #iml-footer { width: 100% !important; }
  .iml-responsiveness .iml-md-hidden { display: none; }
  .iml-responsiveness .iml-col-md-6 { width: 50%; }
  .iml-responsiveness .support-btn, .iml-responsiveness .iml-default-header, .iml-responsiveness .video-bg-area .iml-logo { display: block; }
  .iml-responsiveness .banner-with-video { display: block; }
  .iml-responsiveness .im-mobile-app-download .iml-ipt-grp { display: inline-block; }
  .iml-responsiveness .joinbox { margin: 0; }
  .iml-responsiveness .iml-area { text-align: center; padding-top: 110px; margin-top: -110px; }
  .iml-responsiveness .iml-head-ads { height: 110px; padding-top: 10px; }
  .iml-responsiveness .iml-default-header .or-and { margin: 0; }
  .iml-responsiveness #what-iml-list .inner { background: none; text-align: center; padding: 16px 0; }
  .iml-responsiveness .iml-what img { position: relative; height: 96px; right: 0; top: 0; }
  .iml-responsiveness .iml-default-header .iml-default-logo { display: block; float: left; margin-right: 8px; }
  .iml-responsiveness .iml-default-header .iml-btn-nav { margin-top: 12px; }
  .iml-responsiveness .iml-default-header .iml-btn-nav .btn { padding: 6px 16px; font-size: 14px; }
  .iml-responsiveness .navbar-nav .nav-item + .nav-item { margin-left: 16px; }
  .iml-responsiveness .navbar-nav .nav-item a { font-size: 14px; }
  .iml-responsiveness .l-online { width: 210px; margin: 0; }
  .iml-responsiveness .text-lg-left { text-align: left; }
  .iml-responsiveness .text-lg-right { text-align: right; }
  .iml-responsiveness .text-lg-center { text-align: center; } }
