/* Small Devices, Tablets */

@media (max-width: 767px) {
    .stick { border-bottom: none;}
	.header-top-area {
        display: none;
    }
    .mobile-menu-area {
        display: block;
    }
    .slider-content .tp-caption {
        display: none;
    }
	.about-fitness-left {
		width:100%;
        text-align: center;
	}
    .about-fitness-right {
        width: 100%;
    }
    .about-fitness-left .about-left-img img {
        position: relative;
        z-index: 99;
    }
    .about-fitness-left .about-left-img .overly {
        left: 0;
        right: 0;
        top: inherit;
        bottom: 0;
        text-align: center;
    }
    .about-fitness-right { padding: 60px 30px;}
    .about-fitness-left .about-left-img { padding: 50px;}
    .about-single-service {text-align: center;}
    .about-single-service .service-item { padding-bottom: 20px;}
    .about-single-service .service-image { float: inherit !important; padding-right: 0;}
    .about-fitness-left .about-left-img::after { 
        left: 0;
        right: 0;
        top: inherit;
        bottom: -18px;
        margin: 0 auto;
        -webkit-transform:rotate(224deg);
        -moz-transform:rotate(224deg);
        -o-transform:rotate(224deg);
        transform: rotate(224deg);
    }

    .feature-classes-area,
    .being-body-builder,
    .what-client-area,
    .expert-trainer-area,
    .online-store-area,
    .fitness-summer-area,
    .latest-news-area,
    .logo-showcase-area,
    .footer-area,
    .single-page-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .related-classes-area,
    .news-page-area {
        padding-top: 60px;
        padding-bottom: 50px;
    }
    .class-schedule,
    .news-detail-area {
        padding-top: 60px;
    }
    .single-news-detail { padding-bottom: 50px;}
    .classes-tab-area ul, 
    .class-schedule-wrap ul.nav-tabs { margin-bottom: 25px;}
    .single-product-classes .product-content .left-content,
    .single-product-classes .product-content .more-icon { float: inherit; text-align: center;}
    .single-product-classes .single-product .overly { left: 0; right: 0; text-align: center;}
    .being-body-builder .being-right-content .being-content { position: inherit; padding-top: 20px;}
    .being-body-builder .being-right-content { left: 0; text-align: center;}
    .class-schedule-wrap { padding: 30px 15px;}
    .class-schedule-wrap .nav-tabs li,
    .schedule-page .class-schedule-wrap .nav-tabs li { width: 48%;}
    .class-schedule-wrap .nav-tabs li a { margin-right: 3px; margin-bottom: 3px;}
    .class-schedule-tab ul li { width: 100%; text-align: center;}
    .class-schedule-tab ul li:nth-child(1) { padding-left: 0;}
    .class-schedule-tab ul li:nth-child(4) { text-align: center; margin-top: 20px; margin-bottom: 10px;}
    .single-client-say { margin-right: 0; display: block;}
    .single-client-say .client-picture { float: inherit !important; text-align: center; margin-bottom: 15px;}
    .single-client-say .client-content { padding-left: 0; text-align: center;}
    .single-client-say .client-content h3::after { margin: 15px auto;}
    .what-client-say .owl-pagination { top: inherit; left: 0;}
    .single-trainer-item .trainer-item { left: 0; right: 0; margin: auto;}
    .single-product-store .product-content { text-align: center;}
    .fitness-summer .fitness-content { text-align: center;}
    .single-latest-news .news-content { text-align: center;}
    .about-company, .twitter-area, .flickr-photos { margin-bottom: 40px;}
    .choose-us-area { padding-top: 60px; padding-bottom: 60px; margin-top: 60px;}

    .our-classes-area {
        padding-top: 60px;
        padding-bottom: 30px;
    }
    .classes-detail-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .schedule-page { padding-bottom: 60px;}
    .single-sidebar .join-us img { width: 100%;}
    .single-sidebar .join-us .join-content { text-align: center; padding: 60px 30px;}
    .right-sidebar .single-sidebar h3 { font-size: 20px;}
    .news-page-area .pagination-area { margin-bottom: 50px;}
    .footer-area { text-align: center;}
    .feature-classes-area .section-title { margin-left: 0;}
    .feature-classes-area .owl-arrow .owl-controls { right: 0;}
    .single-product-classes .product-content { text-align: center;}
    .isotop-classes-tab a { width: 48%; padding: 10px 18px; margin-right: 3px;}


    .feature-classes-area .section-title h2::after,
    .expert-trainer-area .section-title h2::after,
    .online-store-area .section-title h2::after,
    .latest-news-area .section-title h2::after,
    .related-classes-area .section-title h2::after {
        display: none;
    }


}

@media(min-width: 481px) and (max-width: 767px) {
	
    .slider-content .button {
        bottom: 30%;
    }
    .slider-area .nivo-controlNav {
        bottom: 15px;
    }
    .about-fitness-left .about-left-img .overly h3 {
        font-size: 50px;
        line-height: 50px;
        position: relative;
        z-index: 9;
    }
    .feature-classes-area .section-title h2,
    .class-schedule .section-title h2,
    .what-client-area .section-title h2,
    .expert-trainer-area .section-title h2,
    .online-store-area .section-title h2,
    .latest-news-area .section-title h2,
    .related-classes-area .section-title h2 { margin-bottom: 50px; font-size: 24px;}

    .owl-arrow .owl-controls { top: -80px;}
    .being-body-builder .being-right-content .being-content h2 { font-size: 70px; line-height: 80px;}
    .being-body-builder .being-right-content .being-content p { letter-spacing: 30px; font-size: 40px;}
    .single-client-say .client-content { padding-left: 15px; padding-right: 15px;}
    .logo-showcase-area .owl-arrow .owl-controls { top: -50px;}
    .about-content-area .title-section h2 { font-size: 32px;}
    ul.counter-list { text-align: center;}
    .single-classes-area .classes-title { width: 200px;}
    .footer-area h3 { margin-bottom: 20px;}
    .visa-card ul, .copy-right-area .copy-right { text-align: center; margin-bottom: 8px;}
    .our-trainer-item { height:100%; width: 100%;}
    .our-trainer-item .trainer-image { padding: 28px;}
    .fitness-summer .fitness-content h3, .fitness-summer .fitness-content p { font-size: 30px; line-height: 36px;}
    .single-product-classes .product-content .more-icon { padding-top: 5px;}
    .single-product-classes .product-content { padding: 20px;}
    .about-gymedge-area { padding-top: 60px;}
    .about-img { margin-top: 30px;}
    .classes-tab-area ul li { width: 48%;}
    .classes-tab-area ul li a { margin-right: 3px; margin-bottom: 3px;}
    .single-news-page .news-content { text-align: center;}
    .pagination-area .pagination { margin-top: 0;}
    .single-news-detail .class-heading ul li { margin-right: 5px;}
    .our-trainer-item .trainer-image .trainer-overly { width: 200px; padding: 10px 0;}
    .our-trainer-item .trainer-image .social-overly { top: 45%;}
    .our-trainer-area, .trainer-details-area { padding-top: 60px; padding-bottom: 30px;}
    .trainer-detail-content .detail-heading { margin-top: 40px;}
    .trainer-detail-content .detail-heading h2 { font-size: 24px;}
    .online-header { padding: 20px 0;}
    .pager-left-area { margin-bottom: 10px;}
    .pager-right-area .shor-list select { width: 100%;}
    .category-product-grid .product-content { text-align: center;}
    .online-store-grid, 
    .single-product-area,
    .error-page-area { padding-top: 60px; padding-bottom: 60px;}
    .product-pagination { margin-top: 30px; margin-bottom: 60px;}
    .single-product-list .product-list-content .product-content { margin-left: 0; margin-top: 20px; text-align: center;}
    .product-detail-area { margin-left: 0; margin-top: 30px;}
    .single-product-tab ul.tab-image li a img { width: 50%;}
    .error-page .error-content h1 { font-size: 150px;}
    .error-page .error-content p { font-size: 24px; line-height: 30px;}
    .error-page .error-content { padding-bottom: 50px;}
    .error-page .error-info p { margin-top: 30px; font-size: 16px;}
    .contact-us-area { padding-top: 60px;}
    .contact-form .send-button { margin-bottom: 40px;}
    .contact-form legend { font-size: 24px; margin-bottom: 30px;}
    .contact-us-area { padding-top: 60px;}
    .category-product-grid .item { padding-right: 0; width: 50%; float: left;}
    .single-trainer-item .trainer-overly { width: 180px; padding: 10px 0;}
    .about-single-service .service-item .service-image span {
        font-size: 40px;
        display: block;
        margin-bottom: 10px;
        line-height: 40px;
    }

    
}

/* Extra Small Devices, Phones */ 

@media(min-width: 320px) and (max-width: 480px){
	
    .slider-content .button .custom-button,
    .slider-content .button .custom-button::after {
        font-size: 12px;
        padding: 12px 28px;
    }
    .slider-content .button {
        bottom: 65%;
    }
    .slider-area .nivo-controlNav {
        bottom: 20px;
    }
    .owl-arrow .owl-controls {
        top: -83px;
    }
    .about-fitness-left .about-left-img .overly h3 {
        font-size: 32px;
        line-height: 32px;
        position: relative;
        z-index: 999;
    }
    .feature-classes-area .section-title h2,
    .class-schedule .section-title h2,
    .what-client-area .section-title h2,
    .expert-trainer-area .section-title h2,
    .online-store-area .section-title h2,
    .latest-news-area .section-title h2,
    .related-classes-area .section-title h2 { margin-bottom: 50px; font-size: 24px;}

    .fitness-summer .fitness-content h3, .fitness-summer .fitness-content p { font-size: 24px; line-height: 30px;}
    .logo-showcase-area .owl-arrow .owl-controls { top: -78px;}
    .being-body-builder .being-right-content .being-content h2 { font-size: 40px; line-height: 50px;}
    .being-body-builder .being-right-content .being-content p { letter-spacing: 10px; font-size: 20px;}
    .single-trainer-item .trainer-item { width: 100%; height: 100%;}
    .about-content-area .title-section h2,
    .choose-us-area .title-section h2 { font-size: 28px;}
    ul.counter-list { text-align: center;}
    ul.counter-list li { margin-right: 0; margin-top: 15px;}
    .classes-tab-area .tab-content .tab-pane > div { width: 100%;}
    .single-classes-area .classes-title { width: 250px;}
    .comment-section .comment-image { float: inherit !important; text-align: center; margin-bottom: 15px; width: 100%;}
    .comment-section .comment-image img { width: 100%;}
    .comment-section .comment-content { padding-left: 0;}
    .content-list span { font-size: 16px; margin: 15px 0;}
    .single-product-classes .product-content .more-icon { padding-top: 5px;}
    .single-product-classes .product-content { padding-top: 15px; padding-bottom: 15px;}
    .single-product-classes .product-content h3 { margin-bottom: 5px;}
    .about-gymedge-area { padding-top: 60px;}
    .about-img { margin-top: 20px;}
    .classes-tab-area ul { padding-left: 15px; padding-right: 15px;}
    .classes-tab-area ul li { width: 48%;}
    .classes-tab-area ul li a { margin-right: 3px; margin-bottom: 3px; padding: 12px 15px;}
    .single-class-detail .class-heading h3, .single-class-detail .choose-body h3 { font-size: 18px;}
    .single-news-page .news-content { text-align: center;}
    .pagination-area .pagination { margin-top: 0;}
    .single-news-detail .class-heading h3, .news-tag h3, .leave-comment h3, .comment-section h3 { font-size: 18px;}
    .our-trainer-area .container .row > div { width: 100%;}
    .our-trainer-item { width: 100%; height: 100%;}
    .our-trainer-item .trainer-image .social-overly { top: 40%;}
    .trainer-detail-content { margin-top: 30px;}
    .trainer-detail-content .detail-heading h2 { font-size: 20px;}
    .trainer-details-area { padding-top: 60px; padding-bottom: 30px;}
    .online-header { padding: 20px 0;}
    .pager-left-area { margin-bottom: 10px;}
    .pager-right-area .shor-list select { width: 100%;}
    .category-product-grid .product-content { text-align: center;}
    .online-store-grid, 
    .single-product-area,
    .error-page-area { padding-top: 60px; padding-bottom: 60px;}
    .product-pagination { margin-top: 30px; margin-bottom: 60px;}
    .single-product-list .product-list-content .product-content { margin-left: 0; margin-top: 20px; text-align: center;}
    .product-detail-area { margin-left: 0; margin-top: 20px; text-align: center;}
    .overview-content ul.product-view-tab li { width: 100%; text-align: center;}
    .overview-content .tab-content { text-align: center; padding: 15px;}
    .error-page .error-content h1 { font-size: 100px;}
    .error-page .error-content p { font-size: 20px; line-height: 24px;}
    .error-page .error-content { padding-bottom: 50px;}
    .error-page .error-info p { margin-top: 30px;}
    .contact-us-area { padding-top: 60px;}
    .contact-form .send-button { margin-bottom: 40px;}
    .contact-form legend { font-size: 24px; margin-bottom: 30px;}
    .contact-us-area { padding-top: 60px;}
    .footer-area h3 { margin-bottom: 15px;}
    .copy-right-area .copy-right,
    .visa-card ul { text-align: center; margin-bottom: 8px; font-size: 14px;} 
    .class-schedule .section-title h2, .what-client-area .section-title h2 { text-align: center;}
    .class-schedule-wrap .nav-tabs li a { padding: 10px 15px;}
    .class-schedule-tab ul { padding-left: 0;}
    .portfolioContainer .col-md-4 { width: 100%;}
    .about-single-service .service-item .service-image span {
        font-size: 40px;
        display: block;
        margin-bottom: 10px;
        line-height: 40px;
    }
    .single-latest-news { margin-right: 0; margin-left: 0;}
    .single-trainer-item .trainer-overly { width: 220px; padding: 10px 0;}

}

@media(max-width: 320px) {
    .feature-classes-area .section-title h2,
    .class-schedule .section-title h2,
    .what-client-area .section-title h2,
    .expert-trainer-area .section-title h2,
    .online-store-area .section-title h2,
    .latest-news-area .section-title h2,
    .related-classes-area .section-title h2 { margin-bottom: 48px; font-size: 22px;}

    .feature-classes-area .section-title h2::after,
    .expert-trainer-area .section-title h2::after,
    .online-store-area .section-title h2::after,
    .latest-news-area .section-title h2::after,
    .related-classes-area .section-title h2::after {
        position: inherit;
    }
    .owl-arrow .owl-controls { top: -82px;}
    .logo-showcase-area .owl-arrow .owl-controls { top: -53px;}


}
/* Medium Devices, Desktops */

@media(min-width: 768px) and (max-width: 991px) { 
    .stick .header-top-area .header-top-right {display: none;}
}
@media(min-width: 768px) and (max-width: 1024px) {
    .header-top-area .header-top-right { text-align: center; padding: 20px 0;}
    .header-top-area .cart-area span { bottom: 30px;}
    .stick .header-top-area .cart-area span { bottom: 20px;}
    .stick .header-top-area .header-top-right { padding: 12px 0;}
    .header-top-search .search-text { top: 45px;}
    .header-top-area .logo-area {text-align: center;}
    .header-top-right ul li ul { top: 65px;}
    .stick .header-top-right ul li ul { top: 50px;}
    .cart-single-product .media .cart-content h4,
    .cart-single-product .media .cart-content p { text-align: left; margin: 0;}
    .cart-single-product .media .cart-content .cart-product-price { bottom: 5px;}
    .cart-single-product .media .cart-content a.trash { top: 5px;}
    .main-menu ul { text-align: center;}

    .slider-content .big-title { font-size: 48px; position: relative; bottom: 40px;}
    .slider-content .small-content { width: 75%; position: relative; bottom: 20px; padding-top: 0;}
    .slider-content .button { bottom: 28%;}
    .preview-2 .nivo-controlNav { bottom: 30px;}

    .about-fitness-right { padding: 30px 15px 30px 25px;}
    .about-single-service .service-item { padding-bottom: 4px;}
    .about-fitness-left .about-left-img .overly h3 { font-size: 54px;}

    .feature-classes-area,
    .what-client-area,
    .expert-trainer-area,
    .online-store-area,
    .fitness-summer-area,
    .latest-news-area,
    .logo-showcase-area,
    .footer-area,
    .related-classes-area,
    .single-page-area {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .schedule-page,
    .news-page-area,
    .trainer-details-area,
    .online-store-grid,
    .single-product-area,
    .error-page-area {
        padding-top: 80px;
        padding-bottom: 70px;
    }
    .being-body-builder,
    .news-detail-area,
    .class-schedule { padding-top: 70px;}
    .single-news-detail { padding-bottom: 50px;}
    .related-product-area { padding-bottom: 0;}

    .feature-classes-area .section-title h2,
    .class-schedule .section-title h2,
    .what-client-area .section-title h2,
    .expert-trainer-area .section-title h2,
    .online-store-area .section-title h2,
    .latest-news-area .section-title h2,
    .related-classes-area .section-title h2 { margin-bottom: 50px; font-size: 28px;}

    .feature-classes-area .section-title h2::after,
    .expert-trainer-area .section-title h2::after,
    .online-store-area .section-title h2::after,
    .latest-news-area .section-title h2::after {
        right: 12%;
        top: 15px;
        width: 45%;
    }
    .related-classes-area .section-title h2::after { right: 16%; width: 34%;}
    .related-product-area .section-title h2::after { right: 16%; width: 28%;}

    .owl-arrow .owl-controls { top: -90px;}
    .being-body-builder .being-right-content { left: -55px;}
    .being-body-builder .being-right-content .being-content { padding-top: 67px;}
    .being-body-builder .being-right-content .being-content h2 { font-size: 65px; line-height: 70px;}
    .being-body-builder .being-right-content .being-content p { font-size: 34px; letter-spacing: 32px;}
    .class-schedule-tab ul li { font-size: 15px;}
    .class-schedule-wrap ul.nav-tabs { margin-bottom: 40px;}

    .single-client-say { margin-right: 15px; padding-left: 15px; display: block;}
    .single-client-say .client-picture { float: inherit !important; text-align: center; margin-bottom: 15px;}
    .single-client-say .client-content { padding-left: 0; text-align: center;}
    .single-client-say .client-content h3::after { margin: 15px auto;}
    .what-client-say .owl-pagination { top: inherit; left: 0;}
    .flickr-photos .flickr-list ul li img { width: 74px;}
    .logo-showcase-area .owl-arrow .owl-controls { top: -71px;}

    .about-content-area .title-section h2 { font-size: 40px;}
    .choose-us-area { padding-top: 70px; padding-bottom: 70px; margin-top: 50px;}
    ul.counter-list { text-align: center;}
    ul.counter-list li { height: 160px; width: 160px;}
    .classes-tab-area ul, .class-schedule-wrap ul.nav-tabs { margin-bottom: 25px;}
    .classes-tab-area ul li a { margin-right: 5px; padding: 10px 24px;}

    .our-classes-area { padding-top: 70px; padding-bottom: 50px;}
    .right-sidebar .single-sidebar h3 { font-size: 20px;}
    .single-sidebar .join-us .join-content { padding: 14px; text-align: center;}
    .join-us .join-content .percent { font-size: 30px;}
    .join-us .join-content .custom-button, .join-us .join-content .custom-button::after { padding: 10px 5px;}
    .happy-clients .owl-controls .owl-pagination { left: 0; bottom: -10px;}
    .class-schedule-wrap { padding-left: 40px; padding-right: 40px;}
    .class-schedule-wrap .nav-tabs li a { padding: 10px 12px; margin-right: 2px;}
    .our-trainer-item { width: 100%; height: 100%;}
    .our-trainer-item .trainer-image img { height: 160px;}
    .our-trainer-area { padding-top: 70px; padding-bottom: 35px;}
    .our-trainer-item .trainer-image .trainer-overly { padding: 10px 0; width: 200px;}
    .product-pagination { margin-top: 20px;}
    .pager-left-area { padding-right: 0;}
    .single-product-list .product-list-image img { width: 80%;}
    .social-icons ul li { margin-bottom: 3px;}

    .stick .logo-area { padding-top: 10px;}
    .stick .logo-area img { width: 120px;}
    .stick .main-menu ul li a { padding: 12px;}
    .classes-detail-area, .contact-us-area { padding-top: 70px;}
    .our-trainer-item .trainer-image .social-overly { top: 42%;}
    .single-product-tab ul li { min-height: 80px;}
    .contact-form legend { font-size: 30px; margin-bottom: 35px;}
    .feature-classes-area .section-title h2::after { right: 15%;}
    .about-fitness-right .media-heading { margin-bottom: 8px;}
    .isotop-classes-tab { margin-bottom: 30px;}
    .isotop-classes-tab a { padding: 8px 20px; margin-right: 3px;}
    .header-top-right ul li { padding-right: 5px;}
    .header-top-area .cart-area { padding-left: 5px;}
    .our-trainer-item .trainer-image { padding: 28px;}

}

@media(min-width: 800px) and (max-width: 1024px) {
    .logo-showcase-area .owl-arrow .owl-controls { top: -55px;}
}
@media(min-width: 992px) and (max-width: 1024px) {
    .about-fitness-right { padding: 70px 15px 70px 25px;}
    .about-fitness-left .about-left-img { padding: 60px 0;}
    
   
    .feature-classes-area .section-title h2::after, 
    .expert-trainer-area .section-title h2::after, 
    .online-store-area .section-title h2::after, 
    .latest-news-area .section-title h2::after { width: 55%;}
    .our-trainer-item .trainer-image img { height: 220px;}
    .social-icons ul li { margin-right: 0;}
    .join-us .join-content .custom-button, 
    .join-us .join-content .custom-button::after { padding: 10px 15px;}
    ul.counter-list { margin-top: 35px;}
}
/* Large Devices, Wide Screens */

@media(min-width: 1025px) and (max-width: 1200px) {
   

    .slider-content .big-title { font-size: 60px; position: relative; bottom: 30px;}
    .slider-content .small-content { padding-top: 0;}
    .slider-content .button { bottom: 23%;}
    .preview-2 .nivo-controlNav { bottom: 30px;}

    .about-fitness-right { padding: 60px 15px 60px 40px;}
    .about-single-service .service-item { padding-bottom: 15px;}
    .about-fitness-left .about-left-img .overly h3 { font-size: 64px;}
    .about-fitness-left .about-left-img { padding-top: 70px; padding-bottom: 70px;}

    .feature-classes-area,
    .what-client-area,
    .expert-trainer-area,
    .online-store-area,
    .fitness-summer-area,
    .latest-news-area,
    .logo-showcase-area,
    .footer-area,
    .trainer-details-area,
    .online-store-grid,
    .related-classes-area,
    .single-page-area {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .schedule-page,
    .news-page-area,
    .error-page-area {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .being-body-builder, .class-schedule { padding-top: 80px;}
    .news-detail-area, .classes-detail-area { padding-top: 80px;}
    .single-news-detail { padding-bottom: 50px;}
    .our-trainer-area { padding-top: 80px; padding-bottom: 34px;}
    .related-product-area { padding-bottom: 0;}

    .feature-classes-area .section-title h2::after,
    .expert-trainer-area .section-title h2::after,
    .online-store-area .section-title h2::after,
    .latest-news-area .section-title h2::after {
        right: 10%;
        width: 55%;
    }
    .related-product-area .section-title h2::after { right: 12%; width: 42%;}

    .related-classes-area .section-title h2::after { right: 14%; width: 44%;}
    
    .being-body-builder .being-right-content { left: -70px;}
    .being-body-builder .being-right-content .being-content { padding-top: 110px;}
    .being-body-builder .being-right-content .being-content h2 { font-size: 70px; line-height: 70px;}
    .being-body-builder .being-right-content .being-content p { font-size: 34px; letter-spacing: 36px;}
    .social-icons ul li { margin-right: 1px;}

    .choose-us-area { padding-top: 70px; padding-bottom: 70px; margin-top: 50px;}
    ul.counter-list { text-align: center; margin-top: 35px;}
    ul.counter-list li { height: 160px; width: 160px;}

    .our-classes-area { padding-top: 80px; padding-bottom: 40px;}
    .join-us .join-content .custom-button, .join-us .join-content .custom-button::after { padding: 12px 17px;}
    .single-related-classes .classes-title { width: 200px; padding: 10px 0;}
    .class-schedule-wrap ul.nav-tabs { margin-bottom: 30px;}
    .our-trainer-item { width: 300px; height: 300px;}
    .our-trainer-item .trainer-image img { height: 210px;}
    .error-page .error-content { padding-bottom: 80px;}
    .header-top-right ul li { padding-right: 5px;}
    .header-top-area .cart-area { padding-left: 5px;}
    .class-schedule-wrap .nav-tabs li a { padding: 12px 25px; margin-right: 5px;}

}


/* Extra Large Devices, Wide Screens */
@media(min-width: 1201px) and (max-width: 1920px) {
    .about-fitness-right .about-single-service { max-width: 478px;}

}
@media(min-width: 991px) and (max-width: 1199px) {
    .slider-area .slider-content .small-content {
        width: 60%;
    }
    .being-body-builder3-wrapper .being-right-img img {
        position: absolute;
        bottom: 0;
    }
    
    .slider2-caption .nivo-caption {
        top: 30px;
    }
    .slider4-caption .nivo-caption {
        top: 30px;
    }
    .slider3-caption .button  {
        bottom: 15%;
    }
    .slider4-caption .slider-progress {
        display: none;
    }
    .single-product-classes3 .single-product {
        display: block;
    }
    .single-product-classes3 .single-product img {
        width: 100%;
    }
    .being-body-builder2-wrapper .being-content h2 {
        font-size: 60px;
    }
    .being-body-builder2-wrapper .being-content > span {
        font-size: 42px
    }
    .why-choose-content h2 {
        font-size: 40px;
    }
}
@media only screen and (max-width: 991px) {
    .being-body-builder4-wrapper .being-content h2 {
        font-size: 36px
    }
    .fitness-summer2 .fitness-content h2 {
        font-size: 32px;
    }
    .our-program-area .program-img {
        position: inherit;
        top: 0;
    }
    .isotop-btn a {
        padding: 8px 18px!important;
    }
    .being-body-builder3-wrapper {
        display: block;
    }
    .being-body-builder3-wrapper .being-content {
        margin-bottom: 30px;
    }
    .why-choose-content h2 {
        font-size: 42px;
    }
    .slider2-caption .small-content {
        width: 95%!important;
    }
    .slider3-caption .small-content {
        display: none;
    }
    .slider3-caption .nivo-caption {
        top: -30px;
    }
    .slider2-caption .big-title {
        bottom: 30px;
    }
    .slider3-caption .big-title {
        display: block;
        font-size: 52px;
    }
    .slider2-caption .nivo-caption {
        top: 30px;
    }
    .slider2-caption .slider-progress {
        display: none;
    }
    .slider3-caption .slider-progress {
        display: none;
    }
    .slider3-caption .button  {
        bottom: 30%;
    }
    .slider4-caption .button  {
        bottom: 40%;
    }
    .slider4-caption .small-content {
        display: none;
    }
    .slider4-caption .nivo-caption {
        top: 70px;
    }
    .slider4-caption .slider-progress {
        display: none;
    }
    .slider4-caption .big-title {
        font-size: 42px;
    }
    .why-choose2-wrapper {
        display: block;
    }
    .why-choose2-wrapper .why-choose-img img {
        position: inherit;
    }
    .why-choose2-wrapper .why-choose-content {
        margin-bottom: 30px;
    }
    .why-choose2-area .side-text {
        right: -60px;
        top: 75%;
    }
    .single-product-classes3 .single-product {
        display: block;
    }
    .single-product-classes3 .single-product img {
        width: 100%;
    }
    .being-body-builder2-wrapper .being-content h2 {
        font-size: 42px;
    }
    .being-body-builder2-wrapper .being-content > span {
        font-size: 36px
    }
    .being-body-builder3-wrapper .being-content ul {
        padding-right: 0;
    }
    .being-body-builder3-wrapper .being-content ul li a .service-content {
        padding: 0 0 0 25px;
    }
}
@media only screen and (max-width: 767px) {
    .single-client-say2 p {
        width: 100%;
    }
    .being-body-builder4-wrapper .being-content h2 {
        font-size: 30px
    }
    .fitness-summer2 .fitness-content h2 {
        font-size: 28px;
    }
    .upcoming-classes-content {
        padding-right: 0;
        padding-bottom: 50px;
    }
    .counter-area {
      padding: 80px 0 55px;
    }
    .isotop-btn a {
        padding: 8px 25px!important;
        width: auto!important;
    }
    .header-top-bar2 {
        display: none;
    }
    .header-top-bar3 {
        display: none;
    }
    .header-top-bar4 {
        display: none;
    }
    .why-choose-area .why-choose-img-holder {
        left: 0;
        right: 0;
    }
    .why-choose-content h2 {
        font-size: 32px;
    }
    .slider2-caption .nivo-caption {
        top: 65px;
    }
    .slider2-caption .s-tb-c {
        vertical-align: top;
    }
    .slider2-caption .big-title {
        display: block;
        font-size: 36px;
    }
    .slider2-caption .small-content {
        display: block;
    }
    .slider3-caption .big-title {
        display: block;
        font-size: 34px;
    }
    .slider3-caption .button  {
        bottom: 22%;
    }
    .slider4-caption .big-title {
        font-size: 34px;
        display: block;
    }
    .slider4-caption .s-tb-c {
        vertical-align: top;
    }
    .slider4-caption .button  {
        bottom: 60%;
    }
    .being-body-builder2-wrapper .being-content h2 {
        font-size: 36px;
    }
    .being-body-builder2-wrapper .being-content > span {
        font-size: 32px
    }
    .slider-content .button.slider5 {
        bottom: 50%;
    }
    
}
@media only screen and (max-width: 479px) {
    .being-body-builder4-wrapper .being-content h2 {
        font-size: 26px
    }
    .col-mb-12 {
        width: 100%;
    }
    .fitness-summer2 .fitness-content h2 {
        font-size: 24px;
    }
    .counter-area .col-xs-6 {
        width: 100%;
    }
    .counter-area {
      padding: 70px 0 45px;
    }
    .isotop-btn a {
        padding: 6px 20px!important;
        width: auto!important;
    }
    .counter-area h2 {
        font-size: 48px;
    }
    .slider1-caption .nivo-caption {
        top: -10px;
    }
    .slider2-caption .big-title {
        font-size: 22px;
    }
    .slider2-caption .small-content {
        display: none;
    }
    .slider3-caption .big-title {       
        font-size: 22px;
    }
    .slider4-caption .big-title {       
        font-size: 22px;
    }
    .slider3-caption .button  {
        bottom: 15%;
    }
    .slider4-caption .nivo-caption {
        top: 50px;
    }
    .slider4-caption .button  {
        bottom: 50%;
    }
    .expert-trainer-area2 .col-xs-6 {
        width: 100%;
    }
    .trainer-box2 {
        margin-bottom: 30px;
    }
    .why-choose-content h2 {
        font-size: 28px;
    }
    .being-body-builder2-wrapper .being-content h2 {
        font-size: 32px;
    }
    .being-body-builder2-wrapper .being-content > span {
        font-size: 28px
    }
    .slider-content .button.slider5 {
        bottom: 60%;
    }
}
@media only screen and (max-width: 320px) {
    .why-choose-content h2 {
        font-size: 26px;
    }
    .being-body-builder2-wrapper .being-content h2 {
        font-size: 30px;
    }
    .being-body-builder2-wrapper .being-content > span {
        font-size: 24px
    }
}

@media only screen and (max-width: 767px) {
    .slider-top-space-header4 {
        margin-top: 69px;
    }
    .slider2-caption .preview-2,
    .slider2-caption .nivoSlider,
    .slider2-caption .nivo-main-image {
        height: auto !important;
    }
    .slider2-caption .nivoSlider {
        overflow: hidden !important;
    }
    .slider2-caption .nivoSlider > img,
    .slider2-caption .nivo-main-image {
        object-fit: contain;
        object-position: center top;
        width: 100% !important;
    }
    .slider2-caption .nivo-main-image {
        position: relative !important;
    }
    .slider2-caption .nivoSlider > img:not(.nivo-main-image) {
        opacity: 0 !important;
        visibility: hidden !important;
    }
    .slider2-caption .nivo-caption {
        bottom: auto;
        height: 100%;
        left: 0;
        opacity: 1;
        padding: 0 15px;
        top: 0;
    }
    .slider2-caption .slider-direction,
    .slider2-caption .slider-content {
        height: 100%;
    }
    .slider2-caption .s-tb {
        align-items: center;
        display: flex;
        float: none;
        justify-content: center;
        padding: 28px 0 78px;
    }
    .slider2-caption .s-tb-c {
        display: block;
        vertical-align: middle;
    }
    .slider2-caption .big-title {
        font-size: 34px;
        line-height: 1.12;
    }
    .slider2-caption .small-content {
        display: none;
        font-size: 14px;
        line-height: 1.6;
        margin-top: 16px;
        max-width: 520px;
        padding-top: 0;
        position: static;
        width: 100%;
    }
    .slider2-caption .slider-content .button {
        bottom: 28px;
    }
}

@media only screen and (max-width: 479px) {
    .slider2-caption .preview-2,
    .slider2-caption .nivoSlider,
    .slider2-caption .nivo-main-image {
        height: auto !important;
    }
    .slider2-caption .big-title {
        font-size: 25px;
    }
    .slider2-caption .small-content {
        display: none;
        font-size: 13px;
        line-height: 1.5;
        margin-top: 12px;
    }
    .slider2-caption .s-tb {
        padding-bottom: 86px;
    }
    .slider2-caption .slider-content .button {
        bottom: 35px;
    }
    .slider2-caption .slider-content .button .custom-button {
        font-size: 12px;
        padding: 12px 18px;
    }
}

/* Apexfit responsive-only refinements */
.main-header.header-style2.stick,
.main-header.header-style2.apex-scrolled,
.main-header.header-style2.stick .header-top-area,
.main-header.header-style2.apex-scrolled .header-top-area {
    border-bottom: 2px solid #ed0008 !important;
    background-color: rgba(33, 33, 33, 0.8) !important;
}

#sticker.header-style2.stick,
#sticker.header-style2.apex-scrolled {
    position: fixed !important;
    top: 0 !important;
    right: 0;
    left: 0;
    z-index: 1000000 !important;
    background: rgba(33, 33, 33, 0.8) !important;
    border-bottom: 2px solid #ed0008 !important;
}

#sticker.header-style2.stick::before,
#sticker.header-style2.apex-scrolled::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(33, 33, 33, 0.8);
    border-bottom: 2px solid #ed0008;
    pointer-events: none;
}

#sticker.header-style2.stick .header-top-area,
#sticker.header-style2.apex-scrolled .header-top-area,
#sticker.header-style2.stick .header-top-area > .container,
#sticker.header-style2.apex-scrolled .header-top-area > .container {
    position: relative;
    z-index: 1;
}

body.mean-container .mean-bar {
    z-index: 1000000;
}

body.mean-container.apex-scrolled-menu .mean-bar {
    border-bottom: 2px solid #ed0008 !important;
    background-color: rgba(33, 33, 33, 0.8) !important;
}

body.mean-container.apex-scrolled-menu .mean-bar::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: rgba(33, 33, 33, 0.8);
    border-bottom: 2px solid #ed0008;
}

@media only screen and (min-width: 768px) {
    .main-header.header-style2,
    .main-header.header-style2 .header-top-area,
    .main-header.header-style2 .container,
    .main-header.header-style2 .row,
    .main-header.header-style2 .main-menu,
    .main-header.header-style2 .main-menu nav {
        overflow: visible;
    }
    

    .main-header.header-style2 .main-menu ul li ul {
        z-index: 999999;
    }

    .main-header.header-style2 .main-menu ul li:hover > ul {
        opacity: 1;
        transform: scaleY(1);
        visibility: visible;
    }

    .main-header.header-style2 {
        z-index: 999999;
    }

    .main-header.header-style2 .main-menu nav > ul > li {
        position: relative;
    }

    .main-header.header-style2 .main-menu nav > ul > li > ul {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        display: block !important;
        width: 250px !important;
        margin: 0 !important;
        padding: 18px 20px !important;
        background: #ed0008 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: scaleY(0) !important;
        transform-origin: top center !important;
        z-index: 1000000 !important;
        pointer-events: none;
    }

    .main-header.header-style2 .main-menu nav > ul > li:hover > ul,
    .main-header.header-style2 .main-menu nav > ul > li:focus-within > ul,
    .main-header.header-style2 .main-menu nav > ul > li.apex-menu-open > ul {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: scaleY(1) !important;
        pointer-events: auto;
    }

    .main-header.header-style2 .main-menu nav > ul > li > ul > li {
        display: block;
        width: 100%;
    }

    .main-header.header-style2 .main-menu nav > ul > li > ul > li > a,
    .main-header.header-style2.stick .header-top-area .main-menu nav > ul > li > ul > li > a {
        display: block;
        padding: 11px 0 !important;
        color: #ffffff !important;
        font-size: 14px;
        line-height: 1.45;
        text-align: left;
        white-space: normal;
    }
}

@media only screen and (max-width: 991px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    .slider-area .carousel-caption h1,
    .slider-area .carousel-caption h2 {
        font-size: 17px !important;
        line-height: 1.18 !important;
    }

    .slider-area .carousel-caption p {
        font-size: 10px !important;
        line-height: 1.55 !important;
        margin-bottom: 2px !important;
    }

    .slider-area .carousel-caption .btn {
        padding: 5px 19px !important;
        font-size: 7px !important;
    }

    .being-body-builder2-wrapper {
        gap: 28px;
    }

    .being-body-builder2-wrapper .being-content h2 {
        font-size: 48px;
        line-height: 1.12;
    }

    .being-body-builder2-wrapper .being-content > span {
        font-size: 32px;
        letter-spacing: 6px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .carousel-item,
    .carousel-item > img {
        min-height: 0;
        height: auto;
    }

    .carousel-item > img {
        object-fit: contain;
        object-position: center;
    }

    .carousel-caption {
        top: 52% !important;
        right: 8% !important;
        left: 8% !important;
        transform: translateY(-50%) !important;
    }

    .service1-wrapper > [class*="col-"] {
        width: 50%;
    }

    .service1-wrapper .service1-box {
        min-height: 410px;
        padding-left: 28px;
        padding-right: 28px;
    }

    .being-body-builder2 {
        padding-top: 80px;
    }

    .being-body-builder2-wrapper .being-content {
        padding-bottom: 40px;
    }

    .being-body-builder2-wrapper .being-right-img img {
        position: static;
    }

    .apex-product-categories {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .apex-product-categories .container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }

    .apex-product-categories__grid {
        grid-auto-rows: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .apex-product-card,
    .apex-product-card:nth-child(1),
    .apex-product-card:nth-child(4),
    .apex-product-card:nth-child(5) {
        display: block;
        grid-column: span 1;
        grid-row: span 1;
        height: auto;
        min-height: 0;
        background: #ffffff;
    }

    .apex-product-card::after,
    .apex-product-card:nth-child(1)::after {
        display: none;
    }

    .apex-product-card > img,
    .apex-product-card:nth-child(1) > img {
        position: relative;
        inset: auto;
        display: block;
        width: 100%;
        height: 240px;
        object-fit: cover;
    }

    .apex-product-card__content,
    .apex-product-card:nth-child(1) .apex-product-card__content {
        position: relative;
        inset: auto;
        display: block;
        padding: 24px 22px;
        background: #ffffff;
        color: #212121;
    }

    .apex-product-card__content h3,
    .apex-product-card:nth-child(1) .apex-product-card__content h3 {
        color: #212121;
        font-size: 20px;
    }

    .apex-product-card__content p,
    .apex-product-card:nth-child(1) .apex-product-card__content p {
        color: #696969;
    }

    .apex-product-card > .apex-product-card__number,
    .apex-product-card:nth-child(1) > .apex-product-card__number {
        color: #ed0008;
    }

    .apex-why-choose__layout {
        grid-template-columns: 1fr;
    }

    .apex-why-choose__visual {
        min-height: 470px;
    }

    .apex-industries-showcase {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .apex-industries-showcase__visual {
        grid-row: 1;
        min-height: 440px;
    }

    .apex-industries-showcase__list:nth-child(1) {
        grid-row: 2;
    }

    .apex-industries-showcase__list:nth-child(3) {
        grid-row: 3;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-area .carousel-caption h1,
    .slider-area .carousel-caption h2 {
        font-size: 36px !important;
        line-height: 1.18 !important;
        margin-bottom: 12px !important;
    }

    .slider-area .carousel-caption p {
        font-size: 14px !important;
        line-height: 1.55 !important;
        margin-bottom: 18px !important;
    }

    .slider-area .carousel-caption .btn {
        padding: 12px 26px !important;
        font-size: 13px !important;
    }

    .apex-product-card:nth-child(1) > img,
    .apex-product-card:nth-child(2) > img {
        height: 230px;
        object-fit: contain;
        object-position: center;
        background: #111111;
    }

    .apex-product-card:nth-child(1) .apex-product-card__content,
    .apex-product-card:nth-child(2) .apex-product-card__content {
        background: #ffffff;
        color: #212121;
    }

    .apex-product-card:nth-child(1) .apex-product-card__content h3,
    .apex-product-card:nth-child(2) .apex-product-card__content h3 {
        color: #212121;
    }

    .apex-product-card:nth-child(1) .apex-product-card__content p,
    .apex-product-card:nth-child(2) .apex-product-card__content p {
        color: #696969;
    }
}

@media only screen and (max-width: 767px) {
    .wrapper {
        width: 100%;
        overflow-x: hidden;
    }

    .carousel-item {
        min-height: 0;
        background: #111111;
    }

    .carousel-item > img {
        height: auto;
        object-fit: contain;
        object-position: center;
    }

    .carousel-caption.d-none {
        display: block !important;
    }

    .carousel-caption {
        top: 50% !important;
        right: 18px !important;
        bottom: auto !important;
        left: 18px !important;
        transform: translateY(-50%) !important;
        padding: 0;
    }

    .carousel-caption h1,
    .carousel-caption h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;
        margin-bottom: 12px !important;
    }

    .carousel-caption p {
        font-size: 14px !important;
        line-height: 1.55 !important;
        margin-bottom: 18px !important;
    }

    .carousel-caption .btn {
        padding: 11px 22px !important;
        font-size: 12px !important;
        white-space: normal;
    }

    .carousel-control-prev,
    .carousel-control-next {
        width: 10%;
    }

    .service1-wrapper > [class*="col-"] {
        width: 100%;
    }

    .service1-wrapper .service1-box {
        min-height: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .being-body-builder2 {
        padding-top: 58px;
    }

    .being-body-builder2-wrapper .being-content {
        margin-bottom: 10px;
        text-align: left;
    }

    .being-body-builder2-wrapper .being-content h2 {
        font-size: 34px;
        line-height: 1.16;
        margin-bottom: 18px;
    }

    .being-body-builder2-wrapper .being-content > span {
        font-size: 22px;
        letter-spacing: 3px;
        margin-bottom: 10px;
    }

    .being-body-builder2-wrapper .being-content p {
        margin-bottom: 28px;
    }

    .being-body-builder2-wrapper .being-right-img {
        text-align: center;
    }

    .apex-product-categories,
    .apex-why-choose {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .apex-product-card,
    .apex-product-card:nth-child(1),
    .apex-product-card:nth-child(4),
    .apex-product-card:nth-child(5) {
        min-height: 0;
    }

    .apex-product-card > img,
    .apex-product-card:nth-child(1) > img {
        height: 220px;
        object-fit: cover;
    }

    .apex-product-card__content,
    .apex-product-card:nth-child(1) .apex-product-card__content {
        padding: 22px 18px;
    }

    .apex-why-choose__layout {
        gap: 28px;
    }

    .apex-why-choose h2 {
        font-size: 28px;
        line-height: 1.18;
    }

    .apex-why-choose__item {
        align-items: flex-start;
    }

    .apex-why-choose__visual {
        min-height: 360px;
    }

    .apex-why-choose__visual span {
        top: 32px;
        left: 30px;
        font-size: 18px;
    }

    .apex-industries-showcase {
        min-height: 0;
    }

    .apex-industries-showcase__visual {
        min-height: 360px;
    }

    .apex-industries-showcase__content {
        right: 20px;
        bottom: 24px;
        left: 20px;
    }

    .apex-industries-showcase__content h2 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 575px) {
    .container,
    .container-fluid {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .carousel-item,
    .carousel-item > img {
        min-height: 0;
        height: auto;
    }

    .carousel-caption h1,
    .carousel-caption h2 {
        font-size: 24px !important;
    }

    .carousel-caption p {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .apex-why-choose__item {
        display: block;
    }

    .apex-why-choose__item > i {
        margin-bottom: 12px;
    }

    .apex-industries-showcase__list {
        padding: 22px 20px;
    }
}

@media only screen and (max-width: 420px) {
    .carousel-item,
    .carousel-item > img {
        min-height: 0;
        height: auto;
    }

    .carousel-caption {
        right: 15px !important;
        left: 15px !important;
    }

    .carousel-caption h1,
    .carousel-caption h2 {
        font-size: 21px !important;
    }

    .carousel-caption p {
        font-size: 12px !important;
    }

    .being-body-builder2-wrapper .being-content h2,
    .apex-why-choose h2 {
        font-size: 26px;
    }

    .apex-product-card > img,
    .apex-product-card:nth-child(1) > img {
        height: 200px;
    }

    .apex-why-choose__visual,
    .apex-industries-showcase__visual {
        min-height: 320px;
    }
}