@media screen and (max-width: 767px) {
    .col-xss-1, .col-xss-2, .col-xss-3, .col-xss-4, .col-xss-5, .col-xss-6, .col-xss-7, .col-xss-8, .col-xss-9, .col-xss-10, .col-xss-11, .col-xss-12, .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
        display: block;
        margin: 0 auto
    }
}

@media (min-width: 601px) and (max-width: 767px) {
    .col-xss-12 {
        width: 100%;
        float: left
    }

    .col-xss-11 {
        width: 91.66%;
        float: left
    }

    .col-xss-10 {
        width: 83.33%;
        float: left
    }

    .col-xss-9 {
        width: 75%;
        float: left
    }

    .col-xss-8 {
        width: 66.66%;
        float: left
    }

    .col-xss-7 {
        width: 58.33%;
        float: left
    }

    .col-xss-6 {
        width: 50%;
        float: left
    }

    .col-xss-5 {
        width: 41.66%;
        float: left
    }

    .col-xss-4 {
        width: 33.33%;
        float: left
    }

    .col-xss-3 {
        width: 25%;
        float: left
    }

    .col-xss-2 {
        width: 16.66%;
        float: left
    }

    .col-xss-1 {
        width: 8.33%;
        float: left
    }
}

@media (min-width: 240px) and (max-width: 600) {
    .col-xxs-12 {
        width: 100%
    }

    .col-xxs-11 {
        width: 91.66%
    }

    .col-xxs-10 {
        width: 83.33%
    }

    .col-xxs-9 {
        width: 75%
    }

    .col-xxs-8 {
        width: 66.66%
    }

    .col-xxs-7 {
        width: 58.33%
    }

    .col-xxs-6 {
        width: 50%
    }

    .col-xxs-5 {
        width: 41.66%
    }

    .col-xxs-4 {
        width: 33.33%
    }

    .col-xxs-3 {
        width: 25%
    }

    .col-xxs-2 {
        width: 16.66%
    }

    .col-xxs-1 {
        width: 8.33%
    }
}

@media screen and (min-width: 1450px) {
    .comment .comment-comment {
        padding-left: 5px
    }
}

@media screen and (min-width: 1450px) {
    .logo {
        width: inherit;
        top: -170px;
        left: -180px
    }
}

@media (min-width: 1200px) and (max-width: 1449px) {
    .logo {
        top: -65px;
        left: -110px;
        max-width: 220px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .logo {
        max-width: 150px;
        top: -10px;
        left: -30px
    }

    .p-gir {
        margin-top: 10px
    }

    .p-equip {
        margin-bottom: 20px
    }

    .services {
        font-size: 75%
    }

    .recall-div {
        font-size: 85%
    }

    .recall-div .comment {
        padding: 0
    }

    .recall-div .comment-comment {
        padding: 0 30px;
        text-align: left
    }

    .ul-services {
        padding: 0
    }

    .ul-services li a {
        font-size: 155%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .logo {
        max-width: 170px;
        top: -33px;
        left: -60px
    }

    .p-gir {
        margin: 40px 0 !important;
        font-size: 36px
    }

    .ul-services {
        padding: 0
    }

    .ul-services li a {
        font-size: 115% !important
    }
}

@media screen and (max-width: 991px) {
    .p-gir {
        margin-top: 10px
    }

    .p-gir {
        line-height: 35px
    }

    .our-work .h2-our-work {
        font-size: 145%
    }

    .p-equip {
        margin: 20px 0 35px 0
    }

    .recall-div .comment {
        padding: 0
    }

    .recall-div .comment-comment {
        padding: 0 30px;
        text-align: left
    }

    .p-tab {
        padding: 10px 0;
        font-size: 115%;
        line-height: 25px;
        text-align: left
    }

    .name-services {
        font-weight: bold;
        font-size: 115%;
        left: 5px;
        top: 5px
    }

    .order-btn:not(.orderNow), .submit-main-form {
        width: 220px;
        font-size: 110%
    }

    .order-btn {
        margin-top: 5px
    }

    .ul-services {
        padding: 0
    }

    .ul-services li a {
        font-size: 155%
    }

    .equipment-div {
        height: 360px
    }

    .h3-equipment {
        font-size: 160%
    }

    .ul-equipment .a-equip {
        font-size: 120%;
        line-height: 27px
    }

    .owl-carousel-recall .owl-controls.clickable .owl-buttons div {
        width: 40px;
        font-size: 40px;
        line-height: 40px
    }

    .owl-carousel-recall .owl-controls.clickable .owl-buttons .owl-prev {
        left: 5px
    }

    .owl-carousel-recall .owl-controls.clickable .owl-buttons .owl-next {
        right: 5px
    }

    .ul-services li {
        font-size: 85%
    }
}

@media screen and (min-width: 768px) {
    .ul-services li a {
        height: 80px
    }
}

@media screen and (max-width: 767px) {
    .logo {
        top: -47px;
        max-width: 150px;
        left: -75px
    }

    .navbar {
        min-height: 70px
    }

    .navbar-nav {
        margin: 0px -15px
    }

    .navbar-toggle {
        padding: 4px 5px
    }

    .navbar-toggle .icon-bar {
        width: 45px
    }

    .ul-services li a {
        height: 50px
    }

    .navbar-default .navbar-toggle {
        border-color: #fff
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
        margin: 9px 0
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #803e6d
    }

    .our-work .h2-our-work {
        padding: 0 5px;
        line-height: 30px
    }

    .p-gir {
        font-size: 32px
    }

    .ul-services li {
        border-right: 1px solid #d4d4d4;
        border-bottom: none
    }

    .ul-services li:last-child {
        border-bottom: 1px solid #d4d4d4
    }

    .nav-justified > li > a {
        line-height: 20px;
        margin-bottom: 0
    }

    .owl-carousel-recall .owl-controls.clickable .owl-buttons .owl-prev {
        left: 5px
    }

    .owl-carousel-recall .owl-controls.clickable .owl-buttons .owl-next {
        right: 5px
    }

    .equipment {
        border-top: 2px dashed #d9d9d9;
        border-bottom: 2px dashed #d9d9d9
    }

    .comment .name-comment {
        padding-top: 20px;
        font-size: 140%
    }

    .comment .date-comment, .comment .a-comment {
        padding: 5px 0px;
        font-size: 140%
    }

    .recall-div .comment-comment {
        padding: 0px 5px
    }

    .ul-equipment {
        padding: 15px 0
    }

    .footer {
        padding: 0 0 20px 0
    }

    .footer .footer-left .ul-footer-left {
        text-align: center
    }

    .footer .footer-left .ul-footer-left li {
        text-align: center
    }

    .footer .footer-center {
        font-size: 75%;
        text-align: center
    }

    .footer .footer-center .footer-center-addr .p-footer-center {
        max-width: 100%
    }

    .footer .footer-center .social-div-footer {
        width: 300px;
        margin: 0 auto
    }

    .footer .footer-center .social-div-footer a {
        text-align: center;
        width: 45px;
        line-height: 45px
    }

    .footer .footer-center .social-div-footer i {
        font-size: 36px
    }
}

@media screen and (max-width: 550px) {
    .contacts-div {
        padding: 15px 30px 0 0;
        display: block
    }
}

@media screen and (min-width: 1401px) {
    .banner-container {
        height: 1080px
    }
}

@media screen and (max-width: 1400px) {
    .banner-container {
        height: auto
    }
}

@media screen and (max-width: 1199px) {
    .banner {
        background: rgba(255, 255, 255, 0.4)
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .cycle-bg-image {
        background-position: -250px 0px
    }

    /*.cycle-bg-image, .banner {*/
        /*height: 750px*/
    /*}*/
}

@media screen and (max-width: 767px) {
    .cycle-bg-image {
        background-position: -560px -105px;
        width: 100%
    }

    .cycle-bg-image, .banner {
        max-height: 100%;
        height: 100%
    }
}

@media (min-width: 768px) and (max-width: 1449px) {
    .review {
        font-size: 85%
    }

    .review .h1-review {
        margin-top: 75px
    }

    .review .p-review {
        padding: 25px 0
    }
}

@media (min-width: 450px) and (max-width: 767px) {
    .review {
        font-size: 65%
    }

    .review .h1-review {
        margin-top: 40px
    }

    .review .p-review {
        padding: 25px 0
    }

    .social-div {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 449px) {
    .review {
        font-size: 55%
    }

    .review .h1-review {
        margin-top: 20px
    }

    .review .p-review {
        padding: 15px 0
    }

    .social-div {
        margin-bottom: 30px
    }

    .social-div a {
        width: 40px;
        line-height: 40px
    }

    .social-div i {
        font-size: 28px
    }
}

@media (min-width: 992px) and (max-width: 1449px) {
    .nav > li > a {
        padding: 10px 15px
    }
}

@media screen and (max-width: 991px) {
    .nav > li > a {
        padding: 10px 7.5px;
        font-size: 14px
    }
}

@media screen and (max-width: 767px) {
    .nav > li > a {
        font-size: 22px;
        padding: 5px 7.5px;
        line-height: 30px
    }

    .navbar-collapse {
        z-index: 9999;
        position: absolute;
        top: 0;
        background-color: #fff
    }

    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #5e2d50
    }
}

@media screen and (min-width: 1200px) {
    .recall-div .comment {
        height: auto;
        padding-bottom: 10px
    }
}

@media screen and (max-width: 1199px) {
    .recall-div .comment {
        height: auto;
        padding-bottom: 55px
    }

    .recall-div .comment .comment-comment {
        padding: 0 10px
    }
}

.portfolio-item {
    overflow: hidden;
    padding: 0px;
    display: block;
    margin: 30px auto 0 auto
}

@media screen and (max-width: 1400px) {
    .map-init {
        max-width: 100%;
        font-size: 80%
    }

    .map-init .map-contact .fa-pin:before, .map-init .map-contact .fa-letter:before, .map-init .map-contact .fa-tel:before {
        font-size: 1.5em !important;
        left: -45px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .main-form .submit-main-form {
        bottom: 75px
    }

    .main-form .form-init {
        padding: 0 10px
    }

    /*.form-div .required-text {*/
        /*padding: 70px 15px 0 15px*/
    /*}*/

    .map-init {
        max-width: 70%
    }

    .map-init .map-contact {
        padding: 60px 5px 20px 50px
    }

    .map-init .map-contact .fa-pin:before, .map-init .map-contact .fa-letter:before, .map-init .map-contact .fa-tel:before {
        width: 35px;
        left: -45px;
    }

    .map-init .main-form textarea {
        margin-bottom: 5px
    }
}

@media screen and (max-width: 1199px) {
    .main-form .form-init {
        padding: 0 10px
    }

    .map-init {
        z-index: 1;
        position: relative;
        width: 100%
    }
}

@media (min-width: 767px) and (max-width: 1199px) {
    .form-div .required-text {
        padding: 0 15px
    }

    .main-form .submit-main-form {
        bottom: 20px
    }

    .map-div {
        max-width: 100%
    }

    .map-container {
        z-index: 0
    }

    /*.map-container, .map-div {*/
        /*max-height: 350px*/
    /*}*/

    .form-div, .map-contact {
        /*max-height: 530px;*/
        float: left
    }

    .map-init .map-contact {
        z-index: 2;
        /*height: 530px;*/
        /*padding: 60px 5px 50px 50px;*/
        margin-bottom: 0 !important;
    }

    .map-init .map-contact .fa-pin:before, .map-init .map-contact .fa-letter:before, .map-init .map-contact .fa-tel:before {
        width: 35px;
        left: -45px
    }

    .map-init .form-div {
        width: 50%;
        max-width: 50%
    }

    .map-init .main-form {
        max-width: 100%
    }

    .map-init .main-form textarea {
        margin-bottom: 5px
    }
}

@media screen and (max-width: 600px) {
    .form-div .p-gir {
        padding-bottom: 5px
    }

    .map-container, .map-container .map-contact, .map-contact {
        height: auto
    }

    /*.form-div {*/
        /*height: 350px !important;*/
        /*max-height: 350px !important*/
    /*}*/

    .map-contact {
        width: 100% !important;
        display: block !important;
        padding: 0 0 15px 0 !important;
        text-align: center
    }

    .map-contact .addr-p {
        font-size: 2.4em !important;
        text-decoration: underline
    }


    .fa-pin:before, .fa-letter:before, .fa-tel:before {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .form-div {
        position: relative
    }
}

@media screen and (max-width: 767px) {
    .footer .footer-left .p-footer-left {
        text-align: center
    }

    .map-container .map-contact {
        max-width: 100%
    }

    .map-container .map-contact .span-addr, .map-container .map-contact .fa-tel, .map-container .map-contact a {
        line-height: 25px
    }

    .map-container .map-contact .addr-p {
        padding-bottom: 0 !important;
        margin: 0
    }

    .main-form input, .main-form textarea {
        margin-bottom: 10px
    }

    .main-form textarea {
        min-height: 100px
    }
}

@media screen and (max-width: 767px) {
    .footer .footer-left .ul-footer-left {
        text-align: center !important
    }
}

@media screen and (max-width: 767px) {
    .portfolio-item .p-item {
        font-size: 180%
    }

    .contacts-div {
        padding: 5px;
        margin-top: 10px
    }

    .contacts-div .h2-banner {
        display: none
    }

    .contacts-div .contacts-banner {
        padding: 0
    }

    .contacts-div .contacts-banner:before {
        display: none
    }

    .contacts-div .contacts-banner a {
        font-size: 18px
    }
    .map-div {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .if-video-is-true {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .if-video-is-true .review .p-review {
        padding: 15px 0 !important
    }

    .if-video-is-true .social-div {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 500px) {
    .if-video-is-true {
        margin-top: 80px
    }

    .if-video-is-true .review .p-review {
        padding: 0 !important
    }
}

@media screen and (max-width: 450px) {
    .w100-max-450 {
        width: 100% !important
    }
}

@media screen and (max-width: 767px) {
    .fancybox-inner {
        height: 250px !important;
        max-height: 250px !important
    }
}

.fancybox-opened {
    z-index: 999999
}


.footer {
    padding-bottom: 30px
}

.cpr-text-footer {
    text-align: center;
    margin-top: 15px
}

.wnd-in {
    color: grey
}

.recall-div .comment {
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-bottom: 10px
}

.excerpt {
    text-align: left !important
}

.comment .comment-comment {
    padding: 0 10px
}

.comment .a-comment {
    padding: 5px 0
}

.comment span, .comment .a-comment {
    position: relative;
    cursor: pointer;
    display: block;
    margin: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 3
}

.comment .name-comment {
    padding: 15px 5px 0 5px;
    margin-bottom: 10px;
    line-height: 33px;
    font-size: 1.65em
}

.recall-item {
    padding: 25px
}

@media screen and (min-width: 1500px) {
    .comment .name-comment {
        padding: 10px 20px 10px 20px;
        line-height: 30px;
        font-size: 1.9em;
        color: #000
    }
}

@media screen and (max-width: 991px) {
    .portfolio-item .img-container {
        height: 250px;
    }
    .map-container .map-contanct__inner {
        margin-left: 50px;
    }
}

@media screen and (max-width: 600px) {
    .map-init .row-fluid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .map-container .map-contanct__inner {
        padding: 10px 0;
    }
    .form-div .required-text {
        display: none;
    }
    .orderNow {
        max-width: 320px;
        font-size: 14px;
    }
}