@media (max-width: 575.98px) { 
    .header ul li{
        padding: 5px 0;
    }
    .header ul li a::after{
        width: 15% !important;
        bottom: -5px;
    }
    .manu-bg{
        background: gray;
        animation: navbar 2s;
        -webkit-animation: navbar 2s;
    }
    @keyframes navbar{
        0%{
            top: -50%;
        }
        100%{
            top: 0%;
        }
    }

    .banner-img{
        padding: 250px 0;
        clip-path: polygon(0 0, 100% 0%, 100% 93%, 0% 100%);
    }
    .bann-text h1{
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 5px;
    }
    .bann-text h3{
        font-weight: 500;
        color: #ffffff;
        font-size: 25px; 
    }
    .bann-text p{
        color: white;
        font-size: 15px;
    }
    .bann-btn a{
        padding: 5px 15px;
        border: 2px solid white;
        color: white;
        margin-left: 20px;
       text-transform: capitalize;
       margin-top: 25px;
    }
    #banner .previous{
      opacity: 0;
    }
    #banner .next{
        opacity: 0;
    }
    .about-left::after,
    .about-right::after,
    .about-top::after,
    .about-bottom::after{
       display: none;
    }
    .about-left::before,
    .about-right::before,
    .about-top::before,
    .about-bottom::before{
        display: none;
    }
    .about-top{
        margin-bottom: 10px;
        margin-top: 50px;
    }
    .about-middle{
        margin: 20px 0;
    }
    .about-bottom{
        margin-top: 10px;
    }
    #protfolio{
        margin: 20px 0;
        padding: 30px 0;
        clip-path: polygon(0 1.5%, 100% 0, 100% 99%, 0% 100%);
    }
    .port-item{
        margin-top: 25px;
    }
    #Services::after{
        background: none;
    }
    .ser-content-1,
    .ser-content-2{
        text-align: center;
    }
    .ser-text::after,
    .ser-left::after{
        display: none;
    }
    .ser-round{
       margin: 30px auto;
    }
    #Services .ser-next,
    #Services .ser-previous{
        display: none;
    }
    #testimonial{
        clip-path: polygon(0 3%, 100% 0%, 100% 98%, 0% 100%);
    }
    #testimonial::after{
        background: none;
    }
    #testimonial .test-previous{
        display: none;
    }
    #testimonial .test-next{
        display: none;
    }
    .test-text::after{
        display: none;
    }
    .test-text{
        text-align: center;
    }
    #pricing{
        margin: 50px 0;
    }
    .pric-item{
        margin: 10px 0;
    }
    .count-padding{
        margin: 5px 0;
    }
    #counter-part{
        clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);
    }
    .counter-number{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
     }
     .market-slider{
        transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
     }
}

@media (min-width: 576px) and (max-width: 767.98px) { 
    .header ul li{
        padding: 5px 0;
    }
    .header ul li a::after{
        width: 15% !important;
        bottom: -5px;
    }
    .manu-bg{
        background: gray;
        animation: navbar 2s;
        -webkit-animation: navbar 2s;
    }
    @keyframes navbar{
        0%{
            top: -50%;
        }
        100%{
            top: 0%;
        }
    }

    .banner-img{
        padding: 100px 0;
        clip-path: polygon(0 0, 100% 0%, 100% 93%, 0% 100%);
    }
    .bann-text h1{
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 5px;
    }
    .bann-text h3{
        font-weight: 500;
        color: #ffffff;
        font-size: 25px; 
    }
    .bann-text p{
        color: white;
        font-size: 15px;
    }
    .bann-btn a{
        padding: 5px 15px;
        border: 2px solid white;
        color: white;
        margin-left: 20px;
       text-transform: capitalize;
       margin-top: 25px;
    }
    #banner .previous{
      opacity: 0;
    }
    #banner .next{
        opacity: 0;
    }
    .about-left::after,
    .about-right::after,
    .about-top::after,
    .about-bottom::after{
       display: none;
    }
    .about-left::before,
    .about-right::before,
    .about-top::before,
    .about-bottom::before{
        display: none;
    }
    .about-top{
        margin-bottom: 10px;
        margin-top: 50px;
    }
    .about-middle{
        margin: 20px 0;
    }
    .about-bottom{
        margin-top: 10px;
    }
    #protfolio{
        margin: 20px 0;
        padding: 30px 0;
        clip-path: polygon(0 1.5%, 100% 0, 100% 99%, 0% 100%);
    }
    .port-item{
        margin-top: 25px;
    }
    #Services::after{
        background: none;
    }
    .ser-content-1,
    .ser-content-2{
        text-align: center;
    }
    .ser-text::after,
    .ser-left::after{
        display: none;
    }
    .ser-round{
       margin: 30px auto;
    }
    #Services .ser-next,
    #Services .ser-previous{
        display: none;
    }
    #testimonial{
        clip-path: polygon(0 3%, 100% 0%, 100% 98%, 0% 100%);
    }
    #testimonial::after{
        background: none;
    }
    #testimonial .test-previous{
        display: none;
    }
    #testimonial .test-next{
        display: none;
    }
    .test-text::after{
        display: none;
    }
    .test-text{
        text-align: center;
    }
    .price-res{
        display: none;
    }
    .count-padding{
        margin: 5px 0;
    }
    #counter-part{
        clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);
    }
    .counter-number{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
     }
     .market-slider{
        transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
     }
     #market-place .slick-center .market-item{
        border: 3px solid  black;
    }
    .team-res{
        margin: 5px 0;
    }
 }


@media (min-width: 768px) and (max-width: 991.98px) {  }


@media (min-width: 992px) and (max-width: 1199.98px) { }


@media (min-width: 1200px) and (max-width: 1399.98px) { }