/*===========================================================================
     MEDIA QUARY START (MAX WIDTH 1440PX) START
 ============================================================================*/

@media (max-width: 1440px) {

    .container_fluid {
    max-width: 1600px!important;
   }

}

  


/*===========================================================================
     MEDIA QUARY START (MAX WIDTH 1440PX) END
 ============================================================================*/



/*===========================================================================
     MEDIA QUARY START (MAX WIDTH 1030PX) START
 ============================================================================*/



/*===========================================================================
     MEDIA QUARY START (MAX WIDTH 1030PX) START
 ============================================================================*/


/*===========================================================================
     MEDIA QUARY START (MAX WIDTH 1030PX) START
 ============================================================================*/

@media (max-width: 1030px) {
	
	.mobile-menu-toggle{ display: block;}

   /* .mobile-menu-toggle {
        display: block;
    }
*/
    .main-nav {
        display: none;
    }

    .banner-slider .slick-dots {
    bottom: 100px;
    left: 20px;
   }

}

/*===========================================================================
     MEDIA QUARY START (MAX WIDTH 1030PX) END
 ============================================================================*/


 /*===========================================================================
     MEDIA QUARY START (MAX WIDTH 992PX) START
 ============================================================================*/

@media (max-width: 992px) {
    
    .cta-button {
        display: none;
    }

    .header-container {
        padding: 1rem;
    }

    .body-text h2 {
        margin-top: 30px;
    }

    .ab-img02 {
    max-height: 250px;
    object-fit: cover;
}

}

/*===========================================================================
     MEDIA QUARY START (MAX WIDTH 992PX) END
 ============================================================================*/

 /*===========================================================================
     MEDIA QUARY START (MAX WIDTH 768PX) START
 ============================================================================*/

@media (max-width: 768px) {
    .mega-menu-content {
        min-width: 100%;
    }

    .mega-menu-grid {
        grid-template-columns: 1fr;
    }

    .banner-content .main-heading {
    font-size: 60px;
}

.banner-content .sub-headings {
    font-size: 26px;
}

.banner-content .sub-heading {
    font-size: 20px;

}

.banner-slider .slick-dots {
    bottom: 100px;
    left: 20px;
}

.image-delivery img {
    margin-top: 20px;
}

.blog-items {
    height: auto;
    margin-bottom: 30px;
    
}

} 

 /*===========================================================================
     MEDIA QUARY START (MAX WIDTH 768PX) END
 ============================================================================*/


/*===========================================================================
     MEDIA QUARY START (MAX WIDTH 767PX) END
 ============================================================================*/

@media (max-width: 767px) {
	
	.how-work-inner::before,.how-work-inner::after{ display: none;}
     
     .ab-img02 {
        max-height: 100%;
     }

     .ab-img1 {
        margin-top: 30px;
     }

    .image-delivery img {
    width: 100%;
    margin-top: 30px;
}


}

/*===========================================================================
     MEDIA QUARY START (MAX WIDTH 767PX) END
 ============================================================================*/

/*===========================================================================
     MEDIA QUARY START (MAX WIDTH 576PX) END
 ============================================================================*/

@media (max-width: 576px) {
	
	.gallery .image_b img{ height: 250px;}
    .body-text h3 {
    font-size: 20px;
    
}

.body-text p {
    font-size: 16px;
     margin-top: 0px; 
}

.produtct-inner .produtct-img .c-img {
    width: 190px !important;
}

.produtct-inner .produtct-img img {
    width: 190px !important;
}

.shape-icon .shape1,
.shape-icon .shape4 {
    left: 10px;

}

.dotted-shape img {
    width: 200px;
}

.position-choose {
    left: 0;
}

.padding-left-60 {
    padding-left: 20px;
}

.choose-icon {
    left: 20px;
}

.choose-text {
    padding: 0px 24px 0px 100px;
    left: 10px;
}

.why-choose {
    background-position: right!important;
}

.icon-lines::after {
    position: absolute;
    content: '';
    width: 3px;
    height: 200px;
    background: var(--primary-color);
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 25px;
    z-index: -2;
}

.choose-text {
    
     backdrop-filter: blur(0px); 
}

.delivery-items-text h2,
.common-heading h3 {
    font-size: 40px;
}

.delivery-items-text p {
    margin-top: 20px;
}

.catagories-sec .slick-slider {
    overflow: visible !important;
    margin-top: 30px;
}

.common-heading p {
    padding-top: 35px;
}

.blog-pages-items {
    display: grid;
}



}


/*===========================================================================
     MEDIA QUARY START (MAX WIDTH 576PX) END
 ============================================================================*/





 /*===========================================================================
     MEDIA QUARY START (MAX WIDTH 425PX) START
 ============================================================================*/

@media (max-width: 425px) {
	
	.gallery .image_b img{ height: 180px;}
	
	
    .banner-content .main-heading {
        font-size: 55px;
    }

    .banner-content .sub-headings {
        font-size: 24px;
    }

    .banner-content .sub-heading {
        font-size: 22px;
    }

    .b-inner-image {
        top: 0px;
        left: 20px;
    }

    .descriptions {
        bottom: 0px;
    }

   .banner-slider .slick-slide img {
        width: 360px;
    }

 .banner-slider  .slick-dots {
        justify-content: start;
        margin-top: 20px;
        bottom: 70px;
        left: 0;
        position: relative;
    }
 
    .body-text {
        margin-top: 30px;
    }
    
    .body-text p {
        margin-top: 0;
    }

    .common-heading h2 {
        padding: 0px 20px;
    }

    .order-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.order-content span {
    font-size: 26px;
}

.order-content {
    position: relative;
    left: -80px;
}

.mobile-sidebar {
    width: 100%;
}

} 

 /*===========================================================================
     MEDIA QUARY START (MAX WIDTH 425PX) END
 ============================================================================*/