@media (min-width: 1200px) {
    .container {
        width: 980px;
    }
    #ergonomics-like {
        display: block;
    }
}
@media (min-width: 992px){
    .container {
        width: 980px;
    }
    #slider-1, #slider-2, #slider-3, #slider-4, #slider-5, #slider-6, #slider-7, #slider-8, #slider-9,
    .example .custom p,
    .example .custom,
    .example .moduletable {
        height: 460px;
    }
    #slider_all .moduletable {
        height: 570px;
    }
    #slider_all .custom, 
    #slider_all .custom p {
        height: 510px;
    }
}
@media (max-width: 992px) {
    h2 {
        padding-right: 20px;
        padding-left: 20px;
    }
    .example .custom img {
        height: 350px;
    }
    #make_an_appointment img,
    #get_three_options img {
        display: none;
    }
    #header {
    	background-size: cover; 
    }
    #header #consultation {
        margin-top: 135px;
    }
    #reviews .frame,
    #reviews .frame iframe {
        width: 100%;
    }
    #why {
        padding-bottom: 100px;
    }
    #why .yelow {
        margin: 17px auto;
    }
    #why .title {
        height: auto;
    }
    #why .yelow {
        padding: 9px 30px;
    }
    #why .text {
        margin: 0 auto;
        margin-bottom: 15px;
        width: 70%;
    }
    .materials-blocks div {
        margin: 82px 9px 0 0;
        height: 90px;
    }
    #materials img {
        margin: 25px 0 0px 26px;
    }
    #need_to_know .title,
    #need_to_know .text {
        margin-left: 0;
    }
    .ergonomics {
        width: 80%;
    }
    #reviews .play-video {
        width: 330px;
        height: 269px;
    }
    #reviews .text-block {
        padding: 35px 30px 8px 30px;
    }
    #make_an_appointment #appointment-form,
    #get_three_options #options-form {
        margin: 0 auto;
    }
    #layout_options .block>div:nth-child(1) {
        border-top: none !important;
    }
    #layout_options .block>div{
        border-bottom: none !important;
        border-left: none !important;
        border-right: none !important;
        border-top: 1px solid #eaeaea;
    }
    #layout_options .block>div.clear {
        border-top: none;
    }
    #layout_options .border-top > div {
        margin: 0 14px 0 69px;
    }
    #layout_options .border-top {
        height: auto;
    }
    #maps {
        background-size: 490%;
    }
    #maps .map {
        margin: 30px auto;
        float: none !important;
    }
    #maps .map-header {
        text-align: center;
    }
    #footer .social {
        margin: -15px 0px 0 0px;
    }
    #footer div {
        text-align: center !important;
    }
    #footer .social p {
        text-align: center;
        margin: 0;
    }
    #footer .social img {
        margin: 5px;
    }
    #reviews .frame,
    #reviews .frame iframe {
        width: 330px;
        margin: 0 auto;
    }
    #need_to_know .title {
        text-align: center;
    }
    #need_to_know .title,
    #need_to_know .text {
        padding: 0 50px;
    }
    #need_to_know .ergonomics img {
        float: left !important;
        width: 80%;
    }
    #need_to_know .ergonomics-img-sm {
        display: none;
    }
    #need_to_know img {
        margin: 0 auto !important;
        float: none !important;
        width: 50%;
        display: block;
        margin-bottom: 25px !important;
    }
    #get-consultation:after {
        right: -100px;
    }
    .slider-text {
        padding: 0 15px;
    }
    #slider-1,
    #slider-2,
    #slider-3,
    #slider-4,
    #slider-5,
    #slider-6,
    #slider-7,
    #slider-8,
    #slider-9,
    #slider_all {
        padding: 0 15px;
    }
    #need_to_know .ergonomics-img {
        display: block;
    }
    #need_to_know-info {
        right: -105px;
        top: 25px;
    }
    .modal-open .modal-dialog {
        margin: 50px auto !important;
    }
}
@media (min-width: 500px) and (max-width: 770px) {
    #get_three_options h2,
    #make_an_appointment h2 {
        margin-bottom: 50px;
    }
    #get_three_options ul,
    #make_an_appointment ul {
        margin-bottom: 75px; 
        padding-left: 40px;
    }
}
@media (max-width: 770px) {
    html {
        overflow-x: hidden;
        width: 100%;
    }
    body {
        margin: 0;
        padding: 0;
        width: 100%;
        overflow-x: hidden;
    }
    .example .custom img {
        height: 250px;
    }
    #header #top {
        height: auto;
    }
    #header-blur {
        margin-top: 75px;
    }
    #header #consultation {
        height: auto;
        padding: 26px 35px;
        width: 90%;
        margin: 0 auto;
        margin-top: 50px;
        margin-bottom: 75px;
    }
    #consultation input {
        margin: 0 auto;
        display: block;
    }
    #consultation #get-consultation {
        margin: 0 auto;
        display: block;
        margin-top: 20px;
    }
    #get-consultation:after {
        display: none;
    }
    #need_to_know .ergonomics-img-sm {
        display: block;
        margin: 0;
        width: 100% !important;
    }
    .materials-blocks div {
        float: none !important;
        margin: 10px 9px 0 0;
        height: auto;
    }
    #sertificates {
        min-height: auto !important;
        padding: 58px 25px 110px 25px;
    }
    #why .title {
        height: auto;
    }
    #reviews .text-block {
        margin: 0px 0 28px 0;
    }
    #reviews p {
        text-align: center !important;
    }
    #need_to_know .ergonomics-img-sm {
        width: 100%;
    }
    #layout_options .block img {
        margin: 32px 0 0 0;
    }
    .modal-open .modal-content {
        padding: 37px 10px;
    }
    #add-review-modal .modal-dialog {
        width: 90%;
        margin: 50px auto;
    }
    #add-review-modal .modal-content textarea {
        width: 100%;
    }
    #need_to_know span.hidden-block {
        display: none;
    }
    #need_to_know .ergonomics-img {
        display: none;
    }
    #footer .social p {
        margin: 30px 0 0 0;
    }
    .header-phones {
        margin: 40px 0;
        width: 100%;
        text-align: center;
    }
    .header-phones p {
        margin: -8px -11px 15px 0px;
    }
    .header-phones-show {
        display: block;
    }
    .header-phones-hide {
        display: none;
    }
    #add-review-modal .modal-content input,
    #add-review-modal .modal-content textarea {
        width: 100% !important;
    }
}
@media (max-width: 500px) {
    .example .custom img {
        height: 150px;
    }
    #consultation {
        background: -webkit-linear-gradient(270deg, rgba(255,255,255,0) 60%, #fff),-webkit-linear-gradient(20deg, #e0f1ff 32%, #fffae3) !important;
        background: linear-gradient(180deg, rgba(255,255,255,0) 60%, #fff),linear-gradient(70deg, #e0f1ff 32%, #fffae3) !important;
        background-position: 100% 100% !important;
    }
    #consultation input {
        width: 100%;
    }
    #consultation #get-consultation {
        width: 100%;
        /*height: auto;*/
    }
    #header #logo {
        margin: 20px 0 25px 0;
    }
    #header #logo,
    #header-phones,
    #header-phones p {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    #header-blur {
        margin-top: 40px;
    }
    #header-center-b {
        font-size: 20px;
    }
    #header-center-l {
        line-height: 1.3;
        margin-top: 15px;
        font-size: 16px;
    }
    #consultation #get-consultation {
        font-size: 16px;
    }
    #slider-top h2 {
        font-size: 28px;
    }
    #maps {
        background-size: 1920px 1148px;
    }
    #maps .map {
        width: 100%;
    }
    #maps img {
        width: 100%;
    }
    #maps .phone {
        font-size: 46px;
    }
    #make_an_appointment #appointment-form,
    #get_three_options #options-form {
        width: 100%;
    }
    #get_three_options #options-form {
        margin-top: 50px;
    }
    #get_three_options input,
    #get_three_options .make,
    #make_an_appointment input,
    #make_an_appointment .make {
        width: 100%;
    }
    #maps .phone {
        font-size: 32px;
    }
    #maps .map-header {
        padding: 15px 0 26px 0;
    }
    #maps .map-header img{
        width: 60px;
        margin: 0 auto;
        display: block;
    }
    #reviews .frame,
    #reviews .frame iframe {
        width: 270px;
        height: 154px;
    }
    #reviews .play-video {
        width: 270px;
        height: 154px;
    }
    #get_three_options label {
        margin-left: 20px;
    }
    #get_three_options li,
    #make_an_appointment li {
        padding-left: 50px;
        margin-left: 0;
    }
    #get_three_options li:before,
    #make_an_appointment li:before {
        left: 0;
    }
    .modal-content input,
    .modal-content textarea,
    .modal-content button {
        width: 100% !important;
    }
    #need_to_know .ergonomics img {
        width: 100%;
        padding: 0 30px 0 30px;
    }
    .modal-open .modal-dialog {
        width: 90%;
        margin: 50px auto;
    }
    #get_three_options h2 {
        font-size: 20px;
        margin: 0;
    }
    #get_three_options ul {
        margin-top: 65px;
    }
    .custom table:nth-child(1) {
        width: 100%
    }
    .custom table:nth-child(2) {
        width: 100%;
    }
}