@media (max-width: 767px) {

    .hero_dcl_mechanics,
    .hero_dcl_parking,
    .hero_dcl_rent,
    .hero_dcl_general{
        background-image: none;
        display: none;
    }

    #header_dcl .col-sm-12{

        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    #dcl_mechanics .box_top,
    #dcl_washing_parking .box_top,
    #dcl_rent .box_top,
    #dcl_general .box_top{

        margin-top: 0!important;
    }

    #pricing_dcl .carousel-indicators.packets {
        top: 102% !important;
        bottom: 0;
    }

    .p_dcl ,.p_dcl_washing ,.p_dcl_rent,.p_dcl_general {
        width: 100%;
        height: 100%;
        min-height: 320px;
    }

    #header_dcl .subtext_header_new {
        font-size: 24px !important;
    }

    #pricing_dcl .box_oxygen_product .btn{
        display: block!important;
        font-size: 16px!important;
    }
}

@media (min-width: 576px) and (max-width: 680px) {

    #dcl_hero .img_600 {
        margin-top: -400px;
    }

}

@media (max-width: 680px) {

    #header_dcl{
        width: 100% !important;
        position: absolute;
        top: 10%;
        max-width: 100% !important;
        padding:0 40px;

    }

    #dcl_mechanics .box_top ,
    #dcl_washing_parking .box_top,
    #dcl_rent .box_top,
    #dcl_general .box_top{

        margin-top: 0!important;
    }
}

@media (min-width: 371px) and (max-width: 575px) {
    #pricing_dcl .card-body.benefits {
        padding:40px!important;
    }

    .p_dcl ,.p_dcl_washing ,.p_dcl_rent,.p_dcl_general {
        min-height: 204px;
    }
}

@media (max-width: 1200px) {

    #pricing_dcl .box_oxygen_product .btn {
        padding:12px!important;
    }

}