/*  Website Name: Fitality
 *  Author: A......
 *  Description: Responsive CSS File
 *  Version: CSS3
 */
@media only screen and (max-width: 1400px) {
	.container{max-width:1200px;}
}
@media only screen and (max-width: 1366px) {
    .offers_sec .card {
        max-width: 300px;
    }
    /* .offers_sec .card .img_wrapper { */
        /* height: 243px; */
    /* } */
    .offers_sec .card .text_wrapper>p {
        max-height: 146px;
    }
    
}
@media only screen and (max-width: 1090px) {
.events_sec .events_wrapper {
    justify-content: center;
}
}

@media only screen and (max-width: 992px) {
.try_out_wrapper {
    z-index: 10;
    bottom: auto;
    position: relative;
    transform: translateY(-50px);
}
    #header {
        background-color: #211F20;
    }
    .navbar-collapse {
        padding-top: 18px;
    }
    .navbar-nav>.nav-item {
        margin: 0 0 12px 0;
    }
    .navbar-nav>.nav-item>.nav-link {
        display: inline-block;
        position: relative;
    }
    .banner_sec .try_out, .free_trial .try_out {
    padding: 30px;
    border-radius: 50px 0;
}
.banner_sec .try_out > div {
    width: 100%;
}
.banner_sec .try_out > div .fw-normal{ margin-bottom:25px;}
.banner_sec .try_out > div br {
    /*display: none;*/
}
    .try_out_wrapper .try_out .custom_btn,
    .free_trial .try_out .custom_btn {
        margin-top: 5px;
    }
    .offers_sec .cards_wrapper {
        justify-content: center;
    }
    .events_sec .event:last-child a {
        height: 48px;
    }
    .banner_sec .try_out>div {
        max-width: 100%;
    }
	ul.foot_address {
    margin: 50px auto 0px auto;
}
.footer_sec .copyright .text_wrapper{ justify-content:center; gap:30px}

}

@media only screen and (max-width: 768px) {
    .events_sec .events_wrapper {
        justify-content: center;
    }
}

@media only screen and (max-width: 668px) {
	.banner_sec > .slide {
    width: 100%;
    max-height: calc(100vh - 90px); height:auto;
    min-height: 400px;
}
    .navbar-brand img {
        max-width: 36px;
    }
    .offers_sec .card {
        margin-right: auto;
        max-width: 450px;
    }
    
    .events_sec .event>.text_wrapper {
        margin-left: 18px;
    }
    .btn_bordered,
    .btn_filled:hover,
    .events_sec .event:last-child a {
        margin-top: 12px;
    }
    .testimonial .img_wrapper {
        display: none;
    }
    .testimonial .text_wrapper {
        padding: 60px 30px 30px 30px;
    }
    .testimonial .text_wrapper::before {
        left: 30px;
    }
    .footer_sec .text_wrapper ul {
        margin-top: 18px;
    }
    .inner_banner {
        height: 280px;
    }
    .contact_detail .detail_wrapper>div {
        max-width: 100%;
        margin-top: 48px;
    }
    .contact_detail iframe {
        height: 300px;
    }
}

@media only screen and (max-width: 475px) {
    .events_sec .event {
        margin: 0 0 40px 0;
    }
    .events_sec .event>.text_wrapper {
        margin-left: 0;
        margin-top: 18px;
        width: 100%;
    }
    .events_sec .event:last-child a,
    .events_sec .event {
        width: 100%;
    }
    .bar_sec .bar_box {
        padding: 48px 48px 48px;
    }
    .testimonials .owl-carousel.owl-drag .owl-item {
        opacity: 1;
    }
    .testimonials {
        padding: 80px 10px;
    }
    .testimonial .text_wrapper {
        max-width: 320px;
    }
}

@media only screen and (max-width: 375px) {
    .offers_sec .card {
        max-width: 300px;
    }
    .offers_sec .card .logo_wrapper {
        bottom: 10px;
    }
}