@media (max-width: 1160px) {
  .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  header .link-social p {
    display: none;
  }
}
@media (max-width: 480px) {
  header .link-social ul li {
    margin-right: 10px;
  }
}
@media (max-width: 480px) {
  header .link-social ul.social {
    margin: 0 0 0 10px;
  }
}
@media (max-width: 768px) {
  header .link-social ul.menu-tag {
    float: left;
  }
}
@media (max-width: 480px) {
  header .menu-logo {
    padding: 30px 0;
    height: 35px;
  }
}
@media (max-width: 1024px) {
  header .menu-logo h1 {
    padding: 0;
  }
  header .menu-logo .menu-mobile .menu-top .sub-menu .sub-menu li a{
    padding-right: 50px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  header .menu-logo h1 {
    position: relative;
    font-size: 34px;
    z-index: 10;
  }
}
@media (max-width: 480px) {
  header .menu-logo h1 a {
    font-size: 34px;
  }
}
@media (max-width: 1024px) {
  header .menu-logo a.search {
    display: none;
  }
}
@media (max-width: 1024px) {
  header .menu-logo .menu-mobile {
    display: block;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  header .menu-logo .menu-mobile {
    display: block;
    width: 57.05521%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 1024px) and (max-width: 768px) and (max-width: 480px) {
  header .menu-logo .menu-mobile {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    top: -28px;
    z-index: 5;
  }
}
@media (max-width: 1024px) {
  header .menu-logo .menu-mobile .menu-top {
    margin-top: 64px;
  }
}
@media (max-width: 1024px) and (max-width: 768px) and (max-width: 480px) {
  header .menu-logo .menu-mobile .menu-top {
    margin-top: 58px;
  }
}
@media (max-width: 1024px) {
  header .menu-logo .menu-top-container {
    display: none;
  }
}
@media (max-width: 1160px) {
  header .top-slider .owl-wrapper-outer .owl-wrapper .owl-item .item .carousel-caption {
    padding: 150px 0 50px;
  }
}
@media (max-width: 1160px) and (max-width: 1024px) {
  header .top-slider .owl-wrapper-outer .owl-wrapper .owl-item .item .carousel-caption {
    padding: 30px 0 50px;
  }
}
@media (max-width: 1160px) and (max-width: 1024px) and (max-width: 768px) {
  header .top-slider .owl-wrapper-outer .owl-wrapper .owl-item .item .carousel-caption {
    padding: 50px 0 0;
  }
}
@media (max-width: 1160px) and (max-width: 1024px) and (max-width: 768px) and (max-width: 480px) {
  header .top-slider .owl-wrapper-outer .owl-wrapper .owl-item .item .carousel-caption {
    display: none;
  }
}
@media (max-width: 1024px) {
  header .top-slider .owl-wrapper-outer .owl-wrapper .owl-item .item .carousel-caption h4 {
    line-height: 65px;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  header .top-slider .owl-wrapper-outer .owl-wrapper .owl-item .item .carousel-caption h4 {
    font-size: 32px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    line-height: 47px;
  }
}
@media (max-width: 1024px) {
  header .top-slider .owl-wrapper-outer .owl-wrapper .owl-item .item .carousel-caption p {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  header .top-slider .owl-wrapper-outer .owl-wrapper .owl-item .item .carousel-caption p {
    display: none;
  }
}
@media (max-width: 768px) {
  header .top-slider .owl-wrapper-outer .owl-wrapper .owl-item .item .carousel-caption a.button {
    display: none;
  }
}
@media (max-width: 480px) {
  header .page-title {
    padding: 20px 0 30px;
    z-index: 1;
  }
}
@media (max-width: 1160px) {
  header .quote-projects h3 {
    font-size: 17px;
    margin-right: 16px;
  }
}
@media (max-width: 1160px) and (max-width: 1024px) {
  header .quote-projects h3 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    font-size: 20px;
    padding-bottom: 15px;
    display: block;
  }
}
@media (max-width: 1024px) {
  header .quote-projects a {
    width: 39.8773%;
    float: left;
    margin-right: 3.06748%;
    text-align: center;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  header .quote-projects a {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    box-sizing: border-box;
  }
}
@media (max-width: 1024px) {
  header .quote-projects a:last-of-type {
    width: 39.8773%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  header .quote-projects a:last-of-type {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    box-sizing: border-box;
  }
}
@media (max-width: 768px) {
  .mainContainer > .content {
    padding: 50px 0;
  }
}
@media (max-width: 768px) {
  .mainContainer > .content .wrapper > img {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .mainContainer > .content .message-to-us {
    margin-bottom: 40px;
  }
}
@media (max-width: 1024px) {
  .mainContainer > .content .message-to-us form.wpcf7-form {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 1024px) {
  .mainContainer > .content .message-to-us > img {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .mainContainer > .content .message-to-us .faq {
    margin-top: 0;
  }
}
@media (max-width: 1024px) {
  .mainContainer .blog-posts {
    width: 60.4908%;
    float: left;
    margin-right: 3.06748%;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .mainContainer .blog-posts {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 1024px) {
  .mainContainer .blog-posts .single-post img {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .mainContainer .blog-posts .single-post h4 {
    font-size: 23px;
    padding: 20px 0;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .mainContainer .blog-posts .single-post h4 {
    font-size: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 768px) and (max-width: 480px) {
  .mainContainer .blog-posts .single-post h4 {
    line-height: 37px;
    padding: 10px 0;
  }
}
@media (max-width: 1024px) {
  .mainContainer .blog-posts .single-post blockquote {
    margin: 0 0 20px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .mainContainer .blog-posts .single-post blockquote {
    padding: 15px;
  }
}
@media (max-width: 1024px) {
  .mainContainer .blog-posts .one-blog {
    margin-bottom: 35px;
  }
}
@media (max-width: 1024px) {
  .mainContainer .blog-posts .one-blog h4 {
    padding: 20px 0;
    font-size: 23px;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .mainContainer .blog-posts .one-blog h4 {
    font-size: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 768px) and (max-width: 480px) {
  .mainContainer .blog-posts .one-blog h4 {
    line-height: 37px;
    padding: 10px 0;
  }
}
@media (max-width: 1024px) {
  .mainContainer .blog-posts .one-blog a.more {
    margin: 20px 0 30px;
  }
}
@media (max-width: 1024px) {
  .mainContainer .blog-posts .tags-social {
    margin-bottom: 30px;
  }
}
@media (max-width: 1024px) {
  .mainContainer .blog-posts .comment-block .comments {
    margin-top: 25px;
  }
}
@media (max-width: 768px) {
  .mainContainer .blog-posts .comment-block .comment-respond {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .mainContainer .blog-posts .comment-block .comment-respond .comment-form {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .mainContainer .blog-posts .comment-block .comment-respond .comment-form input[type="text"], .mainContainer .blog-posts .comment-block .comment-respond .comment-form input[type="email"] {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .mainContainer .blog-posts .comment-block .comment-respond .comment-form input[type="submit"] {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    font-size: 20px;
    padding: 12px 0 15px;
  }
}
@media (max-width: 1024px) {
  .mainContainer .blog-posts .pagination {
    margin: 0;
  }
}
@media (max-width: 768px) {
  .mainContainer .blog-posts .pagination {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  .mainContainer .blog-posts .pagination {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .mainContainer .blog-posts .pagination span {
    width: 48.46626%;
    float: left;
    margin-right: 3.06748%;
  }
  .mainContainer .blog-posts .pagination span:last-of-type {
    width: 48.46626%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .mainContainer .blog-posts .pagination ul {
    display: none;
  }
}
@media (max-width: 1024px) {
  .mainContainer .sidebar {
    width: 36.44172%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .mainContainer .sidebar {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .mainContainer .sidebar .widget:last-of-type {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .mainContainer .pre-contact {
    padding: 90px 0 40px;
  }
}
@media (max-width: 768px) {
  .mainContainer .pre-contact > img {
    height: 100%;
    display: block;
  }
}
@media (max-width: 768px) {
  .mainContainer .pre-contact .wrapper .one-contact {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 80px;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  .mainContainer .pre-contact .wrapper .one-contact {
    margin-bottom: 60px;
    height: 180px;
  }
}
@media (max-width: 480px) {
  .mainContainer .pre-contact .wrapper .one-contact h4 {
    margin-top: 55px;
  }
}
@media (max-width: 768px) {
  .mainContainer .pre-contact .wrapper .one-contact:last-of-type {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .mainContainer .our-team {
    margin-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .mainContainer .our-team .our-team-block {
    margin-top: 30px;
  }
}
@media (max-width: 1024px) {
  .mainContainer .our-team .our-team-block .one-team {
    width: 48.46626%;
    float: left;
    margin-right: 3.06748%;
    margin-bottom: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .mainContainer .our-team .our-team-block .one-team {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 1024px) {
  .mainContainer .our-team .our-team-block .one-team:nth-child(2n+2) {
    width: 48.46626%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .mainContainer .our-team .our-team-block .one-team:nth-child(2n+2) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 1024px) {
  .mainContainer .our-team .our-team-block .one-team .image {
    height: 340px;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .mainContainer .our-team .our-team-block .one-team .image {
    height: 280px;
  }
}

@media (max-width: 1024px) and (max-width: 768px) and (max-width: 480px) {
  .mainContainer .our-team .our-team-block .one-team .image {
    height: 310px;
  }
}
@media (max-width: 1160px) {
  .mainContainer .our-team .our-team-block .one-team .image img {
    height: 100%;
    width: auto;
  }
}
@media (max-width: 1160px) and (max-width: 1024px) {
  .mainContainer .our-team .our-team-block .one-team .image img {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .mainContainer .our-team .our-team-block .one-team:last-of-type {
    width: 48.46626%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .mainContainer .our-team .our-team-block .one-team:last-of-type {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 1024px) {
  .mainContainer .service-blocks .one-service {
    width: 48.46626%;
    float: left;
    margin-right: 3.06748%;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .mainContainer .service-blocks .one-service {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 1024px) {
  .mainContainer .service-blocks .one-service:nth-child(2) {
    width: 48.46626%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .mainContainer .service-blocks .one-service:nth-child(2) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .mainContainer .service-blocks .one-service .image {
    height: 300px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .mainContainer .service-blocks .one-service .image {
    height: 280px;
  }
}
@media (max-width: 1160px) {
  .mainContainer .service-blocks .one-service .image img {
    height: 100%;
    width: auto;
  }
}
@media (max-width: 768px) {
  .mainContainer .service-blocks .one-service .text p {
    height: 75px;
  }
  .mainContainer .service-blocks .one-service .image img {
     width: 100%;
     height: auto;
  }
}
@media (max-width: 1024px) {
  .mainContainer .service-blocks .one-service:last-of-type {
    display: none;
  }
}
@media (max-width: 1024px) {
  .mainContainer .construction {
    padding: 40px 0;
  }
}
@media (max-width: 768px) {
  .mainContainer .construction > img {
    height: 100%;
    display: block;
  }
}
@media (max-width: 768px) {
  .mainContainer .construction .wrapper .one-construction {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 35px;
  }
}
@media (max-width: 768px) {
  .mainContainer .construction .wrapper .one-construction:last-of-type {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .mainContainer .choose-us {
    padding: 50px 0 70px;
  }
}
@media (max-width: 768px) {
  .mainContainer .choose-us .one-choose {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 50px;
  }
}
@media (max-width: 480px) {
  .mainContainer .choose-us .one-choose h3 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .mainContainer .choose-us .one-choose:last-of-type {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .mainContainer .choose-us .one-choose .content {
    margin-top: 25px;
  }
}
@media (max-width: 1160px) {
  .mainContainer .choose-us .one-choose .content-images .images {
    width: 56.19632%;
    float: left;
    margin-right: 3.06748%;
  }
}
@media (max-width: 1160px) and (max-width: 1024px) {
  .mainContainer .choose-us .one-choose .content-images .images {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .mainContainer .choose-us .one-choose .content-images .images .one-image {
    float: left;
    margin-right: 30px;
  }
}
@media (max-width: 1024px) {
  .mainContainer .testimonial {
    padding: 35px 0 50px;
  }
}
@media (max-width: 1160px) {
  .mainContainer .testimonial .testimonial-slider {
    width: 87.11656%;
    float: none !important;
    margin: 55px auto 0 auto !important;
  }
}
@media (max-width: 768px) {
  .mainContainer .testimonial .testimonial-slider .owl-controls {
    top: 37px;
  }
}
@media (max-width: 1024px) {
  .mainContainer .testimonial .testimonial-slider .owl-controls .owl-prev {
    left: -55px;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .mainContainer .testimonial .testimonial-slider .owl-controls .owl-prev {
    left: -45px;
  }
}
@media (max-width: 1024px) {
  .mainContainer .testimonial .testimonial-slider .owl-controls .owl-next {
    right: -55px;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .mainContainer .testimonial .testimonial-slider .owl-controls .owl-next {
    right: -45px;
  }
}
@media (max-width: 768px) {
  .mainContainer .slogan {
    padding: 35px 0;
  }
}
@media (max-width: 1024px) {
  .mainContainer .slogan p {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .mainContainer .slogan p {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 768px) and (max-width: 480px) {
  .mainContainer .slogan p {
    padding: 0;
  }
}
@media (max-width: 768px) {
  footer .footer {
    padding: 40px 0 60px;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  footer .footer {
    padding: 40px 0 30px;
  }
}
@media (max-width: 768px) {
  footer .footer .widget {
    width: 48.46626%;
    float: left;
    margin-right: 3.06748%;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  footer .footer .widget {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 35px;
  }
}
@media (max-width: 768px) {
  footer .footer .widget:nth-child(2) {
    width: 48.46626%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  footer .footer .widget:nth-child(2) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0px;
  }
}
@media (max-width: 768px) {
  footer .footer .widget:last-of-type {
    display: none;
  }
}
@media (max-width: 480px) {
  footer .footer .widget h3.widget-title {
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  footer .copyright p {
    float: none;
    text-align: center;
    margin-bottom: 5px;
  }
  footer .copyright p:last-of-type {
    margin-bottom: 0;
  }
}
