/* 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;}
    .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;}
    .inner-banner-area .innter-title h2 { padding-bottom: 20px; font-size: 40px;}
    .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; margin-top: 0px;}
    .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%;}
    .inner-banner-area .innter-title h2 { font-size: 30px; padding-top: 60px; padding-bottom: 20px;}
    .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; margin-top: 0px;}
    .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: 10px;}

    .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;}
    .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;}

    .inner-banner-area .innter-title h2 { padding-bottom: 25px; padding-top:75px; font-size: 36px;}
    .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: 10px;}

    .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;}

    .inner-banner-area .innter-title h2 { padding-bottom: 30px;}
    .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%;
    }
    .inner-banner-area .innter-title h2 {
        padding-top: 100px;
    }
    .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
    }
}