* {
    box-sizing: border-box;
}
body {
    padding: 0;
    margin: 0;
    font-family: 'Helvetica', sans-serif;
    color: #000;
    font-size: 16px;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.logo {
    margin: 30px 0;
}
.navbar {
    float: right;
}
.navbar-expand-lg .navbar-toggler {
    display: block;
    border: 0;
    padding: 0;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}
.navbar-nav {
    display: none;
}
.show .navbar-nav{
    display: flex;
    margin-top: 30px;
}
.navbar-toggler-icon {
    background-image: url(../images/menu.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 35px;
    height: 35px;
    float: right;
    margin-top: 50px;
}
.menu_close {
    background-image: url(../images/close.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 25px;
    height: 25px;
    float: right;
    margin-top: 57px;
}
.collapsing {
    position: relative;
    height: 0px;
    overflow: hidden;
    -webkit-transition: height .0s ease;
    -o-transition: height .0s ease;
    transition: height .0s ease;
}
.menu_link {
    margin-right: 100px;
}
.menu_link li {
    padding-right: 25px;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    list-style: none;
    display: flex;
    margin-top: 25px;
}
h1 {
    font-family: 'Proza Libre', sans-serif;
    font-size: 80px;
    font-weight: 600;
    color: #fff;
    margin-top: 320px;
    margin-bottom: 30px;
}
h2 {
    font-family: 'Proza Libre', sans-serif;
    font-size: 45px;
    font-weight: 700;
    color: #38685B;
}
a {
    color: #fff;
    text-decoration: none;
}
a:hover {
    color: #557E74;
    text-decoration: none;
}
.container {
    max-width: 1600px;
}

.row-l-20 {
    padding-left: 20px;
}
.row-new {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.pl-0 {
    padding-left: 0px;
}
.pl-10 {
    padding-left: 10px;
}
.project-mr-15 {
    margin-right: 13px;
}
header {
    left: 0;
    right: 0;
    top: 0px;
    background: #a0b7b1;
    z-index: 20;
}
.main_heading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 10;
}
.background {
    width: 100%;
}
.logo img{
    width: 499px;
}
.bg {
    background: #000;
}
.logo_mobile {
    display: none;
}
.logo_navbar {
    display: none;
}
.footer_logo_mobile {
    display: none;
}
.main .description {
    color: #fff;
    font-family: Helvetica;
    font-size: 40px;
    font-weight: 400;
    line-height: 46px;
    max-width: 80%;
}
.main_button {
    position: absolute;
    margin-top: 95px;
}
a .button_top{
    font-size: 25px;
    font-weight: 400;
    color: #000;
    background-color: #fff;
    width: 430px;
    height: 60px;
    text-align: center;
    line-height: 60px;
}
a:hover .button_top {
    color: #fff;
    background-color: #38685B;
}
#who_are_we {
    margin-top: 120px;
}
#who_are_we p {
    font-size: 25px;
    font-weight: 300;
    line-height: 27.5px;
}
.border-bottom {
    border-bottom: 1px solid #A9A3A3 !important;
    margin-top: 15px;
    margin-bottom: 15px;
}
.row {
    padding-right: 30px;
    padding-left: 30px;
}
.head {
    font-family: 'Proza Libre', sans-serif;
    font-size: 70px;
    font-weight: 700;
    color: #38685B;
}
.head_2 {
    font-size: 25px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.head_desc {
    font-size: 18px;
    font-weight: 300;
    color: #797676;
}
#services {
    margin-top: 120px;
}
#services p {
    font-size: 25px;
    font-weight: 300;
    line-height: 27.5px;
    margin-bottom: 30px;
}
.services_name {
    font-size: 25px;
    font-weight: 700;
}
.services_description ul {
    font-size: 18px;
    font-weight: 300;
    color: #797676;
    padding-left: 10px;
    margin-bottom: 0;
    margin-top: 4px;
}
.services_description ul li {
    line-height: 25.7px;
}
.services_border {
    border-top: 1px solid #A9A3A3;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
}
.services_border:last-child {
    border-top: 1px solid #A9A3A3;
    border-bottom: 1px solid #A9A3A3;
}
#benefits {
    margin-top: 120px;
}
#benefits p {
    font-size: 25px;
    font-weight: 300;
    line-height: 27.5px;
    margin-bottom: 45px;
}
.benefits-row {
    display: flex;
    flex-wrap: wrap;
    padding-right: 0px;
    padding-left: 0px;
}
.benefits-row .col-xl-6 {
    flex: 0 0 auto;
    width: 47%;
}
.benefits-ml {
    margin-left: 35px;
}
.benefits_icon_1 {
    background-image: url(../images/icon-1.png);
    width: 60px;
    height: 60px;
    background-size: cover;
    margin-top: 10px;
}
.benefits_icon_2 {
    background-image: url(../images/icon-2.png);
    width: 60px;
    height: 60px;
    background-size: cover;
    margin-top: 10px;
}
.benefits_icon_3 {
    background-image: url(../images/icon-3.png);
    width: 60px;
    height: 60px;
    background-size: cover;
    margin-top: 10px;
}
.benefits_icon_4 {
    background-image: url(../images/icon-4.png);
    width: 60px;
    height: 60px;
    background-size: cover;
    margin-top: 10px;
}
.benefits_name {
    font-size: 20px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 10px;
}
.benefits_desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
}
.benefits_border {
    border-left: 1px solid #A9A3A3 !important;
    padding-left: 10px;
    padding-right: 0px;
    margin-bottom: 25px;
    margin-top: 25px;
}
#projects {
    margin-top: 120px;
}
#projects h2{
    margin-bottom: 55px;
    font-size: 35px;
}
.items {
    box-shadow: rgba(115, 115, 115, 0.15) -3px 4px 5px;
    padding: 15px;
}
.items-name {
    font-family: 'Proza Libre', sans-serif;
    font-size: 50px;
    font-weight: 700;
    color: #38685B;
    line-height: 1;
}
.items-name span{
    font-family: 'Proza Libre', sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #38685B;
    display: block;
    margin-bottom: 10px;
}

.items-name_2 {
    font-family: 'Proza Libre', sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: #38685B;
    line-height: 84px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.items-link a {
    color: #797676;
    font-size: 18px;
    text-decoration: underline;
    float: right;
}
.items-link a:hover {
    color: #38685B;
}

.project-row {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0px;
}
.project-row-2 {
    display: flex;
    flex-wrap: wrap;
    padding-right: 5px;
}
.project_mt {
    margin-top: 40px;
    margin-bottom: 44px;
}
.items-header {
    font-size: 30px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px;
}
.items-description {
    font-size: 18px;
    font-weight: 300;
    line-height: 21px;
    color: #797676;
    padding-right: 20px;
}
.slick-dots {
    bottom: -35px;
}
.slick-dots li button:before{
    font-family: 'slick';
    font-size: 35px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10;
    height: 10px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #D9D9D9;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #38685b;
}
.slick-track {
    display: flex !important;
}
.slick-slide {
    height: inherit !important;
}
/* the slides */
.slick-slide {
    margin: 20px 10px;
}
/* the parent */
.slick-list {
    margin: 0 -10px;
}
#clients {
    margin-top: 120px;
}
.client {
    border: 1px solid #A9A3A3;
    padding: 25px;
    margin-left: 2px;
}
.client img{
    width: 100%;
}
#clients h2 {
    margin-bottom: 30px;
}
#jobs {
    margin-top: 120px;
}
footer {
    background: #38685B;
    padding: 60px 50px 0px 0px;
    margin-top: 120px;
}
footer a:hover{
    color: #95CFC194;
}
.footer_logo img {
    width: 499px;
    padding-top: 14px;
}
.footer_phone {
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    color: #fff;
    margin-bottom: 50px;
    margin-top: 10px;
}
.footer_phone span {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
}
.footer_email {
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    color: #fff;
    margin-bottom: 50px;
}
.footer_email span {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
}
.footer_requisites {
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    color: #fff;
}
.footer_requisites span {
    display: block;
    margin-bottom: 10px;
}
.footer_requisites p{
    font-size: 18px;
    font-weight: 400;
}
.footer_links {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    list-style: none;
    margin-top: 8px;
}
.footer_links li{
    padding-bottom: 40px;
}
#job {
    margin-top: 7px;
}
#job .card {
    margin-bottom: 0px;
    border: 0;
    border-radius: 0;
}
#job .card:last-child {
    border-bottom: 1px solid #A9A3A3;
}
#job .card .card-header {
    border: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    border-radius: 0px;
    padding: 0;
}
#job .card .card-header .btn-header-link {
    color: #000;
    display: block;
    text-align: left;
    padding: 20px 0;
    background: #F6F9F8;
    border-top: 1px solid #A9A3A3;
    border-radius: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    padding-left: 5px;
    padding-right: 5px;
}
#job .card .card-header .btn-header-link:focus {
    border-top: 1px solid #A9A3A3 !important;
    border: 0;
}
#job .card .card-header .btn-header-link:active {
    border-top: 1px solid #A9A3A3 !important;
    border: 0;
}
.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}
#job .card .card-header .btn-header-link:before {
    content: "";
    background-image: url(../images/arrow_top.png);
    width: 15px;
    height: 15px;
    background-size: cover;
    float: right;
    margin-top: 5px;
}
#job .card .card-header .btn-header-link.collapsed {
    color: #000;
    background: #fff;
    border-top: 1px solid #A9A3A3;
    border-radius: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    padding-left: 5px;
    padding-right: 5px;
}
#job .card .card-header .btn-header-link.collapsed:before {
    content: "";
    background-image: url(../images/arrow_down.png);
    width: 15px;
    height: 15px;
    background-size: cover;
    float: right;
    margin-top: 5px;
}
#job .card .collapsing {
    line-height: 30px;
}
#job .card .collapse {
    border: 0;
}
#job .card .collapse.show {
    line-height: 30px;
    color: #000;
    background: #F6F9F8;
}
#job .card-body {
    background: #F6F9F8;
    padding: 0 0 15px 0;
    color: #797676;
    font-size: 18px;
    padding-left: 5px;
    padding-right: 5px;
}

.close {
    border: 0;
    background: #fff;
    font-size: 24px;
    color: #000 !important;
    margin-right: 0px;
}
.modal-dialog {
    margin-top: 200px;
}
.projects_top {
    margin-top: -50px;
    padding: 0;
    padding-left: 10px;
}

.project h1 {
    font-family: 'Proza Libre', sans-serif;
    font-size: 70px;
    font-weight: 700;
    color: #38685B;
    margin: 90px 0;
}

.project p {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    margin-bottom: 120px;
}

.project-head {
    font-family: 'Proza Libre', sans-serif;
    font-size: 35px;
    font-weight: 700;
    color: #38685B;
}

.project-descripton {
    font-size: 25px;
    font-weight: 400;
    color: #000;
}

.project-head-line {
    padding: 30px 0;
    border-bottom: 2px solid #D9D9D9;
    }

.project-descripton-line {
padding: 30px 0;
border-bottom: 2px solid #D9D9D9;
}

.project-head-line-first {
    border-top: 2px solid #D9D9D9;
    }

.project-descripton-line-first {
border-top: 2px solid #D9D9D9;
}



.project-descripton ul {
    list-style: disc;
    margin-bottom: 0;
}

.blockquote {
font-size: 30px;
background: #38685C;
color: #fff;
padding: 40px 0;
line-height: 1.3;
margin-top: 120px;

}

.contact {
    margin-top: 65px;
}

.contact_bg {
    background: #d6e0dd;
    background-image: url(../images/contact-bg.png);
    background-repeat: no-repeat;
    background-size: 49.5%;
    background-position: right;
}

.contact h2 {
    font-family: 'Proza Libre', sans-serif;
    font-size: 55px;
    font-weight: 400;
    color: #50575E;
    margin-top: 85px;
    margin-bottom: 30px;
}

label {
    font-size: 20px;
    color: #435058;
    text-transform: uppercase;
}

.form-group {
margin-bottom: 25px;
}

.form-control {
    border: 0;
    border-bottom: 1px solid #50575E;
    border-radius: 0;
    padding: 22px 0;
    font-size: 20px;
    color: #50575E;
    background-color: transparent;
}

.form-control:focus {
    color: #50575E;
    border-color: #50575E;
    box-shadow: none;
    background-color: transparent;
}

input, input::placeholder {
    font-size: 20px;
    color: #C4C4C4;
}

.form-check-label {
    color: #435058;
    font-size: 16px;
    margin-top: 0px;
    text-transform: none;
    margin-left: 5px;
}

.form-check .form-check-input {
    float: left;
    margin-left: -23px;
    border: 1px solid #435058;
    border-radius: 0;
    background-color: #d6e0dd;
}

.form-check-input:checked {
    background-color: #d6e0dd;
    border-color: #435058;
}
.form-check-input:focus {
    border-color: #435058;
    outline: 0;
    box-shadow: none;
}

.form-check {
margin-top: -10px;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23435058' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input {
    width: 20px;
    height: 20px;
}

.btn-primary {
    background: none;
    color: #000;
    background-color: #fff;
    padding: 20px 110px;
    font-size: 25px;
    font-weight: 500;
    line-height: 20px;
    border-radius: 0;
    margin: 10px 0 60px 0;
    border: none;
}
.btn-primary:hover {
    color: #fff;
    background-color: #38685B;
}
.btn:active {
    color: #fff;
    background-color: #38685B;
}

.row-new-1 {
    padding-right: 20px;
    padding-left: 20px;
}

.row-new-2 {
    padding-right: 40px;
    padding-left: 40px;
}


.breadcrumbs {
    margin-top: 45px;
    
}

.breadcrumbs ul {
    padding: 40px 0;
    display: inline;
    border-bottom: 3px solid #D9D9D9;
}

.breadcrumbs li {
    font-size: 30px;
    color: #38685B;
    font-weight: 600;
    display: inline !important;
    padding: 0 50px;
}

.breadcrumbs li a {
    color: #38685B;
}
.breadcrumbs li:first-child {
    padding-left: 0;
}
.breadcrumbs li:last-child {
    padding-right: 0;
}

.breadcrumbs li:after {
    font-family: 'Proza Libre', sans-serif;
    content: "/";
    font-size: 45px;
    font-weight: 100;
    position: absolute;
    margin-left: 40px;
    margin-top: -5px;
}

.breadcrumbs li:last-child:after {
    content: "";
    padding: 0;
}


.project_bg {
    background-image: url(../images/bbs.svg);
    background-repeat: no-repeat;
    background-size: 38%;
    background-position: right -215px top;
}

.project a {
    color: #39685b;
}
.project a:hover {
    color: #4fa48c;
}

.privacy-policy {
    margin-top: 30px;
}

.privacy-policy a {
    font-size: 18px;
}
@media (max-width: 1550px) {
    .menu_link {
        margin-right: 50px;
   }
   .items-name {
    font-size: 50px;
}
.items-name span{
    font-size: 30px;
}
}
@media (max-width: 1500px) {
    .menu_link {
        margin-right: 20px;
   }
    .main_button {
        margin-top: 75px;
   }
    .services_name {
        font-size: 23px;
   }
}
@media (max-width: 1400px) {
    .logo img {
        width: 399px;
        margin-top: 10px;
   }
    .footer_logo img {
        width: 399px;
        padding-top: 20px;
   }
    h1 {
        font-size: 60px;
        margin-top: 280px;
   }
    .main .description {
        font-size: 34px;
   }
   .breadcrumbs {
    margin-top: 15px;
}
.breadcrumbs li {
    font-size: 22px;
}
.breadcrumbs img {
    width: 30px;
    height: 30px;
}
.breadcrumbs li:after {
    font-size: 35px;
}
.breadcrumbs ul {
    padding: 20px 0;
}
.project-head {
    font-size: 28px;
}
.project-descripton {
    font-size: 20px;
}
.items-name {
    font-size: 36px;
}
.blockquote {
    font-size: 24px;
    padding: 30px 0;
}
.project-head-line {
    padding: 15px 0;
}
.project-descripton-line {
    padding: 15px 0;
}
}
@media (max-width: 1300px) {
    .client {
        padding: 15px;
   }
    #projects h2 {
        margin-bottom: 30px;
   }
    .benefits-row .col-xl-6 {
        flex: 0 0 auto;
        width: 46%;
   }
    .logo img {
        width: 299px;
        margin-top: 0px;
   }
   .logo {
    margin: 15px 0;
}
    .footer_logo img {
        width: 299px;
        padding-top: 20px;
   }
    h1 {
        font-size: 40px;
        margin-top: 200px;
   }
    .main .description {
        font-size: 24px;
        max-width: 800px;
   }
    .menu_link li {
        padding-right: 20px;
        font-size: 17px;
        margin-top: 5px;
   }
    .main_button {
        margin-top: 55px;
   }
    .menu_link li {
        padding-right: 10px;
        font-size: 14px;
        margin-top: 5px;
   }
    .navbar-toggler-icon {
        width: 25px;
        height: 25px;
        margin-top: 25px;
   }
    .show .navbar-nav {
        margin-top: 20px;
   }
    h2 {
        font-size: 35px;
   }
    .head {
        font-size: 50px;
   }
    .head_2 {
        font-size: 20px;
   }
    .head_desc {
        font-size: 15px;
   }
    #who_are_we p {
        font-size: 22px;
   }
    #services p {
        font-size: 22px;
   }
    #benefits p {
        font-size: 22px;
   }
    .services_name {
        font-size: 22px;
   }
    .services_description ul {
        font-size: 16px;
   }
    .benefits_name {
        font-size: 18px;
   }
    .benefits_desc {
        font-size: 16px;
   }
    .items-header {
        font-size: 24px;
   }
    .items-description {
        font-size: 16px;
        padding-right: 10px;
   }
}
@media (max-width: 992px) {
    a .button_top {
        font-size: 18px;
        font-weight: 400;
        color: #000;
        background-color: #fff;
        width: 270px;
        height: 40px;
        text-align: center;
        line-height: 40px;
   }
    .footer_links li {
        padding-bottom: 10px;
   }
    #projects h2{
        margin-bottom: 30px;
   }
    .icon_center {
        margin: auto;
        text-align: center;
        width: 60px;
   }
    .benefits_border {
        padding-left: 0px;
   }
    #job .card-body {
        background: #F6F9F8;
        padding: 0 0 15px 0;
        color: #797676;
        font-size: 18px;
        padding-left: 0px;
        padding-right: 5px;
   }
    #job .card .card-header .btn-header-link.collapsed:before {
        position: absolute;
        right: 0;
   }
    h2 {
        font-size: 26px;
        margin-bottom: 20px;
   }
    .navbar-toggler-icon {
        position: absolute;
        margin-right: 0px;
        right: 0;
   }
    .services_description ul {
        padding-left: 0px;
   }
    .benefits_name {
        margin-top: 0px;
        font-size: 16px;
   }
    .benefits_desc {
        font-size: 14px;
        margin-bottom: 5px;
   }
    .benefits_icon_1 {
        margin-top: 0;
   }
    .benefits_icon_2 {
        margin-top: 0;
   }
    .benefits_icon_3 {
        margin-top: 0;
   }
    .benefits_icon_4 {
        margin-top: 0;
   }
    #job .card .card-header .btn-header-link:active {
        border-top: 1px solid #A9A3A3 !important;
        border: 0;
        font-size: 16px;
        margin-left: 0px !important;
        padding-left: 0px;
   }
    #job .card .card-header .btn-header-link.collapsed {
        margin-left: 0px !important;
        padding-left: 0px;
        font-size: 16px;
        padding-right: 20px;
   }
    #job .card-body {
        font-size: 14px;
   }
    .project_mt_1 {
        line-height: 40px;
        line-height: 40px !important;
        margin-top: 20px;
   }
    .project_mt {
        margin-top: 8px;
        margin-bottom: 0px;
   }
    .services_name {
        font-size: 16px;
   }
    .services_description ul {
        font-size: 14px;
   }
    #job .card .card-header .btn-header-link {
        padding: 10px 0;
   }
    .main img {
        height: 400px;
        object-fit: cover;
   }
    .modal-dialog {
        margin-top: 100px;
   }
    .row {
        padding-right: 20px;
        padding-left: 20px;
   }
    .projects_top {
        margin-top: 0px;
   }
    .row-l-20 {
        padding-left: 0px;
        padding-right: 0px;
   }
    .items-description {
        font-size: 14px;
   }
    .footer_phone {
        font-size: 18px;
        margin-top: 0px;
   }
    .footer_email {
        font-size: 18px;
   }
    header {
        top: 20px;
   }
    .logo {
        display: none;
   }
    .footer_logo {
        display: none;
   }
    .logo_mobile {
        display: block;
        margin-top: 15px;
   }
    .logo_mobile img {
        width: 50px;
        height: 50px;
   }
    .footer_logo_mobile {
        display: block;
   }
    .footer_logo_mobile img {
        width: 70px;
        height: 70px;
   }
    .footer_phone span {
        display: contents;
   }
    .footer_email span {
        display: contents;
   }
    .footer_phone {
        margin-bottom: 30px;
   }
    .navbar-toggler-icon {
        width: 30px;
        height: 30px;
        margin-top: -45px;
   }
    .menu_close {
        width: 15px;
        height: 15px;
        margin-top: -230px;
        z-index: 20;
   }
    .menu_link a:hover {
        color: #fff;
        text-decoration: none;
   }
    h1 {
        font-size: 40px;
        margin-top: 120px;
        margin-bottom: 20px;
   }
    .main .description {
        font-size: 22px;
        line-height: 30px;
   }
    .main_button {
        margin-top: 50px;
   }
    .navbar {
        float: right;
        text-align: center;
        width: 100%;
   }
    .navbar-collapse {
        background: #223f37;
        padding: 0;
        box-shadow: 0 0 90px 160px rgb(34 63 55);
        z-index: 10;
   }
    .show .navbar-nav {
        display: flex;
        float: right;
        text-align: right;
        width: 100%;
   }
    .menu_link li {
        display: block;
        font-size: 18px;
        padding-top: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #A9A3A3;
   }
    .menu_link {
        margin-right: 0px;
   }
    footer {
        padding: 50px 0px 15px 0px;
   }
    .client {
        margin-bottom: 25px;
   }
    #who_are_we {
        margin-top: 55px;
   }
    #services {
        margin-top: 55px;
   }
    #benefits {
        margin-top: 55px;
   }
    #projects {
        margin-top: 55px;
   }
    #clients {
        margin-top: 55px;
   }
    #jobs {
        margin-top: 55px;
   }
    #contact {
        margin-top: 65px;
   }
    .items-header {
        font-size: 18px;
        margin-bottom: 0px;
   }
    #who_are_we p {
        font-size: 16px;
        line-height: 17.6px;
   }
    #services p {
        font-size: 16px;
        line-height: 17.6px;
   }
    #benefits p {
        font-size: 16px;
        line-height: 17.6px;
   }
    #job .card .card-header .btn-header-link {
        font-size: 16px;
        padding-left: 0px;
   }
    #job .card-body {
        padding-right: 5px;
   }
    .head {
        font-size: 50px;
   }
    .head_2 {
        font-size: 16px;
        margin-bottom: 10px;
   }
    h1 {
        font-size: 30px;
        margin-top: 100px;
        margin-bottom: 20px;
   }
    .main_button {
        margin-top: 55px;
   }
    .head_desc {
        font-size: 14px;
        margin-bottom: 20px;
   }
    .row-new {
        padding-left: 0px !important;
        padding-right: 0px !important;
   }
    .services_description {
        margin-left: 0px;
        margin-top: 10px;
   }
    .logo_navbar {
        display: block;
        text-align: left;
        margin-top: -50px;
        position: absolute;
        margin-left: 0px;
   }
    .logo_navbar img {
        width: 100%;
        max-width: 250px;
   }
    .menu_link li {
        padding-right: 0px;
   }
    .footer_links {
        font-size: 16px;
        margin-top: 0px;
   }
    #clients h2 {
        margin-bottom: 20px;
   }
    #jobs h2 {
        margin-bottom: 20px;
   }
   .contact_bg {
    background-size: 0;
}
.project-head {
    font-size: 18px;
}
.project-descripton {
    font-size: 14px;
}
.items-name {
    font-size: 28px;
}
   .privacy-policy a {
    font-size: 12px;
}
}
@media (max-width: 768px) {
    .footer_phone {
        font-size: 14px;
        margin-top: -10px;
   }
    #projects {
        margin-top: 30px;
   }
    #services {
        margin-top: 35px;
   }
    footer {
        padding: 50px 0px 15px 0px;
   }
    .head {
        font-size: 35px;
   }
    .pl-10 {
        padding-left: 0px;
   }
    .benefits-row .col-xl-6 {
        flex: 0 0 auto;
        width: 100%;
   }
    .benefits-ml {
        margin-left: 0px;
   }
    .services_description ul {
        padding-left: 5px;
   }
    .footer_links {
        display: none;
   }
    .items-header {
        margin-top: 20px;
        margin-bottom: 30px;
   }
   .items-name {
    font-size: 24px;
}
.items-description {
display: none;
}
.items {
    margin-bottom: 15px;
    padding: 15px 15px 0 15px;
}
    .projects_line {
        border-top: 1px solid #A9A3A3 !important;
        padding-bottom: 20px;
        margin-right: 10px;
   }
    .client {
        margin-left: 0px;
   }
    .footer_phone:before {
        content: "";
        background-image: url(../images/phone.png);
        width: 15px !important;
        height: 15px !important;
        background-size: contain;
        background-repeat: no-repeat;
        float: left;
        margin-top: 5px;
        padding-left: 25px;
   }
    .footer_email {
        font-size: 14px;
        margin-bottom: 15px;
   }
    .footer_email:before {
        content: "";
        background-image: url(../images/email.png);
        width: 15px !important;
        height: 11px !important;
        background-size: contain;
        background-repeat: no-repeat;
        float: left;
        margin-top: 6px;
        padding-left: 25px;
   }
   .footer_requisites {
    font-size: 14px;
    }
    .footer_requisites p {
        font-size: 14px;
    }
    .footer_requisites span {
        margin-bottom: 0px;
    }
    .footer_phone {
        margin-bottom: 15px;
   }
    .footer_logo_mobile img {
        width: 40px;
        height: 40px;
   }
    .row {
        padding-right: 10px;
        padding-left: 10px;
   }

   .logo_mobile {
    margin-top: 0px;
}

   .logo_mobile img {
    margin-top: 15px;
}

   .project h1 {
    font-size: 27px;
    margin: 45px 0 30px 0;
}
.project p {
    font-size: 16px;
    margin-bottom: 30px;
}
.contact_bg {
    background-size: 0;
}
.project-head-line-first {
    border-top: 0px solid #D9D9D9;
}
.project-descripton-line {
    padding: 15px 0;
    border-bottom: 0px solid #D9D9D9;
}
.project-head {
    font-size: 26px;
}
.project-descripton {
    font-size: 14px;
}
.row-new-1 {
    padding-right: 0px;
    padding-left: 0px;
}

.contact h2 {
    font-size: 25px;
    margin-top: 25px;
    margin-bottom: 20px;
}
label {
    font-size: 12px;
}
.form-control {
    padding: 22px 0;
    font-size: 12px;
}
input, input::placeholder {
    font-size: 12px;
}
.blockquote {
    font-size: 15px;
    padding: 15px 0;
    margin-top: 55px;
    text-align: center;
}
.contact {
    margin-top: 55px;
}
.project-descripton-line:last-child {
    padding: 15px 0;
    border-bottom: 2px solid #D9D9D9;
}
#projects h2 {
    margin-bottom: 30px;
    font-size: 25px;
}
.breadcrumbs {
    margin-top: 25px;
}
.breadcrumbs img {
    width: 20px;
    height: 20px;
}
.breadcrumbs li {
    font-size: 16px;
    padding: 0 20px;
}
.breadcrumbs li:after {
    font-size: 18px;
    margin-left: 20px;
    margin-top: 0px;
}
.breadcrumbs ul {
    padding: 10px 0;
    border-bottom: 2px solid #D9D9D9;
}
.items-name span {
    font-size: 12px;
}
}
@media (max-width: 370px) {
    .main .description {
        font-size: 20px;
   }
    .head_desc {
        font-size: 12px;
   }
    .services_description ul {
        font-size: 12px;
   }
    .col-md-4 .items-name {
        font-size: 24px;
   }
    #job .card .card-header .btn-header-link.collapsed {
        font-size: 14px;
   }
    #job .card .card-header .btn-header-link:active {
        font-size: 14px;
   }
    .footer_phone {
        font-size: 12px;
   }
    .footer_email {
        font-size: 12px;
   }
    @media (max-width: 330px) {
        .main .description {
            font-size: 17px;
       }
        .head_desc {
            font-size: 12px;
       }
        .services_description ul {
            font-size: 12px;
       }
        .col-md-4 .items-name {
            font-size: 24px;
       }
        #job .card .card-header .btn-header-link.collapsed {
            font-size: 14px;
       }
        #job .card .card-header .btn-header-link:active {
            font-size: 14px;
       }
        .footer_phone {
            font-size: 12px;
       }
        .footer_email {
            font-size: 12px;
       }
        a .button_top {
            width: 220px;
            height: 40px;
       }
        .logo_navbar img {
            max-width: 150px;
       }
        .menu_link li {
            font-size: 14px;
            padding-top: 5px;
       }
        .menu_close {
            margin-top: -180px;
       }
        .row {
            padding-right: 0px;
            padding-left: 0px;
       }
   }