.navbar-toggle-2 {
    padding: 14px 13px;
    height: 50px;
    margin: 5px;
    background: none;
    border: 1px solid #fff;
    width: 50px;
}
.navbar-toggle-2 .icon-bar {
    height: 2px;
    display: block;
    width: 22px;
    background: #fff;
}

.navbar-nav {
    margin-left: 0;
}
.lazy.loaded {
    min-height: auto;
    margin: 0;
    position: static;
    background: none;
}
.ref-avatar {
    right: 50%;
    -webkit-transform: translate(+50%, -50%);
    -ms-transform: translate(+50%, -50%);
    transform: translate(+50%, -50%);
    top: 43%;
    width: -webkit-calc(7%);
    width: calc(7%);
    max-width: 35px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 26px;
    height: 3px;
    background-color: #fff;
}

.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/*страница прогресса*/
.border-block {
    border: 1px solid #345ca0;
    margin-bottom: 15px;
    padding: 7px 15px;
}
.p15 {
    padding: 0 15px;
}
.m15 {
    margin: 0 15px;
}
.w100 {
    width: 100%;
}
.w50 {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
}
.w33 {
    width: -webkit-calc(33.3333% - 10px);
    width: calc(33.3333% - 10px);
}
.w25 {
    width: -webkit-calc(25% - 10px);
    width: calc(25% - 10px);
}
::-webkit-scrollbar{
    width:6px;
}
::-webkit-scrollbar-thumb{
    border-width:0;
    background-color: #345ca0;
}
::-webkit-scrollbar-thumb:hover{
    border-width: 0;
    background-color: #3e6dbd;
}
::-webkit-scrollbar-track{
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
}
::-webkit-scrollbar-track:hover{
    /*border-left: solid 1px #3e6dbd;*/
    /*background-color: #3e6dbd;*/
}



.progress-border {
    border: 1px solid #345ca0;
    margin-top: 0;
}
.progress-color {
    border: 1px solid #c0d1f0;
    position: relative;
    margin-top: 0;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.progress-color .progress-bar {
    background-color: #c0d1f0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.progress-color>span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    color:#345ca1;
    font-size: 12px;
}
.color-tabs-2 {
    border: 1px solid #345ca0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.color-tabs-2>li {
    margin: 0;
    width: 100%;
}
.color-tabs-2 a {
    color: #325aab !important;
    text-shadow: none;
    margin: 0 !important;
    border: 0 !important;
    padding: 0 7px !important;
    text-align: center;
    text-transform: uppercase;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 40px;
}
.color-tabs-2 .active a, .color-tabs-2 .active {
    color: #fff !important;
    background: #345ca0 !important;
}


.info-progress-block-2 h4:before, .info-progress-block-3 h4:before, .info-progress-block-4 h4:before, .info-progress-block-5 h4:before {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    min-height: 61px;
    vertical-align: middle;
    width: 58px;
    margin-right: 12px;
}

.info-progress>h4 {
    margin-top: 20px;
}
.info-progress-block-item h6 {
    margin-bottom: 3px;
    font-family: 'gilroy-l', serif;
    font-weight: normal;
    color: #345ca0;
}
.info-progress-block-label {
    color: #345ca0;
    text-align: center;
    font-size: 15px;
    margin-top: 5px
}
.info-progress-block-value {
    text-align: center;
    color: #adadad;
    font-weight: bold;
    line-height: 12px;
}
.info-progress-block-value.active {
    color: #68b660;
}
.info-progress-block-test-ico {
    background: url("../images/progress/test-ico.png") center no-repeat;
}
.info-progress-block-exam-ico {
    background: url("../images/progress/exam-ico.png") center no-repeat;
}
.info-progress-block-crowdfunding-ico {
    background: url("../images/progress/crowdfunding-ico.png") center no-repeat;
}
.info-progress-block-test-ico, .info-progress-block-exam-ico, .info-progress-block-crowdfunding-ico {
    -webkit-background-size: auto 64%;
    background-size: auto 64%;
    width: 42px;
    height: 42px;
    margin: auto;
    border: 1px solid #345ca0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}
.info-progress-block-certificate-1 {
    background-image: url("../images/map_training/map-training-certificate-1.png");
}
.info-progress-block-certificate-2 {
    background-image: url("../images/map_training/map-training-certificate-2.png");
}
.info-progress-block-certificate-3 {
    background-image: url("../images/map_training/map-training-certificate-3.png");
}
.info-progress-block-certificate.active:after, .info-progress-block-test-ico.active:after, .info-progress-block-exam-ico.active:after, .info-progress-block-crowdfunding-ico.active:after {
    content: ' ';
    display: inline-block;
    background: url("../images/map_training/map-training-certificate-active.png") no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: absolute;
    right: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.info-progress-block-certificate {
    margin: 25px auto;
    width: 120px;
    height: 83px;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    position: relative;
}
.info-progress-block-status {
    margin-top: 20px;
}
.info-progress-block-test, .info-progress-block-exam, .info-progress-block-crowdfunding {
    margin: 25px 0;
}
.scroll-y {
    overflow: auto;
    max-height: 241px;
    min-height: 240px;
    padding-right: 8px;
}
.info-progress-block-5 h4, .info-progress-block-4 h4, .info-progress-block-3 h4, .info-progress-block-2 h4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.info-progress-block-1>div span {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
}
/*страница прогресса*/



/*Карта прогресс*/
@font-face {
    font-family: DeusEx;
    src: url("../fonts/DeusEx.otf");
}
@font-face {
    font-family: avantgardegothicc;
    src: url("../fonts/avantgardegothicc.otf");
}
.map-training {
    font-family: avantgardegothicc;
    color: #355ca1;
    font-size: 8px;
    margin: 15px;
    position: relative;
    z-index: 1;
}
.map-training-package {
    font-family: DeusEx;
    font-size: 8px;
    max-width: 94px;
    width: 100%;
    position: relative;
}
.map-training a {
    display: inline-block;
    color:#355ca1;
    text-decoration: none;
    text-align: center;
}

.map-training-row .buy-1:after{
    content: 'ОТКРЫТЬ';
}
.map-training-course:after {
    content: 'ЗАКРЫТО';
    display: inline-block;
    padding: 1px 2px;
    border: 1px solid;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.map-training-row .active-1:after {
    content: 'НАЧАТЬ';
}
.map-training-row .active-2:after {
    content: 'ПРОЙДЕН';
}
.map-training-test:after {
    content: 'ПРОЙТИ ТЕСТ';
    display: inline-block;
}
.map-training-row-4 .map-training-test:after {
    content: 'ПРОЙТИ ЭКЗАМЕН';
}
.map-training-test.active:after {
    content: 'ТЕСТ ПРОЙДЕН';
}
.map-training-row-4 .map-training-test.active:after {
    content: 'ЭКЗАМЕН ПРОЙДЕН';
}
.map-training-package-ico, .map-training-course-ico, .map-training-course-ico:before, .map-training-test-ico, .map-training-certificate {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    min-height: 90px;
    background-color: #fff;
}
.map-training-certificate.active:after {
    position: absolute;
    content: ' ';
    right: -46px;
    top: 50%;
    height: 34px;
    width: 34px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    background: url("../images/map_training/map-training-certificate-active.png") no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
}
.map-training-package-checkbox:after {
    content: '';
    display: block;
    background: url("../images/map_training/map-training-package-checkbox.png") no-repeat center;
    -webkit-background-size: contain !important;
    background-size: contain !important;
    height: 15px;
    margin: 1px 0;
    margin-bottom: 12px;
}
.map-training-package.active .map-training-package-checkbox:after {
    background: url("../images/map_training/map-training-package-checkbox-active.png") no-repeat center;
}
.map-training-row-2 .map-training-certificate {
    background-image: url("../images/map_training/map-training-certificate-1.png");
}
.map-training-row-3 .map-training-certificate {
    background-image: url("../images/map_training/map-training-certificate-2.png");
}
.map-training-row-4 .map-training-certificate {
    background-image: url("../images/map_training/map-training-certificate-3.png");
}
.map-training-package-ico {
    background-image: url("../images/map_training/map-training-package-ico-1.png");
}
.map-training-course-ico:before {
    content: ' ';
    display: block;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    top: 0;
    left: 50%;
    bottom: 0;
    height: 100%;
    width: 100%;
    max-width: 44px;
    background-image: url("../images/map_training/map-training-course-ico.png");
}
.map-training-test-ico {
    background-image: url("../images/map_training/map-training-test-ico.png");
    min-height: 43px;
    margin: 0 auto;
    margin-bottom: 10px;
    max-width: 35px;
}
.map-training-test-2 .map-training-test-ico {
    background-image: url("../images/map_training/crowdfunding.png");
}
.map-training-test.active .map-training-test-ico {
    background-image: url("../images/map_training/map-training-test-ico-active.png");
}
.map-training-test-2.active .map-training-test-ico {
    background-image: url("../images/map_training/crowdfunding.png");
}
.active-1 .map-training-course-ico:before {
    background-image: url("../images/map_training/map-training-course-ico-active-1.png");
}
.buy-1 .map-training-course-ico:before {
    background-image: url("../images/map_training/map-training-course-ico-buy-1.png");
}
.active-2 .map-training-course-ico:before {
    background-image: url("../images/map_training/map-training-course-ico-active-2.png");
}
.map-training-row-2 .map-training-package-ico {
    background-image: url("../images/map_training/map-training-package-ico-2.png");
}
.map-training-row-3 .map-training-package-ico {
    background-image: url("../images/map_training/map-training-package-ico-3.png");
}
.map-training-row-4 .map-training-package-ico {
    background-image: url("../images/map_training/map-training-package-ico-4.png");
}
.map-training-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.map-training-info, .show-info {
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 160px;
    padding: 6px 8px;
    -webkit-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
    left: 50%;
    bottom: 0;
    background: #9aadd0;
    color: #ffffff;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.show-info {
    right: 50%;
    left: auto;
    top: auto;
    font-size: 12px;
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-border-radius: 5px 5px 0 5px;
    border-radius: 5px 5px 0 5px;
}
.map-training-info:after, .show-info:after {
    display: inline-block;
    content: ' ';
    position: absolute;
    bottom: -10px;
    left: 0;
    border: 5px solid transparent;
    border-left: 5px solid #9aadd0;
    border-top: 5px solid #9aadd0;
}
.show-info:after {
    right: 0;
    left: auto;
    border-left: 5px solid transparent;
    border-right: 5px solid #9aadd0;
}


.map-training-course:hover .map-training-info, *:hover>.show-info {
    bottom: -webkit-calc(100% + 17px);
    bottom: calc(100% + 17px);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}


.map-training-courses {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.map-training-course-ico:before {
    min-height: 57px;
}
.map-training-test {
    padding-bottom: 6px;
}
.map-training-row-2, .map-training-row-3 {
    padding-bottom: 85px;
}
.map-training-course {
    min-width: 44px;
}
.rel {
    position: relative;
}
.map-training-certificate {
    width: 100%;
    max-width: 119px;
    min-height: 82px;
    margin-bottom: 8px;
    position: relative;
}
.map-training-row-1 {
    max-width: 251px;
    padding-bottom: 52px;
}
.map-training-row-2 {
    max-width: 911px;
    padding-right: 55px;
}
.map-training-row-3 {
    padding-right: 55px;
    max-width: 1146px;
}
.map-training-row-4 {
    padding-right: 55px;
    max-width: 1454px;
}
.map-training-row-2 .map-training-courses, .map-training-row-3 .map-training-courses, .map-training-row-4 .map-training-courses {
    width: -webkit-calc(100% - 220px);
    width: calc(100% - 220px);
    padding-left: 25px;
    padding-right: 25px;
    margin-right: 60px;
}
.map-training-row-4 .map-training-courses {
    width: -webkit-calc.map-training-row-4 .map-training-courses-pack(100% - 237px);
    width: -webkit-calc(100% - 237px);
    width: calc(100% - 237px);
    padding-right: 6px;
    margin-right: 25px;
}
.map-training-courses-pack {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 1;
}
.map-training-row-3 .map-training-courses-pack {
    width: 43%;
}
.map-training-row-3 .map-training-courses-pack:nth-child(2) {
    width: 53%;
}
.map-training-row-4 .map-training-courses-pack {
    width: 50%;
}
.map-training-row-4 .map-training-courses-pack:nth-child(2) {
    width: 49%;
}
.map-training-curses-pack-group {
    width: -webkit-calc(77%);
    width: calc(77%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.map-training-row-4 .map-training-test {
    width: 100%;
    max-width: 55px;
    margin: 0;
}

.map-training-row-4 .map-training-test-2 {
    margin: 0;
}
[data-curse-info] {
    position: relative;
}
[data-curse-info]::before {
    content: attr(data-curse-info);
    position: absolute;
    top: -36px;
    font-size: 12px;
    left: 50%;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
    padding: 0 5px;
}
[data-curse-info]:after {
    content: ' ';
    display: block;
    border: 1px solid #9aadd0;
    border-bottom: 0;
    position: absolute;
    left: 25px;
    right: 25px;
    top: -29px;
    height: 17px;
    z-index: -1;
}
.map-training-row-2 .map-training-courses-pack {
    width: 100%;
}

.map-training-row {
    position: relative;
}
a.map-training-course:hover .map-training-course-ico:before {
    /*zoom: 1.1;*/
}
/*указатели*/
.map-training-row:after, .map-training-row-4 .map-training-courses-pack:last-child:before, .map-training-row:before, .map-training-certificate:before, .map-training-package:before, .map-training-row-1 .map-training-test:last-child:before, .map-training-row-4 .map-training-courses:after, .map-training-row-4 .map-training-courses-pack .map-training-course:last-child:before, .map-training-row-3 .map-training-courses:after, .map-training-row-3 .map-training-courses-pack .map-training-course:last-child:before, .map-training-courses:after, .map-training-course-ico:after, .map-training-row-4 .map-training-test:before, .map-training-row-4 .map-training-courses:before, .map-training-row-4 .map-training-courses:after{
    content: ' ';
    display: block;
    z-index: -1;
    position: absolute;
    height: 8px;
    width: 6px;
    background: url("../images/map_training/map-nav.png") center;
}
.map-training-row-4 .map-training-courses:after, .map-training-row-4 .map-training-courses-pack:last-child:before, .map-training-row-4 .map-training-courses-pack .map-training-course:last-child:before, .map-training-row-3 .map-training-courses:after, .map-training-row-3 .map-training-courses-pack .map-training-course:last-child:before, .map-training-courses:after, .map-training-course-ico:after, .map-training-row-4 .map-training-test:before, .map-training-row-4 .map-training-courses:before, .map-training-row-4 .map-training-courses:after {
    display: none;
}
.map-training-course-ico {
    position: relative;
    z-index: 1;
    min-height: 57px;
    background: none;
    margin-bottom: 3px;
}
.map-training-certificate:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 90px;
    height: 42px;
}
.map-training-row-4 .map-training-certificate:before, .map-training-row-4:before, .map-training-row:nth-child(1) .map-training-package:before {
    display: none;
}
.map-training-row:before {
    left: 46px;
    right: 116px;
    bottom: 37px;
    width: auto;
}
.map-training-package:before {
    bottom: -webkit-calc(100% + 10px);
    bottom: calc(100% + 10px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 33px;
    background: url("../images/map_training/map-nav-bottom.png") no-repeat center bottom, url("../images/map_training/map-nav.png") center left 4px repeat-y;
    width: 11px;
}
.map-training-row:after {
    left: 126px;
    right: 183px;
    top: 90px;
    width: auto;
    height: 11px;
    background: url("../images/map_training/map-nav-right.png") no-repeat center right, url("../images/map_training/map-nav.png") center top 4px repeat-x;
}
.map-training-row-1:after {
    left: 126px;
    right: -15px;
    background: url("../images/map_training/map-nav.png") center;
    height: 8px;
}
.map-training-row-1:before {
    right: -18px;
}
.map-training-row-1 .map-training-test:last-child:before {
    right: -21px;
    top: 90px;
    height: 57px;
}
.map-training-information {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    width: 100%;
    max-width: 170px;
}
.map-training-information>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0;
}

.map-training-information .map-training-course-ico {
    min-width: 38px;
    margin: 0;
    margin-right: 12px;
}
.map-training-row .map-training-courses-pack:nth-child(1) {
    z-index: 3;
}
/*Карта прогресса*/


/*Список лекций*/
.row-lecture {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid;
    padding: 20px 15px;
    border: 1px solid #dbe6f2;
    border-bottom-width: 0;
}
.row-lecture:last-child {
    border-bottom-width: 1px;
}
.row-lecture:hover {
    background: #ededed;
}
.row-lecture:before {
    content: ' ';
    display: block;
    background-image: url("../images/lectures/row-lecture.png");
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 22px;
    height: 27px;
}
.row-lecture.active-1:before {
    background-image: url("../images/lectures/row-lecture-active-1.png");
}
.row-lecture.active-2:before {
    background-image: url("../images/lectures/row-lecture-active-2.png");
}
/*.row-lecture-button:after {
    content: 'Открыть день';
}
.row-lecture.active-1 .row-lecture-button:after {
    content: 'Перейти к изучению';
}
.row-lecture.active-2 .row-lecture-button:after {
    content: 'Повторить снова';
}*/
.row-lecture-info>* {
    content: ' ';
    display: block;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 22px;
    height: 30px;
    margin: 0 5px;
}
.row-lecture-info>*.row-lecture-info-date {
    width: 100%;
    height: auto;
    text-align: center;
    color: #345ca1;
}
.row-lecture-info-date .timer {
    font-weight: bold;
    line-height: 14px;
}
.row-lecture-info-1 {
    background-image: url(../images/lectures/row-lecture-info-1.png);
}

.row-lecture-info-5 {
    background-image: url(../images/spec-30.png);
}
.row-lecture-info-6 {
    background-image: url(../images/discussion.png);
}
.row-lecture-info-2 {
    background-image: url(../images/lectures/row-lecture-info-2.png);
}
.row-lecture-info-3 {
    background-image: url(../images/lectures/row-lecture-info-3.png);
}
.row-lecture-info-4 {
    background-image: url(../images/lectures/row-lecture-info-4.png);
}
.row-lecture-info-points {
    background-image: url(../images/lectures/row-lecture-info-points.png);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #345ca1;
    font-weight: bold;
}
.row-lecture-button {
    display: inline-block;
    width: 100%;
    max-width: 175px;
    color: #fff;
    background: #345ca1;
    text-align: center;
    padding: 3px 0;
    text-transform: uppercase;
}
.row-lecture-button:hover {
    color:#fff;
    background: #4170c7;
}
.row-lecture-info {
    margin: 0 auto;
    width: 100%;
    max-width: 200px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.row-lecture-title {
    color: #325aa2;
    text-transform: uppercase;
    padding-left: 12px;
    width: -webkit-calc(100% - 590px);
    width: calc(100% - 590px);
}
.row-lecture-info-date span {
    text-transform: uppercase;
}
/*Список лекций*/



@media (min-width: 801px) {
    .mob {
        display: none !important;
    }
}
@media (max-width: 4000px) {

    .video-home-block video{
        /*max-width: 280px;*/
    }

}
@media (max-width: 3300px) {


}
@media (max-width: 2600px) {

}
@media (max-width: 2300px) {

}
@media (max-width: 1920px) {
    .video-instruction .video-block #video-controls {
        left: 94px;
        right: 95px;
        bottom: 6px;
    }
}

@media (max-width: 1199px) {
    .btn-coursdetails {
        height: 36px;
    }
    .buy-main-courses-block .disabled {
        height: 36px;
    }
    .referal-system-fblock, .referal-system-sblock {
        min-height: auto;
        height: auto;
    }
}
@media (max-width: 1700px) {

    .course-list > p {
        font-size: 11px;
    }
    .course-list{
        min-height: 215px;
    }

    .btn-coursdetails {
        font-size: 12px;
        padding: 10px;
    }
    #firstsection .carousel-caption h2{
        top: 5%;
    }
    .footer-socials {
        padding-top: 15px;
    }git pull
     .video-home-block #video-controls {
         bottom: 6px;
         left: 43px;
         right: 42px;
     }
    .video-instruction .video-block #video-controls {
        left: 52px;
        right: 52px;
        bottom: 6px;
    }
}
@media (max-width: 1498px) {

    .btn-coursdetails {
        font-size: 12px;
        padding: 10px;
    }

    .course-list > p {
        min-height: 45px;
        font-size: 12px;
    }
    .navbar-default .navbar-nav>li>a, .nav-link {
        font-size: 14px;
    }
    #ninethsection .homeblogblock .contenthomeblog h4 {
        min-height: 60px;
    }
    #firstsection .carousel-caption h2{
        top: 0;
    }
    #firstsection .carousel-caption p{
        font-size: 12px;
    }
    .footer-socials {
        padding-top: 10px;
    }
    /*.video-home-block video{
        max-width: 230px;
    }*/
    .video-block video{
        max-width: 100%;
    }
    .video-instruction .video-block #video-controls {
        left: 30px;
        right: 30px;
        bottom: 6px;
    }
    .slogan {
        padding: 6px 2px;
        display: block;
        float: left;
        text-align: center;
        max-width: 160px;
        font-size: 14px;
    }
    .referal-send {
        margin-top: 5px;
    }
    .referal-send-name{
        margin: 0;
    }
    .user-home-referal-more {
        margin-top: 0px;
    }
    .left-sidebar ul a {
        padding: 10px 10px;
    }
    .video-home-block #video-controls {
        bottom: 6px;
        left: 23px;
        right: 22px;
        padding: 0px 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }
    .video-home-block #video-controls input[type=range] {
        padding: 2px 0px;
        margin-left: 5px;
        margin-right: -5px;
    }
    .video-home-block button {
        font-size: 18px;
    }
    .user-balance-page .btn-pay-static {
        padding: 10px 5px;
        font-size: 11px;
    }
    .table-view-course-block h4{
        font-size: 14px;
    }
    .table-view-course-block {
        min-height: 330px;
    }
    .table-view-course-block span {
        font-size: 11px;
    }
    .btn-admhome-bue i {
        font-size: 14px;
        padding: 12px;
    }
    .btn-financehome-block .form-group .input-group button i {
        padding: 14px;
        color: white;
        font-size: 19px;
    }
    .flag-level {
        right: 0;
        bottom: 85px;;
    }
    .progress-roles {
        margin: 35px auto 0;
    }
    .work-area-menu li a{
        min-height: 55px;
        line-height: 18px;
    }
    .group-status p {
        font-size: 10px;
        padding-right: 5px;
    }
    .btn-financehome-block .last span {
        font-size: 10px;
        padding: 6px;
    }
}
@media (max-width: 1366px) {

    .course-points {
        padding: 5px 1px!important;
    }

    .course-duration {
        padding: 5px 1px!important;
    }

    .course-price {
        padding: 5px 1px!important;
    }

    .btn-coursdetails {
        padding: 10px;
    }
    #ninethsection .homeblogblock .contenthomeblog p {
        max-height: 85px;
        min-height: 85px;
    }
    #ninethsection .homeblogblock .contenthomeblog h4 {
        min-height: 60px;
    }
    .header-slide {
        height: 10%;
    }
    #firstsection .carousel-caption .caption-content {
        height: 80%;
    }
    .button-slider {
        height: 10%;
    }
    #firstsection .testcarusel {
        font-size: 12px;
    }
    #firstsection .carousel-caption h2{
        font-size: 18px;
    }
    #firstsection .carousel-caption p{
        font-size: 12px;
    }
    .footer-socials {
        padding-top: 10px;
    }
    .navbar-default .navbar-nav>li>a, .nav-link {
        font-size: 14px;
    }
    .left-sidebar ul a {
        padding: 10px;
        font-size: 12px;
    }
    .user-home-referal input {
        max-width: 150px;
    }
    .user-home-status p, .user-home-referal p {
        font-size: 12px;
    }
    .user-home-referal-more {
        font-size: 16px;
    }
    .video-instruction .video-block #video-controls {
        left: 19px;
        right: 20px;
        bottom: 6px;
    }
    .slogan {
        padding: 6px 0px;
        display: block;
        float: left;
        text-align: center;
        max-width: 150px;
        font-size: 14px;
    }
    .top-edu-menu .nav-tabs.nav-justified>li>a {
        font-size: 11px;
    }
    .chart1 {
        background: #ffffff;
        width: 85px;
        height: 85px;
        text-align: center;
        font: 18px/50px Roboto, serif;
        border: 18px solid #325aa2;
        border-right: 18px solid #00a9fd;
        -webkit-border-radius: 85px;
        border-radius: 85px;
    }
    .video-home-block #video-controls {
        bottom: 5px;
        left: 13px;
        right: 13px;
    }
    .btn-pay {
        font-size: 14px;
    }
    .btn-financehome-block .last span {
        font-size: 10px;
        padding: 5px;
    }
    .btn-admhome-bue i {
        font-size: 16px;
        padding: 12px 8px 8px;
    }
    .btn-financehome-block .form-group .input-group button i {
        padding: 14px 10px;
    }
    .flag-level {
        width: 80px;
    }
    .course-list-item .block-csd {
        font-size: 12px;
    }
    .flag-level-text {
        padding: 1px 0 0 3px;
    }
    #ninethsection .owl-next, #tensection .owl-next {
        top: 20%;
    }
    #ninethsection .owl-prev, #tensection .owl-prev {
        top: 20%;
    }
    .watch-block{
        min-height: 80px;
    }
    .group-status p {
        font-size: 10px;
        padding-right: 5px;
    }
}
@media (max-width: 1600px){
    .educational .bkock-educ {
        min-height: 305px;
    }
    .course-not-found {
        padding: 137px 12px;
    }
    .educational .result-edu {
        padding: 6px;
        font-size: 12px;
    }
}
@media (max-width: 1580px) {
    .map-training-row-2, .map-training-row-3, .map-training-row-4 {
        width: 100%;
        max-width: 100%;
    }
    .map-training-row-2 .map-training-courses, .map-training-row-3 .map-training-courses {
        padding-right: 0;
        margin-right: 40px;
        width: -webkit-calc(100% - 220px);
        width: calc(100% - 220px);
    }
    .map-training-row-4 .map-training-courses {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .map-training-row-4 .map-training-courses-pack {
        width: 100% !important;
    }
    .map-training-row-4 .map-training-courses-pack:nth-child(2) {
        margin-top: 51px;
        position: relative;
    }
    .map-training-row-4 {
        margin-top: 20px;
    }
    .map-training-row-4 .map-training-test {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .map-training-row-4 .map-training-certificate {
        margin-bottom: 72px;
    }
    .map-training-row-4 .map-training-package {
        margin-bottom: 34px;
    }
    .map-training-row-4 .map-training-package:before {
        height: 80px;
    }
    .map-training-row-4:after {
        left: auto;
        width: 18px;
        top: 84px;
    }
    .map-training-row-4 .map-training-courses {
        padding-right: 25px;
        position: relative;
    }
    .map-training-row-4 .map-training-courses:after {
        display: block;
        top: 29px;
        bottom: 44px;
        height: auto;
        right: 0px;
    }
    .map-training-row-4 .map-training-courses-pack:last-child:before {
        display: block;
        width: auto;
        left: 8px;
        right: -19px;
        top: 28px;
    }

    .map-training-row-4 .map-training-courses-pack:nth-child(1) .map-training-course:last-child:before {
        display: block;
        width: auto;
        left: 8px;
        right: -19px;
        top: 28px;
    }
}
@media (max-width: 1300px) {
    .map-training-row-3 .map-training-courses-pack {
        width: 45%;
    }
    .map-training-row-3 .map-training-courses-pack:nth-child(2) {
        width: 54%;
    }
}
@media (max-width: 1235px) {
    .map-training-row-3 .map-training-courses {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .nav.nav-tabs.color-tabs {
        display: flex;
    }
    .map-training-row-3 .map-training-courses-pack {
        width: 100% !important;
    }
    .map-training-row-3 .map-training-courses-pack:nth-child(2) {
        margin-top: 51px;
    }
    .map-training-row-3 {
        margin-top: 20px;
    }
    .map-training-row-3 .map-training-test {
        margin-bottom: 70px;
    }
    .map-training-row-3 .map-training-certificate {
        margin-bottom: 72px;
    }
    .map-training-row-3 .map-training-package {
        margin-bottom: 34px;
    }
    .map-training-row-3 .map-training-package:before {
        height: 80px;
    }
    .map-training-row-3:after {
        left: auto;
        width: 32px;
        top: 84px;
    }
    .map-training-row-3 .map-training-certificate:before {
        height: 105px;
    }
    .map-training-row-3 .map-training-courses {
        padding-right: 25px;
        position: relative;
    }
    .map-training-row-3 .map-training-courses:after {
        display: block;
        top: 29px;
        bottom: 44px;
        height: auto;
        right: 0px;
    }
    .map-training-row-3 .map-training-courses-pack .map-training-course:last-child:before {
        display: block;
        width: auto;
        left: 8px;
        right: -18px;
        top: 28px;
    }
    .map-training-row-2 .map-training-courses, .map-training-row-3 .map-training-courses, .map-training-row-4 .map-training-courses {
        width: 100% !important;
    }

}
@media (max-width: 1280px){

    .course-info {
        padding: 21px 0px;
    }

    .course-points {
        padding: 5px 1px!important;
    }

    .course-duration {
        padding: 5px 1px!important;
    }

    .course-price {
        padding: 5px 1px!important;
    }

    .btn-coursdetails {
        font-size: 12px;
        padding: 9px;
    }

    .course-list > p {
        min-height: 40px;
        font-size: 12px;
    }
    .top-edu-menu .nav-tabs.nav-justified>li>a {
        font-size: 15px;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -25px;
    }
    .video-home-block #video-controls {
        bottom: 6px;
        left: 55px;
        right: 55px;
    }

    .footer-socials {
        padding-top: 10px;
    }
    .video-instruction .video-block #video-controls {
        left: 8px;
        right: 8px;
        bottom: 8px;
    }
    .educational .result-edu {
        font-size: 10px;
    }
    .educational .bkock-educ {
        min-height: 315px;
    }

    .course-not-found {
        padding: 142px 5px;
    }
    .count-down-block h3 {
        color: white;
        font-size: 18px;
    }
    #clockdiv > div {
        padding: 5px;
    }
    .featured-web h3, .my-web h3, .featured-sem h3 {
        font-size: 11px;
    }
    .user-balance-page .btn-blue-invers {
        font-size: 12px;
        margin-top: 2px;
    }
    .table-view-course-block span {
        font-size: 10px;
    }
    .table-view-course {
        min-height: 230px;
    }
    .table-view-course-block h4 {
        font-size: 13px;
    }
    .btn-financehome-block a span {
        font-size: 12px;
        padding: 15px;
    }
    .btn-admhome-bue i {
        font-size: 12px;
        padding: 14px 10px 8px;
    }
    .btn-financehome-block .last span {
        font-size: 10px;
        padding: 5px;
    }
    .group-status-count h5, .finance-block h5 {
        font-size: 10px;
    }
    .group-status-count .row .col-md-12 .col-md-4{
        padding: 0;
    }
    .flag-level-text {
        padding: 2px 0 0 2px;
        font-size: 7px;
    }
    .flag-level {
        width: 72px;
    }
    .btn-financehome-block .form-group .input-group button i {
        padding: 12px;
        color: white;
        font-size: 12px;
    }
    .btn-financehome-block .form-group .input-group input {
        height: 36px;
    }
    .progress-roles {
        padding: 0;
    }
}
@media (max-width: 1220px) {

    .blocks-list li {
        width: 32%;
    }

    .btn-coursdetails {
        font-size: 12px;
    }
    .featured-web h3, .my-web h3, .featured-sem h3 {
        font-size: 10px;
    }
    .header-slide {
        height: 15%;
    }
    #firstsection .carousel-caption .caption-content {
        height: 75%;
    }
    .button-slider {
        height: 10%;
    }
    #ninethsection .homeblogblock .contenthomeblog p {
        max-height: 85px;
        min-height: 85px;
    }
    #ninethsection .homeblogblock .contenthomeblog h4 {
        min-height: 60px;
    }
    #firstsection .carousel-caption p {
        font-size: 10px;
    }
    #firstsection .carousel-caption{
        /*padding-bottom: 15px;
        padding-top: 0;*/
    }
    #firstsection .carousel-caption h2{
        font-size: 18px;
    }
    .footer-socials {
        padding-top: 10px;
    }
    .slogan {
        font-size: 14px;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 0px;
        padding-right: 0px;
    }
    .navbar-brand>img {


    }
    .slogan {
        padding: 7px 0px;
        display: block;
        float: left;
        max-width: 155px;
        text-align: center;
    }
    .top-edu-menu .nav-tabs.nav-justified>li>a {
        font-size: 12px;
    }
    .educational .result-edu {
        font-size: 10px;
        padding: 5px;
    }
    .charts-diagramm{
        padding: 0
    }
    .chart1 {
        background: #ffffff;
        width: 90px;
        height: 90px;
        text-align: center;
        font: 16px/52px Roboto, serif;
        border: 20px solid #325aa2;
        border-right: 20px solid #00a9fd;
        -webkit-border-radius: 100px;
        border-radius: 100px;
    }
    .video-instruction .video-block #video-controls {
        left: 0px;
        right: 0px;
        bottom: 6px;
    }
    .menu i {
        width: 20px;
    }
    .second-drop li{
        display: inline-block;
        width: 100%;
    }
    .second-drop i{
        width: 12%;
        float: left;
        font-size: 12px;
    }
    .second-drop span{
        width: 88%;
        float: left;
        font-size: 12px;
        line-height: 12px;
    }
    .left-sidebar ul a {
        padding: 10px 5px;
        font-size: 11px;
    }
    .new-count-badge {
        padding: 2px 0;
        margin-left: 8px;
        font-size: 11px;
    }
    .user-home-referal input {
        max-width: 130px;
    }
    .user-home-referal-more {
        font-size: 12px;
    }
    .btn-charts {
        font-size: 12px;
        margin-top: 16px;
    }
    .short-course-figure {
        padding: 0;
        font-size: 12px;
    }
    .video-home-block #video-controls {
        bottom: 6px;
        left: 45px;
        right: 45px;
    }
    .bloglikes, .blogcomments, .bloglikes i, .blogcomments i {
        padding: 0 2px;
        font-size: 14px;
        color: #336490;
    }
    .radio-gender-block{
        padding: 0;
    }
    .radio__text {
        padding: 0 0 0 25px;
    }
    .btn-pay {
        padding: 9px 3px;
        font-size: 14px;
    }
    .user-balance-page .btn-pay-static {
        padding: 10px 2px;
        font-size: 10px;
    }
    .user-balance-page label {
        font-size: 12px;
    }
    .course-list-item .block-csd {
        font-size: 12px;
    }
    .table-view-course {
        min-height: 285px;
    }

    .btn-financehome-block .last span {
        font-size: 9px;
        padding: 5px;
    }
    .btn-admhome-bue i {
        font-size: 12px;
        padding: 12px 8px 8px;
    }
    .btn-financehome-block .form-group .input-group input {
        height: 34px;
        font-size: 10px;
    }
    .btn-financehome-block .form-group .input-group button i {
        padding: 11px;
        color: white;
        font-size: 12px;
    }
    .flag-level {
        bottom: 85px;
    }
    .group-status p {
        font-size: 9px;
        padding-right: 5px;
        font-weight: bold;
    }

}
@media (max-width: 1170px) {

}
@media (max-width: 1135px) {
    .map-training-information {
        display: none;
    }
    .map-training-row-4 .map-training-certificate.active:after {
        right: auto;
        left: -46px;
    }
    .map-training-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding-bottom: 20px;
        padding-right: 0;
        margin-bottom: 55px;
    }
    .map-training-row-1 {
        max-width: 100%;
        padding-bottom: 0px;
    }
    .map-training-row-4 {
        margin-bottom: 0;
    }
    .map-training-package {
        max-width: 100%;
    }
    .map-training-row:after, .map-training-certificate:before, .map-training-row-4 .map-training-courses-pack:last-child:before, .map-training-row:before, .map-training-package:before, .map-training-row-1 .map-training-test:last-child:before, .map-training-row-4 .map-training-courses-pack .map-training-course:last-child:before, .map-training-row-3 .map-training-courses-pack .map-training-course:last-child:before {
        display: none;
        opacity: 0;
    }
    .map-training-curses-pack-group {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .map-training-course, .map-training-test {
        margin: 20px 0;
    }
    .map-training-row-2 .map-training-courses, .map-training-row-3 .map-training-courses, .map-training-row-4 .map-training-courses {
        margin-top: 60px;
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
    }
    .map-training-courses {
        position: relative;
    }
    .map-training-courses:after {
        /*display: block;*/
        /*left: 10px;*/
        /*right: 10px;*/
        /*top: 50px;*/
        /*width: auto !important;*/
        /*height: 8px !important;*/
    }
    .map-training-course {
        width: 25%;
        position: relative;
    }
    .map-training-courses-pack {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .map-training-course-ico:after {
        display: block;
        width: auto;
        left: 0;
        right: 0;
        top: 50%;
    }
    .map-training-courses-pack .map-training-course:nth-child(8) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: +1;
        -ms-flex-order: +1;
        order: +1;
    }
    .map-training-courses-pack .map-training-course:nth-child(7) {
        -webkit-box-ordinal-group: 3;
        -webkit-order: +2;
        -ms-flex-order: +2;
        order: +2;
    }
    .map-training-courses-pack .map-training-course:nth-child(6) {
        -webkit-box-ordinal-group: 4;
        -webkit-order: +3;
        -ms-flex-order: +3;
        order: +3;
    }
    .map-training-courses-pack .map-training-course:nth-child(5) {
        -webkit-box-ordinal-group: 5;
        -webkit-order: +4;
        -ms-flex-order: +4;
        order: +4;
    }
    .map-training-courses-pack .map-training-course:nth-child(1) .map-training-course-ico:after {
        left: 50%;
    }
    .map-training-courses-pack .map-training-course:last-child .map-training-course-ico:after, .map-training-courses-pack .map-training-course:nth-child(4) .map-training-course-ico:after {
        left: 50%;
        width: 6px;
        height: 66px;
        top: -webkit-calc(100% + 20px);
        top: calc(100% + 20px);
    }
    .map-training-courses-pack .map-training-course:last-child .map-training-course-ico:after {
        height: 58px;
    }
    .map-training-courses-pack .map-training-course:nth-child(3) .map-training-course-ico:after {
        right: -50%;
    }
    .map-training-courses-pack .map-training-course:nth-child(5) .map-training-course-ico:after {
        right: 50%;
    }
    .map-training-courses-pack .map-training-course:nth-child(7) .map-training-course-ico:after {
        left: -50%;
    }
    .map-training-row-3 .map-training-courses .map-training-courses-pack:nth-child(1) .map-training-course:nth-child(5):before {
        display: block;
        width: auto;
        left: 50%;
        right: -102%;
        top: 41%;
        opacity: 1;
    }
    .map-training-row-3 .map-training-courses-pack:nth-child(1) .map-training-course:last-child .map-training-course-ico:after, .map-training-row-4 .map-training-courses-pack:nth-child(1) .map-training-course:last-child .map-training-course-ico:after {
        height: 27px;
    }
    .map-training-row-3 .map-training-courses-pack:nth-child(2) .map-training-course:nth-child(5) .map-training-course-ico:after, .map-training-row-4 .map-training-courses-pack:nth-child(2) .map-training-course:nth-child(5) .map-training-course-ico:after {
        right: 0%;
        left: -143%;
    }
    .map-training-row-3 .map-training-courses:after, .map-training-row-4 .map-training-courses:after {
        display: none;
    }
    .map-training-row-3 .map-training-certificate, .map-training-row-4 .map-training-certificate, .map-training-row-4 .map-training-test {
        margin-bottom: 8px;
    }
    .map-training-row-4 .map-training-test {
        margin-right: 0;
        width: 50%;
        margin-left: 0;
        max-width: 100%;
        position: relative;
        z-index: 1;
    }
    .map-training-row-4 .map-training-test:before {
        display: block;
        width: auto;
        top: 25px;
        left: 50%;
        right: -50%;
    }
    .map-training-row-4 .map-training-test-2:before {
        width: 6px;
        height: 60px;
        right: auto;
    }
    .map-training-row:after {
        display: block;
        bottom: 63px;
        top: auto;
        right: -webkit-calc(50% + 67px);
        right: calc(50% + 67px);
        left: 12.5%;
        width: auto;
        opacity: 1;
    }

    .map-training-row-1:after {
        display: block;
        right: auto;
        width: 35%;
        height: 8px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 58px;
    }
    .map-training-row:before {
        display: block;
        left: 50%;
        right: auto;
        width: 41px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -18px;
    }
    .map-training-row-1 .map-training-courses {
        margin-left: auto;
    }
    .map-training-row-1 .map-training-test {
        margin-left: auto;
        margin-right: auto;
    }
    .map-training-row-4:before {
        display: none;
    }
    .map-training-row-4:after {
        left: -webkit-calc(50% + 67px);
        left: calc(50% + 67px);
        right: 25.5%;
        background: url("../images/map_training/map-nav-left.png") no-repeat center left, url("../images/map_training/map-nav.png") center top 4px repeat-x;
    }
    .map-training-row-3:after {
        left: 25%;
    }
    .map-training-row-4 .map-training-test-2:before {
        width: 6px;
        height: 56px;
        right: auto;
        top: 67px;
    }
    .map-training-row-4 .map-training-courses:before {
        display: block;
        top: 39%;
        left: 13%;
        right: 50.5%;
        width: auto;
    }
    .map-training-row-4 .map-training-courses:after {
        display: block;
        top: 40%;
        right: 50%;
        height: 20px;
    }
    .map-training-row-4 .map-training-courses-pack:nth-child(2) {
        margin-top: 73px;
    }
    .map-training-row-1:after {
        /*display: none;*/
    }
    .map-training-courses-pack {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .map-training-row-3 .map-training-package, .map-training-row-4 .map-training-package {
        margin-bottom: 0;
    }
    [data-curse-info]:after {
        left: 12%;
        right: 12%;
    }
}
@media (max-width: 1045px) {
    .w33 {
        width: -webkit-calc(50% - 10px);
        width: calc(50% - 10px);
    }
}
@media (max-width: 1024px) {

    .event-content {
        flex-direction: column;
    }
    .event-content-left {
        width: 500px;
        margin: 0 auto;
    }
    .event-content-right {
        width: 100%;
    }

    #free-btn-s {
        width: 40%;
    }

    .btn-coursdetails {
        font-size: 12px;
    }
    .slogan {
        font-size: 12px;
        max-width: 130px;
    }
    .navbar-default .navbar-nav>li>a, .nav-link {
        font-size: 12px;
        padding: 20px 10px;
    }

    .buy-main-courses-block{
    }
    #firstsection .carousel-caption{
        padding-bottom: 15px;
        padding-top: 0;
    }
    #firstsection .carousel-caption h2{
        font-size: 24px;
    }
    .resultsteach span p {
        font-size: 15px;
        padding: 7px 0 7px 8px;
    }
    .resultsteach .fa {
        font-size: 36px;
    }
    footer .btn-primary {
        font-size: 12px;
        padding: 8px;
    }
    .footer-socials {
        padding-top: 0px;
    }
    .video-instruction .video-block #video-controls {
        left: 40px;
        right: 40px;
        bottom: 6px;
    }
    .left-sidebar ul a {
        padding: 5px;
        font-size: 10px;
    }
    .menu i {
        width: 18px;
    }
    .new-count-badge {
        padding: 0px;
        margin-left: -5px;
        font-size: 10px;
    }
    .user-home-status p, .user-home-referal p {
        font-size: 9px;
    }
    .user-home-referal input {
        max-width: 110px;
    }
    .btn-charts {
        font-size: 9px;
        margin-top: 25px;
    }
    .sb_events_more a, .sb_blog_more a {
        font-size: 10px;
        padding: 5px;
    }
    .sb_events_date, .sb_events_author, .sb_blog_date, .sb_blog_author {
        font-size: 10px;
    }
    .sb_events_header, .sb_blog_header {
        font-size: 12px;
    }
    .educational .result-edu {
        font-size: 11px;
    }
    .chart1 {
        background: #ffffff;
        width: 75px;
        height: 75px;
        text-align: center;
        font: 16px/45px Roboto, serif;
        border: 15px solid #325aa2;
        border-right: 15px solid #00a9fd;
        -webkit-border-radius: 100px;
        border-radius: 100px;
    }
    .course-list-item .block-csd {
        font-size: 13px;
    }
    .video-home-block #video-controls {
        bottom: 6px;
        left: 13px;
        right: 13px;
    }
    .header_menu {
        font-size: 12px;
    }
    .search-blog .form-group {
        width: 77%;
    }
    .search-blog button.btn-default {
        width: 23%;
    }
    .radio__text:before {
        top: 0px;
        left: 0;
        width: 15px;
        height: 15px;
    }
    .radio__text:after {
        top: 3px;
        left: 3px;
        width: 9px;
        height: 9px;
    }
    .radio-gender {
        margin: 7px 0px;
    }
    .radio__text {
        padding: 0 0 0 20px;
    }
    .profilesettings label {
        font-size: 12px;
    }
    #body_user_add_balance .form-group {
        width: 65%;
    }
    .btn-pay {
        width: 35%;
    }
    .user-balance-page .btn-pay-static {
        padding: 10px 10px;
        font-size: 11px;
        margin-top: 5px;
    }
    .btn-rekvisiti {
        padding: 0;
    }
    .user-balance-page label {
        font-size: 10px;
        font-weight: normal;
    }
    .btn-blue{
        font-size: 10px;
    }
    .user-balance-page .btn-convert {
        margin-bottom: 23px;
    }
    .table-view-course {
        min-height: 200px;
    }
    .btn-financehome-block .last span {
        font-size: 10px;
        padding: 9px;
    }
    .flag-level {
        display: inline-block;
        background: #325aa2;
        color: white;
        font-size: 8px;
        width: 100px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        position: absolute;
        right: 10px;
        bottom: 85px;
    }
    .flag-level-text {
        padding: 2px 0 0 5px;
        font-size: 8px;
    }
}
@media (max-width: 767px) {
    .certification{
        flex-direction: column;
    }
    .certification-row-item{
        width: 100%;
        padding: 10px;
    }
    .certification-col-item-images {
        width: 15%;
    }
    .certification-col-item-name{
        width: 85%;
    }

    .first-admin-home-block .status-block-q{
        padding-right: 0px!important;
    }
    .center-content {
        padding: 20px 0px;
    }
    .status-block-q{
        padding-left: 0px;
    }
    .plan-body-list {
        width: 80%!important;
    }
    .plan-body-item-btn{
        width: 80%!important;
    }

    .single-message .message-text {
        margin: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: -webkit-calc(100% - 64px);
        width: calc(100% - 64px);
    }
    .single-message .msg-box {
        width: 100%;
    }
    .single-message {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .single-message.my .user-image {
        -webkit-box-ordinal-group: 2;
        -webkit-order: +1;
        -ms-flex-order: +1;
        order: +1;
    }
    .messenger {
        margin-left: -15px;
        margin-right: -15px;
    }
    .label-block {
        width: 70%!important;
    }
    .free-course-bot {
        position: unset;
    }
    .free-course-body {
        position: unset;
    }
    #free-btn-s {
        width: 100%;
        margin: 10px auto;
    }
}

@media (max-width: 991px) {







    .activate-status-block-main {
        flex-direction: column;
    }
    .activate-status-block {
        width: 100%;
    }



    .plan-body-list {
        width: 45%;
        display: none;
        z-index: 99999;
        position: fixed;
        bottom: 25px;
        right: 0px;
        overflow-x: hidden;
        height: 320px;
        overflow-y: auto;
        background-color: #fff;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    }
    .plan-body-item-btn{
        width: 45%;
        position: absolute;
        bottom: 0px;
        right: 0px;
        background-color: #345ca0;
        text-align: center;
        padding: 10px 5px;
        color: #fff;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    }
    .plan-body-item-btn-text{
        text-transform: uppercase;
        padding: 3px 5px;
        font-weight: bold;
    }
    .plan-body-list .plan-c-name {
        font-size: 10px;
    }

    .btn-coursdetails {
        font-size: 14px;
        padding: 10px;
    }
    .course-list > p {
        font-size: 14px;
    }
    ul.navbar-nav.navbar-left.page-title-menu {
        display: none;
    }
    .left-sidebar .menu {
        margin-top: 0;
    }
}
@media (max-width: 900px) {
    section.sectionwhite .container > *, section.sectionblue .container>* {
        width: 100% !important;
        text-align: center;
    }
    section.sectionwhite .container, section.sectionblue .container {
        padding: 0;
    }


    section#sixthsection .table>tbody>tr>td {
        padding: 4px;
        word-wrap: break-word;
    }
}
@media (max-width: 800px) {
    .row-lecture-title {
        width: -webkit-calc(100% - 225px);
        width: calc(100% - 225px);
    }
    .row-lecture-info {
        /* max-width: calc(100% - 190px); */
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .row-lecture-button {
        margin: auto;
        margin-top: 8px;
    }
    .row-lecture-info>*.row-lecture-info-date {
        text-align: right;
    }

    .users-answer-comments-block {
        width: 100%;
        margin-top: 55px;
    }
}
@media (max-width: 800px) {
    .hidden-xs {
        display: none!important;
    }
    aside.left-sidebar {
        display: none;
    }
    .user .nav-front {
        /*display: none;*/
    }
    .sidebar_events .btn-blue {
        display: block;
        max-width: 238px;
        margin: 0 auto;
    }
    /*список дат рассылки в виде выпадающего списка*/
    .nauka-main .chat-left li {
        display: none;
    }
    .nauka-main .chat-left li.active {
        display: block;
    }
    .nauka-main .chat-left li.active:after {
        right: 12px;
        top: 16px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .nauka-main .chat-left li.open {
        display: block;
    }
    /*список дат рассылки в виде выпадающего списка*/

    article.blogcontent-user img.imgblog {
        max-width: 100%;
    }
    div#gcw_mainFprW5zQlB {
        display: none !important;
    }
    .btn-admin-mail {
        margin-bottom: 15px;
    }
    .left-sidebar ul li ul {
        height: auto !important;
    }
    .carousel-caption {
        right: 5%;
        left: 5%;
        padding-bottom: 0px;
    }
    .allarchivebutton {
        margin-bottom: 8px;
    }

    .buy-main-courses-block{
    }

    .show-all-courses{
        bottom: -60px;
        left: 25%;
    }
    .navbar-default .navbar-nav>li>a, .nav-link {
        font-size: 10px;
        padding: 20px 5px;
    }

    .modal-responsive {
        width: 100%!important;
        margin: 5px 0px!important;
    }
    .slogan {
        font-size: 10px;
    }
    #firstsection .carousel-caption .caption-content p {
        text-shadow: 1px 1px 1px black;
        margin-bottom: 0px;
        font-size: 8px;
    }
    #firstsection .carousel-caption h2 {
        font-size: 18px;
    }
    #firstsection .testcarusel {
        padding: 5px 25px;
        font-size: 10px;
    }
    #firstsection .carousel-caption .caption-content {
        bottom: 24%;
    }
    .navbar-nav {
        margin: 0;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .navbar-nav .visible-xs {
        display: block !important;
    }
    div#bs-example-navbar-collapse-1 ul.nav.navbar-nav.navbar-right li:nth-child(1) {
        width: -webkit-calc(100% + 30px);
        width: calc(100% + 30px);
        -webkit-box-ordinal-group: 2;
        -webkit-order: +1;
        -ms-flex-order: +1;
        order: +1;
        margin-left: -15px;
        margin-right: -15px;
        padding-bottom: 4px;
    }
    div#bs-example-navbar-collapse-1 ul.nav.navbar-nav.navbar-right:after {
        display: none;
    }
    .navbar-nav:before {
        display: none;
    }
    .left-sidebar .menu li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .menu ul li a span {
        width: auto;
        margin: 0 auto;
        padding-right: 36px;
    }
    .infopanelcabinet>div:nth-child(6) {
        width: -webkit-calc(100% - 222px);
        width: calc(100% - 222px);
    }
    .left-admin-bar {
        p
    }
    .infopanelcabinet>div.col-md-12>a.btn-blue.pull-right {
        padding-right: 0;
        background: none !important;
    }
    .btn-admhome-block a span {
        padding: 4px 0;
        padding-top: 8px;
    }
    .navbar-nav>li:last-child {
        width: 100%;
        display: block !important;
    }
    .navbar-nav.navbar-right>li:last-child>a.login.nav-link {
        display: block;
        padding: 6px !important;
    }
    .navbar-nav.navbar-right>li:last-child>a {
        display: none;
    }
    .navbar-nav>li>.dropdown-menu {
        display: block !important;
        position: static;
        background: none;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
    }
    .col-md-12.week-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .col-md-12.week-menu h1.text-center {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }
    .col-md-12.week-menu>* {
        width: 100%;
    }
    .col-md-12.week-menu>* img {
        width: 37px !important;
    }
    .blog-author-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        vertical-align: middle;
        margin-bottom: 1em;
    }
    .blog-author-info>* {
        width: auto !important;
        display: inline-block;
        margin: 0;
    }
    .blog-tag {
        display: none;
    }
    ol.commentlist .col-md-1.col-xs-3 {
        width: 45px;
    }
    .container-fluid>.navbar-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        float: none;
    }
    nav.navbar.not-front.navbar-default.active {
        position: relative;
        z-index: 999991;
    }
    .navbar-toggle-2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .navbar-toggle-2 .sr-only {
        display: none;
    }
    .right-admin-bar {
        margin: 0;
    }
    ol.commentlist .col-md-1.col-xs-3 .blog-author-img {
        background-color: #ccc;
    }
    ol.commentlist .commentheader {
        width: -webkit-calc(100% - 50px);
        width: calc(100% - 50px);
    }
    .col-md-12.week-menu>* {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .left-sidebar .menu {
        margin-top: 0;
    }
    .navbar>.container-fluid .navbar-brand {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        width: -webkit-calc(100% - 132px) !important;
        width: calc(100% - 132px) !important;
        margin-right: auto;
    }
    .btn.btn-info {
        display: block;
        margin-right: 0 !important;
    }
    .crowd-list .btn {
        display: block;
    }
    .blog-content .admin-tags-block {
        display: none;
    }
    #event-body-image {
        float: none;
        width: 100% !important;
    }
    a {
        word-wrap: break-word;
    }
    .infopanelcabinet .avatar-bg-panel {
        width: 33px;
        height: 33px;
        margin: 0;
    }
    .infopanelcabinet {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .navbar-collapse .nav.navbar-nav.navbar-right {
        /*display: none;*/
        overflow: hidden;
        height: 0;
    }
    .navbar-collapse .nav.navbar-nav.navbar-right.menu-not-auth {
        display: block;
        height: auto;
    }

    /*#bs-example-navbar-collapse-1.navbar-collapse.collapse {*/
    /*    display: none !important;*/
    /*}*/
    /*#bs-example-navbar-collapse-1.navbar-collapse.collapse.in {*/
    /*    display: block !important;*/
    /*}*/
    .navbar-collapse.user .nav.navbar-nav.navbar-right {
        height: auto;
    }
    .navbar-collapse {
        height: auto !important;
    }
    .infopanelcabinet .line-popup {
        display: none;
    }
    .infopanelcabinet .email {
        margin-bottom: 0;
        display: none;
    }
    .infopanelcabinet>div {
        padding: 0 2px;
    }
    .infopanelcabinet .user-name a {
        color: #fff;
    }
    .mindshel {
        width: 100px;
        font-size: 14px;
    }
    .plusstep .plussteptxt {
        font-size: 12px;
    }
    .minusstep .minussteptxt {
        font-size: 12px;
    }
    .mindall {
        width: 150px;
    }
    footer .fa {
        font-size: 14px;
    }
    .footerheader {
        font-size: 10px;
    }
    footer .input-group {
        width: 65%;
    }
    footer .btn-primary {
        font-size: 10px;
        padding: 9px;
    }
    footer .btn-primary {
        width: 35%;
    }
    .footer-socials {
        padding-top: 0;
    }
    .video-instruction .video-block #video-controls {
        left: 27px;
        right: 26px;
        bottom: 6px;
    }
    .user-home-status, .user-home-referal {
        display: inline-block;
        width: 100%;
    }
    .referal-send {
        margin-top: 22px;
    }
    .sidebar_events, .sidebar_blog {
        display: inline-block;
        width: 100%;
        min-height: initial;
    }
    #body_user_add_balance .form-group {
        width: 66%;
    }
    form.form-inline.form_add_balance {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .content.admin-content .col-md-10.center-content.col-xs-12 div#podrob {
        float: none;
        width: 100%;
    }
    #body_user_add_balance .form-group {
        margin-bottom: 0;
    }
    .right-sidebar {
        border: 0;
        background: none;
    }
    .kit-block {
        padding: 0;
    }
    .kit-block>div, .kit-block>div .col-xs-6 {
        padding: 0 3px;
    }

    .user-balance-page a.btn.btn-primary.showup {
        display: block;
        margin: 0 15px;
    }
    .left-sidebar ul li ul li a {
        padding-left: 5px;
        background: rgb(67, 111, 185);
    }
    .mail-support .table-responsive tbody tr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background: #fff;
        border-bottom: 1px solid #ddd;
    }
    .mail-support .table-responsive tbody tr:last-child {
        border-bottom: 0;
    }
    .mail-support .table-responsive tbody, .mail-support .table-responsive {
        display: block;
    }
    .user-home-referal-more {
        margin-top: 25px;
    }
    .top-edu-menu .nav-tabs.nav-justified>li>a {
        font-size: 12px;
    }
    .mail-support .table-responsive tbody tr td {
        display: block;
        border: 0;
    }
    .mail-support .table-responsive tbody tr td:nth-child(1), .mail-support .table-responsive tbody tr td:nth-child(2) {
        font-weight: bold;
    }
    .mail-support .table-responsive tbody tr td:nth-child(1):before {
        content: '# ';
    }
    .mail-support .table-responsive tbody tr td:nth-child(1) {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }
    .mail-support .table-responsive tbody tr td:nth-child(2) {
        margin-right: auto;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        width: -webkit-calc(100% - 140px);
        width: calc(100% - 140px);
    }
    .mail-support .table-responsive tbody tr td:nth-child(4) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: +1;
        -ms-flex-order: +1;
        order: +1;
    }

    .course-page img {
        width: 100%;
    }

    .mail-support .table-responsive tbody tr td:nth-child(3) {
        margin: 0 10px;
        background: #f9f9f9;
        border: 1px solid #f1f1f1;
    }
    .mail-support .table-responsive tbody tr td:nth-child(3), .mail-support .table-responsive tbody tr td:nth-child(7) {
        width: 100%;
    }
    .mail-support .table-responsive tbody tr td:nth-child(5), .mail-support .table-responsive tbody tr td:nth-child(6) {
        font-size: 12px;
    }
    .mail-support .table-responsive tbody tr td:nth-child(6) {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }
    .mail-support .table-responsive thead {
        display: none;
    }
    .mail-support .table-responsive tbody tr td:nth-child(7) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-ordinal-group: 2;
        -webkit-order: +1;
        -ms-flex-order: +1;
        order: +1;
        padding-top: 0;
    }
    .mail-support .table-responsive tbody tr td .fa-2x {
        font-size: 19px;
    }
    .mail-support .table-responsive tbody tr td:nth-child(7)>* {
        width: -webkit-calc(50% - 5px);
        width: calc(50% - 5px);
    }
    .course-list-item, .buy-main-courses-block {
        display: inline-block;
        width: 100%;
    }
    .course-list-item .block-csd {
        font-size: 12px;
    }
    .course-list-item .h3, .course-list-item h3 {
        font-size: 14px;
    }
    .cours-short-desc {
        margin-top: 35px;
        font-size: 14px;
    }
    .video-home-block #video-controls {
        bottom: 7px;
        left: 40px;
        right: 40px;
    }
    .right-blog-content, .blog-content, .center-blog-content {
        padding: 0;
        clear: both;
    }
    .admin-tag-filter {
        display: inline-block;
        width: 100%;
    }
    .balance-block-one, .balance-block-fourth{
        text-align: center;
    }
    .user-balance-page label {
        font-size: 12px;
        font-weight: bold;
    }
    footer i {
        font-size: 20px;
        padding: 0 5px;
    }
    .money-tr-img {
        padding: 0 50px;
    }
    .table-view-course {
        min-height: 75px;
    }
    .table-view-course-block {
        min-height: auto;
    }
    .flag-level {
        display: inline-block;
        background: #325aa2;
        color: white;
        font-size: 8px;
        width: 100px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        position: absolute;
        right: 15px;
        bottom: 85px;
    }

    #bs-example-navbar-collapse-1 ul.nav.navbar-nav li {
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
    }
    #bs-example-navbar-collapse-1 ul.nav.navbar-nav.navbar-right li {
        width: auto;
    }
    #bs-example-navbar-collapse-1 ul.nav.navbar-nav.navbar-right li:last-child {
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
    }
    .navbar-default .navbar-nav>li>a, .nav-link {
        padding: 6px;
    }
    #bs-example-navbar-collapse-1 ul.nav.navbar-nav.navbar-right li>a {
        padding: 20px 10px;
    }
    #bs-example-navbar-collapse-1 ul.nav.navbar-nav.navbar-right.menu-not-auth li>a {
        padding: 6px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #bs-example-navbar-collapse-1 ul.nav.navbar-nav.navbar-right.menu-not-auth li>a>img, #bs-example-navbar-collapse-1 ul.nav.navbar-nav.navbar-right.menu-not-auth li>a>i {
        margin-left: 8px;
    }
    .referal-system-fblock .col-xs-12.col-sm-12.col-md-12.col-lg-12.ref-block {
        padding: 0;
        padding-bottom: 31px;
    }
    .referal-system-fblock .col-xs-12.col-sm-12.col-md-12.col-lg-12.ref-block>.col-xs-6 {
        padding: 0;
    }
    .referal-system-fblock .col-xs-12.col-sm-12.col-md-12.col-lg-12.ref-block>.col-xs-6>.text-right {
        padding: 0;
    }
    .referal-system-fblock .col-xs-12.col-sm-12.col-md-12.col-lg-12.ref-block>.col-xs-6>.text-left {
        padding-right: 0;
    }
    .nav.nav-tabs.color-tabs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .nav.nav-tabs.color-tabs>li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .nav.nav-tabs.color-tabs>li.active>a, .nav.nav-tabs.color-tabs>li.active>a:focus, .nav.nav-tabs.color-tabs>li.active>a:hover {
        /* padding: 15px 6px; */
    }

    .mobile-menu ul li {
        display: block;
        padding: 0;
    }
    .mobile-menu ul a {
        color: #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-transform: uppercase;
        width: 100%;
        padding: 5px;
        font-size: 12px;
        position: relative;

    }
    .mobile-menu ul li.active a {
        background-color: #00a9fd;
    }
    .mobile-menu ul a img {
        margin-right: 8px;
        width: 30px;
        top: 50px;
    }
    .mobile-menu {
        background: #325aa2;
        position: fixed;
        width: 70%;
        min-width: 230px;
        z-index: 999990;
        top: 65px;
        padding: 5px;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        display: none;
    }
    .mobile-menu.not-front {
        position: absolute;
    }
    body {
        overflow-x: hidden;
        position: relative;
    }
    .mobile-menu-left {
        /* -webkit-transform: translateX(-101%); */
        -ms-transform: translateX(-101%);
        /* transform: translateX(-101%); */
    }
    .mobile-menu-right {
        right: 0;
        /* -webkit-transform: translateX(+101%); */
        -ms-transform: translateX(+101%);
        /* transform: translateX(+101%); */
    }
    .mobile-menu.active {
        -webkit-box-shadow: 0 0 2px 999999px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 2px 999999px rgba(0, 0, 0, 0.3);
        /* -webkit-transform: translateX(0); */
        -ms-transform: translateX(0);
        /* transform: translateX(0); */
        display: block !important;
    }



    .mobile-menu-right.auth ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .mobile-menu-right.auth.not-front ul li:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: +1;
        -ms-flex-order: +1;
        order: +1;
        width: 100%;
    }
    .mobile-menu-right.auth.not-front ul li:nth-child(1) a.btn-admhome-bue {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .mobile-menu-right.auth.not-front ul li:nth-child(2) a,
    .mobile-menu-right.auth.not-front ul li:nth-child(3) a,
    .mobile-menu-right.auth.not-front ul li:nth-child(4) a,
    .mobile-menu-right.auth.not-front ul li:nth-child(5) a {
        height: 40px;
    }
    .mobile-menu-right.auth.not-front ul li:nth-child(2),
    .mobile-menu-right.auth.not-front ul li:nth-child(3),
    .mobile-menu-right.auth.not-front ul li:nth-child(4),
    .mobile-menu-right.auth.not-front ul li:nth-child(5) {
        width: 25%;
    }
    .mobile-menu-right.auth.front ul li:nth-child(1) a,
    .mobile-menu-right.auth.front ul li:nth-child(2) a,
    .mobile-menu-right.auth.front ul li:nth-child(3) a,
    .mobile-menu-right.auth.front ul li:nth-child(4) a {
        height: 40px;
    }
    .mobile-menu-right.auth.front ul li:nth-child(1),
    .mobile-menu-right.auth.front ul li:nth-child(2),
    .mobile-menu-right.auth.front ul li:nth-child(3),
    .mobile-menu-right.auth.front ul li:nth-child(4) {
        width: 25%;
    }

    .mobile-menu-right.auth.not-front ul li:nth-child(2) img, .mobile-menu-right.auth.not-front ul li:nth-child(3) img, .mobile-menu-right.auth.not-front ul li:nth-child(4) img, .mobile-menu-right.auth.not-front ul li:nth-child(5) img {
        width: auto;
        margin: 0;
    }
    .mobile-menu-right.auth.front ul li:nth-child(1) img, .mobile-menu-right.auth.front ul li:nth-child(2) img, .mobile-menu-right.auth.front ul li:nth-child(3) img, .mobile-menu-right.auth.front ul li:nth-child(4) img {
        width: auto;
        margin: 0;
    }
    .mobile-menu-right.auth.not-front ul li:nth-child(3) img,
    .mobile-menu-right.auth.not-front ul li:nth-child(4) img {
        margin: auto;
    }
    .mobile-menu-right.auth.not-front ul li:nth-child(5) img {
        margin-left: auto;
    }
    .mobile-menu-right.auth.front ul li:nth-child(2) img,
    .mobile-menu-right.auth.front ul li:nth-child(3) img {
        margin: auto;
    }
    .mobile-menu-right.auth.front ul li:nth-child(4) img {
        margin-left: auto;
    }
    .mobile-menu-right.auth .heder-badge {
        bottom: -2px;
    }
    .mobile-menu ul a.mobile-menu-right-item {
        width: auto;
        margin: 10px 0;
        width: 50%;
    }
    .mobile-menu ul[aria-expanded] {
        height: auto !important;
        background: #4469aa;
    }
    .mobile-menu-right.auth.not-front ul a.mobile-menu-right-item:nth-child(7) {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .mobile-menu-right.auth.front ul a.mobile-menu-right-item:nth-child(6) {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .mobile-menu ul[aria-expanded] li a {
        padding-left: 20px;
    }
    .mobile-menu ul[aria-expanded] li a i {
        width: 22px;
    }
    .mobile-menu-left.front ul li {
        padding: 5px 0;
    }
    .mobile-menu-left.front ul li.nav-front img {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        width: auto;
    }



    .modal-content textarea.form-control {
        max-width: 100% !important;
        min-width: auto !important;
    }
}
@media (max-width: 801px) and (min-width: 768px) {
    .navbar-collapse.collapse {
        overflow: hidden !important;
        height: 0 !important;
    }
    .navbar-collapse.collapse.in, .navbar-collapse.collapse.user {
        overflow: block !important;
        height: auto !important;
    }
}
@media (max-width: 767px) {
    .top-edu-menu .nav-tabs.nav-justified > li > a, .top-edu-menu .nav-tabs.nav-justified>.active>a, .top-edu-menu .nav-tabs.nav-justified>.active>a:focus, .top-edu-menu .nav-tabs.nav-justified>.active>a:hover {
        margin: 0;
    }
    .col-lg-4.col-md-6.col-sm-6.col-xs-12.show-course-left>.col-lg-11.col-sm-12.col-xs-12:nth-child(2) {

        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .col-lg-4.col-md-6.col-sm-6.col-xs-12.show-course-left>.col-lg-11.col-sm-12.col-xs-12:nth-child(2)>div {
        width: auto;
    }
    .modal-double-info {
        width: 100%;
    }
}
@media (max-width: 700px) {
    .tab-content>.active {
        /* display: -webkit-box; */
        /* display: -webkit-flex; */
        /*display: -ms-flexbox;/*
        /* display: flex; */
        /* -webkit-flex-wrap: wrap; */
        /* -ms-flex-wrap: wrap;*/
        /* flex-wrap: wrap; */
    }
    .tab-content>.active>* {
        width: 100%;
    }
    .course_current .icon-lections {
        margin-left: 0;
    }
    .w50 {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .w33 {
        width: 100%;
    }
}
@media (max-width: 600px) {
    .row-lecture-title {
        width: -webkit-calc(100% - 25px);
        width: calc(100% - 25px);
    }
    .row-lecture-info {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: -5px;
    }
    .row-lecture-button {
        margin-right: 0;
        margin-top: 3px;
    }
    .row-lecture-info>*.row-lecture-info-date {
        text-align: left;
    }
}
@media (max-width: 578px) {
    .blog-responsive {
        width: 100% !important;
    }
}
@media (max-width: 540px) {
    .messenger .btn {
        width: 100%;
        max-width: 295px;
        margin: auto;
        display: block;
        margin-bottom: 5px;
        float: none !important;
    }
}
@media (max-width: 500px) {

    .event-content-left {
        width: auto;
    }

    #panel_user .col-xs-12.learn-block .col-xs-3.text-center, #panel_user .col-xs-12.learn-block .col-xs-3.text-right {
        padding: 0;
        display: none;
    }
    #panel_user .col-xs-3.col-sm-3 {
        padding: 0;
        width: 50%;
        display: block;
    }
    #panel_user .col-xs-12.ref-block .col-xs-6 {
        padding: 0;
    }
    #panel_user h4.personal-headers.text-center {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #panel_user .col-xs-12.col-sm-12.tap-block {
        display: none;
    }
    #panel_user a.btn.pull-right {
        clear: both;
        float: none !important;
        margin-left: auto;
        color: #d60000;
    }
    #panel_user h4.personal-headers.text-center i.fa-question-circle {
        margin-left: 4px;
    }
    #panel_user .learn-block .col-xs-3.col-sm-3 img {
        position: static !important;
    }

}
@media (max-width: 480px) {
    .row-lecture-info {
        max-width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .row-lecture-button {
        margin-right: auto;
    }
    .row-lecture-info>*.row-lecture-info-date {
        text-align: center;
    }
    ul.nav.nav-tabs.color-tabs>li {
        width: 100%;
        border: 1px solid #ccc;
        display: block;
        text-align: center;
    }
    ul.nav.nav-tabs.color-tabs {
        flex-wrap: wrap;
    }

}
@media (max-width: 440px) {
    #main-tabs>li.active>a {
        background: #325aa2;
        color: #fff;
    }
    #main-tabs>li>a {
        background: #fff;
        color: #325aa2;
        border: 1px solid #325aa2;
    }
    #secondsection h2 {
        font-size: 20px;
    }

    .buy-main-courses-block{
    }
    .show-all-courses{
        bottom: -6px;
    }

    .heder-badge{
        bottom: -3px;
    }

    .allart-new-day {
        width: 100%;
    }

    .heder-badge-mail{
        bottom: -5px;
    }
    #firstsection .testcarusel {
        right: 20%;
    }
    .carousel-control.left{
        text-align: left;
    }
    .navbar-default .navbar-nav>li>a, .nav-link {
        padding: 5px 15px;
    }
    .top-block-fs, .lef-block-fs, .right-block-fs, .bottom-block-fs{
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
    }
    .center-block-fs{
        display: none;
    }
    .start-in span {
        font-size: 12px;
        padding: 10px 0 0;
        min-height: 70px;
    }
    .resultsteach span {
        padding: 5px 0 0 5px;
    }
    .resultsteach .fa {
        font-size: 26px;
    }
    .resultsteach span p {
        font-size: 12px;
        padding: 3px 0 0px 8px;
    }
    .stepto1, .stepto2, .stepto3, .stepto4, .stepto5 {
        width: 100%;
    }
    .plusstepbg {
        height: 50px;
    }
    .plusstep .plussteptxt {
        min-height: 0;
    }
    .minusstep .minussteptxt {
        min-height: 0;
    }
    .stepto1, .stepto2, .stepto3, .stepto4, .stepto5 {
        margin-top: 10px;
    }
    #eightsection h2, #eightsection p, #eightsection span {
        text-align: center;
    }
    #ninethsection .homeblogblock .contenthomeblog h4 {
        min-height: 60px;
    }
    #ninethsection .homeblogblock .contenthomeblog p {
        max-height: 100px;
        min-height: 100px;
    }
    #tensection ul .fa {
        padding: 3px;
        float: left;
        width: 8%;
        color: #325aa2;
        font-size: 14px;
    }
    #tensection li {
        list-style: none;
        float: left;
        width: 92%;
        padding: 0 0 4px 0;
        font-size: 12px;
    }
    .allblogshome .input-group {
        display: block;
    }
    .allblogshome button {
        border-left: 0px solid #fff;
        margin-top: 5px;
    }
    footer p {
        font-weight: bold;
        font-size: 10px;
    }
    footer {
        padding: 0;
    }
    .footerheader{
        background: #6a96e1;
        padding: 10px;
    }
    .start-in img{
        max-width: 50%
    }
    .video-instruction .video-block #video-controls {
        left: 40px;
        right: 40px;
        bottom: 6px;
    }
    .navbar>.container .navbar-brand {
        margin-left: 0;
        padding-right: 0;
    }
    .slogan {
        font-size: 12px;
        max-width: 150px;
    }
    /*.left-admin-bar, .right-admin-bar {*/
    /*padding: 0 15px;*/
    /*}*/
    .right-admin-bar {
        padding: 0 15px;
    }
    .user-home-status, .user-home-referal {
        border: 1px solid #325aa2;
        padding: 20px;
        text-align: center;
        display: inline-block;
        width: 100%;
    }
    .referal-send {
        margin-top: 10px;
    }
    .sidebar_events, .sidebar_blog {
        display: inline-block;
    }
    .user-home-referal-more {
        font-size: 10px;
    }
    .infopanelcabinet {
        width: 100%;
    }
    .header-link-right{
        float: right;
    }
    .infopanelcabinet .email {
        margin-bottom: 0;
    }
    .navbar-default .navbar-toggle-2:focus, .navbar-default .navbar-toggle-2:hover {
        background-color: #fff;
    }
    .navbar-default .navbar-toggle-2:focus .icon-bar,  .navbar-default .navbar-toggle-2:hover .icon-bar{
        background-color: #325aa2;
    }
    .navbar-default .navbar-toggle-2 .icon-bar {
        background-color: #fff;
    }
    .navbar-toggle-2 .icon-bar {
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }
    .navbar-default .navbar-toggle-2 {
        border-color: #fff;
    }
    .navbar-toggle-2 {
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    .navbar-nav {
        margin: 0;
    }
    .featured-web h3, .my-web h3, .featured-sem h3 {
        font-size: 14px;
        font-weight: bold;
    }
    .course-list-item .block-csd {
        height: 100%;
        position: relative;
        right: 0;
    }
    .cours-short-desc {
        margin-top: 20px;
        font-size: 12px;
        margin-bottom: 25px;
    }
    .cours-buy, .cours-author, .max-bonus, .long-term {
        position: relative;
        bottom: 0;
        right: 0;
        text-align: left;
        padding-right: 0px;
    }
    .video-home-block #video-controls {
        bottom: 6px;
        left: 45px;
        right: 45px;
    }
    .btn-sort-admin span {
        padding: 5px 10px;
    }
    .center-content>.col-md-12 {
        padding: 10px 5px;
        /*display: inline-block;*/
    }
    .blog-one-item h1 {
        font-size: 18px;
    }
    .btn-blue {
        padding: 10px 15px;
        font-size: 10px;
    }
    #reply-title {
        font-size: 14px;
    }
    #body_user_add_balance .form-group {
        width: 65%;
        float: left;
        margin: 0;
    }
    .btn-blue {
        padding: 9px 10px;
        font-size: 10px;
    }
    #js_form_converter_ball_to_kell .form-group {
        width: 35%;
        float: left;
        margin: 0;
    }
    #tensection ul .fa, #tensection ul .far {
        padding: 0;
    }
    .flag-level {
        display: inline-block;
        background: #325aa2;
        color: white;
        font-size: 8px;
        width: 85px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        position: absolute;
        right: 5px;
        bottom: 80px;
    }
    .btn-financehome-block .last span {
        font-size: 9px;
        padding: 5px;
    }
    .status-block .shaddow, .finance-block .shaddow {
        min-height: auto;
    }
    .short-course-figure {
        padding: 0;
        width: 100%;
        font-size: 12px;
        border-bottom: 1px solid #d2d2d2;
        display: inline-block;
    }
    .short-course-name {
        width: 100%;
        text-align: center;
    }
    .short-course-ball {
        width: 50%;
    }
    .short-course-link {
        width: 50%;
    }
    .show-all-courses {
        position: relative;
        left: 0;
    }
    .mail-support .table-responsive .fa-2x{
        font-size: 12px;
    }
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 4px;
        font-size: 10px;
    }
    .table-responsive .btn {
        padding: 4px 6px;
        font-size: 10px;
    }
    .group-status p {
        font-size: 12px;
        padding-right: 5px;
    }
    .week-menu h1{
        font-size: 18px;
    }
    .lections .nav-tabs>li {
        float: none;
    }
    .course_completed .icon-lections, .course_current .icon-lections, .course_completed .dateago, .course_current .dateago, .course_completed .balls-lections, .course_current .balls-lections {
        text-align: center;
        width: 50%;
        min-height: 45px;
        margin: 0;
    }
    .blogcontent img, .blogcontent-user .imgblog {
        padding: 0;
    }
    .imgblog {
        float: none;
        max-width: 100%;
    }
    .blog-date{
        margin-top: 10px;
    }
    .btn-success {
        margin: 3px auto;
    }
    .admin-content .panel {
        text-align: center;
    }
    .search-lectures form{
        width: 100%;
        float: none;
    }
    .search-lectures form>div{
        text-align: center;
    }
    .kit-block .col-xs-4>div {
        width: 95%;
        max-width: 62px;
        float: none;
        margin: auto;
        text-align: center;
    }
    .kit-block .col-xs-4>div span.pull-left {
        float: none !important;
    }
    ul.nav.nav-tabs.color-tabs {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    ul.nav.nav-tabs.color-tabs>li {
        width: 100%;
        border: 1px solid #ccc;
    }
    .color-tabs > li > a {
        text-align: center;
        width: 100%;
    }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
        border: 0;
    }
}
@media (max-width: 380px) {
    .info-progress-block-1>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 3px;
        padding-bottom: 3px;
        border-bottom: 1px solid #ddd;
        text-align: center;
    }
    .video-instruction .video-block #video-controls {
        left: 20px;
        right: 20px;
        bottom: 6px;
    }

    .buy-main-courses-block{
    }
    .video-home-block #video-controls {
        bottom: 6px;
        left: 25px;
        right: 25px;
    }
    .btn-blue {
        padding: 9px 5px;
        font-size: 10px;
    }
    .user-balance-page label {
        font-size: 11px;
        font-weight: normal;
    }
    .btn-blue {
        padding: 9px 5px;
        font-size: 9px;
    }
    #body_user_add_balance .form-group {
        width: 60%;
        float: left;
        margin: 0;
    }
    .btn-pay {
        width: 40%;
    }
    .user-balance-page label {
        font-size: 9px;
        font-weight: normal;
    }
    .progress-roles {
        margin: 30px auto;
    }
    .flag-level {
        bottom: 85px;
    }
    .group-status-count p, .finance-block p {
        font-size: 22px;
        font-weight: bold;
        color: #00a9fd;
        margin: 0;
    }
    .btn-admhome-bue i {
        font-size: 12px;
        padding: 16px 8px 8px;
    }
    .btn-financehome-block .form-group .input-group button i {
        padding: 11px 9px 11px;
        color: white;
        font-size: 12px;
    }
    .btn-financehome-block span{
        font-size: 12px;
    }
}
@media (max-width: 360px) {
    .video-instruction .video-block #video-controls {
        left: 10px;
        right: 10px;
        bottom: 6px;
    }
    .navbar>.container .navbar-brand {
        margin-left: 0px;
        padding-right: 0;
    }
    .slogan {
        font-size: 12px;
        max-width: 150px;
    }
    .video-home-block #video-controls {
        bottom: 8px;
        left: 15px;
        right: 15px;
    }
    .group-status-count h5, .finance-block h5 {
        font-size: 9px;
    }
    .btn-financehome-block .last span {
        font-size: 8px;
        padding: 5px;
    }
    .btn-admhome-bue i {
        font-size: 12px;
        padding: 12px 6px 8px;
    }
}
@media (max-width: 320px) {
    .video-instruction .video-block #video-controls {
        left: 0;
        right: 0;
        bottom: 12px;
    }

    .buy-main-courses-block{
    }
    .video-home-block #video-controls {
        bottom: 7px;
        left: 0px;
        right: 0;
    }
    .group-status-count p, .finance-block p {
        font-size: 14px;
        font-weight: bold;
        color: #00a9fd;
        margin: 0;
    }
    .group-status-count h5, .finance-block h5 {
        font-size: 7px;
    }
    .group-status h5 {
        color: #00a9fd;
        font-size: 12px;
        padding-top: 0px;
    }
    .group-status p {
        font-size: 10px;
        padding-right: 5px;
    }
    .group-status-count, .group-status {
        min-height: 100px;
    }
    .flag-level-text {
        padding: 2px 0 0 2px;
        font-size: 7px;
    }
    .flag-level {
        width: 75px;
    }
    .btn-financehome-block span {
        font-size: 10px;
    }
    .btn-financehome-block .form-group .input-group button i {
        padding: 11px 6px 11px;
        color: white;
        font-size: 12px;
    }
    .btn-admhome-bue i {
        font-size: 10px;
        padding: 17px 6px 8px;
    }
}

@media (min-width: 1400px){
    .main-block{
        width: 75%;
    }
    .form-block-reg {
        width: 25%;
    }
}

@media (min-width: 1800px){
    .main-block{
        width: 80%;
    }
    .form-block-reg {
        width: 20%;
    }
}