/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1290px) { 
  
    .read-more-button .dnld-button {
      font-size: 10px;
    }
    .progress-section {
      margin-top: 20px;
    }
    .dnld-button {
      font-size: 10px;
    }
    .large-button {
      width: 18.99%;
    }
    .large-button-text {
      font-size: 10px;
    }
    .main-content-tabs ul.nav li a {
      font-size: 9px;
      padding: 5px 17px;
    }
    .special-accordion-button {
      font-size: 10px;
    }
    .card-block {
      font-size: 11px;
    }
    .mainmenu .nav.navbar-nav a {
      font-size: 11px;
    }
    .c1swf{
        height: 300px;
    }
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
    
    .special-container {
      margin: 0px 0px;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {display: block !important; }
    
       .navbar-toggle {
      border: 1px solid #fff;
      float: none;
      left: 90%;
      margin: 0;
      position: absolute;
      top: -90px;
      z-index: 1;
           display: block;
    }
    .navbar-toggle .icon-bar {
        background: #fff;
    }
    .mobil-menu-activted ul.nav.navbar-nav {
        text-align: center;
    }
    .mobil-menu-activted ul.nav.navbar-nav li {
        border-bottom: 1px solid #333;
    }
    .large-button {
      width: 18.99%;
    }
    .main-content-tabs ul.nav li a {
      font-size: 12px;
      padding: 5px 16px;
    }
    .main-content-box {
      padding: 10px 0 10px;
    }
    .breadcrumb {
      font-size: 10px;
    }
    .main-content-box-top-portion h2 {
      font-size: 24px;
    }
    .dnld-button {
      font-size: 12px;
    }
    .language {
      margin-top: -30px;
    }

    
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
    
    .navbar-toggle {
      border: 1px solid #fff;
      float: none;
      right: 4%;
      margin: 0;
      position: absolute;
      top: -90px;
      z-index: 1;
    }
    .navbar-toggle .icon-bar {
        background: #fff;
    }
    .mobil-menu-activted ul.nav.navbar-nav {
        text-align: center;
    }
    .mobil-menu-activted ul.nav.navbar-nav li {
        border-bottom: 1px solid #333;
    }
    .breadcrumb {
      font-size: 10px;
    }
    .special-container {
      margin: 0;
    }
    .breadcrumb {
      margin-bottom: 8px;
        font-size: 8px;
    }
    .main-content-box-top-portion h2 {
      font-size: 15px;
      text-align: center;
    }
    .main-content-box-top-portion h2:after {
      left: 20%;
    }
    .dnld-button {
      font-size: 8px;
      max-width: 48%;
    }
    .large-button {
      max-width: 17.3%;
    }
    a.large-button .large-button-text, a.large-button br {
      display: none;
    }
    .large-button-text {
      font-size: 9px;
    }
    .main-content-box {
      padding: 10px 0 10px;
    }
    .status-container h2 {
      font-size: 10px;
    }
    .main-content-tabs .nav-tabs > li {
        display:block;
        float:none;
    }
    .main-content-tabs {
      width: 100%;
      overflow: hidden;
    }
    .main-content-tabs ul.nav li a {
      font-size: 10px;
      padding: 5px 20px;
    }
    .tab-content h4 {
        font-size: 12px;
    }
    .main-content-tabs .nav.nav-tabs {
      margin: 0 0px;
    }
    .tab-content .tab-pane.active.in {
      margin: 0px;
      padding: 2px;
    }
    .language {
      margin-top: -30px;
    }
    .navbar-collapse.special-nav {
      padding: 0px 15px;
    }
    .status-container {
      margin: 10px 0 -15px 0px;
    }
    .book-content {
      margin-top: 0px;
    }
    .book-content {
      font-size: 12px;
    }
    .tab-content {
      font-size: 10px;
    }
    .btn-to-reveal-ans {
      font-size: 10px;
      line-height: 10px;
      padding: 5px 8px;
    }
    .reveal-wrapper {
      font-size: 10px;
      line-height: 10px;
      padding: 4px 8px;
    }
    .jumble-input-group .input-group-addon {
      font-size: 10px;
        padding: 5px 8px;
    }
    .input-group .form-control.jumble-input {
      height: 24px;
      width: 70%;
      font-size: 12px;
    }
    .form-check.for-tic {
      font-size: 10px;
    }
    .lns-image-container {
      margin-top: 25px;
    }
    .fancybox-slider .fancybox-content {
        max-width: 600px;
        max-height: 300px !important;
        width: 100% !important;
        height: 100% !important;
    }
    .c1swf{
        height: 100%;
    }
    .main-content-box-top-portion h2::after {
     content: "";
    }
    .main-content-box-top-portion h2 {
      padding-left: 0px;
    }


    
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
    .main-content-box-top-portion h2:after {
      left: 36%;
    }

}