/* Responsive CSS */
/* Mobile First Approach */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    /* Add your responsive styles here */

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /* Add your responsive styles here */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /* Add your responsive styles here */
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /* Add your responsive styles here */
}

/* Extra extra large devices (1400px and up) */
@media (min-width: 1400px) {
    /* Add your responsive styles here */
}

@media (max-width: 600px) {
    /* Add your responsive styles here */
        .ban-main-content h1 {
    font-size: 50px;
}
.main-title {
    font-size: 31px;
}

.wc-nav{
    position: static !important;
    margin-top: 30px;
    justify-content: center !important;
    margin-bottom: 30px !important;
}

.cus-prev-btn img, .cus-next-btn img {
    max-height: 27px;
    margin-bottom: 30px;
    margin-inline: 10px;
}

.wc-bg{
    min-height: 992px;
    object-fit: cover;
    object-position: left;
}

.wc-main-content {

    padding: 35px;

}

.swiper-slide.swiper-slide-next, .swiper-slide.swiper-slide-prev
 {
    transform: scale(1);
}
.cus-prev-btn img, .cus-next-btn img
 {
    max-height: 27px;
    margin-bottom: 30px;
    margin-inline: 10px;
}

.mobo-rev{
    flex-direction: column-reverse;
}
.coach-nav{
    margin-bottom: 40px;
}

.coach-nav  .cus-prev-btn img, .cus-next-btn img{
    margin: 0 !important;
}

.circ-main{
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.circbg-1{
    display: none;
}

.circ-sec{
    position: inherit !important;
}

.blg-flex a{
    width: 100%;
}

.cus-prev-btn img, .cus-next-btn img{
    margin: 0 !important;
}

.cc-bg1 img, .cc-bg img {
    max-height: 122px !important;
}

header:after{
    display: none;
}

.logo-area{
    margin-left: 20px;
}

.logo-area img{
    margin: 0 !important;
}
}