@media all and (min-width:1199px){
    .container {padding-left: 30px; padding-right: 30px;}
}
@media all and (max-width:1199px){
    .training_slider .slick-prev {left: -10px; background-color: #fff;}
    .training_slider .slick-next {right: -10px; background-color: #fff;}
}
@media all and (max-width:991px){
    #left-img-wrapper {text-align: center;}
    .left-img {position: relative; display: inline-block;}
    #lesson-subjects {margin-left: 0px; margin-top: 30px;}
    .body-lesson #copyright {margin-left: 0;}
    .lessons_list {margin-top: 30px;}
    .training_slider .slick-prev {left: 0px; background-color: #fff;}
    .training_slider .slick-next {right: 0px; background-color: #fff;}
}
@media all and (max-width:767px){
    .lessons_box {max-width: 380px; margin: auto; text-align: center; margin-bottom: 30px;}
    .title .training-counter {display: block; float: none;}
    .myaccount-link {display: block; text-align: right; margin-bottom: 15px;}
    .separator {display: none;}
    #header .user_menu {top: 30%;}
    .training_name h2 {font-size: 15px;}
}
@media all and (max-width:600px){
    .lessons_box {float: none;}
}
@media all and (max-width:480px){
    .training_slider {max-width: 300px; margin: auto;}
    .training_slider .slick-prev {left: -18px;}
    .training_slider .slick-next {right: -18px;}
    .lessons_box {max-width: 300px; margin: auto; text-align: center; float: none; margin-bottom: 30px;}
    #customer_account .btn-gold {margin-right: 10px; padding: 14px 13px 12px; min-width: 130px;}
}