/* Extra small (xs) <576px — Extra small devices (phones) */
@media (max-width: 575.98px) {
/* .cs_blue_bg{
    background-color: white !important;
} */
  .cs_iconbox.cs_style_1 .cs_iconbox_subtitle {
        max-width: unset !important;
    }


}
/*  Small (sm) ≥576px */
@media (min-width: 576px) {
/* .cs_blue_bg{
    background-color: black !important;
} */
.cs_hero_slider_nav{
    display: none !important;
}
    .cs_iconbox.cs_style_1 .cs_iconbox_subtitle {
        max-width: unset !important;
    }
    .brd-tp-hsp1{
    border-bottom: 1px solid var(--border-color) !important;
    }
     /* .brd-tp-hsp2{
        border-bottom: 0 !important;
    } */
}

/* 576px to 767.98px */
@media (min-width: 576px) and (max-width: 767.98px) {


}
/* Medium (md) ≥768px */
@media (min-width: 768px) {
/* .cs_blue_bg{
    background-color: green !important;
} */
.cs_hero_slider_nav{
    display: block !important;
}

}

/* 768px to 991.98px */
@media (min-width: 768px) and (max-width: 991.98px) {
/* .cs_blue_bg{
    background-color: brown !important;
} */
.cs_header_contact_list li:nth-child(2) {
display: none !important;
}
.cs_hero_slider_nav{
    display: block !important;
}
.cs_hero_slider_nav {

  bottom: 61px;
}
}
/* Large (lg)≥992px */
@media (min-width: 992px) {
/* .cs_blue_bg{
    background-color: pink!important;
} */
.cs_hero_slider_nav{
    display: block !important;
}

}

/* 992px to 1199.98px */
@media (min-width: 992px) and (max-width: 1199.98px) {
/* .cs_blue_bg{
    background-color: orange !important;
} */
.cs_hero_slider_nav {

  bottom: 52px;
}
.cs_header_contact_list {
gap: 0 13px !important;
}
.cs_social_btns.cs_style_1 a{
        height: 22px !important;
    width: 22px !important;

}
.cs_social_btns.cs_style_1{
        gap: 5px !important;
    font-size: 14px !important;
}
.cs_hero_slider_nav{
    display: block !important;
}

}

/*  Extra large (xl)≥1200px */
@media (min-width: 1200px) {
/* .cs_blue_bg{
    background-color: purple!important;
} */
.cs_hero_slider_nav{
    display: block !important;
}

}

/* 1200px to 1399.98px */
@media (min-width: 1200px) and (max-width: 1399.98px) {
/* .cs_blue_bg{
    background-color: red !important;
} */
.cs_hero_slider_nav{
    display: block !important;
}



}
/*  Extra extra large (xxl) ≥1400px */
@media (min-width: 1400px) {
/* .cs_hero_slider_nav{
    display: block !important;
} */

}