@media screen and (min-width:991px) and (max-width:1199px) {
      .our-skills .skills-content {
            width: 465px
      }

      .our-skills .skills-content .skill-item {
            padding: 14px 15px 15px
      }

      .our-skills .skills-content .skill-item .skill-image .svg {
            height: 45px;
            width: 47px;
            margin-right: 20px
      }

      .our-skills .skills-content .skill-item .skill-desc h4 {
            font-size: 16px
      }
}

@media (min-width:1920px) {
      .blog-cover .heading h3 {
            font-size: 26px
      }

      .blog-cover {
            background-color: #000;
            padding: 50px 0 55px 0
      }

      .blog-cover .heading p {
            margin-bottom: 54px
      }

      .footer {
            padding: 50px 0 25px 0
      }

      .footer h6 {
            margin-bottom: 40px
      }

      .copyright-cover {
            padding: 23px 0 27px 0
      }

      .blog-detail h1 {
            font-size: 26px
      }

      .blog-detail h2 {
            font-size: 24px
      }

      .blog-detail h3 {
            font-size: 22px
      }

      .blog-detail h4 {
            font-size: 20px
      }

      .blog-detail h5 {
            font-size: 18px
      }

      .blog-detail h6 {
            font-size: 16px
      }

      .blog-detail img {
            margin-top: 50px
      }

      .contractors-content h2 {
            font-size: 60px
      }

      .top-badges {
            margin-bottom: 45px
      }

      .discount {
            padding-top: 53px;
            padding-bottom: 53px
      }
}

@media screen and (max-width:1560px) {
      .our-skills .skill-sm-image {
            position: absolute;
            bottom: 0;
            right: -56px;
            z-index: -1
      }

      .our-skills .skill-main-image img {
            height: 100%;
            object-fit: fill
      }

      .our-skills .skills-content {
            padding: 35px 0 35px 45px
      }

      .our-skills .skills-content .skill-item {
            padding: 15px 15px 15px;
            margin-bottom: 15px
      }

      .our-skills .skills-content .skill-item .skill-image .svg {
            margin-right: 30px
      }

      .our-skills .skills-content .skill-item .skill-desc h4 br {
            display: none
      }

      .footer {
            padding: 46px 0 25px 0
      }
}

@media screen and (max-width:1199px) {
      .navbar {
            padding: 13px 15px
      }

      .navbar ul li a {
            text-transform: capitalize
      }

      .banner-desc h1 {
            font-size: 28px
      }

      .get-a-quote .quote-form {
            padding: 10px 19px 19px
      }

      .sidewalk-estimation h3 {
            font-size: 20px
      }

      .our-skills .skill-sm-image {
            display: none
      }

      .what-we-do .row {
            padding-top: 30px
      }

      .feed-back-content {
            padding: 50px 50px 58px 50px
      }

      .feed-back-text p::before {
            left: 0;
            top: -30px
      }

      .feed-back-text p::after {
            left: 90%;
            top: 100%
      }

      .feed-back-content h4 {
            padding-top: 10px;
            margin-left: 0
      }

      .feed-back-content h5 {
            margin-left: 0
      }
}

@media screen and (max-width:991px) {
      .get-a-quote .quote-form {
            padding: 10px 10px 11px
      }

      .get-a-quote .quote-form .heading {
            margin-bottom: 5px;
            font-size: 20px
      }

      .banner-desc h1 {
            font-size: 23px
      }

      .banner-desc p {
            font-size: 15px
      }

      .sidewalk-estimation {
            margin-bottom: 50px
      }

      .sidewalk-estimation h3 {
            font-size: 20px
      }

      .our-skills .heading {
            font-size: 20px;
            margin-bottom: 20px
      }

      .our-skills .skills-content {
            padding: 30px 37px 30px 45px;
            width: 100%
      }

      .our-skills .skills-content .skill-item {
            padding: 10px 10px 11px
      }

      .our-skills .skills-content .skill-item .skill-image .svg {
            height: 45px;
            width: 47px;
            margin-right: 20px
      }

      .our-skills .skills-content .skill-item .skill-desc h4 {
            font-size: 16px
      }

      .our-skills .skills-content .skill-item .skill-desc p {
            line-height: 1.3
      }

      .contractor-media img {
            min-height: 450px
      }

      .home-content {
            padding: 40px 0 35px
      }

      .what-we-do .row {
            padding-top: 35px
      }

      .what-we-do-main {
            padding-bottom: 40px
      }

      .feed-back-content {
            padding: 30px 20px 10px 20px
      }

      .feed-back-text p {
            line-height: 20px
      }

      .feed-back-content h4 {
            padding-top: 0
      }

      .feed-back-text p::before {
            left: 0;
            top: -25px
      }

      .blog-detail .post-info p {
            margin-right: 10px
      }

      .services-detail .service-image {
            margin-bottom: 25px
      }
}

@media screen and (min-width:767px) and (max-width:991px) {
      .navbar {
            padding: 14px 10px
      }

      .navbar ul li {
            margin-left: 5px
      }

      .navbar ul li a {
            padding: 5px 5px 6px;
            text-transform: capitalize;
            font-weight: 400
      }
}

@media screen and (max-width:767px) {
      .mobile-offcanvas {
            padding: 40px 30px
      }

      .mobile-offcanvas .navbar-brand {
            margin-bottom: 20px
      }

      .mobile-offcanvas.navbar ul li {
            margin-left: 0;
            margin-bottom: 5px
      }

      #navbar_main .navbar-brand img {
            position: static
      }

      .navbar.navbar-sticky {
            margin-top: 0
      }

      .navbar .navbar-nav li.dropdown {
            flex-wrap: wrap;
            position: relative;
            padding-top: 4px
      }

      .navbar-brand img {
            max-height: 55px;
            top: -7px
      }

      .navbar-sticky .navbar-brand img {
            max-height: 56px;
            top: 0
      }

      .navbar .navbar-nav li.dropdown .dropdown-menu {
            flex: 0 0 100%;
            width: 100%
      }

      .navbar-expand-md .navbar-nav .dropdown-menu .dropdown-menu {
            margin-bottom: 11px
      }

      .navbar .navbar-nav li.dropdown .show-menu {
            background-image: url(../images/icons/down-arrow-black.png);
            display: inline-block;
            background-repeat: no-repeat;
            background-position: 50% 57%;
            height: 25px;
            width: 27px;
            background-size: 42%;
            padding: 10px;
            background-color: #fff;
            cursor: pointer
      }

      .navbar .navbar-nav li.dropdown .dropdown-menu li a {
            white-space: normal
      }

      .mobile-phone-btn {
            display: inline-flex !important
      }

      .top-banner {
            padding: 144px 0 15px;
            margin-bottom: 25px
      }

      .get-a-quote .quote-form {
            position: static;
            padding: 11px 15px 15px
      }

      .get-a-quote .quote-form .heading {
            font-size: 24px
      }

      .banner-desc {
            margin-bottom: 20px
      }

      .banner-desc h1 {
            font-size: 20px
      }

      .banner-desc p {
            font-size: 14px
      }

      .sidewalk-estimation {
            margin-bottom: 35px;
            text-align: center
      }

      .sidewalk-estimation h3 {
            font-size: 18px
      }

      .page-short-desc {
            margin: 28px 0 15px
      }

      .page-short-desc .tagline {
            font-size: 15px;
            margin-bottom: 10px
      }

      .page-short-desc .short-desc {
            padding-top: 5px
      }

      .what-we-do .row {
            padding-top: 25px
      }

      .what-we-do-main {
            padding-top: 25px;
            padding-bottom: 40px
      }

      .contractors-content {
            margin: 0
      }

      .feed-back-text p::before {
            left: 0;
            top: -30px
      }

      .feed-back-text p::after {
            left: 90%;
            top: 100%
      }

      .feed-back-content {
            padding: 50px 20px 40px 20px
      }

      .copyright {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-direction: column;
            text-align: center
      }

      .copyright ul li {
            margin-right: 9px
      }

      .blog-detail .post-info {
            flex-direction: column;
            align-items: flex-start;
            flex-wrap: wrap;
            margin-bottom: 5px;
            margin-top: 15px
      }

      .blog-detail .post-info p {
            margin-right: 0;
            margin-bottom: 12px
      }

      .blog-detail p {
            margin-bottom: 10px
      }

      .blog .blog-title {
            padding: 10px 15px 15px 15px
      }

      .swiper-buttons {
            margin-top: 18px
      }

      .testimonial .heading {
            font-size: 20px
      }

      .customer-feed-back .img-fluid {
            height: 100%;
            max-height: 200px
      }

      .our-skills .heading {
            margin-bottom: 22px;
            font-size: 20px
      }

      .our-skills .skills-content {
            padding: 35px 20px 35px 20px
      }

      .our-skills .skill-main-image img {
            height: auto
      }

      .page-content {
            margin-bottom: 20px;
            margin-top: 27px
      }

      .contact-us {
            padding: 42px 0 45px
      }

      .contact-us .form-group {
            margin-bottom: 20px
      }

      .contact-us .form {
            margin-bottom: 20px
      }

      .certified-contractor ul li img {
            max-height: 30px
      }

      .top-banner img {
            height: 104%;
            object-fit: cover
      }

      .sidewalk-estimation {
            padding-top: 30px
      }

      .contractor-img img {
            height: 400px;
            object-fit: cover
      }

      .contractors-content {
            margin-top: 0
      }
}

@media (max-width:575px) {
      .topbar .our-home {
            padding: 6px 0
      }

      .topbar .our-home ul {
            padding: 0
      }

      .topbar .our-home ul {
            flex: 0 0 100%;
            justify-content: flex-start;
            margin: 0;
            list-style: none
      }

      .topbar .our-home ul li {
            margin-left: 7px;
            font-size: 12px
      }

      .topbar .our-home ul li:first-child {
            margin-left: 0
      }

      .topbar .our-home strong small span {
            margin-left: 0
      }

      .what-we-do-main {
            padding-top: 20px;
            padding-bottom: 25px
      }

      .what-we-do .row {
            padding-top: 15px
      }

      .what-we-do .what-we-do-heading h3 {
            font-size: 22px
      }

      .what-we-do-btn .btn {
            padding: 10px 20px
      }

      .what-we-do .card-body {
            padding-bottom: 25px;
            padding-top: 15px
      }

      .contractors-content h5 {
            font-size: 18px
      }

      .contractors-content .btn {
            padding: 10px 20px;
            margin-top: 40px
      }

      .contractor-media img {
            min-height: 400px
      }

      .feed-back-content {
            padding: 30px 20px 30px 20px;
            text-align: justify
      }

      .feed-back-text p::before {
            left: 0;
            top: -20px
      }

      .feed-back-text p::after {
            left: 90%;
            top: 100%
      }

      .feed-back-content h4 {
            padding-top: 10px;
            margin-left: 0
      }

      .feed-back-content h5 {
            margin-left: 0
      }

      .feed-back-text p {
            line-height: 22px
      }

      .top-badges {
            margin-bottom: 15px
      }

      .top-badges .img-contain img {
            max-height: 85px;
            margin-bottom: 15px
      }

      .discount .row {
            margin-left: -2px;
            margin-right: -2px
      }

      .discount .col-4 {
            padding: 0 2px
      }

      .home-content h1,
      .home-content h2,
      .home-content h3,
      .home-content h4,
      .home-content h5,
      .home-content h6 {
            word-wrap: break-word
      }
}