/**
* Template Name: Workout Landing Page
*/

/*============================================

1. Extra  Large devices (less than 1600px)
2. Large devices (less than 1200px)
3. Large tablets (less than  992px)
4. Medium devices (less than  768px)
5. Small devices (less than  576px)
6. Extra Small devices (less than  480px)

============================================*/

@media (min-width: 1600.98px) {
    .our-team-slider button.slick-prev.slick-arrow {
        left: -145px;
    }

    .our-team-slider button.slick-next.slick-arrow {
        right: -145px;
    }

    .our-team-slider {
        padding: 0 0px;
    }

    .client-testimonial-slider {
        padding: 0 0px;
    }

    .client-testimonial-slider button.slick-next.slick-arrow {
        right: -145px;
    }

    .client-testimonial-slider button.slick-prev.slick-arrow {
        left: -145px;
    }

}

@media (max-width: 1399.98px) {
    .pricing .pricing-item {
        padding: 50px 30px;
    }
}

/* Large devices (less than 1200px) */
@media (max-width: 1199.98px) {

    /*Global*/
    h1,
    .h1 {
        font-size: 45px;
        line-height: 1.6em;
    }

    h2,
    .h2 {
        font-size: 40px;
        line-height: 1.6em;
    }

    h3,
    .h3 {
        font-size: 32px;
        line-height: 1.6em;
    }

    h4,
    .h4 {
        font-size: 24px;
        line-height: 1.6em;
    }

    h5,
    .h5 {
        font-size: 22px;
        line-height: 1.6em;
    }

    h6,
    .h6 {
        font-size: 20px;
        line-height: 1.6em;
    }

    p {
        margin-bottom: 15px;
    }

    /*End Global*/

    /*=========Start Header========*/
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0 5px;
    }

    /*=========End Header========*/

    /*=========start banner section ========*/
    .hero .hero-bg {
        height: 740px;
    }

    .hero .hero-bg h6 {
        letter-spacing: 10px;
    }

    .hero .hero-bg h1 {
        font-size: 60px;
    }

    .banner-slider button.slick-prev.slick-arrow {
        top: 74%;
        left: 11%;
        width: 150px;
        height: 73px;
        background-size: 100% auto;
    }

    .banner-slider button.slick-next.slick-arrow {
        top: 74%;
        right: 11%;
        width: 150px;
        height: 73px;
        background-size: 100% auto;
    }

    /*=========End banner section ========*/
    /*=========start count section========*/
    .count .count-bg {
        padding: 15px 50px;
        margin-top: -73px;
    }

    /*=========End count section========*/
    /*=========start About us section ========*/
    .aboutus h3 {
        font-size: 31px;
    }

    /*=========End of About us section ========*/


    /*=========start count section ========*/
    .count .count-bg .stats-item p {
        font-size: 18px;
    }

    /*=========End of  count section ========*/

    /*=========start Our Services section ========*/
    .accordion-left-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .accordion-right-content {
        background: rgba(255, 255, 255, 0.9);
        position: relative;
        z-index: 3;
    }
    .accordion-right-content p, .horizontal-accordion .accordion-body h4{
        color: #000;
    }
    .horizontal-accordion .accordion-button {
        padding: 20px 1vw;
        font-size: 22px;
    }

    /*=========End of  Our Services section ========*/


    /*=========start our team section ========*/
    .our-team-slider {
        padding: 0 64px;
    }

    .our-team-slider button.slick-prev.slick-arrow {
        top: 40%;
        left: 0;
        width: 60px;
        height: 60px;
    }

    .our-team-slider button.slick-next.slick-arrow {
        top: 40%;
        right: 0;
        width: 60px;
        height: 60px;
    }

    /*=========End our team section ========*/

    /*=========start Our Client Say section ========*/
    .client-testimonial-slider {
        padding: 0 64px;
    }

    .client-testimonial-slider button.slick-prev.slick-arrow {
        top: 40%;
        left: 0;
        width: 60px;
        height: 60px;
    }

    .client-testimonial-slider button.slick-next.slick-arrow {
        top: 40%;
        right: 0;
        width: 60px;
        height: 60px;
    }

    /*=========End Our Client Say section========*/

    /*=========start Our pricing section ========*/
    .pricing .pricing-item {
        padding: 30px 15px;
    }

    .pricing .pricing-item ul li span {
        font-size: 16px;
        font-weight: 400;
    }

    .pricing .pricing-item ul {
        margin-bottom: 35px;
    }

    /*=========End Our pricing section ========*/

    /*=========start our training section ========*/
    .btn-training {
        padding: 14px 36px;
        margin-top: 10px;
    }

    /*=========start our training section ========*/

    /*=========start Footer========*/
    footer .social-links {
        margin-bottom: 11px;
        justify-content: flex-end;
    }

    /*=========End Footer ========*/
}



@media (max-width: 991.98px) {

    /*Global*/
    h1,
    .h1 {
        font-size: 40px;
        line-height: 1.5em;
    }

    h2,
    .h2 {
        font-size: 35px;
        line-height: 1.5em;
    }

    h3,
    .h3 {
        font-size: 33px;
        line-height: 1.5em;
    }

    h4,
    .h4 {
        font-size: 24px;
        line-height: 1.6em;
    }

    h5,
    .h5 {
        font-size: 22px;
        line-height: 1.5em;
    }

    h6,
    .h6 {
        font-size: 20px;
        line-height: 1.5em;
    }

    p {
        margin-bottom: 15px;
    }
    .section-title{
        margin-bottom: 25px;
    }

    /*End Global*/

    /*=========Start Header menu ============*/

    .navbar-brand img {
        max-width: 210px;
    }

    .header .navbar-nav {
        padding-top: 20px;
    }

    .header .navbar-expand-lg .navbar-nav .nav-link {
        padding: 5px 0px;
    }

    .header .navbar-toggler {
        margin-left: auto;
    }

    .header .navbar-toggler:focus {
        box-shadow: none;
    }

    .lets-talk-btn {
        height: 40px;
        padding: 20px 20px;
    }

    /*=========End Header menu ============*/

    /*=========Start Banner section ============*/
    section#hero {
        padding-top: 0px;
    }

    .hero .hero-bg h6 {
        letter-spacing: 10px;
    }

    .hero .hero-bg p {
        width: 665PX;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .banner-slider button.slick-prev.slick-arrow {
        top: 75%;
        left: 14%;
    }

    .banner-slider button.slick-next.slick-arrow {
        top: 75%;
        right: 14%;
    }
    .hero .hero-bg{
        height: auto;
        padding: 100px 0 160px;
        min-height: 550px;
    }
    /*=========End Banner section ============*/

    /*=========start Count section ============*/
    .count .count-bg {
        padding: 10px 10px;
        margin-top: -62px;
    }

    .count .count-bg p {
        font-size: 19px;
    }

    .count .count-bg h2.counter::after {
        font-size: 37PX;
    }

    .count .count-bg .stats-item span {
        font-size: 37px;
    }

    .count .count-bg .stats-item span::after {
        font-size: 37px;
    }

    .count .count-bg .stats-item1 span {
        font-size: 37px;
    }

    .count .count-bg .stats-item1 span::after {
        font-size: 37px;
    }

    .count .count-bg .stats-item p {
        font-size: 15px;
    }

    .count .count-bg .stats-item1 p {
        font-size: 15px;
    }

    /*=========End Count section ============*/

    /*=========start About us section ============*/
    .aboutus {
        margin: 60px 0px;
    }

    .aboutus p {
        padding: 0px 0px 30px;
        max-width: 100%;
    }

    .aboutus .about-list ul li {
        line-height: 28px;
        text-align: start;
    }

    .aboutus h3 {
        font-size: 33px;
    }

    .aboutus .about-left-img {
        margin-top: 60px;
    }

    /*=========End About us section ============*/


    /*=========start Our Services section ============*/
    .horizontal-accordion.accordion.width {
        display: block;
    }

    .horizontal-accordion.accordion.width .accordion-item {
        display: block;
    }

    .horizontal-accordion.accordion.width .accordion-item .accordion-header {
        cursor: pointer;
        transform: none;
        writing-mode: inherit;
    }

    .horizontal-accordion .accordion-button {
        padding: 25px;
    }

    .collapsing.width {
        transition: none;
        width: inherit;
    }

    .horizontal-accordion .accordion-button::after {
        display: inline-block;
        filter: grayscale(1) brightness(10);
    }

    .horizontal-accordion.accordion.width .accordion-item .accordion-header .accordion-button:not(.collapsed) {
        pointer-events: inherit;
    }

    /*=========End Our Services section ============*/

    /*=========start Our Team section ============*/
    .team {
        margin: 60px 0px;
    }
    .our-team-slider{
        padding: 0 0;
    }
    .client-testimonial-slider {
        padding: 0 0;
    }
    /*=========End Our Team section ============*/

    /*=========start Our Gallery section ============*/
    .grid-row {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    /*=========End Our Gallery section ============*/

    /*=========start Pricing section ========*/
    .pricing {
        margin-top: 60px;
    }

    .pricing .pricing-item {
        padding: 50px 20px;
    }

    /*=========End Pricing section ========*/

    /*=========start our client say section ========*/
    .client-testimonial {
        margin-top: 60px;
    }

    .client-testimonial .testimonial-item {
        padding: 20px;
    }

    .client-testimonial .testimonial-item h5 {
        margin-top: 30px;
    }

    /*=========End of our client say section ========*/
    /*=========start Our training Schedule ========*/
    .training {
        margin-top: 60px;
        padding: 60px 0px;
    }

    /*=========End of Our training Schedule ========*/

    /*=========start Video section ========*/
    .video-box {
        margin: 60px 0;
    }

    /*=========End of Video section ========*/

    /*=========start of blog post section ========*/
    .blog-posts {
        margin-bottom: 60px;
    }

    .post-border {
        border-right: 1px solid transparent;
    }

    /*=========End of blog post section ========*/

    /*=========start of contact-info section ========*/
    .contact-info {
        padding: 60px 0px;
    }

    /*=========End of contact-info section ========*/

    /*=========start of footer section ========*/
    .footer .footer-links ul li {
        padding: 0px;
        display: block;
        align-items: center;
        margin-bottom: 10px;
        padding-right: 20px;
    }
    .footer-links h6{
        margin-bottom: 14px;
    }

    .footer .footer-about .logo p {
        max-width: 90%;
    }
    footer .social-links {
        margin-top: 20px;
        justify-content: flex-start;
    }
    /*=========End of footer section ========*/
}

/* Medium devices (less than  768px) */
@media (max-width: 767.98px) {

    /*Global*/
    h1,
    .h1 {
        font-size: 30px;
        line-height: 1.5em;
    }

    h2,
    .h2 {
        font-size: 28px;
        line-height: 1.5em;
    }

    h3,
    .h3 {
        font-size: 25px;
        line-height: 1.5em;
    }

    h4,
    .h4 {
        font-size: 19px;
        line-height: 1.5em;
    }

    h5,
    .h5 {
        font-size: 18px;
        line-height: 1.5em;
    }

    h6,
    .h6 {
        font-size: 16px;
        line-height: 1.5em;
    }

    /*End Global*/

    /*=========Start Header menu ============*/
    .navbar-brand img {
        max-width: 160px;
    }

    .header .navbar-nav {
        padding-top: 20px;
    }

    .header .navbar-expand-lg .navbar-nav .nav-link {
        padding: 5px 0px;
    }

    .header .navbar-toggler:focus {
        box-shadow: none;
    }

    .lets-talk-btn {
        padding: 10px;
    }

    /*=========End Header menu ============*/

    /*=========Start Banner section ============*/
    .hero .hero-bg h6 {
        letter-spacing: 5px;
    }

    .hero .hero-bg p {
        width: 100%;
    }

    .hero .hero-bg h1 {
        font-size: 42px;
    }

    .getstart-btn {
        margin: 15px 0px;
    }

    .banner-slider button.slick-prev.slick-arrow {
        top: 77%;
        left: 15%;
    }

    .banner-slider button.slick-next.slick-arrow {
        top: 77%;
        right: 15%;
    }

    /*=========End Banner section ============*/

    /*=========start About us section ============*/
    .aboutus {
        margin: 80px 0px;
    }

    .aboutus .about-list .read-more {
        margin: 20px 0px;
    }

    .aboutus .about-list ul li {
        text-align: start;
    }

    .aboutus h3 {
        font-size: 25px;
    }

    /*=========End About us section ============*/

    /*=========start Count section ============*/
    .count .count-bg {
        padding: 20px;
        margin-top: -40px;
    }

    .count .count-bg {
        margin: 0px;
        margin-top: -70px;
    }
    .count .count-bg .stats-item p{
        max-width: 120px;
        margin: 0 auto;
    }
    .count .count-bg .count-border {
        border-right: none;
    }

    /*=========End Count section ============*/

    /*=========start our team section ============*/
    .team {
        margin: 80px 0px 40px 0px;
    }

    .team .slick-slide img {
        display: inline-block;
        width: 100%;
    }

    .team .team-content .team-info1 h4 {
        padding: 10px 0px 3px 0px;
    }

    .team .team-content .team-info2 h4 {
        padding: 10px 0px 3px 0px;
    }

    .team .team-content .team-info3 h4 {
        padding: 10px 0px 3px 0px;
    }

    .team .team-content .team-info1 {
        margin-bottom: 10px;
        top: 34%;
        bottom: 2%;
        padding: 15px;
    }

    .team .team-content .team-info2 {
        margin-bottom: 10px;
        top: 34%;
        bottom: 2%;
        padding: 15px;
    }

    .team .team-content .team-info3 {
        margin-bottom: 10px;
        top: 34%;
        bottom: 2%;
        padding: 15px;
    }

    /*=========End of our team section ========*/

    
    /*=========start Our Services section ============*/
    .horizontal-accordion .accordion-button {
        padding: 10px 20px;
    }
    .horizontal-accordion .accordion-button{
        font-size:18px
    }
    /*=========End  Our Services section ============*/
    /*=========start Pricing section ============*/
    .pricing {
        margin-top: 80px;
    }

    .pricing .pricing-item {
        padding: 25px 20px;
    }

    /*=========End Pricing section ============*/

    /*=========start our client say section ============*/
    .client-testimonial {
        margin-top: 80px;
    }

    .client-testimonial .testimonial-item {
        padding: 0px;
        margin: 0px;
    }

    .client-testimonial .testimonial-item .testimonial-img {
        width: 100%;
    }

    /*=========End our  our client say section ============*/

    /*======== Start of Our training Schedule section ==========*/
    .training {
        margin-top: 50px;
        padding: 40px 0px;
    }

    .training .bg-light {
        padding: 18px !important;
    }

    .training .bg-light-time {
        padding: 18px !important;
    }

    /*======== End of Our training Schedule section ==========*/

    /*==========================
  # start of video section
============================*/
    .video-box {
        margin: 30px 0px 80px 0px;
    }

    .video {
        height: 50px;
        width: 50px;
        line-height: 50px;
        font-size: 15px;
    }

    .waves {
        position: absolute;
        width: 110px;
        height: 110px;
        right: -29px;
        bottom: -29px;
    }

    /*==========================
    # End of video section
  ============================*/

    /*=============================
    # start of our blog section
  ==============================*/
    .blog-posts article .post-title a {
        line-height: 35px;
        font-size: 25px;
    }

    .blog-posts article .post-meta .post-date {
        padding-right: 0px;
    }

    .blog-posts article .post-title {
        line-height: 35px;
    }

    .recent-posts-widget .post-item .post-meta .post-date {
        padding-right: 15px;
    }

    .recent-posts-widget .post-title {
        font-size: 20px;
        line-height: 25px;
        text-align: start;
        padding-top: 10px;
    }

    .recent-posts-widget .post-item1 .post-meta .post-date {
        padding-right: 15px;
    }

    /*=============================
    # End of our blog section
  ==============================*/

    /*================================
    # Start of contact info section
=================================*/
    .contact-info {
        padding: 80px 0px;
    }

    .contact-info .info-item .info-title h6 {
        font-size: 20px;
        font-weight: 500;
    }

    .contact-info h4 {
        font-size: 26px;
    }

    /*=================================
    # End of contact info section
 =================================*/

    /*================================
    # Start of footer section
=================================*/
    .footer .footer-links ul li {
        padding: 0px;
        display: block;
        align-items: center;
        margin-bottom: 10px;
        padding-right: 20px;
    }

    .footer .footer-about .logo p {
        max-width: 100%;
    }

    .footer .footer-links ul a {
        display: inline-block;
        line-height: 1;
        font-size: 16px;
        font-weight: 400;
        padding-right: 0px;
    }

    /*=================================
    # End of footer section
 =================================*/
}

/* Small devices (less than  576px) */
@media (max-width: 575.98px) {

    /*=================================
    # start of header section
 =================================*/
    .lets-talk-btn {
        height: 40px;
    }

    /*=================================
    # End of header section
 =================================*/
    /*=========start our team section ============*/
    .aboutus h3 {
        font-size: 25px;
    }

    /*=========End About us section ============*/

    /*=========start our team section ============*/
    .team .team-content .team-info1 {
        margin-bottom: 10px;
        top: 55%;
        bottom: 2%;
        padding: 15px;
    }

    .team .team-content .team-info2 {
        margin-bottom: 10px;
        top: 55%;
        bottom: 2%;
        padding: 15px;
    }

    .team .team-content .team-info3 {
        margin-bottom: 10px;
        top: 55%;
        bottom: 2%;
        padding: 15px;
    }

    /*=========End of our team section ========*/

}

/*  Extra Small devices (less than  480px) */
@media (max-width: 479.98px) {}


/* Extra Small devices (less than  380px) */
@media (max-width: 379.98px) {

    /*=========start of Header section ============*/
    .lets-talk-btn {
        font-size: 12px;
    }

    /*=========End of Header section ============*/

    /*=========start of banner section ============*/
    .hero .hero-bg h1 {
        font-size: 29px;
    }

    .hero .hero-bg {
        height: 600px;
    }

    .hero .hero-bg p {
        width: 100%;
        font-size: 16px;
    }

    /*=========End of banner section ============*/

    /*=========start of about us section ============*/
    .aboutus h3 {
        font-size: 25px;
    }

    /*=========End of about us section ============*/

    /*=========start our team section ============*/
    .team .team-content .team-info1 {
        margin-bottom: 10px;
        top: 46%;
        bottom: 2%;
        padding: 15px;
    }

    .team .team-content .team-info2 {
        margin-bottom: 10px;
        top: 46%;
        bottom: 2%;
        padding: 15px;
    }

    .team .team-content .team-info3 {
        margin-bottom: 10px;
        top: 46%;
        bottom: 2%;
        padding: 15px;
    }

    /*=========End of our team section ========*/


    /*=========start Blog section ========*/
    .blog-posts article .post-meta {
        padding: 20px;
        text-align: center;
    }

    .post-meta {
        display: flex;
        flex-direction: column;
        text-align: start;
    }

    .recent-posts-widget .post-item .post-meta .post-date {
        padding-right: 0px;
    }

    .recent-posts-widget .post-item1 .post-meta .post-date {
        padding-right: 0px;
    }

    /*=========End of Blog section ========*/
}