/*@media screen and (min-width:1 1921px){
    .main-section{background-size: cover}
}*/
@media screen and (min-width: 992px) and (max-width: 1199px){
    .navbar-default .navbar-nav > li > a{font-size: 10px}
    header .phone{clear: both;}
    .linktosystem{margin-top: 5px}
    .callback-block{margin-top:-40px;}
    .macbook{padding: 33px 55px;}
    #video {  height: 227px}
    .grey-line-block h2 { font-size: 21px;}
    .kursbox a {    font-size: 9px !important;}
    .kursbox p {

    font-size: 12px !important;

}
    .kursbox .btn-default {

    font-size: 12px !important;
    padding-top: 12px;
    height: 45px;
    position: absolute;
    width: 155px;
    bottom: 25px;
    color: #fff;

}

}

@media screen and (min-width: 768px) and (max-width: 991px){
    body{font-size: 12px;}
    header .phone {font-size: 16px;color: #000;margin-top: 30px;}
    .linktosystem{margin-top: 30px;}
    header .adress {    font-size: 10px; font-weight: 300;}
    header .login,header .logout{    width: 50%;    float: left; font-size: 12px;}
    header .login-block{   height: 100px;}
    .main-section{background-size: cover}
    footer .phone {font-size: 22px;}
    footer .adress {font-size: 11px;}
    footer .politick-block{text-align: center;}
    footer .politics {margin-bottom: 0px;}
    .first-level { font-size: 14px;}
    .callback-block{margin-top: -15px; padding: 27px 20px;}
    h2 { font-size: 26px;}
    .priem-line img {width: 65px; margin-bottom: 10px;}
    .kurs-list .desc {font-size: 16px;}
    .kursbox p {font-size: 10px !important;    min-height: 123px;}
    .kursbox {padding: 25px 10px; height: 375px;}
    .kursbox .time-icon:before {  width: 25px; height: 30px;    margin-right: 10px;}
    .kursbox .time-icon span{font-size: 14px}
    .kursbox .doc span{font-size: 10px}
    .kursbox .doc:before{width: 25px}
    .kursbox .btn-default {font-size: 12px;    padding-top: 16px;  height: 50px;    position: absolute;    width: 135px;    bottom: 10px;    padding: 17px 5px;    left: 25px;}
    .grey-line-block .btn-default {width: 465px; font-size: 13px; padding-top: 18px; margin-top: 30px;}
  .kursbox a {   font-size: 8px;}
    .nuber-two-fix-btn, .first-step .btn-default {height: 55px; padding-top: 18px; width: 160px;    font-size: 14px;}
    .first-step .btn-default {margin-top: 81px;}
    .first-step .phone-link {  font-size: 18px;}
    .number-one:after, .number-two:after, .number-three:after, .number-four:after {width: 80px}
    .lic-section .desc {font-size: 18px;padding-top: 24px;}
    .rewiev-section h2 {font-size: 26px;}
    .rewiev-section p{font-size: 20px}
    .macbook{padding: 15px 152px;margin-top:20px;}
    #video {
    width: 100%;
    height: 269px;}
    .steps-section .blue-line{margin-top:0;}
    .price-kurs-block img{margin:0;    margin-top: 19px;}
    
}

@media screen and (max-width: 767px){
    body{overflow-x:hidden;}
    .main-section .description h1{font-size: 24px;}
    header .logo img{margin: auto;margin-bottom: 15px}
    header .phone, header .phone-cta, header .login,header .logout{float: left; font-size: 12px;}
    header .phone:before{    margin-right: 4px; margin-top: 0px;}
    header .phone-cta{padding: 0}
    header .phone-cta:before{    margin-top: 0px;}
    .phone-block{margin-bottom: 10px;}
    .login-block {height: 60px;}
    .main-section{padding-top: 10px;}
    .main-section .description .list-inline{    width: 260px; margin: auto; font-size: 16px; text-align: left}
    .form-section{width: 100%;    padding: 25px;}
    
    .main-section .description img {    width: 26px;  height: auto; margin-right: 15px;}
    .main-section .description li{margin-bottom: 10px;}

    footer .email-block, footer .politick-block{padding-top: 0}
    footer .phone-block{margin-bottom: 0}
    .prev-button:before{right: 131px; top: 17px;}
    .next-button:after{left: 127px;top: 17px;}
    .prev-button:after{    top: 0px;right: -4px;}
    .testing-section .grey-box {margin-top: 20px;}
    .bread-section h1 {padding-left: 35px; margin-bottom: 30px; margin-top: 0px;font-size: 30px;}
    .content .btn-default {width: 250px;  font-size: 12px;  height: 40px;}
    .alert-success{margin-top:15px;}
	.blue-block-circle{    height: 215px;    margin-bottom: 20px;}
    .main-section .pull-left,.main-section .pull-right{float:none !important;}
    .main-section .btn-default{margin-bottom: 10px;    width: 270px;}
    .second-section h2{text-align: center;}
    .priem-line{text-align: center}
    .kurs-list h2, .kurs-list .desc{text-align: center}
    .kursbox {max-width: 300px;margin: auto;margin-bottom: 15px;}
    .kursbox .btn-default{left: 50%;margin-left: -110px;}
    .grey-line-block{text-align:center;}
    .grey-line-block .btn-default {    width: 275px;    font-size: 16px;    padding-top: 18px;    float: none !important;    display: block;    margin: auto;    height: 95px;    white-space: normal;}
    footer{text-align: center}
    footer .phone::before, footer .phone-cta::before, footer .email::before, footer .adress::before{content: none}
    .rewiev-section{text-align: center;padding: 30px 0;}
    .lic-section{text-align: center;    padding: 30px 0;}
    .responsive-fix-step{max-width: 300px; margin: auto; margin-bottom: 10px}
    .responsive-fix-step .list-unstyled{list-style:circle;}
    .number-one::after, .number-two::after, .number-three::after, .number-four::after {    content: "";    position: absolute;    width: 135px;    height: 3px;    background-color: #e9e9e9;    left: inherit;    top: 27px;    margin-left: 60px;}
    h2{font-size: 24px}
    header .phone{clear: both}
    .linktosystem{margin-top: 0}
    .callback-block { height: 70px;    display: block;    margin-top: -30px;    float: right;    margin-right: -15px;    background: #00a9be;    color: #fff;    text-transform: uppercase;    padding: 15px 20px;}
    header .login-block {    height: 70px;padding-top: 10px;}
    .kurs-list .desc {font-size: 14px; font-weight: bold;padding-top: 10px;}
    .rewiev-section .h1{font-size: 24px;}
    .rewiev-section h2{font-size: 16px;}
    .rewiev-section p {font-size: 14px;padding-top: 0px;}
    .last-form { padding: 5px 0;}
    .btn-default {height: 50px;font-size: 16px; padding-top: 8px;}
    header .phone, footer .phone {font-size: 16px;}
    .lic-section .desc {font-size: 18px;}
    .blue-block-circle h2 {font-size: 18px;}
    .macbook{    height: auto;    padding: 0;    margin-top: 20px;    width: 100%;    margin: auto;}
  #video{height: autp;width:100%}
  .first-step .btn-default{    margin-top: 20px;    margin-bottom: 15px;}
  .bg-black-opacity {    padding: 35px 0 10px 0;}
  .kurs-list{padding-top:35px;}
  .price-kurs-block .desc, .price-kurs-block .desc-price{text-align:center;}
  .price-kurs-block img {    float: none;    display: block;    width: 85px;    max-height: 100%;    margin: auto;}
}