@media(max-width: 1400px){
    .banner .banner_content_slider .banner_content h2 {
        font-size: 28px;
    }
    .banner .banner_content_slider .banner_content p {
        font-size: 14px;
    }
    .app_links img {
        height: 42px;
    }
}
@media(max-width: 1199px){
    header .menu_btn{
        display: grid;
    }
    .banner .banner_content_slider .banner_content p {
        font-size: 12px;
    }
    .banner .banner_content_slider .banner_content h2 {
        font-size: 22px;
    }
    .app_links img {
        height: 35px;
    }
    .order_btn{
        font-size: 14px;
    }
    .banner .banner_content_slider {
        width: 55%;
    }
    .banner .banner_img_slider {
        width: 45%;
    }
    .banner .banner_bg{
        transform: translateX(-45%);
    }
    header .right_side nav{
        display: none !important;
    }
    .service_icon img{
        width: 45px;
    }
    .service_icon h3 {
        font-size: 12px;
    }
    header .cart_btn{
        display: none;
    }
    header .right_side{
        gap: 20px;
    }
    .footer_icon{
        display: block;
    }
}

@media(max-width: 991px){
    .banner .banner_content_slider {
        width: 100%;
    }
    .banner .banner_bg {
        transform: translateX(0);
        top: 68%;
    }
    .banner .banner_img_slider {
        width: 65%;
    }
    .banner_sec .bubble_img_1{
        left: 8%;
    }
    .banner .banner_content_slider .banner_content h2 {
        font-size: 32px;
    }
    .banner .banner_content_slider .banner_content p {
        font-size: 14px;
    }
    .about_sec .about_video_sec{
        width: 75%;
    }
    .about_sec .about_content {
        width: 100%;
        padding: 2%;
    }
    .about_sec_bg .bubble_img_5 {
        bottom: 32%;
        left: 70%;
    }
    .main_heading h1 {
        font-size: 51px;
    }
    .main_heading h2 {
        font-size: 32px;
    }
    .main_heading_bg .bubble_img{
        width: 180px;
    }
    .main_heading_bg .bubble_img_1{
        width: 180px;
    }
    .main_heading_bg .bubble_img_2, .perfect_clean_bg .bubble_img_1 ,.perfect_clean_bg .bubble_img{
        width: 180px;
    }
    .faq_accordion .accordion-button{
        font-size: 20px;
    }
    .faq_accordion .accordion-button span.num {
        font-size: 32px;
    }
    .faq_accordion .accordion-button i {
        font-size: 16px;
        width: 30px;
        height: 30px;
    }
    .filter_btn{
        justify-content: center;
    }
}

@media(max-width: 768px){
    .banner .banner_img_slider {
        width: 80%;
    }
    .banner .banner_content_slider .banner_content h2 {
        font-size: 28px;
    }
    .banner .banner_content_slider .banner_content p {
        font-size: 14px;
    }
    .addresses_flex{
        flex-direction: column;
        gap: 10px;
    }
    .cart_table {
        display: block;
    }
    .cart_table .cart_head{
        display: none;
    }
    .cart_table_row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 20px;
        justify-content: space-between;
        padding: 20px 0;
    }
    .cart_card .remove_btn {
        width: 100%;
        text-align: end;
    }
    .cart_card .cart_table_cell{
        padding: 0;
    }
    .cart_card .cart_content {
        width: calc(100% - 110px) ;
    }
    .cart_card .cart_content .cart_content_flex{
        flex-wrap: wrap;
        gap: 5px 20px;
    }
    .cart_table_row::before{
        width: 100%;
    }
    .cart_card .cart_t_amt_head{
        display: block  ;
    }
    .faq_accordion .accordion-body{
        padding: 0 30px 35px 30px;
    }
}

@media(max-width: 600px){
    .about_sec .about_video_sec{
        width: 85%;
    }
    .banner .banner_content_slider .banner_content p {
        font-size: 14px;
    }
    .banner .banner_content_slider .banner_content h2 {
        font-size: 22px;
    }
    .banner .banner_slider_arrow {
        display: flex;
        justify-content: center;
        width: 100%;
        gap: 20px;
    }
    .banner .banner_slider_arrow .slick-arrow{
        position: relative;
        transform: translateY(0);
    }
    .banner .banner_slider_arrow .slick-arrow.slick-prev {
      left: 0%;
    }
    .banner .banner_slider_arrow .slick-arrow.slick-next {
        right: 0;
    }
    .banner_sec .bubble_img {
        bottom: 20%;
        right: 0%;
        width: 230px;
    }
    .banner_sec .bubble_img_1 {
        left: 0%;
        top: -2%;
    }
    .banner .banner_content_slider{
        padding: 2%;
    }
    .banner .banner_content_slider .banner_content{
        padding: 0;
        padding-top: 20px;
    }
    .cart_btn{
        font-size: 14px;
    }
    header .logo img {
        width: 100px;
    }
    .login_btn{
        font-size: 14px;
    }
    header .right_side{
        gap:10px;
    }
    .heading h2{
        font-size: 26px;
    }
    .testimonials_card .content p{
        font-size: 16px;
    }
    .testimonials_slider .slick-arrow{
        top: 30%;
    }
    .main_heading h1 {
        font-size: 36px;
    }
    .main_heading h2 {
        font-size: 26px;
    }
    .main_heading_bg .bubble_img_2{
        bottom: 0;
    }
    .check_box_new{
        font-size: 16px;
    }
    .footer_icon ul li a{
        font-size: 12px;
    }
    .faq_accordion .accordion-button span.num {
        font-size: 20px;
    }
    .faq_accordion .accordion-button {
        font-size: 16px;
        padding-left: 10px;
        padding-right: 10px;
        gap: 10px;
    }
    .faq_accordion .accordion-body p{
        font-size: 14px;
    }
    .faq_accordion .accordion-button i {
        font-size: 12px;
        width: 25px;
        height: 25px;
    }
}

@media(max-width: 450px){
    .login_btn {
        font-size: 12px;
    }
    header .menu_btn {
        width: 35px;
        height: 35px;
        font-size: 20px;
    }
    header{
        padding: 5px 1%;
    }
    header .logo img {
        width: 85px;
    }
    .about_sec .about_video_sec {
        width: 98%;
      }
}