@media (max-width: 572px) {
    .vendor-table-xs {
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
    }
}
@media (max-width: 1199.98px) {
    #intro-info h1 {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .descr1 {
       font-size: 40px;
        line-height: 150%;
        /* identical to box height, or 60px */
    }
    .descr2 {
        font-size: 24px;
        line-height: 133%;
        /* identical to box height, or 32px */ 
    }
    .intro-cart {
        background: none;
    }

    .cart {
        background-image: url('../img/bg-cart.png');
        background-repeat: no-repeat;
        background-size: cover;
    }

    .navbar-light.burger-w.burger-b-xs .navbar-toggler-icon {
        background-image: url('../img/burger.png');
    }

    #intro-corp2 h2 {
        padding-top: 0px;
    }

    .navbar-brand {
        /*padding-left: 20px;*/
        margin-right: 0;
    }

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        padding: 0;
        border-bottom: none;
    }

    .navbar-nav {
        padding-left: 0px;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.8rem;
        padding-left: 0.8rem;
    }

    .selfcourse-list .panel {
        background-size: 260px;
        min-height: 622px;
    }

    .navbar-light .navbar-nav .nav-link {
        padding: 0;
    }

/*    .T2_med {
        font-size: 16px;
        line-height: 150%;
    }*/

    .h2_reg {
        font-size: 36px;
    }

    .H4_reg {
        font-size: 20px;
    }

    .switch {
        width: 50px;
        height: 24px;
    }

    .slider::before {
        height: 22px;
        width: 22px;
    }

    .h_reg {
        font-family: Rubik;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 147%;
        text-transform: uppercase;
    }

   /* .T1_med {
        font-family: IBM Plex Mono;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 133%;
        letter-spacing: -0.04em;
        font-feature-settings: 'zero' on;
    }*/

    .details, .catalog {
        padding-top: 60px;
    }
    p{
    margin-bottom: 0.6rem;
}

    .antcolony-price input[type="radio"] {

        margin-top: 1px;
    }
    .antcolony-price i {
        font-size: 20px;
    }
    }

@media (max-width: 768px) {

    .course-item .panel, .course-item, #intro-about, #intro-info {
        background-image: none !important;
        margin-top: 0px;
    }}
@media (min-width: 768px) and (max-width: 1199.98px) {
    .course-item{
        background-size: 50%;
    }
    #intro, #intro-courses-self,  #intro-corp1, #intro-corp2 {
        background-size: auto 450px;
        background-position: right top;
    }

    #intro-bottom {
        background-size: auto 450px;
    }

    #intro-business {
        background-size: auto 450px;
    }

    #intro-bottom h2 {
        padding-top: 0px;
    }

    .Buttons {
        font-size: 14px;
    }

    .btn {
        padding: 5px 15px;
    }

    .H2_med {
        font-size: 40px;
    }
    .h2_reg {
        font-size: 36px;

    }
    .H1_med {
        font-size: 42px;
        line-height: 53px;
    }

    .t4_semibold {
        font-size: 14px;
    }

    #intro,  #intro-corp1, #intro-corp2 {
        min-height: 500px;
    }
    #intro-courses-self {
        min-height: 500px;
    }
    .T2_reg {
        font-size: 16px;
    }

    .H2_med {
        font-size: 36px;
    }
    /*#intro h1, #intro-bottom h2 {
                padding-top: 280px;
            }*/
    #intro-courses-more-self {
        background-size: auto 260px;
        min-height: 480px;
    }

    .course-item img {
        width: 480px;
    }

    .H4_reg {
        font-size: 22px;
    }

    .t3_reg {
        font-size: 12px;
    }


    }

@media (max-width: 991.98px) {
                .circle {
                    border: 1px solid #2041A3;
                    border-radius: 50%;
                    padding: 0px 8px 0px 8px;
                    color: #2041A3;
                    -webkit-text-stroke: 4px #fff;
                    cursor: pointer;
                    font-size: 30px;
                    position: absolute;
                    right: 16px;
                }
                .pt-section {
                    padding-top: 20px;
                }

                .pb-section {
                    padding-bottom: 20px;
                }
                .w-xs-100 {
                    width: 100% !important;
                }
                /*.intro-cart {
                    background-size: auto 35%;
          
                }
                .Black-xs {
                    color: rgba(69, 69, 69, 0.8) !important;
                }*/
                body {
                    /* Margin bottom by footer height */
                    margin-bottom: 0px;
                }


                #intro, #intro-courses-self {
                    min-height: unset;
                }
                    .selfcourse-list .panel {
                    background-size: 350px;
                    min-height: unset;
                }
                .navbar-collapse .nav-link.T4_reg {
                    font-size: 16px;
                    line-height: 200%;
                }

                .navbar-light .navbar-nav .btn-login {
                    font-size: 16px;
                }

            }

@media (max-width: 1199.98px) {
    #intro-main h1 {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .details .course-item {
        padding-top: 0px;
    }

    .border-xs-bottom {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .course-item img {
        width: inherit;
    }
    /*body {
        margin-bottom: 80px;
    }*/

    .footer .copyright {
        padding: 25px 0px;
        position: absolute;
        bottom: 0;
    }

    #intro-business h2 {
        padding-top: 320px;
    }

    #intro h1 {
        padding-top: 95px;
        padding-bottom: 60px;
    }
    #intro-about h1 {
        padding-top: 85px;
        padding-bottom: 5px;
    }
  #intro-main h2 {
        padding-top: 35px;
        padding-bottom: 320px;
    }
    #intro-courses-self h1, #intro-bottom h2 {
        padding-top: 280px;
    }

    #intro-corp1 h2 {
        padding-top: 350px;
    }

    #intro-corp2 h2 {
        padding-top: 310px;
    }

    #intro, #intro-courses-self {
        background-size: 215px;
        background-position: right center;
        min-height: inherit;
    }

    #intro-corp1, #intro-corp2 {
        background-size: 260px;
    }

    #intro-bottom .intro-info {
        margin-bottom: 0px;
    }

    #intro-business {
        background-size: 300px;
        background-position: right top;
    }

    #intro-bottom {
        background-size: 300px;
        background-position: right top;
    }
    .self-course .panel {
        min-height: unset;
    }

    a.social {
        padding: 2px;
    }

    .corporate .MultiCarousel .MultiCarousel-inner .item div {
        height: 220px;
    }


    .sidebar.left-menu {
        background: none;
        box-shadow: none;
        border-radius: 0;
        padding: 0 30px 0 30px;
    }


        .sidebar.left-menu.left-menu-short {
            min-height: 190px;
        }


    .sidebar {
        position: unset;
    }

    .H1_med {
        font-family: Rubik-Medium;
        font-style: normal;
        font-weight: 500;
        font-size: 48px;
        line-height: 64px;
        /* or 133% */
        letter-spacing: -0.04em;
        text-transform: uppercase;
    }

    .H2_med {
        font-family: Rubik-Medium;
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 60px;
        /* or 150% */
        letter-spacing: -0.04em;
        text-transform: uppercase;
    }

    .h2_reg {
        font-size: 30px;
        line-height: 36px;
    }
    .dashed-line {

        border-bottom: 2px dashed #2041A3;
    }

/*    .T2_reg {
        font-size: 16px;
        line-height: 150%;
    }*/

/*    .H3_med, .course-item .H2_med {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.04em;
    }*/
    .H3_reg {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.04em;
    }
/*    .T3_reg {
        font-size: 14px;
        line-height: 150%;
    }

    .T3_reg {
        font-size: 16px;
    }*/

    .bread .t3_reg, .bread .T3_reg {
        font-size: 12px;
        line-height: 133%;
    }



    .Buttons {
        font-size: 14px;
    }

    .selfcourse-list .panel {
        background-size: 160px;
    }

    .Buttons {
        font-size: 14px;
    }

    .MultiCarousel .leftLst {
        left: -7px;
    }

    .MultiCarousel .rightLst {
        right: 10px;
    }

    .btn {
        padding: 10px 20px;
    }

    .what-you-get .H3_med {
        line-height: 34px;
    }
/*
    .T1_reg {
        font-size: 20px;
        line-height: 24px;
    }*/

    #accordion .card-header .fa {
        font-size: 16px;
    }

    .card-header .btn {
        padding: 10px;
    }

    #accordion .card-body {
        margin: 0 0 15px 30px;
    }
}
@media (min-width: 991.98px) {
    #intro-course .title_course {
        min-height: 435px;
        max-height: 435px;
    }
    .L-Blue-bg-lg {
        background: #2041A3 !important;
    }
}
@media (max-width: 991px) {
    #intro-main {
        /*    min-height: 640px;*/
        min-height: 420px;
        background: url("../img/right4_xs.png") center bottom no-repeat;
        background-size: cover;
    }
}
    @media (max-width: 440px) {

        .H2_med {
            font-size: 28px;
            line-height: 40px;
        }

        #intro-main h2 {
            padding-top: 30px;
            padding-bottom: 200px;
        }

        .course-items.MultiCarousel .leftLst {
            margin-right: 16px;
            padding: 8.5px 5px;
        }

        .course-items.MultiCarousel .rightLst {
            padding: 15.5px 9px;
        }

        .T2_reg {
            font-size: 16px;
            line-height: 150%;
        }

        .H1_med {
            font-size: 35px;
            line-height: 50px;
        }

        .form-control {
            font-size: 12px;
        }

        .MultiCarousel .MultiCarousel-inner .item {
            min-width: 80px;
        }

        .H3_med {
            font-size: 22px;
        }

        .category_button_text {
            font-size: 18px;
            margin-left: -34px;
        }

        .button_text {
            font-size: 13px;
            margin-left: -32px;
            margin-right: 10px;
        }

        .free_course {
            margin-top: 5px;
        }

        .T1_med {
            font-size: 26px;
        }

        .descr1 {
            font-size: 38px;
            line-height: 130%;
        }

        .Buttons {
            font-size: 12px;
        }

        .T1_reg {
            font-size: 20px;
            line-height: 135%;
        }

        .h_reg {
            font-size: 12px;
        }

            .h_reg.name_course {
                font-size: 26px;
            }

        .H4_med {
            font-size: 18px;
        }
    }