/* --- Adaptive styles for different screen resolutions --- */

@media all and (max-width: 449px) {

  /* header */
  .main-logo {
    max-width: 125px;
  }
  .main-logo .pull-left {
    display: none;
  }

  /* Page top */
  
  .block-bg {
    padding: 20px 0 30px;
  }
  
  .breadcrumb li a {
    font-size: 12px;
  }
  
  .page-title {
    font-size: 22px !important;
	line-height: 24px !important;
  }
  
  /* Main content */
  
  .block-main-content {
    width: 100%;
	margin: 0 0 65px;
  }
  
  .ue-tab-container {
    display: none;
  }
  
  .fixed {
    position: relative !important;
	top: auto !important;
  }
  
  /* Frontpage */
  
  .block-bg-main-page .start-btn-wrapper .btn {
    padding: 15px 25px 15px 15px;
  }
  
  .block-bg-main-page .left h1 {
    display: none;
  }
  
  .block-bg-main-page .left h3 {
    font-size: 18px;
    line-height: 1.3em;
	text-transform: none;
  }
  
  .block-bg-main-page .description {
    font-size: 15px;
  }
  
  .block-bg-main-page .right {
    clear: both;
    margin-top: 25px;
	text-align: left;
  }
  
  .block-main-page-top .course-description h4 {
    font-size: 18px;
	line-height: 19px;
  }
  
  .block-main-page-top .frontpage-block .go-to-course {
    display: block !important;
  }
  
  .block-main-page-top .go-to-course .text {
    padding-left: 15px;
	font-size: 12px;
  }
  
  .block-main-page-top .go-to-course .icon {
    margin: 20px 10px 20px 15px;
  }
  
  .block-main-page-top .feedback-block .block-description {
    padding-top: 35px;
  }
  
  .block-main-page-top .feedback-block .block-description .content h6 {
    font-size: 14px;
  }
  
  .block-main-page-top .feedback-block .block-description .content span {
    font-size: 12px;
  }
  
  .main-page-slider .carousel-inner .item {
    padding-top: 35px;
  }
  
  .main-page-slider .carousel-inner .item .top h3 {
    font-size: 15px;
  }
  
  .main-page-slider .carousel-inner .item .bottom {
    font-size: 13px;
  }
  
  .main-page-features-block {
    margin-bottom: 65px;
  }
  
  .main-page-features-block .inner h5 {
    margin-top: 35px;
  }
  
  .main-page-features-block .right img {
    bottom: -18px;
  }
  
  .main-page-features-block .formtext-wrapper {
    padding-bottom: 45px;
  }
  
  .main-page-features-block .formtext-wrapper .btn {
    width: auto;
  }
  
  .main-page-features-block .formtext-wrapper .btn .btn-text {
    width: auto;
	font-size: 14px;
  }
  
  .main-page-features-block .formtext-wrapper .btn .icon {
    display: none;
  }
  
  /* Page news: list */
  
  .block-news .inner {
    margin: 0 !important;
    padding: 25px 0 !important;
  }
  
  .block-all-news .one-news-block {
    width: 90%;
	margin: 0 auto 25px;
    padding: 0;
  }
  
  .block-all-news h3.news-title  { 
    margin-bottom: 20px;
    font-size: 18px;
	line-height: 19px;
  }
  
  .block-all-news .one-news-block .notice {
    clear: both;
    font-size: 14px;
  }
  
  .block-all-news .one-news-block .text, 
  .block-all-news .one-news-block .text p {
    font-size: 13px;
  }

  /* Page news: one news */
  
  .block-one-news h1.news-title  {
    width: 90%;
	margin: 0 auto 20px;
    font-size: 18px;
	line-height: 19px;
  }
  
  .block-one-news .one-news-block {
    width: 90%;
	margin: 0 auto;
    padding: 0;
  }
  
  .block-one-news .one-news-block .notice {
    clear: both;
    font-size: 14px;
  }
  
  .block-one-news .one-news-block .text, 
  .block-one-news .one-news-block .text p {
    font-size: 13px;
  }
  
  /* Page features */
  
  .block-tutorial.top .overlay {
    padding: 45px 0;
  }
  
  .block-tutorial.top h1 {
    font-size: 22px;
  }
  
  .block-tutorial.registration .left {
    padding: 25px 0;
  }
  
  .block-tutorial.registration .right {
    min-height: 300px;
    background-size: contain;
	background-position: top;
	margin-bottom: 20px;
  }
  
  .block-tutorial.slider {
    padding: 25px 0;
  }
  
  .block-tutorial.slider .top {
    margin-bottom: 10px;
  }
  
  .block-tutorial h3 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  
  .block-tutorial div.text {
    font-size: 14px;
  }
  
  /* Page how to learn */
  
  .block-how-to-learn .inner {
    padding: 15px 0;
  }
  
  .block-how-to-learn .left,
  .block-how-to-learn .right  {
    padding-top: 15px !important;
	min-height: 100%;
  }
  
  .block-how-to-learn .block-icon {
    padding-bottom: 30px;
  }
  
  .block-how-to-learn h3 {
    font-size: 18px;
  }
  
  .block-how-to-learn div.text {
    font-size: 14px;
  }
  
  .block-start-education .inner h1 {
    font-size: 22px;
  }
  
  /* Course page: timeline with modules */
  
  .course-header-left h6 {
    width: 30%;
	margin-right: 15px;
	font-size: 13px;
  }
  
  .block-course .course-header-module-number .value {
    display: block;
	margin: 0 auto;
  }
  
  .block-course .course-block-progress h4 {
    padding-left: 4%;
  }
  
  .course-header-start-block {
    width: 12% !important;
  }
  
  .course-header-block {
    width: 8% !important;
  }
  
  .course-header-module-number .value {
    float: none !important;
  }
  
  .course-block-info .course-text {
    width: 97%;
  }
  
  .course-block-info .course-name p {
    font-size: 10px;
	padding-left: 3px;
  }
  
  .course-block-info .course-footer a {
    font-size: 10px;
  }
  
  .block-course .course-block-progress h4 {
    padding-left: 4%;
  }
  
  .course-element-wrapper {
    width: 12%;
  }
  
  .course-progress-cell {
    width: 8%;
  }
  
  .course-final-test {
    width: 55%;
  }
  
  .course-final-test.locked .icon {
	width: 15px;		
	height: 15px;
	background: url('/img/lock-small.png') no-repeat center center;
  }
  
  .module-type-description {
    font-size: 11px;
  }
  
  /* Course page: menu */
    
  .block-course .course-tabs {
    margin-top: 0;
  }
  
  .block-course .course-tabs-nav {
    display: table;
	width: 100%;
  }
  
  .block-course .course-tabs .nav-tabs {
    display: table-row;
	width: 100%;
	height: 30px;
  }
  
  .block-course .course-tabs .nav-tabs li {
	float: none;
	display: table-cell;
	height: 30px;
	margin: 0 !important;
	text-align: center;
	background: #d5dfe5;
	border-top: none !important;
	border: none !important;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  
  .block-course .course-tabs .nav-tabs li:hover {
    border: none;
	background: #e6eef2;
	-moz-transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
  }
  
  .block-course .course-tabs .nav-tabs li a {
	margin: 0;
	padding: 12px 0 8px;
	font-size: 10px;
	font-weight: bold;
	color: #323c41;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	background: #d5dfe5;
  }
  
  .block-course .course-tabs .nav-tabs li a:hover {
    background: transparent;
  }
  
  .block-course .course-tabs .nav-tabs li.active {
    background: #a4c88b !important;
	overflow: visible;
	position: relative;
  }
  
  .block-course .course-tabs .nav-tabs li.active a {
	font-weight: bold;
	color: #fff;
	background: transparent !important;
	text-shadow: 0 -1px 0 #95be78;
  }
  
  .block-course .course-tabs .nav-tabs li.active .bottom-arrow {
    display: block;
	width: 100%;
	height: 5px;
	position: relative;
	bottom: -5px;
	background: url('/img/course-tabs-bottom-arrow.png') no-repeat center bottom;
  }
  
  /* Course page: content */
  
  .block-course-top {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  
  .block-course-top .lector-block {
    width: 90%;
	margin: 0 auto;
    padding: 25px 0;
  }
  
  .block-course-top .lector-avatar {
    width: 45px;
	height: 45px;
  }
  
  .block-course-top .lector-info .lector-name {
    font-size: 18px;
  }
  
  .block-course .content-block-title {
    font-size: 17px;
  }
  
  .course-main-content-block .title {
    font-size: 15px;
  }
  
  .block-course .course-legend-label {
    float: right;
	text-indent: -9999px;
	font-size: 0;
	border-bottom: none;
  }
  
  .block-course .course-block-progress-wrapper {
    margin-top: 0 !important;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  
  .block-course .course-block-progress-top {
    width: 90%;
	margin: 0 auto 35px;
  }
  
  .block-course .course-header-blocks {
    width: 90%;
	margin: 0 auto;
	padding: 0;
  }
  
  .block-course .course-block-progress {
    width: 90%;
	float: none;
	margin: 0 auto;
	padding: 0;
  }
  
  .course-results-general {
    padding: 0;
  }
  
  .course-accordion-block {
    margin-bottom: 0;
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
  }
  
  .course-accordion-block-passed {
    border-top: 1px solid #699848;
	border-bottom: 1px solid #699848;
  }
  
  .course-accordion-block-non-passed {
    border-top: 1px solid #b0584d;
	border-bottom: 1px solid #b0584d;
  }
  
  .course-accordion-block-active {
    border-top: 1px solid #438eb3;
	border-bottom: 1px solid #438eb3;
  }
  
  .course-accordion-block-non-active {
    border-top: 1px solid #bbc6cd;
	border-bottom: 1px solid #bbc6cd;
  }
  
  .course-accordion-block .panel-heading {
    height: 45px;
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
  }
  
  .course-accordion-block .module-progress-scale {
    height: 45px;
  }
  
  .course-accordion-block .state-arrow-wrapper {
    height: 35px;
	width: 45px;
	padding-top: 10px
  }
  
  .course-accordion-block .course-title-link {
    padding: 14px 15px 15px;
	font-size: 14px;
  }
  
  .course-accordion-block-header-right {
    padding-top: 6px;
  }
  
  .course-accordion-block .panel-collapse,
  .course-accordion-block .panel-collapse.in {
    border-width: 1px;
	border-bottom: none;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
    
  .course-accordion-block .panel-body {
    width: 90%;
	margin: 0 auto;
	padding: 30px 0 !important;
  }
  
  .course-accordion-block .further-icon {
    display: none;
  }
  
  .course-accordion-block .final-module-value {
    margin-bottom: 70px;
  }
  
  .course-accordion-block .final-module-value .inner {
    float: none;
  }
  
  #course-main {
    margin: 0 auto;
    padding: 25px 0;
  }
  
  .course-events-content-block {
    width: 90%;
	margin: 0 auto;
  }
  
  .course-events-content-block .text {
    display: block;
    margin-bottom: 10px;
	padding-left: 55px;
	font-size: 16px;
	line-height: 16px;
  }
  
  .course-events-content-block .module-number a {
    font-size: 19px;
	line-height: 22px;
  }
  
  #course-general-info {
     padding: 25px 0;
  }
  
  .course-general-info-header {
    width: 90%;
	margin: 0 auto;
	padding: 0;
  }
  
  .course-general-info-header .course-header-item {
    margin-right: 5px;
  }
  
  .course-general-info-header .course-theme .icon {
    font-size: 11px;
  }
  
  .course-general-info-body h3 {
    width: 90%;
	margin: 25px auto;
	padding: 0;
	font-size: 18px;
  }
  
  #course-general-info .inline-block {
    padding: 0;
  }
  
  #course-general-info .inline-block p {
    width: 90%;
	margin: 0 auto 10px;
  }
  
  #course-general-info .inline-block ul,
  #course-general-info .inline-block ol {
    width: 80%;
	margin: 10px auto 10px 15%;
  }
  
  .course-structure .panel-heading {
    display: block;
	width: 90%;
	margin: 0 auto;
	padding: 0;
  }
  
  .course-structure .panel-body .left {
    width: 90%;
	margin: 0 auto;
	padding: 25px 0;
  }
  
  .course-structure .panel-body .left .video-block {
    margin-bottom: 5px;
  }
  
  .course-structure .panel-body .right {
    width: 90%;
	margin: 0 auto;
	padding: 0 0 25px;
  }
  
  .section-inline-block .grey-label {
    margin: 15px 0;
  }
  
  /* Course page comments */
  
  .comments-wrapper {
    width: 90%;
	margin: 0 auto;
	padding: 30px 0;
  }
  
  .comments-wrapper h2 {
    margin: 0;
    font-size: 20px;
  }
  
  .comments-wrapper .icons {
    padding-left: 10px;
  }
  
  .comments-wrapper .reply-for-comment .level-icon-wrapper {
    display: none;
  }
  
  .comments-wrapper .comment {
    padding: 25px 0;
  }
  
  .comments-wrapper .current-module {
    display: none;
  }
  
  /* Course page: progress bar */
  
  .course-results-bar-inner {
    padding: 30px 4%;
  }
  
  .course-results-bar h4 {
    font-size: 16px;
  }
  
  .bar-current-value-wrapper .your-value,
  .bar-general-value-wrapper .general-value {
    font-size: 16px;
  }
  
  .progress-bar-block .mark-scale {
    display: none;
  }
  
  .user-rating .details-link {
    float: right;
  }
  
  .user-rating .text {
    font-size: 12px;
  }
  
  .user-rating .rating {
    font-size: 15px;
  }
  
  /* Module page */
  
  .block-module .content-block .tab-title {
    font-size: 18px;
  }
  
  .block-module .inner-white .content-block {
    padding: 25px;
  }
  
  .block-module .content-block p,
  .block-module .content-block li  {
    font-size: 13px;
  }
  
  #homework-check h3 {
    font-size: 18px;
  }
  
  .module-content .buttons-wrapper {
    margin-top: 20px;
  }
  
  .test-wrapper .responses-body .response {
    padding: 5px;
  }
  
  .test-wrapper .responses-body textarea {
    width: auto;
  }
  
  .test-results-summary-inner {
    width: auto;
	padding: 25px;
  }
  
  .test-results-message {
    font-size: 13px;
  }
  
  .test-results-inline {
    font-size: 13px;
  }
  
  .test-results-summary-wrapper .set-estimate {
    width: 75%;
	padding: 25px 35px 25px 25px;
  }
  
  .test-results-summary-wrapper .set-estimate .scale .value {
	margin-bottom: 15px;
  }
  
  .test-results-summary.wide .left h3 {
    font-size: 21px;
  }  
  
  .sticky-sidebar {
    margin-top: 20px;
  }
  
  /* Comments */
  
  .add-answer .send-btn-wrapper .text {
    margin: 0;
  }
  
  /* About us page */
  
  .block-about-us .inner {
    margin: 0;
    padding: 25px 0;
	border-radius: 0;
  }
  
  .block-about-us .left {
    width: 90%;
	margin: 0 auto;
	padding: 0;
  }
  
  .block-about-us .left h2 {
    font-size: 22px;
	line-height: 23px;
  }
  
  .block-about-us .right {
    width: 90%;
	margin: 0 auto;
	padding: 15px 0 0;
  }
  
  .block-static .inner {
    padding: 0;
  }
  
  .block-static .inner .content {
    width: 90%;
	margin: 0 auto;
	padding: 25px 0;
  }
  
  /* Universities */
  
  .wrapper-universities .inline-block .right {
    padding: 35px 0;
  }
  
  .wrapper-universities .inline-block .right h3 {
    font-size: 22px !important;
  }
  
  /* User settings */
  
  .edit-photo-overlay .delete-photo .tooltip { 
    display: none !important;
  }
  
  .edit-photo-overlay .change-photo .tooltip { 
    display: none !important;
  }
  
  /* User profile */
  
  .block-user-top {
    height: auto;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .user-info-block {
    width: 90%;
	display: table;
	margin: 0 auto;
	padding: 25px 0;
	float: none;
  }
  
  .user-info-block .user-photo {
    width: 45px;
	height: 45px;
    margin-right: 4%;
  }
  
  .user-info-block .user-info {
    width: 75%;
	padding-top: 0;
  }
  
  .user-info-block .user-name {
    font-size: 20px;
  }
  
  .block-user-progress {
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .user-progress-overlay .message-empty {
    margin: 0 20px;
	font-size: 19px;
  }
  
  .user-progress-scale-wrapper {
    max-height: 100%;
  }
  
  .user-progress-scale {
    display: none !important;
  }
  
  .user-progress-history {
    width: 90%;
	margin: 0 auto;
	padding: 25px 0;
  }
  
  .user-scale-results .all-results {
    width: 49.3%;
	float: left;
	padding: 35px 0;
	border-right: 2px solid #4ca9d8;
  }
  
  .user-scale-results .month-results {
    width: 50%;
	float: left;
	padding: 35px 0;
  }
  
  .courses-active .courses-header .hide-courses {
    float: left;
	margin: 18px 0 8px;
  }
  
  .user-progress-history .courses-recommended {
    margin-top: 0;
  }
  
  .user-progress-history .course-number-and-name {
    float: left;
	width: 60%;
	margin: 0 0 5px 0;
  }
  
  .user-progress-history .course-marks {
    float: right;
	width: 24%;
	min-width: 105px;
    margin: 0 4% 5px 0;
  }
  
  .user-progress-history .course-further {
    display: none;
  }
  
  .user-notifications {
    margin: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .user-notifications .inner {
    width: 90%;
	margin: 0 auto;
	padding: 25px 0;
  }
  
  .user-notifications .notifications-header {
    height: 20px;
  }

  .notifications-content .inline-block .course-event-highlighted {
    max-width: 100%;
  }
  
  /* User login */
  
  .block-user-login {
    display: inline-block;
    height: 100%;
	min-height: 610px;
	margin-bottom: 65px;
    background: #d5dfe5;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
  }
  
  .user-login-form {
    margin: 0;
	padding: 35px;
	border-width: 1px 0 0 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  
  /* Video: module page */
  
  .block-module .flowplayer.is-mouseover .fp-timeline {
    left: 10px;
	right: 227px;
  }
  
  .block-module .flowplayer .fp-time .fp-elapsed,
  .block-module .flowplayer .fp-time .fp-duration  {
    display: none;
  }
  
  .block-module .media-block .video-stopped,
  .block-module .media-block .fp-help.real {
    display: none !important;
  }
  
  /* Video not found */
  
  .empty-videoblock {
    max-height: 270px;
  }
  
  /* Page error */
  
  .container-error {
    overflow-y: hidden;
  }
  
  .block-error {
    top: 22%;
    left: 17%;
  }
  
  .block-error .left h1 {
    margin-top: 10px;
  }
  
  .block-error .right {
    display: none;
  }
  
  /* Placeholders */
  
  .placeholder { 
	font-size: 12px;
  }

  input::-webkit-input-placeholder {
	font-size: 12px;
  }

  input::-moz-placeholder {
	font-size: 12px;
  }

  input:-ms-input-placeholder {
	font-size: 12px;
  }

  input::placeholder {
	font-size: 12px;
  }

  textarea::-webkit-input-placeholder {
	font-size: 12px;
  }

  textarea::-moz-placeholder {
	font-size: 12px;
  }

  textarea:-ms-input-placeholder {
	font-size: 12px;
  }

  textarea::placeholder {
	font-size: 12px;
  }

  /* Footer */
  
  #footer .section .left-footer p {
    font-size: 11px;
  }
  
  .social-icons {
    float: right !important;
  }

}

@media all and (max-width: 449px) and (orientation: landscape) { 
  
  .block-user-login {
    min-height: 560px;
  }
}

@media (min-width: 450px) and (max-width: 599px) { 

   /* Header */

  /* Page top */
  
  .block-bg {
    padding: 20px 0 30px;
  }
  
  .breadcrumb li a {
    font-size: 12px;
  }
  
  .page-title {
    font-size: 22px !important;
	line-height: 24px !important;
  }
  
  /* Main content */
  
  .block-main-content {
    width: 100%;
	margin: 0 0 65px;
  }
  
  .ue-tab-container {
    display: none;
  }
  
  .fixed {
    position: relative !important;
	top: auto !important;
  }
  
  /* Frontpage */
  
  .block-bg-main-page .left h1 {
    display: none;
  }
  
  .block-bg-main-page .left h3 {
    font-size: 22px;
    line-height: 1.3em;
	text-transform: none;
  }
  
  .block-bg-main-page .description {
    font-size: 16px;
  }
  
  .block-bg-main-page .right {
    clear: both;
    margin-top: 25px;
	text-align: left;
  }
  
  .block-main-page-top .course-description h4 {
    font-size: 22px;
	line-height: 22px;
  }
  
  .block-main-page-top .frontpage-block .go-to-course {
    display: block !important;
  }
  
  .main-page-slider .carousel-inner .item {
    padding-top: 55px;
  }
  
  .main-page-slider .carousel-inner .item .top h3 {
    font-size: 17px;
  }
  
  .main-page-slider .carousel-inner .item .bottom {
    font-size: 14px;
  }
  
  .main-page-features-block {
    margin-bottom: 65px;
  }
  
  .main-page-features-block .inner h5 {
    margin-top: 35px;
  }
  
  .main-page-features-block .formtext-wrapper {
    padding-bottom: 45px;
  }
  
  /* Page news: list */
  
  .block-news .inner {
    margin: 0 !important;
    padding: 25px 0 !important;
  }
  
  .block-all-news .one-news-block {
    width: 90%;
	margin: 0 auto 25px;
    padding: 0;
  }
  
  .block-all-news h3.news-title  { 
    margin-bottom: 20px;
    font-size: 19px;
	line-height: 20px;
  }
  
  .block-all-news .one-news-block .notice {
    clear: both;
    font-size: 14px;
  }
  
  .block-all-news .one-news-block .text, 
  .block-all-news .one-news-block .text p {
    font-size: 13px;
  }
  
  /* Page news: one news */
  
  .block-one-news h1.news-title  {
    width: 90%;
	margin: 0 auto 20px;
    font-size: 19px;
	line-height: 20px;
  }
  
  .block-one-news .one-news-block {
    width: 90%;
	margin: 0 auto;
    padding: 0;
  }
  
  .block-one-news .one-news-block .notice {
    clear: both;
    font-size: 14px;
  }
  
  .block-one-news .one-news-block .text, .block-news .one-news-block .text p {
    font-size: 13px;
  }
  
  /* Page features */
  
  .block-tutorial.top .overlay {
    padding: 45px 0;
  }
  
  .block-tutorial.top h1 {
    font-size: 23px;
  }
  
  .block-tutorial.registration .left {
    padding: 25px 0;
  }
  
  .block-tutorial.registration .right {
    min-height: 300px;
    background-size: contain;
	background-position: top;
	margin-bottom: 20px;
  }
  
  .block-tutorial.slider {
    padding: 25px 0;
  }
  
  .block-tutorial.slider .top {
    margin-bottom: 15px;
  }
  
  .block-tutorial h3 {
    margin-bottom: 10px;
    font-size: 19px;
  }
  
  .block-tutorial div.text {
    font-size: 14px;
  }
  
  /* Page how to learn */
  
  .block-how-to-learn .inner {
    padding: 20px 0;
  }
  
  .block-how-to-learn .left,
  .block-how-to-learn .right  {
    padding-top: 15px !important;
	min-height: 100%;
  }
  
  .block-how-to-learn .block-icon {
    padding-bottom: 30px;
  }
  
  .block-how-to-learn h3 {
    font-size: 19px;
  }
  
  .block-how-to-learn div.text {
    font-size: 15px;
  }
  
  .block-start-education .inner h1 {
    font-size: 23px;
  }
  
  /* Course page: timeline with modules */

  .course-header-left h6 {
    width: 30%;
	margin-right: 15px;
	font-size: 13px;
  }
  
  .course-header-left .btn-group {
    float: left;
  }
  
  .course-header-left .btn-group > .btn:first-child {
    padding: 2px 10px;
	font-size: 12px !important;
  }
  
  .btn-group > .btn + .dropdown-toggle {
    padding: 2px 5px;
  }
  
  .block-course .course-block-progress h4 {
    padding-left: 4%;
  }
  
  .course-header-start-block {
    width: 7% !important;
  }
  
  .course-header-block {
    width: 8.454545% !important;
  }
  
  .course-header-module-number .value {
    float: none !important;
  }
  
  .course-block-info .course-text {
    width: 93%;
  }
  
  .course-block-info .course-name p {
    font-size: 11px;
	padding-left: 3px;
  }
  
  .block-course .course-block-progress h4 {
    padding-left: 4%;
  }
  
  .course-element-wrapper {
    width: 7%;
  }
  
  .course-progress-cell {
    width: 8.454545%;
  }
  
  .course-final-test.locked .icon {
	width: 15px;		
	height: 15px;
	background: url('/img/lock-small.png') no-repeat center center;
  }
  
  .module-type-description {
    font-size: 11px;
  }
  
  /* Course page: menu */
    
  .block-course .course-tabs {
    margin-top: 0;
  }
  
  .block-course .course-tabs-nav {
    display: table;
	width: 100%;
  }
  
  .block-course .course-tabs .nav-tabs {
    display: table-row;
	width: 100%;
	height: 35px;
  }
  
  .block-course .course-tabs .nav-tabs li {
	float: none;
	display: table-cell;
	height: 35px;
	margin: 0 !important;
	text-align: center;
	background: #d5dfe5;
	border-top: none !important;
	border: none !important;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  
  .block-course .course-tabs .nav-tabs li:hover {
    border: none;
	background: #e6eef2;
	-moz-transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
  }
  
  .block-course .course-tabs .nav-tabs li a {
	margin: 0;
	padding: 15px 0;
	font-size: 11px;
	font-weight: bold;
	color: #323c41;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	background: #d5dfe5;
  }
  
  .block-course .course-tabs .nav-tabs li a:hover {
    background: transparent;
  }
  
  .block-course .course-tabs .nav-tabs li.active {
    background: #a4c88b !important;
	overflow: visible;
	position: relative;
  }
  
  .block-course .course-tabs .nav-tabs li.active a {
	font-weight: bold;
	color: #fff;
	background: transparent !important;
	text-shadow: 0 -1px 0 #95be78;
  }
  
  .block-course .course-tabs .nav-tabs li.active .bottom-arrow {
    display: block;
	width: 100%;
	height: 5px;
	position: relative;
	bottom: -5px;
	background: url('/img/course-tabs-bottom-arrow.png') no-repeat center bottom;
  }
  
  /* Course page: content */
  
  .block-course-top {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  
  .block-course-top .lector-block {
    width: 90%;
	margin: 0 auto;
    padding: 25px 0;
  }
  
  .block-course-top .lector-avatar {
    width: 45px;
	height: 45px;
  }
  
  .block-course-top .lector-info .lector-name {
    font-size: 18px;
  }
  
  .block-course .content-block-title {
    font-size: 17px;
  }
  
  .course-main-content-block .title {
    font-size: 15px;
  }
  
  .block-course .course-legend-label {
    float: right;
	text-indent: -9999px;
	font-size: 0;
	border-bottom: none;
  }
  
  .block-course .course-block-progress-wrapper {
    margin-top: 0 !important;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  
  .block-course .course-block-progress-top {
    width: 90%;
	margin: 0 auto 35px;
  }
  
  .block-course .course-header-blocks {
    width: 90%;
	margin: 0 auto;
	padding: 0;
  }
  
  .block-course .course-block-progress {
    width: 90%;
	float: none;
	margin: 0 auto;
	padding: 0;
  }
  
  .course-results-general {
    padding: 0;
  }
  
  .course-accordion-block {
    margin-bottom: 0;
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
  }
  
  .course-accordion-block-passed {
    border-top: 1px solid #699848;
	border-bottom: 1px solid #699848;
  }
  
  .course-accordion-block-non-passed {
    border-top: 1px solid #b0584d;
	border-bottom: 1px solid #b0584d;
  }
  
  .course-accordion-block-active {
    border-top: 1px solid #438eb3;
	border-bottom: 1px solid #438eb3;
  }
  
  .course-accordion-block-non-active {
    border-top: 1px solid #bbc6cd;
	border-bottom: 1px solid #bbc6cd;
  }
  
  .course-accordion-block .panel-heading {
    height: 45px;
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
  }
  
  .course-accordion-block .module-progress-scale {
    height: 45px;
  }
  
  .course-accordion-block .state-arrow-wrapper {
    height: 35px;
	width: 45px;
	padding-top: 10px
  }
  
  .course-accordion-block .course-title-link {
    padding: 14px 15px 15px;
	font-size: 14px;
  }
  
  .course-accordion-block-header-right {
    padding-top: 6px;
  }
  
  .course-accordion-block .panel-collapse,
  .course-accordion-block .panel-collapse.in {
    border-width: 1px;
	border-bottom: none;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
    
  .course-accordion-block .panel-body {
    width: 90%;
	margin: 0 auto;
	padding: 30px 0 !important;
  }
  
  .course-accordion-block .further-icon {
    display: none;
  }
  
  .course-accordion-block .final-module-value {
    margin-bottom: 70px;
  }
  
  .course-accordion-block .final-module-value .inner {
    float: none;
  }
  
  #course-main {
    margin: 0 auto;
    padding: 25px 0;
  }
  
  .course-events-content-block {
    width: 90%;
	margin: 0 auto;
  }
  
  .course-events-content-block .text {
    display: block;
    margin-bottom: 10px;
	padding-left: 55px;
	font-size: 16px;
	line-height: 16px;
  }
  
  .course-events-content-block .module-number a {
    font-size: 19px;
	line-height: 22px;
  }
  
  #course-general-info {
     padding: 25px 0;
  }
  
  .course-general-info-header {
    width: 90%;
	margin: 0 auto;
	padding: 0;
  }
  
  .course-general-info-header .course-header-item {
    margin-right: 5px;
  }
  
  .course-general-info-header .course-theme .icon {
    font-size: 11px;
  }
  
  .course-general-info-body h3 {
    width: 90%;
	margin: 25px auto;
	padding: 0;
	font-size: 19px;
  }
  
  #course-general-info .inline-block {
    padding: 0;
  }
  
  #course-general-info .inline-block p {
    width: 90%;
	margin: 0 auto 10px;
  }
  
  #course-general-info .inline-block ul,
  #course-general-info .inline-block ol {
    width: 80%;
	margin: 10px auto 10px 10%;
  }
  
  .course-structure .panel-heading {
    display: block;
	width: 90%;
	margin: 0 auto;
	padding: 0;
  }
  
  .course-structure .panel-body .left {
    width: 90%;
	margin: 0 auto;
	padding: 25px 0;
  }
  
  .course-structure .panel-body .left .video-block {
    margin-bottom: 5px;
  }
  
  .course-structure .panel-body .right {
    width: 90%;
	margin: 0 auto;
	padding: 0 0 25px;
  }
  
  .section-inline-block .grey-label {
    margin: 15px 0;
  }
  
  /* Course page comments */
  
  .comments-wrapper {
    width: 90%;
	margin: 0 auto;
	padding: 30px 0;
  }
  
  .comments-wrapper h2 {
    margin: 0;
    font-size: 20px;
  }
  
  .comments-wrapper .comment {
    padding: 25px 0;
  }
  
  .comments-wrapper .current-module {
    display: none;
  }
  
  /* Course page: progress bar */
  
  .course-results-bar-inner {
    padding: 30px 4% 10px;
  }
  
  .course-results-bar h4 {
    font-size: 16px;
  }
  
  .bar-current-value-wrapper .your-value,
  .bar-general-value-wrapper .general-value {
    font-size: 16px;
  }
  
  .progress-bar-block .mark-scale {
    display: none;
  }
  
  .user-rating .details-link {
    float: right;
  }
  
  .user-rating .text {
    font-size: 13px;
  }
  
  .user-rating .rating {
    font-size: 15px;
  }
  
  /* Module page */
  
  .block-module .inner-white .content-block {
    padding: 25px;
  }
  
  .block-module .content-block .tab-title {
    font-size: 21px;
  }
  
  .block-module .content-block p,
  .block-module .content-block li  {
    font-size: 14px;
  }
  
  #homework-check h3 {
    font-size: 19px;
  }
  
  .module-content .buttons-wrapper {
    margin-top: 20px;
  }
  
  .test-results-summary.wide .left h3 {
    font-size: 22px;
  }  
  
  .sticky-sidebar {
    margin-top: 20px;
  }
  
  /* About us page */
  
  .block-about-us .inner {
    margin: 0;
    padding: 25px 0;
  }
  
  .block-about-us .left {
    width: 90% ;
	margin: 0 auto;
	padding: 0;
  }
  
  .block-about-us .left h2 {
    font-size: 24px;
	line-height: 24px;
  }
  
  .block-about-us .right {
    width: 90%;
	margin: 0 auto;
	padding: 15px 0 0;
  }
  
  .block-static .inner {
    padding: 0;
  }
  
  .block-static .inner .content {
    width: 90%;
	margin: 0 auto;
	padding: 25px 0;
  }
  
  /* Universities */
  
  .wrapper-universities .inline-block .right {
    padding: 35px 0;
  }
  
  /* User settings */
  
  .edit-photo-overlay .delete-photo .tooltip { 
    display: none !important;
  }
  
  .edit-photo-overlay .change-photo .tooltip { 
    display: none !important;
  }

  /* User profile */
  
  .block-user-top {
    height: auto;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .user-info-block {
    width: 90%;
	display: table;
	margin: 0 auto;
	padding: 25px 0;
	float: none;
  }
  
  .user-info-block .user-photo {
    width: 60px;
	height: 60px;
    margin-right: 4%;
  }
  
  .user-info-block .user-info {
    width: 75%;
	padding-top: 0;
  }
  
  .user-info-block .user-name {
    font-size: 22px;
  }
  
  .block-user-progress {
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .user-progress-overlay .message-empty {
    margin: 0 20px;
	font-size: 19px;
  }
  
  .user-progress-scale-wrapper {
    max-height: 100%;
  }
  
  .user-progress-scale {
    display: none !important;
  }
  
  .user-progress-history {
    width: 90%;
	margin: 0 auto;
	padding: 25px 0;
  }
  
  .user-scale-results .all-results {
    width: 49.5%;
	float: left;
	padding: 35px 0;
	border-right: 2px solid #4ca9d8;
  }
  
  .user-scale-results .month-results {
    width: 50%;
	float: left;
	padding: 35px 0;
  }
  
  .courses-active .courses-header .hide-courses {
    float: left;
	margin: 18px 0 8px;
  }
  
  .user-progress-history .courses-recommended {
    margin-top: 0;
  }
  
  .user-progress-history .course-number-and-name {
    float: left;
	width: 70%;
	margin: 0 0 5px 0;
  }
  
  .user-progress-history .course-marks {
    float: left;
	width: 25%;
	min-width: 105px;
    margin: 0 0 5px 0;
	text-align: right;
  }
  
  .user-progress-history .course-further {
    display: none;
  }
  
  .user-notifications {
    margin: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .user-notifications .inner {
    width: 90%;
	margin: 0 auto;
	padding: 25px 0;
  }
  
  .user-notifications .notifications-header {
    height: 20px;
  }

    .notifications-content .inline-block .course-event-highlighted {
        max-width: 100%;
    }
  
  /* User login */
  
  .block-user-login {
    display: inline-block;
    height: 100%;
	min-height: 550px;
	margin-bottom: 65px;
    background: #d5dfe5;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
  }
  
  .user-login-form {
    margin: 0;
	max-width: none;
	border-width: 1px 0 0 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  
  /* Comments */
  
  .add-answer .send-btn-wrapper .text {
    margin: 0;
  }
  
  /* Page error */
  
  .container-error {
    overflow-y: hidden;
  }
  
  .block-error {
    left: 23%;
  }
  
  .block-error .left h1 {
    margin-top: 30px;
  }
  
  .block-error .right {
    display: none;
  }
  
  /* Video not found */
  
  .empty-videoblock {
    max-height: 300px;
  }
  
  /* Video: module page */
  
  .block-module .flowplayer.is-mouseover .fp-timeline {
    left: 10px;
	right: 227px;
  }
  
  .block-module .flowplayer .fp-time .fp-elapsed,
  .block-module .flowplayer .fp-time .fp-duration  {
    display: none;
  }
  
  .block-module .media-block .video-stopped,
  .block-module .media-block .fp-help.real {
    display: none !important;
  }
  
  /* Footer */
  
  .social-icons {
    float: right !important;
  }
  
}

@media (min-width: 450px) and (max-width: 599px) and (orientation: landscape) {
  
  .block-user-login {
    min-height: 560px;
  }
}

@media (min-width: 600px) and (max-width: 767px) { 

  /* Header */


  /* Page top */
  
  .block-bg {
    padding: 20px 0 30px;
  }
  
  .breadcrumb li a {
    font-size: 12px;
  }
  
  .page-title {
    font-size: 22px !important;
	line-height: 24px !important;
  }
  
  /* Main content */
  
  .block-main-content {
    width: 100%;
	margin: 0 0 65px;
  }
  
  .ue-tab-container {
    display: none;
  }
  
  .fixed {
    position: relative !important;
	top: auto !important;
  }
  
  /* Frontpage */
  
  .block-bg-main-page .left h1 {
    display: none;
  }
  
  .block-bg-main-page .left h3 {
    font-size: 25px;
    line-height: 1.3em;
	text-transform: none;
  }
  
  .block-bg-main-page .right {
    clear: both;
    margin-top: 25px;
	text-align: left;
  }
  
  .block-main-page-top .frontpage-block .go-to-course {
    display: block !important;
  }
  
  .main-page-slider .carousel-inner .item {
    padding-top: 65px;
  }
  
  .main-page-slider .carousel-inner .item .top h3 {
    font-size: 20px;
  }
  
  .main-page-slider .carousel-inner .item .bottom {
    font-size: 14px;
  }
  
  .main-page-features-block {
    margin-bottom: 65px;
  }
  
  .main-page-features-block .inner h5 {
    margin-top: 35px;
  }
  
  .main-page-features-block .formtext-wrapper {
    padding-bottom: 45px;
  }
  
  /* Page news: list */
  
  .block-news .inner {
    margin: 0 !important;
    padding: 30px 0 !important;
  }
  
  .block-all-news .one-news-block {
    width: 90%;
	margin: 0 auto 25px;
    padding: 0;
  }
  
  .block-all-news h3.news-title  { 
    margin-bottom: 20px;
    font-size: 20px;
	line-height: 21px;
  }
  
  .block-all-news .one-news-block .notice {
    font-size: 15px;
  }
  
  .block-all-news .one-news-block .text, 
  .block-all-news .one-news-block .text p {
    font-size: 14px;
  }
  
  /* Page news: one news */
  
  .block-one-news h1.news-title  {
    width: 90%;
	margin: 0 auto 20px;
    font-size: 20px;
	line-height: 21px;
  }
  
  .block-one-news .one-news-block {
    width: 90%;
	margin: 0 auto;
    padding: 0;
  }
  
  .block-one-news .one-news-block .notice {
    font-size: 15px;
  }
  
  .block-one-news .one-news-block .text, 
  .block-news .one-news-block .text p {
    font-size: 14px;
  }
  
  /* Page features */
  
  .block-tutorial.top .overlay {
    padding: 50px 0;
  }
  
  .block-tutorial.top h1 {
    font-size: 24px;
  }
  
  .block-tutorial.registration .left {
    padding: 25px 0;
  }
  
  .block-tutorial.registration .right {
    margin-bottom: 20px;
    background-size: contain;
  }
  
  .block-tutorial h3 {
    margin-bottom: 10px;
    font-size: 20px;
  }
  
  .block-tutorial div.text {
    font-size: 15px;
  }
  
  /* Page how to learn */
  
  .block-how-to-learn .inner {
    padding: 25px 0;
  }
  
  .block-how-to-learn .left,
  .block-how-to-learn .right  {
    padding-top: 15px !important;
	min-height: 100%;
  }
  
  .block-how-to-learn .block-icon {
    padding-bottom: 30px;
  }
  
  .block-how-to-learn h3 {
    font-size: 20px;
  }
  
  .block-how-to-learn div.text {
    font-size: 15px;
  }
  
  .block-start-education .inner h1 {
    font-size: 24px;
  }
  
  /* User login form */
  
  .user-login-form {
    top: -10px;
	padding: 20px 25px;
  }
  
  /* Course page: timeline with modules */
  
  .course-header-left h6 {
    width: 30%;
  }
  
  .course-header-left .btn-group {
    float: left;
  }
  
  .course-header-left .btn-group > .btn:first-child {
    padding: 2px 18px 2px 10px;
  }
  
  .course-header-start-block {
    width: 6% !important;
  }
  
  .course-header-block {
    width: 8.545454% !important;
  }
  
  .course-header-module-number .value {
    float: none !important;
  }
  
  .course-block-info .course-text {
    width: 90%;
  }
  
  .course-block-info .course-name p {
    font-size: 11px;
	padding-left: 3px;
  }
  
  .block-course .course-block-progress h4 {
    padding-left: 4%;
  }
  
  .course-element-wrapper {
    width: 6%;
  }
  
  .course-progress-cell {
    width: 8.545454%;
  }
  
  .course-final-test.locked .icon {
	width: 15px;		
	height: 15px;
	background: url('/img/lock-small.png') no-repeat center center;
  }
  
  /* Course page: menu */
    
  .block-course .course-tabs {
    margin-top: 0;
  }
  
  .block-course .course-tabs-nav {
    display: table;
	width: 100%;
  }
  
  .block-course .course-tabs .nav-tabs {
    display: table-row;
	width: 100%;
	height: 35px;
  }
  
  .block-course .course-tabs .nav-tabs li {
	float: none;
	display: table-cell;
	height: 35px;
	margin: 0 !important;
	text-align: center;
	background: #d5dfe5;
	border-top: none !important;
	border: none !important;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  
  .block-course .course-tabs .nav-tabs li:hover {
    border: none;
	background: #e6eef2;
	-moz-transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
  }
  
  .block-course .course-tabs .nav-tabs li a {
	margin: 0;
	padding: 15px 0;
	font-size: 13px;
	font-weight: bold;
	color: #323c41;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	background: #d5dfe5;
  }
  
  .block-course .course-tabs .nav-tabs li a:hover {
    background: transparent;
  }
  
  .block-course .course-tabs .nav-tabs li.active {
    background: #a4c88b !important;
	overflow: visible;
	position: relative;
  }
  
  .block-course .course-tabs .nav-tabs li.active a {
	font-weight: bold;
	color: #fff;
	background: transparent !important;
	text-shadow: 0 -1px 0 #95be78;
  }
  
  .block-course .course-tabs .nav-tabs li.active .bottom-arrow {
    display: block;
	width: 100%;
	height: 5px;
	position: relative;
	bottom: -5px;
	background: url('/img/course-tabs-bottom-arrow.png') no-repeat center bottom;
  }
  
  /* Course page: content */
  
  .block-course-top {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  
  .block-course-top .lector-block {
    width: 90%;
	margin: 0 auto;
    padding: 25px 0;
  }
  
  .block-course-top .lector-avatar {
    width: 45px;
	height: 45px;
  }
  
  .block-course-top .lector-info .lector-name {
    font-size: 20px;
  }
  
  .block-course .content-block-title {
    font-size: 19px;
  }
  
  .course-main-content-block .title {
    font-size: 16px;
  }
  
  .block-course .course-legend-label {
    float: right;
	text-indent: -9999px;
	font-size: 0;
	border-bottom: none;
  }
  
  .block-course .course-block-progress-wrapper {
    margin-top: 0 !important;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  
  .block-course .course-block-progress-top {
    width: 90%;
	margin: 0 auto 35px;
  }
  
  .block-course .course-header-blocks {
    width: 90%;
	margin: 0 auto;
	padding: 0;
  }
  
  .block-course .course-block-progress {
    width: 90%;
	float: none;
	margin: 0 auto;
	padding: 0;
  }
  
  .course-results-general {
    padding: 0;
  }
  
  .course-accordion-block {
    margin-bottom: 0;
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
  }
  
  .course-accordion-block-passed {
    border-top: 1px solid #699848;
	border-bottom: 1px solid #699848;
  }
  
  .course-accordion-block-non-passed {
    border-top: 1px solid #b0584d;
	border-bottom: 1px solid #b0584d;
  }
  
  .course-accordion-block-active {
    border-top: 1px solid #438eb3;
	border-bottom: 1px solid #438eb3;
  }
  
  .course-accordion-block-non-active {
    border-top: 1px solid #bbc6cd;
	border-bottom: 1px solid #bbc6cd;
  }
  
  .course-accordion-block .panel-heading {
    height: 45px;
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
  }
  
  .course-accordion-block .module-progress-scale {
    height: 45px;
  }
  
  .course-accordion-block .state-arrow-wrapper {
    height: 35px;
	width: 45px;
	padding-top: 10px
  }
  
  .course-accordion-block .course-title-link {
    padding: 14px 15px 15px;
	font-size: 15px;
  }
  
  .course-accordion-block-header-right {
    padding-top: 6px;
  }
  
  .course-accordion-block .panel-collapse,
  .course-accordion-block .panel-collapse.in {
    border-width: 1px;
	border-bottom: none;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
    
  .course-accordion-block .panel-body {
    width: 90%;
	margin: 0 auto;
	padding: 30px 0 !important;
  }
  
  .course-accordion-block .further-icon {
    display: none;
  }
  
  .course-accordion-block .final-module-value {
    margin-bottom: 70px;
  }
  
  .course-accordion-block .final-module-value .inner {
    float: none;
  }
  
  #course-main {
    margin: 0 auto;
    padding: 25px 0;
  }
  
  .course-events-content-block {
    width: 90%;
	margin: 0 auto;
  }
  
  .course-events-content-block .text {
    display: block;
    margin-bottom: 10px;
	padding-left: 55px;
	font-size: 16px;
	line-height: 16px;
  }
  
  .course-events-content-block .module-number a {
    font-size: 20px;
	line-height: 22px;
  }
  
  #course-general-info {
     padding: 25px 0;
  }
  
  .course-general-info-header {
    width: 90%;
	margin: 0 auto;
	padding: 0;
  }
  
  .course-general-info-header .course-header-item {
    margin-right: 5px;
  }
  
  .course-general-info-header .course-theme .icon {
    font-size: 12px;
  }
  
  .course-general-info-body h3 {
    width: 90%;
	margin: 25px auto;
	padding: 0;
	font-size: 20px;
  }
  
  #course-general-info .inline-block {
    padding: 0;
  }
  
  #course-general-info .inline-block p {
    width: 90%;
	margin: 0 auto 10px;
  }
  
  #course-general-info .inline-block ul,
  #course-general-info .inline-block ol {
    width: 80%;
	margin: 10px auto 10px 10%;
  }
  
  .course-structure .panel-heading {
    display: block;
	width: 90%;
	margin: 0 auto;
	padding: 0;
  }
  
  .course-structure .panel-body .left {
    width: 90%;
	margin: 0 auto;
	padding: 30px 0;
  }
  
  .course-structure .panel-body .left .video-block {
    margin-bottom: 5px;
  }
  
  .course-structure .panel-body .right {
    width: 90%;
	margin: 0 auto;
	padding: 0 0 30px;
  }
  
  .section-inline-block .grey-label {
    margin: 15px 0;
  }
  
  /* Course page comments */
  
  .comments-wrapper {
    width: 90%;
	margin: 0 auto;
	padding: 30px 0;
  }
  
  .comments-wrapper h2 {
    margin: 0;
    font-size: 22px;
  }
  
  .comments-wrapper .comment {
    padding: 25px 0;
  }
  
  .comments-wrapper .current-module {
    display: none;
  }
  
  /* Course page: progress bar */
  
  .course-results-bar-inner {
    padding: 30px 4% 10px;
  }
  
  .course-results-bar h4 {
    font-size: 17px;
  }
  
  .bar-current-value-wrapper .your-value,
  .bar-general-value-wrapper .general-value {
    font-size: 16px;
  }
  
  .progress-bar-block .mark-scale {
    display: none;
  }
  
  .user-rating .details-link {
    float: right;
  }
  
  .user-rating .text {
    font-size: 14px;
  }
  
  .user-rating .rating {
    font-size: 17px;
  }
  
  /* Module page */
  
  .test-block-progress {
    margin: 80px auto 30px;
  }
  
  .block-module .inner-white .content-block {
    padding: 30px;
  }
  
  .block-module .content-block .tab-title {
    font-size: 21px;
  }
  
  .block-module .content-block p,
  .block-module .content-block li  {
    font-size: 14px;
  }
  
  #homework-check h3 {
    font-size: 20px;
  }
  
  .module-content .buttons-wrapper {
    margin-top: 20px;
  }
  
  .test-results-summary.wide .left h3 {
    font-size: 23px;
  }
  
  .sticky-sidebar {
    margin-top: 20px;
  }
  
  /* About us page */
  
  .block-about-us .inner {
    margin: 0;
    padding: 30px 0;
  }
  
  .block-about-us .left {
    width: 90%;
	margin: 0 auto;
	padding: 0;
  }
  
  .block-about-us .left h2 {
    font-size: 25px;
	line-height: 25px;
  }
  
  .block-about-us .right {
    width: 90%;
	margin: 0 auto;
	padding: 15px 0 0;
  }
  
  .block-static .inner {
    padding: 0;
  }
  
  .block-static .inner .content {
    width: 90%;
	margin: 0 auto;
	padding: 30px 0;
  }
  
  /* Universities */
  
  .wrapper-universities .inline-block .right {
    padding: 35px 0;
  }
  
  /* User settings */
  
  .edit-photo-overlay .delete-photo .tooltip { 
    display: none !important;
  }
  
  .edit-photo-overlay .change-photo .tooltip { 
    display: none !important;
  }
  
  /* User profile */
  
  .block-user-top {
    height: auto;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .user-info-block {
    width: 90%;
	display: table;
	margin: 0 auto;
	padding: 30px 0;
	float: none;
  }
  
  .user-info-block .user-photo {
    width: 80px;
	height: 80px;
    margin-right: 4%;
  }
  
  .user-info-block .user-info {
    width: 80%;
	padding-top: 0;
  }
  
  .block-user-progress {
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .user-progress-overlay .message-empty {
    margin: 0 20px;
	font-size: 19px;
  }
  
  .user-progress-scale-wrapper {
    max-height: 100%;
  }
  
  .user-progress-scale {
    display: block;
	width: 100%;
  }
  
  #holder svg tspan {
    font-family: 'Roboto';
    font-size: 10px;
  }
  
  .user-scale-results {
    display: block;
	width: 100%;
  }
  
  .user-progress-history {
    width: 90%;
	margin: 0 auto;
	padding: 30px 0;
  }
  
  .user-scale-results .all-results {
    width: 49.5%;
	float: left;
	padding: 35px 0;
	border-right: 2px solid #4ca9d8;
  }
  
  .user-scale-results .month-results {
    width: 50%;
	float: left;
	padding: 35px 0;
  }
  
  .user-progress-history .courses-recommended {
    margin-top: 0;
  }
  
  .user-progress-history .course-number-and-name {
    float: left;
	width: 50%;
	margin: 0 0 5px 0;
  }
  
  .user-progress-history .course-marks {
    float: left;
	width: 17%;
    margin: 0 4% 5px 0;
  }
  
  .user-progress-history .course-further {
    width: 28%;
    float: right;
    margin: 0 0 5px 0;
  }
  
  .user-notifications {
    margin: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .user-notifications .inner {
    width: 90%;
	margin: 0 auto;
	padding: 30px 0;
  }
  
  .user-notifications .notifications-header {
    height: 20px;
  }

  .notifications-content .inline-block .course-event-highlighted {
    max-width: 100%;
  }
  
  /* User login */
  
  .block-user-login {
    display: inline-block;
    height: 100%;
	min-height: 550px;
	margin-bottom: 65px;
    background: #d5dfe5;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
  }
  
  .user-login-form {
    margin: 0;
	max-width: none;
	border-width: 1px 0 0 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  
  /* Comments */
  
  .add-answer .send-btn-wrapper .text {
    margin: 0;
  }
  
  /* Video: module page */
  
  .block-module .media-block .video-stopped,
  .block-module .media-block .fp-help.real {
    display: none !important;
  }
  
  /* Video not found */
  
  .empty-videoblock {
    max-height: 400px;
  }
  
  /* Page error */
  
  .container-error {
    overflow-y: hidden;
  }
  
  .block-error {
    left: 30%;
  }
  
  .block-error .left h1 {
    margin-top: 20px;
  }
  
  .block-error .right {
    display: none;
  }
  
  /* Footer */
  
  .social-icons {
    float: right !important;
  }
  
}

@media (min-width: 600px) and (max-width: 767px) and (orientation: landscape) {
  
  .block-user-login {
    min-height: 520px;
  }
}

@media (min-width: 768px) and (max-width: 979px) {

  /* Header */

  .main-menu .nav > li > a {
      padding-right: 10px;
      font-size: 13px;
  }
  
  /* Page top */
  
  .block-bg {
    padding: 40px 0;
  }
  
  /* Frontpage */
  
  .block-bg-main-page .left h1 {
    font-size: 30px;
	line-height: 30px;
  }
  
  .block-bg-main-page .left h3 {
    font-size: 24px;
	line-height: 26px;
  }
  
  .block-bg-main-page .right {
    clear: both;
  }
  
  .block-main-page-top .go-to-course .text {
    font-size: 12px;
  }
  
  .block-main-page-top .go-to-course .icon {
    display: none;
  }
  
  .block-main-page-top .feedback-block .block-description {
    padding: 35px 25px 0;
  }
  
  .block-main-page-top .feedback-block .block-description .icon {
    margin-bottom: 15px;
  }
  
  .block-main-page-top .feedback-block .block-description .content h6 {
    margin: 0 0 5px;
    font-size: 14px;
  }
  
  .block-main-page-top .feedback-block .block-description .content span {
    font-size: 12px;
  }
  
  .main-page-features-block .formtext-wrapper {
    padding-bottom: 50px;
  }
  
  /* Page news */
  
  .block-all-news h3.news-title {
    font-size: 21px;
	line-height: 23px;
  }
  
  .block-one-news h1.news-title {
    font-size: 22px;
	line-height: 23px;
  }
  
  /* Page features */
  
  .block-tutorial.top .overlay {
    padding: 60px 0;
  }
  
  .block-tutorial.top h1 {
    font-size: 26px;
  }
  
  .block-tutorial.registration .left {
    padding: 25px 0;
  }
  
  .block-tutorial h3 {
    margin-bottom: 15px;
    font-size: 21px;
  }
  
  .block-tutorial div.text {
    font-size: 14px;
  }
  
  /* Page learning */
  
  .block-how-to-learn .inner {
    padding: 15px 0;
  }
  
  .block-how-to-learn.left,
  .block-how-to-learn.right  {
    padding-top: 15px !important;
  }
  
  .block-how-to-learn .block-icon {
    padding-bottom: 30px;
  }
  
  .block-how-to-learn h3 {
    font-size: 21px;
  }
  
  .block-how-to-learn div.text {
    font-size: 14px;
  }
  
  /* Course page: timeline with modules */
  
  .course-header-left h6 {
    width: 26%;
	font-size: 13px;
  }
  
  .block-course .course-block-progress h4 {
    padding-left: 4%;
  }
  
  .course-header-start-block {
    width: 5% !important;
  }
  
  .course-header-block {
    width: 8.636363% !important;
  }
  
  .course-header-module-number .value {
    float: none !important;
  }

  .block-course .course-block-progress h4 {
    padding-left: 4%;
  }
  
  .course-element-wrapper {
    width: 5%;
  }
  
  .course-progress-cell {
    width: 8.636363%;
  }
  
  /* Course page: menu and content */
  
  .block-course-top .video-block {
    width: 100%;
  }
  
  .block-course-top .lector-block {
    width: 100%;
  }
  
  .block-course .course-tabs .nav-tabs li a {
    padding: 15px;
  }
  
  .course-accordion-block .final-module-value {
    margin-left: 0 !important;
  }
  
  .course-accordion-block .final-module-value .inner {
    float: none;
  }

  .course-structure .panel-body .left {
    padding-bottom: 15px;
  }

  .course-structure .panel-body .right {
    padding-top: 15px;
  }
  
  /* Module page */
  
  .block-module .inner-white .media-block {
    width: 100%;
  }
  
  .block-module .inner-white .content-block.right {
    width: 100%;
	margin: 0 !important;
	padding: 35px;
  }
  
  .block-module .lector-block {
    width: 100%;
  }
  
  .block-module .lector-info {
    padding-left: 5px;
  }
  
  .block-module .nav-block {
    float: none;
	width: 100%;
  }
  
  .block-module .nav-tabs {
    margin-top: 10px;
	width: 100%;
  }
  
  #moduleVideoPlayer.is-error {
    min-height: 250px;
  }
  
  .block-module .content-block .tab-title {
    font-size: 22px;
  }
  
  .block-module .content-block p,
  .block-module .content-block li  {
    font-size: 14px;
  }
  
  #homework-check h3 {
    font-size: 22px;
  }
  
  .tooltip {
    max-width: 215px !important;
  }
  
  .test-results-message {
    font-size: 16px;
  }
  
  /* About us page */
  
  .block-about-us .right {
    margin-top: 20px;
    padding: 0 35px;
  }
  
  .block-about-us .right .icon {
    display: none !important;
  }
  
  /* User profile */
  
  #holder svg tspan {
    font-family: 'Roboto';
    font-size: 10px;
  }
  
  .block-user-top .edit-profile-btn.bottom { 
    display: block !important;
  }

  .notifications-content .inline-block .course-event-highlighted {
    max-width: 100%;
  }
  
  /* User login */
  
  .block-user-login {
    min-height: 890px;
  }
  
  /* Page error */
  
  .block-error {
    left: 35%;
  }
  
  .block-error .left h1 {
    margin-top: 30px;
  }
  
  .block-error .right {
    display: none;
  }
  
  /* Video not found */
  
  .empty-videoblock {
    max-height: 320px;
  }
  
  /* Video: module page */
  
}

@media (max-width: 1199px) and (min-width: 768px) {
  .main-menu .nav li>a {
    padding-right: 10px;
    font-size: 13px;
  }
}

@media (min-width: 1200px) and (max-width: 1450px) {
  .main-menu .nav li> a {
    padding-right: 10px;
    font-size: 14px;
  }
}

@media (min-width: 980px) and (max-width: 1150px) {
  
  /* Course page: content */
  
  .block-course-top .video-block {
    width: 100%;
  }
  
  .block-course-top .lector-block {
    width: 100%;
  }

  .course-structure .panel-body .left {
      padding-bottom: 15px;
  }

  .course-structure .panel-body .right {
      padding-top: 15px;
  }
  
  /* Module page */
  
  .block-module .inner-white .media-block {
    width: 100%;
  }
  
  .block-module .inner-white .content-block.right {
    width: 100%;
	margin: 0 !important;
	padding: 35px;
  }
  
  /* About us page */
  
  .block-about-us .right {
    margin-top: 20px;
    padding: 0 35px;
  }

  /* User profile */

  .notifications-content .inline-block .course-event-highlighted {
    max-width: 100%;
  }
  
  /* Video: module page */
  
  .block-module .flowplayer.is-mouseover .fp-timeline {
    max-width: 660px;
  }
  
  /* Page error */
  
  .block-error {
    left: 35%;
  }
  
}

@media (min-width: 980px) and (max-width: 1199px) {

  /* Header */
  
  /* Frontpage */
  
  .block-bg-main-page .left h1 {
    font-size: 32px;
	line-height: 32px;
  }
  
  .block-bg-main-page .left h3 {
    font-size: 26px;
	line-height: 28px;
  }
  
  .block-main-page-top .feedback-block .block-description {
    padding: 35px 25px 0;
  }
  
  .block-main-page-top .feedback-block .block-description .icon {
    margin-bottom: 15px;
  }
  
  .block-main-page-top .go-to-course .icon {
    display: none;
  }
  
  /* Page news */
  
  .block-all-news h3.news-title {
    font-size: 22px;
	line-height: 23px;
  }
  
  .block-one-news h1.news-title {
    font-size: 24px;
	line-height: 25px;
  }
  
   /* Page features */
  
  .block-tutorial.top .overlay {
    padding: 65px 0;
  }
  
  .block-tutorial.top h1 {
    font-size: 26px;
  }
  
  .block-tutorial.registration .left {
    padding: 35px 0;
  }
  
  .block-tutorial h3 {
    margin-bottom: 15px;
    font-size: 22px;
  }
  
  .block-tutorial div.text {
    font-size: 15px;
  }
  
  /* Page learning */
  
  .block-how-to-learn .inner {
    padding: 20px 0;
  }
  
  .block-how-to-learn.left,
  .block-how-to-learn.right  {
    padding-top: 15px !important;
  }
  
  .block-how-to-learn .block-icon {
    padding-bottom: 30px;
  }
  
  .block-how-to-learn h3 {
    font-size: 22px;
  }
  
  .block-how-to-learn div.text {
    font-size: 15px;
  }
  
  /* Course page: content */
  
  .register-course a .icon {
    display: none;
  }
  
  /* Course page: timeline with modules */
  
  .course-header-left h6 {
    width: 32%;
  }
  
  .course-header-start-block {
    width: 4.5% !important;
  }
  
  .course-header-block {
    width: 8.681818% !important;
  }
  
  .course-header-right .course-header-module-number {
    font-size: 8px;
	line-height: 10px;
  }
  
  .block-course .course-header-module-number {
    width: 67%;
	font-size: 9px;
  }
  
  .course-header-right .course-header-module-number .text {
    padding: 0 3px 0 15%;
  }
  
  .course-element-title {
    display: none !important;
  }
  
  .course-block-progress .video-icon,
  .course-block-progress .test-icon,
  .course-block-progress .homework-icon,
  .course-block-progress .checkhomework-icon  {
    display: block !important;
  }
  
  .course-element-wrapper {
    width: 4.5%;
  }
  
  .course-progress-cell {
    width: 8.681818%;
  }
  
  /* Module page */
  
  .block-module .lector-block {
    width: 100%;
  }
  
  .block-module .nav-block {
    float: none;
	width: 100%;
  }
  
  .block-module .nav-tabs {
	width: 100%;
  }
  
  .block-module-tabs .nav-tabs a {
    display: block !important;
	font-size: 12px;
	padding: 15px 7px !important;
  }
  
  .module-time {
    padding: 15px 7px !important;
    font-size: 12px;
  }
  
  #moduleVideoPlayer.is-error {
    min-height: 320px;
  }
  
  .block-module .content-block .tab-title {
    font-size: 26px;
  }
  
  .block-module .content-block p,
  .block-module .content-block li  {
    font-size: 15px;
  }
  
  .module-content .buttons-wrapper {
    margin-top: 20px;
  } 
  
  /* User profile */
  
  #holder svg tspan {
    font-family: 'Roboto';
    font-size: 11px;
  }
  
  /* Video not found */
  
  .empty-videoblock {
    max-height: 350px;
  }
  
  .block-error {
    left: 37%;
  }
  
}

@media (max-width: 1579px) {
  .checkbox--label {font-size: 12px;}
}

@media (max-width: 1524px) {
  .checkbox--label {font-size: 11px;}
}

@media (max-width: 1423px) {
  .datepicker--filter li {width: auto; float: none; padding: 0 !important;}
}

@media (max-width: 1457px) {
  .table-condensed>tbody>tr>td {padding: 1.4% 0;}
}

@media (max-width: 1305px) {
  .table-condensed>tbody>tr>td {padding: 1.15% 0;}
}

@media (max-width: 1244px) {
  .header-bottom .wrapper ul>li {margin: 0 0 0 60px;}
}

@media (max-width: 1205px) {
  .table-condensed>tbody>tr>td {padding: .8% 0;}
}

@media (max-width: 1188px) {
  .header-bottom .wrapper ul>li {margin: 0 0 0 50px;}
}

@media (max-width: 1133px) {
  .header-bottom .wrapper ul>li {margin: 0 0 0 40px;}
}

@media (max-width: 1090px) {
  .header-bottom .wrapper ul>li {margin: 0 0 0 30px;}
  .middle .header-course h4 {font-size: 30px;}
}

@media (max-width: 1022px) {
  .header-bottom .wrapper ul>li {margin: 0 0 0 20px;}
  .table-condensed>tbody>tr>td {padding: 0;}
}

@media (max-width: 974px) {
  .middle .header-course h4 {font-size: 28px;}
}

@media (max-width: 991px) {
  .datepicker.datepicker-inline, .datepicker--filter {display: none;}
}

@media (max-width: 966px) {
  .header-bottom .wrapper ul>li a {font-size: 13px;}
  .header-bottom .wrapper .category {font-size: 22px;}
}

@media (max-width: 931px) {
  .middle .header-course {width: 100%;}
  .middle .header-course h4 {width: 100%;}
  .middle .group-date {top: 41px;}
  .middle .header-course h4 {font-size: 22px;}
  .middle .header-course .date {font-size: 16px;}
  .middle .header-course .more {font-size: 14px;}
}

@media (max-width: 901px) {
  .middle .header-course .chapter {font-size: 10px;}
  .middle .header-course h4 {font-size: 20px;}
}

@media (max-width: 942px) {
  .middle .header-course h4 {font-size: 18px;}
  .header-bottom .wrapper ul>li {margin: 0 0 0 20px;}
}

@media (max-width: 808px) {
  .middle .item img {max-width: none !important; height: 100%; left: auto;}
}

@media (max-width: 774px) {
  .header-bottom .wrapper ul>li {margin: 0 0 0 5px;}
}

@media (max-width: 745px) {
  .middle .header-course .start {margin: 0 auto;}
  .middle .header-course .more {margin: 73px 0 0;}
  .middle .group-date {top: 20px;}
}

@media (max-width: 730px) {
  .middle .group-date {display: none;}
}

@media (max-width: 677px) {
  .group-date>ul>li>a, .group-date>ul>li>a:before {font-size: 11px;}
  .header-bottom .wrapper ul>li {margin: 0; float: none; display: block;}
  .header-bottom .wrapper ul>.dropdown {float: none;}
  .middle .header-course .start {display: none;}
}

@media (min-width: 1200px) and (max-width: 1280px) {

  /* Header */

  
  /* Frontpage */
  
  .block-bg-main-page .left h1 {
    font-size: 34px;
	line-height: 34px;
  }
  
  .block-bg-main-page .left h3 {
    font-size: 28px;
	line-height: 32px;
  }
  
  .block-main-page-top .feedback-block .block-description {
    padding: 45px 35px 0;
  }
  
  .block-main-page-top .feedback-block .block-description .icon {
    margin-bottom: 20px;
  }
  
  /* Page news */
  
  .block-all-news h3.news-title {
    font-size: 24px;
	line-height: 25px;
  }
  
  .block-one-news h1.news-title {
    font-size: 26px;
	line-height: 27px;
  }
  
  /* Page features */
  
  .block-tutorial.top .overlay {
    padding: 75px 0;
  }
  
  .block-tutorial.top h1 {
    font-size: 28px;
  }
  
  .block-tutorial.registration .left {
    padding: 45px 0;
  }
  
  .block-tutorial h3 {
    margin-bottom: 15px;
    font-size: 23px;
  }
  
  .block-tutorial div.text {
    font-size: 16px;
  }
  
  /* Page learning */
  
  .block-how-to-learn .inner {
    padding: 25px 0;
  }
  
  .block-how-to-learn.left,
  .block-how-to-learn.right  {
    padding-top: 15px !important;
  }
  
  .block-how-to-learn .block-icon {
    padding-bottom: 35px;
  }
  
  .block-how-to-learn h3 {
    font-size: 23px;
  }
  
  .block-how-to-learn div.text {
    font-size: 16px;
  }
  
  /* Course page: timeline with modules */
  
  .course-header-left h6 {
    width: 30%;
  }
  
  .course-block-info .course-name p {
    font-size: 13px;
  }
  
  .course-header-start-block {
    width: 4.5% !important;
  }
  
  .course-header-block {
    width: 8.681818% !important;
  }
  
  .course-header-right .course-header-module-number {
    font-size: 9px;
	line-height: 11px;
  }
  
  .block-course .course-header-module-number {
    font-size: 9px !important;
  }
  
  .course-header-right .course-header-module-number .text {
    padding: 0 3px 0 10%;
  }
  
  .course-element-title {
    display: none !important;
  }
  
  .course-block-progress .video-icon,
  .course-block-progress .test-icon,
  .course-block-progress .homework-icon,
  .course-block-progress .checkhomework-icon  {
    display: block !important;
  }
  
  .course-element-wrapper {
    width: 4.5%;
  }
  
  .course-progress-cell {
    width: 8.681818%;
  }
  
  /* Module page */
  
  .block-module-tabs .nav-tabs a {
	font-size: 12px;
  }
  
  /* Video not found */
  
  .empty-videoblock {
    max-height: 400px;
  }
  
}

@media (min-width: 1281px) and (max-width: 1366px) {

  /* Header */

  
  /* Frontpage */
  
  .block-bg-main-page .left h1 {
    font-size: 36px;
	line-height: 36px;
  }
  
  .block-bg-main-page .left h3 {
    font-size: 30px;
	line-height: 34px;
  }
  
  /* Page news */
  
  .block-all-news h3.news-title {
    font-size: 25px;
	line-height: 26px;
  }
  
  .block-one-news h1.news-title {
    font-size: 28px;
	line-height: 29px;
  }
  
  /* Page features */
  
  .block-tutorial.top .overlay {
    padding: 95px 0;
  }
  
  .block-tutorial.top h1 {
    font-size: 30px;
  }
  
  .block-tutorial.registration .left {
    padding: 70px 0;
  }
  
  .block-tutorial h3 {
    margin-bottom: 15px;
    font-size: 24px;
  }
  
  .block-tutorial div.text {
    font-size: 17px;
  }
  
  /* Page learning */
  
  .block-how-to-learn .inner {
    padding: 35px 0;
  }
  
  .block-how-to-learn.left,
  .block-how-to-learn.right  {
    padding-top: 15px !important;
  }
  
  .block-how-to-learn .block-icon {
    padding-bottom: 35px;
  }
  
  .block-how-to-learn h3 {
    font-size: 24px;
  }
  
  .block-how-to-learn div.text {
    font-size: 17px;
  }
  
  /* Course page: timeline with modules */
  
  .course-header-left h6 {
    width: 30%;
  }
  
  .course-block-info .course-name p {
    font-size: 13px;
  }
  
  .course-header-start-block {
    width: 4.5% !important;
  }
  
  .course-header-block {
    width: 8.681818% !important;
  }
  
  .course-header-module-number {
    font-size: 9px !important;
  }
  
  .block-course .course-header-module-number {
    font-size: 10px !important;
  }
  
  .course-header-right .course-header-module-number .text {
    padding: 1px 3px 1px 20%;
  }
  
  .course-element-title {
    display: none !important;
  }
  
  .course-block-progress .video-icon,
  .course-block-progress .test-icon,
  .course-block-progress .homework-icon,
  .course-block-progress .checkhomework-icon  {
    display: block !important;
  }
  
  .course-element-wrapper {
    width: 4.5%;
  }
  
  .course-progress-cell {
    width: 8.681818%;
  }
  
  /* Video not found */
  
  .empty-videoblock {
    max-height: 430px;
  }
  
}

@media (min-width: 1367px) and (max-width: 1499px) {

  /* Header */
  
  .top-menu .top-menu-list li a {
	font-size: 13px;
  }
  
  /* Frontpage */
  
  .block-bg-main-page .left h1 {
    font-size: 38px;
	line-height: 38px;
  }
  
  .block-bg-main-page .left h3 {
    font-size: 32px;
	line-height: 36px;
  }
  
  /* Page news: one news page */
  
  .block-news h1.news-title {
    font-size: 31px;
	line-height: 32px;
  }
  
  /* Page features */
  
  .block-tutorial.top .overlay {
    padding: 105px 0;
  }
  
  .block-tutorial.top h1 {
    font-size: 31px;
  }
  
  .block-tutorial.registration .left {
    padding: 100px 0;
  }
  
  .block-tutorial h3 {
    margin-bottom: 15px;
    font-size: 24px;
  }
  
  .block-tutorial div.text {
    font-size: 17px;
  }
  
  /* Page learning */
  
  .block-how-to-learn .inner {
    padding: 45px 0;
  }
  
  .block-how-to-learn.left,
  .block-how-to-learn.right  {
    padding-top: 15px !important;
  }
  
  .block-how-to-learn .block-icon {
    padding-bottom: 40px;
  }
  
  .block-how-to-learn h3 {
    font-size: 24px;
  }
  
  .block-how-to-learn div.text {
    font-size: 17px;
  }
  
  /* Course page: timeline with modules */
  
  .course-header-left h6 {
    width: 30%;
  }
  
  .course-header-module-number {
    font-size: 10px !important;
  }
  
  .block-course .course-header-module-number {
    font-size: 10px !important;
  }
  
  .course-header-right .course-header-module-number .text {
    padding-left: 20%;
  }
  
  .course-element-title {
    font-size: 11px;
  }
  
}

@media (min-width: 1500px) and (max-width: 1799px) {
   
  /* Header */
  
  /* Page features */
  
  .block-tutorial.top .overlay {
    padding: 115px 0;
  }
  
  .block-tutorial.top h1 {
    font-size: 31px;
  }
  
  .block-tutorial.registration .left {
    padding: 110px 0;
  }
  
  .block-tutorial h3 {
    margin-bottom: 20px;
    font-size: 24px;
  }
  
  .block-tutorial div.text {
    font-size: 18px;
  }
  
   /* Page learning */
  
  .block-how-to-learn .inner {
    padding: 60px 0;
  }
  
  .block-how-to-learn.left,
  .block-how-to-learn.right  {
    padding-top: 15px !important;
  }
  
  .block-how-to-learn .block-icon {
    padding-bottom: 45px;
  }
  
  .block-how-to-learn h3 {
    font-size: 24px;
  }
  
  .block-how-to-learn div.text {
    font-size: 18px;
  }
  
  /* Course page: timeline with modules */
  
  .course-header-left h6 {
    width: 30%;
  }
  
  .course-header-module-number {
    font-size: 10px !important;
  }
  
  .block-course .course-header-module-number {
    font-size: 10px !important;
  }
  
  .course-header-right .course-header-module-number .text {
    padding-left: 20%;
  }

}

/* For user login page */

@media screen and (min-width: 1680px) and (max-width: 1900px), screen and (min-height: 1050px) and (max-height: 1100px) {
  
  .block-user-login {
    min-height: 935px;
  }
}

@media screen and (min-width: 1921px), screen and (min-height: 1201px) {
  
  .block-user-login {
    min-height: 1135px;
  }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .main-menu .nav li>a {
        padding-right: 10px;
        font-size: 14px;
    }
}


@media (max-width: 1350px) and (min-width: 1200px) {
    .user-name.visible-lg {
        font-size: 15px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .user-data:after {
        left: 0;
        right: 0;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .user-data:after {
        left: 0;
        right: 0;
    }
}

@media (max-width: 1450px) and (min-width: 1200px) {
  .main-logo .pull-left {
    width: 16%;
    margin-right: 2%;
  }
  .main-logo .pull-right {
    width: 78%;
  }
}

@media (max-width: 1200px) {
  .user-data {
    height: 0;
  }
}