@media (min-width: 992px) {
  .work-stap.two {
    padding-top: 40px
  }

  .testimonial-content {
    padding: 1rem .5rem 0;
  }
}

@media (max-width: 1420px) {
  h2 {
    font-size: 2.5rem;
  }

  .hero-section.banner .hero-text {
    position: relative;
    z-index: 11;
  }

  .recent-post a {
    font-size: 16px;
  }

  header .sec-btn {
    padding: 0.75rem 1.5rem;
  }

  .what-we-provide {
    overflow: hidden;
  }

  .white_content h1 {
    font-size: 22px;
    line-height: 32px;
  }

  .white_content h4 {
    font-size: 16px;
    color: #fff;
    padding-bottom: 24px;
    width: 89%;
    line-height: 27px;
  }

  .white_content i {
    font-size: 25px;
  }

  .box {
    padding: 50px 180px;
  }

  .carpet p {
    font-size: 16px;
  }

  .carpet {
    width: 86%;
  }

  .widget-title .boder {
    margin-bottom: 30px;
  }

  textarea {
    height: 7rem;
    padding-bottom: 0px;
  }

  .white_content {
    width: 378px !important;
  }

  .flex-img {
    transform: scale(0.9);
    margin-top: -3%;
  }

  .hero-section.banner .hero-text h2 {
    font-size: 60px;
  }

  .form-box {
    padding: 20px 30px;
  }

  .comment h2 {
    font-size: 24px;
  }

  .carpet i {
    width: 100px;
    height: 100px;
  }

  .years-experience .count-text h2,
  .years-experience .count-text span {
    font-size: 50px;
  }

  .footer-contact {
    margin-bottom: 80px;
  }

  .slider-home-1 .owl-dots {
    left: 8%;
    bottom: 0%;
  }

  #progress {
    height: 50px;
    width: 50px;
  }

  .hero-text h1 {
    font-size: 3.2rem;
    line-height: 4rem;
  }

  .banner .heroshaps-2,
  .banner .heroshaps-1 {
    width: 180px;
    height: 50px;
  }

  .navbar-links li.navbar-dropdown .dropdown li {
    padding-bottom: 0;
  }

  header.two .bottom-bar:before {
    width: 1255px;
    height: 90px;
  }

  header.two .bottom-bar {
    margin-bottom: -46px;
  }

  .what-we-provide {
    margin-left: 0;
    margin-top: -20px;
  }

  .what-we-provide-text:before {
    right: 23px;
  }

  header.two .top-bar {
    padding-bottom: 0px;
  }

  .team-experience h4 {
    font-size: 58px;
  }

  .heroshaps-2,
  .heroshaps-1 {
    width: 160px;
    height: 50px;
  }

  .what-we-provide {
    padding: 0 30px;
    padding-right: 0;
  }

  .sidebar {
    padding: 34px 34px;
  }

  .blog-style-two.three p {
    padding-top: 10px;
  }

  .what-we-provide-video {
    width: 40%;
  }

  ul.categories li a {
    padding: 12px 20px;
  }

  .what-we-provide-text h4 {
    font-size: 18px;
  }

  .phone a {
    margin-right: 39px !important;
  }

  .our-blog .blog-style-two.three {
    margin-bottom: 30px;
  }

  h1 {
    font-size: 58px;
    line-height: 64px;
  }

  .banner .hero-img img {
    width: 100%;
  }

  .hero-section-two {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .navPrev {
    top: 65%;
  }

  ol.breadcrumb {
    margin-top: 40px;
  }

  .hero-section-data h4 {
    font-size: 20px;
  }

  .refer-friend.two h2 {
    font-size: 34px;
  }

  .service-two {
    background-repeat: no-repeat;
    background-size: cover;
  }

  .time i {
    padding-left: 26px;
  }

  .hero-section-two:before {
    width: 50%;
  }

  .hero-section-data {
    width: 51%;
  }

  .package-bottom {
    padding: 40px 50px;
  }

  .package-bottom .sec-btn {
    margin-top: 20px;
  }

  .slick-dotted.slick-slider {
    width: 65%;
  }

  .bottom-bar {
    height: 86px;
  }

  .bottom-bar:before {
    height: 86px;
    left: 24%;
    border-radius: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 80px;
  }

  .work-stap-img span {
    left: 20%;
  }

  .clients-logo {
    padding: 70px 0;
    padding-top: 80px;
  }

  .refer-friend > img {
    max-width: 26rem;
    padding-left: 2rem;
    padding-right: 20px;
    margin-top: -2rem;
  }

  .refer-friend h2 {
    font-size: 2.5rem;
  }

  img.works-line {
    bottom: 31%;
    left: 15%;
  }

  .new-laundry-img {
    width: 100%;
  }

  .new-laundry-img img {
    width: 100%;
  }

  .widget-title li i {
    font-size: 14px;
  }

  form.city-zip {
    padding: 30px;
    border-radius: 30px;
    border-bottom-right-radius: 85px;
    margin-top: 20px;
    width: 116%;
  }

  .count-text h2,
  .count-text span {
    font-size: 70px;
  }

  .footer-bootom-bar h3 {
    font-size: 28px;
  }

  footer {
    background-size: cover;
    background-position: right;
  }

  .count-text h3 {
    font-size: 16px;
  }

  .package-top {
    padding: 40px 50px;
  }

  .package-top h2 {
    font-size: 50px;
  }

  .navbar-links li.navbar-dropdown:hover .dropdown {
    padding: 14px 18px;
    padding-top: 8px;
    padding-bottom: 18px;
  }

  .hero-section:before {
    right: 0;
  }

  .package-top h6 {
    font-size: 14px;
  }

  .sec-btn {
    padding: 15px 40px;
    height: auto;
    font-size: 15px;
  }

  .footer-bootom-bar form input {
    width: 503px;
  }

  ul.image-gallery li figure,
  ul.image-gallery li figure img {
    width: 170px;
    height: 120px;
  }

  .provide-text {
    padding-left: 50px;
  }

  .provide-img figure.one {
    margin-left: 20px;
    margin-right: 24px;
    margin-bottom: 20px;
  }

  .provide-img figure.three {
    margin-left: 18px;
    width: 50%;
  }

  .works-two:before {
    width: 100%;
    height: 356px;
    left: 50%;
    top: 67%;
  }

  .refer-friend.two > img {
    width: 42%;
  }

  .team-style img {
    width: 76%;
  }

  .team-style a {
    font-size: 24px;
  }

  .team-style span {
    font-size: 14px;
  }

  .img-salidr img {
    width: 100%;
  }

  .client-two h3 {
    font-size: 30px;
    width: 90%;
    line-height: 44px;
    padding-bottom: 16px;
  }

  .oder-book-now {
    padding: 30px;
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .blog-text-two h3 {
    font-size: 24px;
  }

  .oder-book-now h5 {
    font-size: 30px;
  }

  .works-two p {
    padding-top: 6px;
  }

  .slider-home-1 img {
    width: 100% !important;
    max-height: 25rem;
  }
}

@media (max-width: 1200px) {
  .gap {
    padding: 5.5rem 0 4rem;
  }

  .no-top {
    padding-top: 0;
  }

  .no-bottom {
    padding-bottom: 0;
  }

  .flex-img {
    transform: scale(0.8);
    margin-top: 1%;
  }

  .refer-friend img.babal {
    width: 38%;
  }

  ul.pagination {
    margin-bottom: 40px;
  }

  .close i {
    font-size: 22px;
    height: 50px;
    width: 50px;
    right: 8%;
    top: 2%;
    border-radius: 7px;
    border-bottom-left-radius: 21px;
  }

  .container-full {
    overflow: hidden;
  }

  .slider-home-1 .owl-dots {
    left: 11%;
    bottom: -2%;
  }

  .what-we-provide .boder {
    height: 210px;
  }

  #lightbox {
    display: none;
  }

  .what-we-provide {
    margin: 0;
    border-radius: 30px;
    border-bottom-left-radius: 100px;
    margin-top: 40px;
  }

  .hero-section .heroshaps-2,
  .hero-section .heroshaps-1 {
    display: none;
  }

  .hero-section.banner .heroshaps-2,
  .hero-section.banner .heroshaps-1 {
    display: block;
  }

  ol.breadcrumb {
    margin-top: 30px;
  }

  .hero-text h1 {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .hero-section.banner .hero-text h2 {
    font-size: 46px;
    line-height: 54px;
  }

  .mobile-nav {
    width: 40%;
  }

  .hero-section-two:before {
    width: 60%;
  }

  body {
    overflow-x: hidden;
  }

  .navPrev {
    top: 62%;
  }

  .bar-menu {
    display: block;
  }

  header .bottom-bar:before,
  header .top-bar,
  header.two .bottom-bar:before,
  header.two .top-bar,
  header .navbar,
  .extras,
  header .sec-btn {
    display: none;
  }

  .hero-section-data h2 {
    font-size: 44px;
  }

  .what-we-provide {
    padding: 0 0px;
    padding-right: 0;
  }

  .what-we-provide {
    overflow: hidden;
    width: 100%;
    padding-left: 30px;
    transform: translateX(32px);
  }

  header.two {
    background-color: #fff;
  }

  header.two .bottom-bar {
    height: 76px;
    margin-bottom: 0px;
    z-index: 2;
  }

  .what-we-provide-text {
    text-align: center;
    width: 16%;
    position: relative;
  }

  .what-we-provide-video {
    width: 34%;
    overflow: hidden;
  }

  .heading.two h3 {
    font-size: 2rem;
  }

  .heading.two.team-details-text {
    width: 100%;
  }

  .get-in-touch i {
    width: 40px;
    height: 40px;
    padding: 8px;
    margin-right: 10px;
  }

  .team-experience {
    left: 6%;
  }

  .team-details-text h6 {
    padding-top: 6px;
    font-size: 16px;
    padding-bottom: 16px;
  }

  .team-experience {
    width: 70%;
  }

  .package-bottom .sec-btn {
    padding: 12px 32px;
    height: auto;
    font-size: 14px;
  }

  .title,
  .contact-style h4 {
    font-size: 18px;
  }

  .contact-style svg {
    width: 54px;
  }

  .video a {
    font-size: 12px;
  }

  .bottom-bar {
    height: 80px;
  }

  header a img {
    height: 76px;
  }

  .contact-style i {
    width: 100px;
    height: 100px;
    font-size: 40px;
  }

  .contact-style h4 a {
    font-size: 18px;
  }

  .contact-style h6 {
    padding-bottom: 10px;
    letter-spacing: 1px;
    font-size: 14px;
  }

  .sidebar {
    padding: 40px 60px;
  }

  .footer-contact .boder {
    margin: 0 25px;
  }

  .footer-contact .get-in-touch span {
    font-size: 14px;
  }

  .professional-img > img {
    width: 90%;
  }

  .company-director img {
    margin-right: 8px;
  }

  .refer-friend h2 {
    font-size: 2rem;
  }

  .work-stap-img span {
    left: 15%;
  }

  .count-text h2,
  .count-text span {
    font-size: 60px;
  }

  .refer-friend-img:before {
    width: 360px;
    height: 360px;
  }

  .work-stap {
    width: 100%;
  }

  img.works-line {
    left: 20%;
    width: 60%;
  }

  .refer-friend-img img {
    width: 100%;
  }

  .package-top h2 {
    font-size: 46px;
  }

  .package-top {
    padding: 40px 30px;
  }

  .package-bottom {
    padding: 40px 30px;
  }

  .blog-data a h3 {
    font-size: 22px;
  }

  .price-package {
    padding-bottom: 270px;
  }

  .data h4 {
    font-size: 14px;
    padding-right: 20px;
    padding-left: 0px;
  }

  .slider-nav .slick-slide.slick-current.slick-active:before {
    height: 98px;
    width: 98px;
  }

  .slider-nav .slick-slide img {
    width: 100px;
    height: 100px;
  }

  .client h5 {
    font-size: 26px;
    line-height: 38px;
  }

  .client {
    padding: 20px;
    padding-top: 80px;
  }

  .footer-bootom-bar h3 {
    font-size: 26px;
  }

  .client h3 {
    font-size: 30px;
  }

  .footer-bootom-bar form input {
    width: 400px;
  }

  .star-rating {
    padding-bottom: 20px;
  }

  ul.image-gallery li figure,
  ul.image-gallery li figure img {
    width: 100%;
    height: 100px;
  }

  .widget-title li i {
    font-size: 12px;
  }

  .provide-img img.provide-img-one {
    width: 70%;
  }

  .provide-img figure.two {
    width: 40%;
  }

  .provide-img figure.three {
    height: 316px;
  }

  .provide-text {
    padding-left: 0px;
  }

  .refer-friend.two h2 {
    font-size: 28px;
  }

  .blog-text-two h3 {
    font-size: 20px;
  }

  .client-two h3 {
    font-size: 24px;
    width: 100%;
    line-height: 40px;
    padding-bottom: 16px;
  }

  .client-slider .owl-dots {
    margin-top: 20px !important;
    margin-left: 116px;
  }

  .location_info {
    padding: 2.5rem 1rem;
  }

}

@media (max-width: 993px) {
  .gap {
    padding: 80px 0;
  }

  .no-top {
    padding-top: 0;
  }

  .no-bottom {
    padding-bottom: 0;
  }

  .hero-text {
    padding-inline: 3rem;
  }

  .navNext {
    top: 30%;
  }

  .pagination li {
    height: 45px;
    width: 45px;
  }

  .pagination li.prev {
    width: 59px;
  }

  .pagination {
    padding: 7px 20px;
  }

  .pagination li.next {
    width: 60px;
  }

  .box {
    padding: 0px 70px;
  }

  .pagination li.prev a,
  .pagination li.next a {
    font-size: 14px;
  }

  .navPrev {
    top: 46%;
  }

  .slider-home-1 img {
    max-width: 500px !important;
  }

  .slider-home-1.owl-carousel .owl-stage-outer {
    overflow: hidden;
  }

  .hero-img {
    margin-top: 1rem;
    margin-left: 0;
  }

  .hero-section:before {
    width: 81%;
    height: 47%;
    top: auto;
    bottom: 0px;
    right: 0px;
    transform: translate(0, -58%);
    -webkit-transform: translate(0, -58%);
    -moz-transform: translate(0, -58%);
    -ms-transform: translate(0, -58%);
    -o-transform: translate(0, -58%);
  }

  .hero-img img {
    margin: auto;
  }

  .slider-home-1 img {
    border-radius: 40px;
    border-bottom-left-radius: 127px;
  }

  .professional-img img {
    width: auto;
  }

  .banner .heroshaps-1 {
    top: 44%;
  }

  .banner .heroshaps-2 {
    right: 10%;
  }

  ol.breadcrumb {
    position: relative;
  }

  .hero-section-data h2 {
    font-size: 40px;
  }

  .hero-section-data h4 {
    font-size: 18px;
  }

  .what-we-provide {
    overflow: hidden;
    width: 96%;
    transform: translateX(0px);
    flex-wrap: wrap;
    padding-left: 0;
    margin: auto;
    margin-top: 60px;
  }

  .what-we-provide-text:before {
    right: 29%;
  }

  .what-we-provide-text {
    width: 33%;
    padding: 0 60px;
  }

  .what-we-provide-video {
    width: 100%;
    overflow: hidden;
  }

  .what-we-provide-video img {
    width: 100%;
  }

  .what-we-provide-text {
    width: 30%;
  }

  .get-in-touch {
    margin-bottom: 0px;
  }

  .team-details-text .share-post {
    margin-bottom: 40px;
  }

  .team-experience {
    width: 44%;
  }

  .team-experience h6 {
    font-size: 14px;
  }

  .carpet h3 {
    font-size: 34px;
    padding-bottom: 10px;
  }

  .carpet {
    width: 100%;
  }

  .carpet ul.list-style {
    padding-bottom: 30px;
  }

  .location iframe {
    margin: auto;
    width: 79%;
    border-radius: 35px;
    height: 360px;
    margin-top: 0px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin-left: 123px;
  }

  .location {
    flex-wrap: wrap;
  }

  .contact-style {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  img.sed-img {
    margin-top: 20px;
  }

  .error-page h2 {
    font-size: 140px;
    line-height: 140px;
  }

  footer.two .logo {
    margin-bottom: 20px;
  }

  .footer-contact {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .footer-contact .boder {
    display: none;
  }

  .widget-title input {
    font-size: 12px;
  }

  .footer-contact .get-in-touch {
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .footer-contact .get-in-touch.two {
    width: 48%;
    margin-top: 0;
  }

  .heading {
    width: 100%;
  }

  .works-two:before {
    height: 336px;
  }

  .refer-friend:before {
    top: 0;
  }

  .works-two {
    padding-bottom: 50px;
    margin-bottom: 40px;
  }

  .refer-friend.two {
    margin-top: 1rem;
    padding-top: 2rem;
    padding-left: 3rem;
  }

  .team-style {
    margin-bottom: 30px;
  }

  .img-salidr {
    text-align: center;
  }

  .blog-style-two.three {
    margin-bottom: 40px;
  }

  .img-salidr img {
    margin: auto;
    width: 60%;
    margin-top: 30px;
  }

  h2 {
    font-size: 40px;
  }

  .heading p {
    letter-spacing: 0px;
    font-size: 14px;
  }

  .professional-img {
    margin-bottom: 40px;
  }

  .company-director {
    width: 40%;
    margin-left: 30px;
    margin-right: 120px;
  }

  .refer-friend h2 {
    font-size: 1.675rem;
  }

  .refer-friend {
    padding-right: 30px;
  }

  .refer-friend > img {
    padding-left: 0rem;
    padding-right: 20px;
    margin-top: -40px;
    width: 56%;
    max-width: 20rem;
  }

  .count-style {
    flex-wrap: wrap;
  }

  .count-style .boder {
    display: none;
  }

  form.city-zip {
    width: 100%;
  }

  .work-stap-img span {
    left: 27%;
  }

  .count-text {
    width: 50%;
    margin-bottom: 30px;
  }

  .new-laundry-img {
    margin-top: 40px;
  }

  img.works-line {
    display: none;
  }

  .package {
    margin-bottom: 20px;
    margin-top: 0px;
  }

  .price-package {
    padding-bottom: 260px;
  }

  .refer-friend-img:before {
    width: 320px;
    height: 320px;
  }

  .slider-nav .slick-slide.slick-current.slick-active:before {
    margin-left: 25px;
  }

  img.google-play {
    width: 100%;
  }

  .footer-bootom-bar form input {
    width: 68%;
  }

  .copyright {
    flex-wrap: wrap;
  }

  .copyright p {
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
  }

  .footer-bootom-bar form {
    margin-top: 20px;
  }

  .refer-friend-img {
    padding-left: 50px;
  }

  .widget-title li {
    padding-bottom: 10px;
  }

  footer .star-rating {
    padding-bottom: 50px;
  }

  .blog-data {
    margin-bottom: 40px;
  }

  .dryclean.refer-friend ul.list-style {
    padding-bottom: 16px;
  }

  .dryclean.refer-friend .list-style li {
    font-size: 14px;
  }

  .service-slider .owl-nav {
    /* position: relative;
    top: 0;
    right: 0%;
    margin: auto;
    margin-top: 24px; */
    padding-right: 0;
  }

  .service-two {
    background-repeat: no-repeat;
  }

  .testimonial-slider .testimonial-item {
    margin: 0;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 15.5px;
  }

  .company-director {
    width: 60%;
    margin-right: 0;
  }

  footer.two .logo {
    margin-bottom: 30px;
  }

  .provide-img figure.two {
    height: 155px;
  }

  .flex-img .book_img {
    display: none;
  }

  .provide-img figure.three {
    height: 230px;
  }

  .oder-book-now {
    padding: 9px;
    padding-top: 39px;
    padding-bottom: 40px;
  }

  .oder-book-now img {
    width: 80px;
  }

  .oder-book-now:before {
    width: 50px;
    height: 50px;
  }

  .hero-section {
    overflow: hidden;
    padding-bottom: 20px;
  }

  .slider-home-1 .owl-dots {
    left: 0%;
    position: relative;
    width: auto;
    bottom: 0%;
  }

  .hero-section-two {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .navPrev,
  .navNext {
    top: 53%;
  }

  .navPrev {
    position: absolute;
    top: 53%;
    right: 50%;
    z-index: 2;
  }

  .navPrev span img,
  .navNext span img {
    width: 80px;
    height: 80px;
  }

  .what-we-provide {
    margin-top: 30px;
  }

  .navNext i,
  .navPrev i {
    left: 40%;
  }

  .what-we-provide-text img {
    width: 68px;
  }

  .navPrev:hover i,
  .navNext:hover i {
    background-color: #8cc63fb8;
    width: 80px;
    height: 80px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border-radius: 50%;
  }

  .navNext {
    right: 30%;
    z-index: 2;
    background-size: 80px 80px;
  }

  .mobile-nav {
    max-width: 370px;
    width: 90%;
  }

  .banner .heroshaps-2,
  .banner .heroshaps-1 {
    width: 120px;
    height: 41px;
  }

  .hero-section-data {
    width: 89%;
  }

  .information .new-laundry-img {
    margin-bottom: 20px;
  }

  .hero-section-two:before {
    width: 100%;
    border-radius: 0;
  }

  .new-laundry-img {
    margin-top: 0;
  }

  .team-experience {
    width: 55%;
  }

  .hero-section-data {
    width: 100%;
  }

  .what-we-provide-text {
    padding: 0 30px;
  }

  .contact-heading h6 {
    font-size: 16px;
    width: 100%;
  }

  .featured-imagebox-gallery .featured-link img {
    width: 100%;
    height: 300px;
  }

  .contact-heading .star-rating {
    margin-top: 30px;
    border-top: 1px solid #666;
    width: 100%;
    padding-top: 30px;
  }

  .contact-heading .star-rating h4 {
    font-size: 28px;
  }

  .location iframe {
    margin: auto;
    width: 100%;
    border-radius: 35px;
    height: 230px;
    margin-top: 30px;
    margin-left: 0px;
  }

  .contact-style h4 span {
    font-size: 14px;
  }

  .client-help a {
    font-size: 22px;
  }

  .client-help p {
    font-size: 22px;
    line-height: 34px;
    padding-bottom: 20px;
  }

  .share-post {
    flex-wrap: wrap;
  }

  .share-post .social-media {
    margin-top: 10px;
  }

  .share-post .social-media li a {
    margin-right: 16px;
    font-size: 14px;
  }

  .willimes-marko {
    padding: 50px;
    width: 100%;
    margin-left: 0px;
    flex-wrap: wrap;
    padding-top: 20px;
  }

  .willimes-marko img {
    margin-bottom: 10px;
  }

  .social-media-Intege {
    flex-wrap: wrap;
  }

  .share-post .social-media {
    flex-wrap: wrap;
  }

  .comment li {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }

  li.reply-comment {
    margin-left: 0;
    width: 100%;
  }

  .comment li img {
    margin-bottom: 18px;
  }

  .willimes-marko img {
    position: relative;
    left: 0;
  }

  .blog-style-two.three figure > img {
    height: auto;
  }

  .blog-style-two figure > img {
    height: 340px;
  }

  .footer-contact {
    margin-bottom: 30px;
  }

  .footer-contact {
    padding-top: 20px;
  }

  footer.two .logo .star-rating img {
    padding-right: 17px;
  }

  footer.two .logo .star-rating {
    justify-content: flex-start;
    margin-top: 30px;
  }

  .blog-text-two h3 {
    font-size: 26px;
    width: 100%;
  }

  .blog-text-two h3 {
    font-size: 26px;
  }

  .service-price {
    margin-bottom: 30px;
  }

  .service-price.two {
    margin-top: 60px;
  }

  .newsletter h3 {
    font-size: 40px;
  }

  .newsletter {
    padding-left: 0;
  }

  .refer-friend.two {
    text-align: inherit;
  }

  .refer-friend > img {
    display: none;
  }

  .refer-friend-img img {
    margin-top: 30px;
  }

  .refer-friend-img:before {
    left: 14%;
    top: 25%;
  }

  .client h5 {
    font-size: 20px;
    line-height: 34px;
  }

  .work-stap {
    width: 100%;
    margin-bottom: 30px;
  }

  .slick-dotted.slick-slider {
    width: 83%;
  }

  .widget-title h3 {
    padding-top: 30px;
  }

  .footer-bootom-bar form input {
    width: 100%;
    margin-bottom: 10px;
  }

  ul.image-gallery li figure,
  ul.image-gallery li figure img {
    width: 100%;
    height: 69px;
    border-radius: 20px;
  }

  footer .star-rating {
    padding-bottom: 0;
  }

  .widget-title .boder {
    margin-bottom: 30px;
  }

  .work-stap.two {
    padding-top: 0;
  }

  .sec-btn {
    padding: 14px 36px;
    height: auto;
    font-size: 14px;
  }

  .refer-friend {
    text-align: center;
    padding: 2.5rem 0.75rem 1rem;
    border-bottom-left-radius: 6rem
  }

  .refer-friend:before {
    top: 0;
    border-bottom-left-radius: 6rem
  }

  .what-we-provide {
    width: 87%;
  }

  .service-slider .owl-dots {
    display: none;
  }
}

@media (max-width: 600px) {
  .what-we-provide-text {
    width: 100%;
  }

  .what-we-provide .boder {
    display: none;
  }

  .what-we-provide-text:before {
    right: 37%;
  }

  .what-we-provide-text {
    width: 100%;
    margin: 26px;
  }

  .new-laundry .new-laundry-img {
    margin-top: 15px;
  }
}

@media (max-width: 576px) {
  p {
    line-height: 26px;
  }

  .gap {
    padding: 3.25rem 0 2.75rem;
  }

  .no-bottom {
    padding-bottom: 0;
  }

  .no-top {
    padding-top: 0;
  }

  .hero-text {
    padding-inline: 1rem;
  }

  .join-our {
    margin-top: 41px;
  }

  .box {
    padding: 0px 30px;
  }

  .heading p {
    padding-top: 4px;
  }

  .count-style {
    padding-top: 60px;
  }

  .new-laundry-img {
    margin-top: 10px;
  }

  .hero-text h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .navNext,
  .navPrev {
    top: 50%;
  }

  .hero-section-two {
    padding-top: 50px;
    padding-bottom: 120px;
  }

  ul.image-gallery {
    flex-wrap: wrap;
  }

  .slider-home-1 img {
    padding-left: 0.75rem;
    max-width: 460px !important;
    max-height: 300px;
  }

  ul.image-gallery li figure,
  ul.image-gallery li figure img {
    width: 140px;
    height: 100px;
    border-radius: 20px;
  }

  .banner.hero-section {
    padding-top: 40px;
  }

  ol.breadcrumb a,
  ol.breadcrumb li {
    color: #666;
    font-size: 14px;
  }

  .hero-section.banner .hero-text h2 {
    line-height: 38px;
    font-size: 38px;
  }

  .banner h6 {
    font-size: 16px;
    line-height: 24px;
  }

  .banner .heroshaps-2,
  .banner .heroshaps-1 {
    display: none;
  }

  .first label {
    font-size: 12px;
  }

  .res-log img {
    height: 120px;
  }

  .team-experience {
    width: min-content;
  }

  .team-experience h4 {
    font-size: 40px;
  }

  .team-experience {
    padding: 4px 14px;
    width: 57%;
    bottom: 20%;
    left: -3%;
  }

  .information h4 {
    font-size: 24px;
  }

  .team-experience h6 {
    font-size: 12px;
  }

  .carpet h3 {
    font-size: 30px;
  }

  .sec-btn {
    padding: 12px 32px;
    height: auto;
    font-size: 14px;
  }

  .client-help {
    padding: 39px;
  }

  .client-two i {
    width: 60px;
    height: 60px;
  }

  .client-two {
    display: flex;
    flex-wrap: wrap;
  }

  .client-slider.owl-carousel .owl-item img {
    width: 30px;
  }

  .client-slider.owl-carousel .owl-item i {
    margin-bottom: 10px;
  }

  .service-price i,
  .service-price i:before {
    width: 148px;
    height: 148px;
  }

  .newsletter h3 {
    font-size: 30px;
  }

  .client-rating {
    flex-wrap: wrap;
  }

  .service-text-two i {
    position: relative;
    transform: translateY(-27px) translatex(26px);
  }

  .service-text-two i {
    position: relative;
    transform: translateY(-27px);
  }

  .service-two-text h4 {
    font-size: 1.3rem;
  }

  .service-text-two img {
    width: 5rem;
  }

  .refer-friend-img:before {
    display: none;
  }

  .service-text-two i img {
    display: block;
  }

  .blog-text-two h3 {
    font-size: 22px;
  }

  .blog-text-two {
    left: 25px;
  }

  .slider-nav .slick-slide.slick-current.slick-active:before {
    margin-left: 58px;
  }

  .no-bottom {
    padding-bottom: 0;
  }

  .work-stap-img span {
    left: 36%;
  }

  .professional-img > img {
    width: 93%;
  }

  .professional-phon a {
    font-size: 22px;
  }

  .professional-phon span {
    font-size: 10px;
  }

  h2 {
    font-size: 30px;
  }

  .professional-phon {
    padding: 20px 25px;
  }

  .company-director {
    margin-left: 0;
  }

  .professional-phon img {
    width: 44px;
  }

  .price-package {
    padding-bottom: 260px;
  }

  .company-director {
    margin-right: 0;
    width: max-content;
    padding-right: 40px;
  }

  .dryclean.refer-friend {
    margin-left: 0px;
    margin-right: -13px;
    margin-top: -178px;
    padding: 32px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .count-text {
    width: 100%;
    margin-bottom: 30px;
  }

  form.city-zip input {
    margin-bottom: 6px;
  }

  .blog-page .new-laundry-img {
    margin-top: 20px;
  }

  form.leave input,
  form.leave textarea {
    margin-top: 10px;
  }

  .blog-text-two h2 {
    font-size: 28px;
  }

  .posted {
    flex-wrap: wrap;
  }

  ul.features li {
    font-size: 16px;
    line-height: 22px;
  }

  footer .row .order-1 {
    display: none;
  }

  .testimonial-content h6 {
    font-size: 1.05rem;
  }
}

@media (max-width: 500px) {
  .blog-text-two h2 {
    font-size: 22px;
  }

  .navNext,
  .navPrev {
    top: 50%;
  }

  ul.list-style {
    padding-bottom: 20px;
  }

  .professional-img {
    text-align: end;
    margin-bottom: 1.5rem;
  }

  .hero-section-data h2 {
    font-size: 38px;
  }

  .accordion-item .icon {
    right: 10px;
  }

  .content p {
    font-size: 14px;
    line-height: 24px;
  }

  .title {
    padding: 16px 24px;
    font-size: 16px;
  }

  .contact-heading .star-rating h4 {
    font-size: 24px;
  }

  form.content-form :is(input, textarea) {
    padding: 0.8rem 1.2rem 0.7rem;
  }

  .contact-style {
    padding: 20px;
  }

  .new-laundry-img i {
    width: 70px;
    height: 70px;
  }

  .blog-style-two h4 {
    width: 60px;
    height: 60px;
  }

  .blog-style-two h4 {
    font-size: 20px;
    padding-top: 9px;
  }

  .blog-style-two h4 span {
    font-size: 12px;
  }

  .service_sec .item .service > img {
    height: 13rem;
  }
}

@media (max-width: 477px) {

  .logodata .owl-dots,
  .slider-nav .slick-slide.slick-current.slick-active:before {
    display: none;
  }

  .newsletter p {
    padding-bottom: 20px;
  }

  .oder-book-now h5 {
    font-size: 26px;
  }

  .service-two .btn-center {
    margin-top: 90px;
  }

  .heading h2 {
    padding-bottom: 1rem;
  }

  .client h3 {
    font-size: 24px;
    padding-top: 10px;
  }

  ul.image-gallery li figure,
  ul.image-gallery li figure img {
    width: 94px;
    height: 95px;
    border-radius: 10px;
  }

  .hero-section:before {
    height: 33%;
  }

  .featured-imagebox-gallery .featured-link img {
    width: 100%;
    height: 200px;
  }

  .count-text h2,
  .count-text span {
    font-size: 48px;
  }

  .posted i,
  .posted span {
    padding-top: 10px;
  }

  .posted i {
    padding-left: 0;
    padding-right: 10px;
  }

  .error-page h2 {
    font-size: 120px;
    line-height: 120px;
  }

  .error-page h3 {
    font-size: 28px;
  }

  .error-page p {
    font-size: 18px;
    padding-top: 10px;
  }

  .years-experience {
    flex-wrap: wrap;
  }

  .willimes-marko img {
    width: 120px;
  }

  .years-experience .boder {
    display: none;
  }

  .provide-img::before {
    width: 270px;
    height: 270px;
  }

  .professional-phon {
    bottom: 0%;
  }

  .new-laundry .heading.two h3 {
    font-size: 1.65rem;
  }
}

@media (max-width: 450px) {
  ul.list-style {
    padding-top: 22px;
    padding-bottom: 30px;
  }

  .client h5 {
    font-size: 18px;
    line-height: 34px;
    width: 100%;
  }

  .box {
    padding: 0px 0px;
  }

  .error-page {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .carpet i img {
    width: 50px;
  }

  .carpet i {
    width: 80px;
    height: 80px;
    padding: 0;
  }

  .logo .star-rating h4 {
    font-size: 16px;
  }

  footer .logo p {
    padding-block: 1.25rem 1rem;
  }

  .team-details-text .share-post {
    margin-bottom: 20px;
    padding-top: 20px;
  }

  .package-bottom li {
    font-size: 14px;
  }

  .information .new-laundry-img {
    margin-bottom: 10px;
  }

  .years-experience {
    margin-top: 20px;
  }

  .hero-section.banner .heroshaps-2,
  .hero-section.banner .heroshaps-1 {
    display: none;
  }

  .work-stap-img i {
    width: 110px;
    height: 110px;
  }

  .btn-center {
    margin-top: 40px;
  }

  .work-stap-img i img {
    width: 3.5rem;
  }

  .navNext i,
  .navPrev i {
    left: 33%;
  }

  .navNext,
  .navPrev {
    top: 56%;
  }

  .navPrev span img,
  .navNext span img,
  .navPrev:hover i,
  .navNext:hover i {
    width: 63px;
    height: 63px;
  }

  .what-we-provide-video .video {
    width: auto;
  }

  .service-text i {
    width: 90px;
    height: 90px;
  }

  .service-text i img {
    width: 49px !important;
  }

  ul.list-style li {
    font-size: 0.95rem;
  }

  .service-slider .owl-nav i {
    width: 40px;
    height: 40px;
  }

  .video {
    margin-left: 10px;
    display: inline-flex;
    margin-bottom: 12px;
    margin-top: 20px;
    width: 100%;
  }

  .contact-heading .star-rating h4 {
    font-size: 20px;
  }

  .contact-heading .star-rating h5 {
    font-size: 16px;
  }

  .sidebar {
    padding: 40px 40px;
  }

  .hero-text h5 {
    font-size: 1rem;
    line-height: 26px;
    padding-bottom: 1rem;
  }

  .work-stap-img span {
    left: 31%;
  }

  .service-price i {
    padding: 28px;
  }

  .service-price i,
  .service-price i:before {
    width: 110px;
    height: 110px;
  }

  .dryclean.refer-friend .list-style li {
    text-align: initial;
  }

  .widget-title .boder {
    margin-bottom: 25px;
  }

  .widget-title h3 {
    font-size: 22px;
  }

  .pagination li {
    height: 25px;
    width: 25px;
    margin-right: 3px;
    font-size: 12px;
  }

  .pagination li.prev,
  .pagination li.next {
    width: 44px;
  }

  .pagination {
    padding: 7px 6px;
  }

  .pagination li.prev a,
  .pagination li.next a {
    font-size: 12px;
  }
}

@media (max-width: 410px) {
  .footer-contact {
    padding-left: 31px;
  }

  .navNext,
  .navPrev {
    top: 59%;
  }

  .heading p {
    font-size: 12px;
  }

  .sidebar {
    padding: 40px 30px;
  }

  .recent-post a {
    font-size: 16px;
  }

  .video i:before {
    width: 70px;
    height: 70px;
  }

  .video i {
    width: 56px;
    height: 56px;
  }

  .years-experience .count-text h2,
  .years-experience .count-text span {
    font-size: 40px;
  }

  .years-experience .count-text i {
    width: 60px;
    padding: 12px;
    height: 60px;
    margin-bottom: 10px;
  }

  .refer-friend.two i {
    width: 60px;
    height: 60px;
    margin-right: 10px;
  }

  .refer-friend.two i img {
    width: 32px;
  }

  .refer-friend.two h2 {
    font-size: 20px;
  }

  .refer-friend.two {
    display: none;
  }

  .hero-section.banner .hero-text h2 {
    line-height: 32px;
    font-size: 32px;
  }
}

@media (max-width: 375px) {
  .title {
    font-size: 14px;
  }

  .widget-title li {
    padding-bottom: 6px;
  }

  .carpet h3 {
    font-size: 28px;
    padding-bottom: 6px;
  }
}