@media (max-width: 1199px){
     .promo {
         max-width: 970px;
    }
     .promo-title {
         width: 80%;
    }
     .exp-bl {
         margin-left: 90px;
    }
     .advertize-block__btn-to-order{
         margin: 0 0 0 80px;
    }
     .htw-icon-hr-left:before, .htw-icon-hr-right:before{
         left: -9em;
    }
     .htw-icon-hr-right:after{
         left: 8em;
    }
     .footer-menu{
         margin-left: 100px;
    }
}
 @media (max-width: 991px){
     .calc_mini .form-group {
         max-width: 220px;
    }
     #std_input_service_type, #std_input_academic_level, #std_input_deadline, #form_pages {
         width: 85%;
         max-width: 100%;
    }
    #std_input_service_type {
        padding-right: 30px;
    }
     .bl-result {
         margin-top: -40px;
    }
     .promo {
         max-width: 750px;
    }
     .advertize-block {
         padding: 50px 0;
    }
     .advertize-block__text {
         display: block;
         text-align: center;
    }
     .advertize-block__btn-to-order {
         display: block;
         margin: 20px auto 0;
         max-width: 185px;
    }
     .experience:before{
         width: 100%;
         height: 42%;
    }
     .experience-title{
         text-align: center;
         margin: 0px 0 10px;
    }
     .exp-bl {
         margin-bottom: 20px;
         margin-left: 150px;
    }
     .after-experience-title{
         text-align: center;
         margin: 0 0 65px;
    }
     .htw-icon-hr-left:before, .htw-icon-hr-right:before {
         left: -5.5em;
         width: 50px;
    }
     .htw-icon-hr-right:after{
         width: 50px;
    }
     .footer-menu {
         margin-left: 50px;
    }
}
 @media (max-width: 767px){
     body p{
         text-align: justify;
    }
     body ul li{
         text-align: justify;
    }
     .header-front{
         padding-top: 0;
         height: auto;
    }
     #navbar .nav li a{
         padding: 15px;
         text-align: center;
    }
     #navbar .nav li:before, #navbar .nav li:after {
         display: none;
    }
     .promo {
         height: auto;
    }
     .promo-calc-bl {
         background-color: transparent;
         height: auto;
         padding: 20px 0;
    }
     .promo-title {
         width: 100%;
         padding: 60px 0 70px;
    }
     .promo-calc-title{
         margin-bottom: 0;
         border-bottom: 3px solid rgba(139, 128, 235, .6);
         box-shadow: 0 8px 20px 3px rgba(0, 0, 0, .3);
    }
     .promo-calc {
         max-width: 300px;
         top: 0;
    }
     #std_input_service_type, #std_input_academic_level, #std_input_deadline, #form_pages {
         width: 100%;
         max-width: 100%;
    }
     form.calc_mini {
         padding: 20px 25px;
    }
     .calc_mini .form-group {
         max-width: 100%;
         width: auto;
    }
     .bl-result {
         float: none;
         text-align: center;
         padding: 0 57px;
         margin-top: 0px;
    }
     .exp-bl {
         margin-bottom: 20px;
         margin-left: 18vw;
    }
     .htw-icon-hr-left:before, .htw-icon-hr-right:before, .htw-icon-hr-right:after{
         display: none;
    }
     .footer-menu{
         margin-left: 0;
    }
     .footer-menu li a{
         text-align: center;
         padding: 10px 0;
    }
     .footer-menu li a:hover, .footer-menu li a:focus{
         background-color: #8b80eb;
         color: #fff;
    }
    .footer-menu li.current_page_item a{
         background-color: #8b80eb;
         color: #fff;
    }
     .title-page{
         padding: 10px 0 20px;
    }
}
 @media (max-width: 480px){
     .promo-phone {
         margin-right: 5px;
    }
     .promo__top-bl a{
         margin: 0 4px;
    }
     .promo-title-light{
         font-size: 32px;
    }
     .promo-title-bottom, .advertize-block__text, .experience-title{
         font-size: 20px;
    }
     .exp-bl {
         margin-left: 5vw;
    }
}