
@media (max-width: 1199px) {
    .bigban-logo a img {
        width: 100px;
        height: 100px;
    }

    .bigban-logo a h3 {
        font-size: 60px;
    }

    .stats-num h4, .stats-num span {
        font-size: 55px;
    }

    .stats-item p {
        font-size: 18px;
    }

    .about-h-txt div {
        font-size: 18px;
    }

    .workhour-rb-text {
        width: 50%;
        padding: 15px 10px;
    }

    .wh-rb-txt p {
        font-size: 16px;
    }

    .workhour-ranblock {
        padding: 0;
    }

    .proddisplay {
        flex-direction: column;
    }

    .proddisplay-catalog {
        width: 100% !important;
    }

    .proddislay-formblock {
        width: 100% !important;
    }

    .proddislay-card-ratitng, .proddislay-card-price {
        font-size: 14px;
    }

    .cust-reviews-item {
        width: 98%;
        padding: 17px 20px 60px;
    }

    .cust-reviews-slider .slick-prev {
        left: 60%;
    }

    .footer-contain {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer-contact-links {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-contact-links a {
        font-size: 12px;
        font-weight: 400;
    }
}


@media (max-width: 992px) {

    .contact-oval-wrapper {
        flex-direction: column;
    }

    .contact-oval-item {
        width: 100%;
    }
  
    .about-stat-work {
        flex-direction: column;
    }

    .about-half {
        width: 100%;
    }

    .stats-work-randhalf {
        width: 100%;
    }

    .bigban-logo a h3 {
        font-size: 50px;
    }

    .proddisplay-block {
        flex-direction: column;
    }

    .proddisplay-card {
        width: 100%;
    }

    .ourfeature-img {
        width: 250px;
        height: 250px;
    }

    .ourfeature-block {
        gap: 30px;
    }

    .ourfeature-item {
        width: 40%;
    }

    .workingsteps-img {
        height: 220px;
        padding: 15px;
    }

    .workingsteps-num {
        top: 40%;
    }

    .cust-reviews-item {
        padding: 17px 20px 30px;
    }

    .cust-reviews-comment {
        padding: 15px;
    }

    .ourfeature-item-text p {
        font-size: 14px;
    }

    .ourfeature-item-title {
        font-size: 18px;
    }

    .workingsteps-line {
        height: 600px;
    }

    .workingsteps-img {
        border-radius: 30px;
    }
}

@media(max-width: 767px) {

   

    .form-whour {
        flex-direction: column;
    }

    .form-part {
        width: 100%;
    }

    .whour-part {
        width: 100%;
    }

    .contact-oval-wrapper {
        padding: 35px;
    }
  
    .bigban-item-oval1 {
        width: 250px;
        height: 400px;
    }

    .bigban-item-oval1 {
        width: 250px;
        height: 400px;
        transform: rotate(10deg);
    }

    .bigban-item-oval2 {
        width: 250px;
        height: 400px;
    }

    .bigban-logo a img {
        width: 60px;
        height: 60px;
    }

    .bigban-logo a h3 {
        font-size: 35px;
    }

    .ourfeature-item {
        width: 46%;
    }

    .ourfeature-img {
        display: none;
    }

    .cust-reviews-item {
        flex-direction: column;
    }

    .cust-reviews-img {
        width: 90%;
        display: flex;
        margin: auto;
    }

    .cust-reviews-comment {
        width: 100%;
    }

    .footer-link-column {
        width: 45%;
    }

    .footer-contacts-column {
        width: 45%;
    }
    
    .workingsteps-block {
        flex-direction: column !important;
    }

   

}

@media(max-width: 576px) {

    .contact-oval-item h3 {
        font-size: 14px;
    }

    .contact-oval-item i {
        font-size: 25px;
    }



    .footer-contact-links {
        flex-wrap: wrap;
    }

    .footer-contain {
        flex-direction: column;
    }

    .footer-link-column {
        width: 100%;
    }

    .footer-contacts-column {
        width: 100%;
    }

    .footer-gallery-column {
        width: 100%;
    }

    .footer-gallery-column {
        flex-direction: column;
    }

    .footer-gallery-item {
        width: 100%;
    }

    .footer-links {
        align-items: center;
    }

    .footer-log {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cr-comment-txt {
        text-align: center;
    }

    .cust-reviews-slider .slick-next {
        right: 20%;
    }

    .cust-reviews-slider .slick-prev {
        left: 10%;
    }

    .workingsteps-step {
        flex-direction: column;
    }

    .workingsteps-img {
        width: 100%;
    }

    .workingsteps-txt {
        width: 100%;
    }

    .workingsteps-line {
        display: none;
    }

    .workingsteps-step {
        flex-direction: column-reverse;
    }

    .workingsteps-num {
        position: static;
        transform: none;
    }

    .workingsteps-block {
        gap: 20px;
    }

    .ourfeature-block {
        flex-direction: column;
    }

    .ourfeature-item {
        width: 100%;
    }

    .stats-num h4, .stats-num span {
        font-size: 45px;
    }

    .bigban-slider .slick-prev {
        top: 90%;
    }

    .bigban-slider .slick-next {
        top: 90%;
    }

    .hello-title {
        font-size: 22px;
    }

    .m-navbarlist {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .workhour-rb-text {
        width: 70%;
    }

    .wh-rb-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .m-navbarlist a {
        font-size: 14px;
        text-transform: none;
    }

    .bigban-logo a h3 {
        font-size: 30px;
    }
    
    .bigban-logo a {
        flex-direction: column !important;
        justify-content: center;
    }
    .stats-item {
        margin-top: 15px;
        flex-direction: column !important;
    }



}
@media(max-width: 480px) {
    .cust-reviews-title {
        font-size: 20px;
    }
    .about-h-txt h3 {
        font-size: 20px;
    }
    .proddislay-title {
        font-size: 25px;
    }
    .ourfeature-title {
        font-size: 20px;
    }
    .workingsteps-title {
        font-size: 20px;
    }
    .footer-log .logo-link {
        flex-direction: column !important;
    }
}

