@media (min-width:768px) and (max-width:1023px){
    
    .site-nav .navbar-nav
    {
        align-items: unset;
        margin-bottom: 20px;
    }
    .site-nav .nav-item
    {
        padding: 0;   
    }
    .site-nav .nav-link
    {
        padding:20px !important;
        display: inline-block;
    }
    .testimoinal-slider-wrap .slick-arrow
    {
        display: none !important;
    }
    .step-section figure
    {
        margin-bottom: 20px;
    }
    .how-work-row .col-md-6
    {
        margin-bottom: 24px;
    }
    .why-choose-slide-nav
    {
        margin-top: 24px;
    }
    .site-nav {
        background: #fff;
        border-radius: 20px;
        padding: 5px 15px;
    }
    .banner {
        display: flex;
        flex-wrap: wrap;
        padding: 10rem 0;
    }
    .banner-slider .slick-dots 
    {
        text-align: center;
    }

    .banner .banner-slider {
        order: 2;
    }

    .banner .banner-img {
        position: unset;
        transform: unset;
        padding: 0 1rem;
        margin: 0 auto;
    }

    .banner-slider .slide-content {
        text-align: center;
        margin-top: 1rem;
    }
}

@media(max-width:767px){
    
   
    body
    {
        font-size: 14px;
    }
   
    .site-nav
    {
        padding: 5px 0;
    }
    .site-nav .container-fluid
    {
        padding: 0;
    }
    .site-nav .navbar-brand
    {
        padding: 0 0 0 15px;
    }
    .navbar-toggler i
    {
        color: #fff;
        font-size: 34px;
    }
    .site-nav.scrolled .navbar-toggler i
    {
        color: #000;
    }
    .site-nav .navbar-brand img
    {
        width:200px
    }
    .navbar-toggler
    {
        padding: 0;
        border: none;
        margin-right: 10px;
    }
    .site-nav .navbar-nav {
        text-align: left;
        align-items: unset;
        overflow: auto;
        background: #fff;
        margin-top: 12px;
        padding: 0 15px;
    }
    
    .site-nav .nav-link
    {
        padding: 10px 0px !important;
        display: inline-block;
        color: #000;
        font-size: 14px;
    }
    .site-nav .navbar-nav .nav-item
    {
        padding: 0;
        margin-bottom: 10px;
    }
    
    .site-nav .nav-link.btn-contact
    {
        padding: 10px 25px !important;
    }
    .slide-content
    {
        text-align: center !important;
    }
    .slide-wrap .slide-content h1,
    .label_skitter h1
    {
        font-size: 32px;   
    }
    .slide-wrap .slide-content p,
    .label_skitter p
    {
        font-size: 14px;  
        width: 100%; 
    }
    .slide-wrap
    {
        height: 400px;
    }
    .slide-wrap .slide-content {
        color: #fff;
        text-align: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0px;
        width: 100%;
        padding:0 1rem
    }
    .banner-slider .slick-arrow {
        top: unset;
        bottom: 20px;
        transform: unset;
        font-size: 22px;
        width: 40px;
        height: 40px;
        line-height: 45px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .banner-slider .slick-prev {
        right: 48px !important;
    }
    .banner-slider .slick-next {
        left: 48px !important;
    }
    .static-padding
    {
        padding: 40px 0;
    }
    .section-content h2
    {
        font-size: 32px;
    }
    #welcome img,
    #about img,
    #mission img
    {
        margin-bottom: 20px;
    }
    .product-box h3
    {
        font-size: 24px;
    }
    .product-box
    {
        padding: 1.2rem;
        height: auto;
    }
    .tt-stars
    {
        margin-top: 20px;
    }
    .section-content p
    {
        font-size: 14px;   
    }
    .contact-info ul li h4 {
        font-size: 18px;
        margin-left: 10px;
    }
    .contact-info
    {
        padding: 1.2rem;
    }
    .contact-info ul li i {
        width: 40px;
        height: 40px;
        font-size: 24px;
        line-height: 40px;
    }
    .contact-form-wrap{
        margin-top: 20px;
    }
    .contact-form-wrap .btn-primary {
        padding: 15px 35px !important;
        font-size: 14px;
    }
    footer
    {
        text-align: center;
        padding: 10px;
    }
    footer p
    {
        margin-top: 10px;
    }
    .top-bar {
        display: none !important;
    }
    .skitter .container_skitter .image_main
    {
        height: 400px !important;
        object-fit: cover;
    }
    .skitter .container_skitter,
    .skitter,
    .skitter .box_clone img
    {
        height: 400px !important;
    }
    
    .skitter.with-dots
    {
        margin: 0;
    }
    .skitter .prev_button,
    .skitter .next_button
    {
        top: unset;
        bottom: 20px;
        margin: auto;
        transform: unset;
    }
    .skitter .prev_button {
        left: 0;
        right: 45px;   
        transform: rotate(-180deg);
    }
    .skitter .next_button
    {
        left: 45px;
        right: 0;
    }
    .footer-contact
    {
        display: flex;
        flex-wrap: wrap;
    }
    .footer-menu,
    .contact-information
    {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .footer-social-links
    {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
    .footer-social-links ul
    {
        justify-content: center;
    }
    .contact-form-wrap h2
    {
        text-align: center;
    }
    .footer-menu h4
    {
        margin-bottom: 0;
    }
    .footer-menu ul li a
    {
        padding: 10px 0 0;
    }
}