/*

	Theme Name: Grandium - Responsive Hotel Template
	Theme URI: http://www.locotheme.com/grandium-html/
	Description: Responsive Hotel Template
	Version: 1.0
	Author: Loco Theme
	Author URI: http://www.locotheme.com

	- - - - - Contents - - - - -

    01 - Max 1199px
    02 - Max 991px
	03 - Max 767px
	04 - Min 1200px
    05 - Min 992px
	06 - Min 768px

	- - - - - - - - - - - - - -

*/

/*  01 -  Max 1199px
-----------------------------------------------------------*/
@media (max-width: 1199px){

    .widget-title p{
        max-width               : 70vw;
    }

    .widget-rooms-detail .room-booking h2,
    .widget-rooms-detail .room-features h2{
        font-size               : 28px;
    }

    .widget-contact-form{
        padding-top             : 40px;
        margin-top              : 100px;
    }
    .widget-contact-form:after{
        display                 : none;
    }

    .site-header .header-bottom{
        min-height              : inherit;
        padding-bottom          : 60px;
    }
    .site-header .header-bottom .header-logo{
        position                : relative;
        top                     : 0;
        left                    : 0;
        width                   : 100%;
        text-align              : center;
        -webkit-transform       : none;
           -moz-transform       : none;
            -ms-transform       : none;
             -o-transform       : none;
                transform       : none;
    }
    .site-header .header-bottom .header-logo img{
        max-width               : 220px;
    }
    .site-header .header-bottom .header-nav{
        display                 : none;
        padding-top             : 40px;
        margin-left             : -60px;
        margin-right            : -60px;
        text-align              : left;
    }
    .site-header .header-bottom .header-nav ul li a{
        padding                 : 0 40px;
        text-align              : center;
    }
    .site-header .header-bottom .header-nav ul li.sub:after{
        position                : absolute;
        top                     : 12px;
        right                   : 20px;
        content                 : "\f107";
        display                 : inline-block;
        font                    : normal normal normal 14px/1 FontAwesome;
        font-size               : 18px;
        color                   : #828b9d;
        text-rendering          : auto;
        -webkit-font-smoothing  : antialiased;
        -moz-osx-font-smoothing : grayscale;
    }
    .site-header .header-bottom .header-nav > ul{
        display                 : block;
    }
    .site-header .header-bottom .header-nav > ul > li{
        float                   : none;
    }
    .site-header .header-bottom .header-nav > ul > li.sub > ul{
        width                   : 100%;
        position                : static;
        top                     : auto;
        left                    : auto;
    }
    .site-header .header-bottom .header-nav > ul > li.sub:before,
    .site-header .header-bottom .header-nav > ul > li.sub:hover:before{
        display                 : none;
    }
    .site-header .header-bottom .header-nav > ul > li.sub ul li a{
        text-align              : center;
    }
    .site-header .header-bottom .header-nav > ul > li.sub ul li ul{
        position                : static;
        top                     : auto;
        left                    : auto;
    }
    .site-header .header-bottom .header-nav > ul.nav-left{
        padding-right           : 0;
    }
    .site-header .header-bottom .header-nav > ul.nav-right{
        padding-left            : 0;
    }
    .site-header .header-bottom .header-toggle{
        display                 : inline-block;
    }
    .site-header.nav-open{
        background              : #fff;
    }
    .site-header.nav-open .header-bottom .header-nav{
        display: block;
    position: fixed;
    z-index: 999;
    background: rgba(26,50,80,0.95);
    width: 100%;
    margin: 70px 0 0;
    height: 100vh;
	padding-top:0;
    }
	.bookcourt a {width:100%}
	.site-header .header-bottom .header-nav > ul > li.sub ul li a {color:#19314F; padding:0 0;}

	.site-header .header-bottom .header-nav ul li a {color:#fff;}
	.site-header .header-bottom .header-nav > ul > li {border-bottom:1px solid #446592}


    .site-footer .footer-top:before{
        display                 : none;
    }
    .site-footer .footer-top div[class*="col-"],
    .site-footer .footer-top div[class*="col-"]:last-child{
        text-align              : center;
        margin-top              : 40px;
    }
    .site-footer .footer-top div[class*="col-"]:first-child{
        margin-top              : 0;
    }
    .site-footer .footer-top .widget-social-icons ul{
        display                 : inline-block;
    }
	.court-status {height: auto; text-align: center; padding: 10px 0px 0;}
	.status-header, .status-message {float:none;}
	.status {margin-top: 7px;width: 50%;}
	.coach-img._1 {margin-top:30px}


	.widget-blog-carousel .owl-carousel .owl-item {float:left; width:47% !important}
	.widget-blog-carousel .owl-carousel .owl-stage {width:100% !important}


}

/*  02 -  Max 991px
-----------------------------------------------------------*/
@media (max-width: 991px){
    .wrapper,
    .wrapper-inner{
        padding-left            : 20px;
        padding-right           : 20px;
    }

    .widget-slider .widget-carousel .owl-nav .owl-prev{
        left                    : 40px;
    }
    .widget-slider .widget-carousel .owl-nav .owl-next{
        right                   : 40px;
    }
    .widget-slider.has-rooms .slider-booking{
        display                 : none;
    }

    .widget-about-promo{
        background-image        : none !important;
    }

    .widget-about-grid .widget-inner{
        display                 : block;
        -webkit-flex-flow       : none;
        flex-flow               : none;
        margin                  : 0;
    }
    .widget-about-grid .widget-inner .widget-item{
        width                   : 100%;
        -webkit-flex            : none;
        flex                    : none;
        padding                 : 0;
        margin-bottom           : 100px;
    }
    .widget-about-grid .widget-inner .widget-item:last-child{
        margin-bottom           : 0;
    }

    .widget-rooms-list .rooms-item{
        padding-left            : 0;
        padding-right           : 0;
    }
    .widget-rooms-list .rooms-item .item-photo{
        position                : static;
        top                     : auto;
        left                    : auto;
        width                   : 100%;
    }
    .widget-rooms-list .rooms-item .item-photo a{
        padding-top             : 100%;
        height                  : auto;
    }
    .widget-rooms-list .rooms-item .item-price{
        top                     : 20px;
        right                   : 20px;
        width                   : auto;
        height                  : inherit;
        border-left             : 0;
        background-color        : #fff;
    }
    .widget-rooms-list .rooms-item .item-price:after{
        display                 : none;
    }
    .widget-rooms-list .rooms-item .item-price .price-inner{
        position                : static;
        top                     : inherit;
        padding                 : 40px;
        -webkit-transform       : none;
           -moz-transform       : none;
            -ms-transform       : none;
             -o-transform       : none;
                transform       : none;
    }

    .widget-rooms-detail .room-booking,
    .widget-rooms-detail .room-features{
        margin-top              : 50px;
    }
    .widget-rooms-detail .room-booking h2,
    .widget-rooms-detail .room-features h2{
        font-size               : 42px;
    }

    .widget-offers-grid .offers-item{
        width                   : 100%;
        float                   : none;
        margin-bottom           : 40px;
    }
    .widget-offers-grid .offers-item .item-inner{
        padding-top             : 0;
    }
    .widget-offers-grid .offers-item .item-inner .item-photo{
        width                   : 40%;
    }
    .widget-offers-grid .offers-item .item-inner .item-desc{
        position                : relative;
        width                   : 100%;
        padding                 : 40px;
        padding-left            : calc(40% + 30px);
    }
    .widget-offers-grid .offers-item .item-inner .item-desc .btn-link{
        position                : relative;
        padding                 : 0;
        left                    : inherit;
        bottom                  : inherit;
        height                  : auto;
        line-height             : normal;
        margin-top: 20px;
    }
    .widget-offers-grid .offers-item .item-inner .item-desc .btn-link:before{
        display                 : none;
    }
    .widget-offers-grid .offers-item:first-child{
        padding-left            : 0;
    }
    .widget-offers-grid .offers-item:nth-child(4n) .item-inner .item-photo,
    .widget-offers-grid .offers-item:nth-child(4n+1) .item-inner .item-photo{
        left                    : 0;
        right                   : inherit;
    }
    .widget-offers-grid .offers-item:nth-child(4n) .item-inner .item-desc,
    .widget-offers-grid .offers-item:nth-child(4n+1) .item-inner .item-desc{
        right                   : inherit;
        left                    : inherit;
    }
    .widget-offers-grid .offers-item:last-child{
        margin-bottom           : 0;
    }
    .widget-offers-grid .offers-item:last-child:before{
        display                 : none;
    }
    .widget-offers-grid .wrapper-inner{
        padding-bottom          : 100px;
    }

    .widget-services-list .services-item .item-photo{
        position                : relative;
        width                   : 100%;
        padding-top             : 100%;
    }
    .widget-services-list .services-item .item-photo:after{
        display                 : none;
    }
    .widget-services-list .services-item .item-photo .photo-small{
        bottom                  : 0;
        right                   : 0;
        border-width            : 30px;
        -webkit-box-shadow      : none;
           -moz-box-shadow      : none;
                box-shadow      : none;
    }
    .widget-services-list .services-item .item-desc{
        padding-left            : 60px;
        padding-top             : 40px;
    }

    .widget-services-list .services-item:nth-child(even) .item-photo .photo-small{
        left                    : 0;
    }
    .widget-services-list .services-item:nth-child(even) .item-desc{
        padding-right           : 60px;
    }

    .widget-booking-form .booking-detail{
        margin-top              : 100px;
    }

    .widget-blog-sidebar{
        margin-top              : 100px;
    }

    .site-header .header-bottom .header-nav{
        margin-left             : -40px;
        margin-right            : -40px;
    }

    .site-footer .footer-bottom .footer-contact ul li,
    .site-footer .footer-bottom .footer-nav ul li{
        float                   : none;
        margin-bottom           : 10px;
    }
    .site-footer .footer-bottom .footer-contact ul li:last-child,
    .site-footer .footer-bottom .footer-nav ul li:last-child{
        margin-bottom           : 0;
    }
	.court-status {height: auto; text-align: center; padding: 10px 0px 0;}
	.status-header, .status-message {float:none;}
	.status {margin-top: 7px;width: 50%;}
	.coach-img._1 {margin-top:30px}

	.widget-blog-carousel .owl-carousel .owl-item {float:none; width:100% !important}
	.widget-blog-carousel .owl-carousel .owl-item {float:none; width:100% !important; display:none;}
	.widget-blog-carousel .owl-carousel .owl-item:first-child, .widget-blog-carousel .owl-carousel .owl-item:nth-child(2), .widget-blog-carousel .owl-carousel .owl-item:nth-child(3) {display:block}

	.coach-staff {width:calc(100%/2 - 20px); display:inline-block}
}

/*  03 -  Max 767px
-----------------------------------------------------------*/
@media (max-width: 767px){
    .wrapper-inner,
    .wrapper-full-inner{
        padding-top             : 40px;
        padding-bottom          : 40px;
    }

    .wrapper-full .widget-title,
    .wrapper-full-inner .widget-title{
        padding-left            : 40px;
        padding-right           : 40px;
    }

    .widget-title{
        margin-bottom           : 40px;
		padding: 0 40px;
    }
    .widget-title h2{
        font-size               : 34px;
    }
    .widget-title p{
        max-width               : 100%;
        font-size               : 15px;
        line-height             : 24px;
        margin-top              : 20px;
    }

    .widget-newsletter{
        width                   : 100%;
    }

    .widget-contact-info{
        text-align              : center;
    }

    .widget-contact-form{
        padding                 : 20px;
        margin-top              : 40px;
        text-align              : center;
    }
    .widget-contact-form .btn{
        display                 : block;
        width                   : 100%;
    }

    .widget-contact-review{
        margin-top              : 40px;
    }

    .widget-google-map .map-title{
        -webkit-transform       : translate(-50%, 0%);
           -moz-transform       : translate(-50%, 0%);
            -ms-transform       : translate(-50%, 0%);
             -o-transform       : translate(-50%, 0%);
                transform       : translate(-50%, 0%);
    }

    .widget-breadcrumb{
        display                 : none;
    }

    .widget-pager{
        margin-top              : 40px;
    }

    .widget-page-title{
        text-align              : center;
    }
    .widget-page-title h5,
    .widget-page-title h1,
    .widget-page-title p{
        width                   : 100%;
        margin-top              : 20px;
    }
    .widget-page-title h1{
        font-size               : 34px;
    }
    .widget-page-title p{
        font-size               : 14px;
        line-height             : 26px;
    }
    .widget-page-title .widget-background{

    }
    .widget-page-title .wrapper-inner{
        padding: 30px;
    	background: rgba(0,0,0,0.6);
    }
    .widget-page-title .widget-breadcrumb {
		margin-bottom:0px}

    .widget-filter-top{
        margin-bottom           : 40px;
    }
    .widget-filter-top ul li{
        float                   : none;
        margin-right            : 0;
    }
    .widget-filter-top ul li a{
        width                   : 100%;
        text-align              : center;
    }
    .widget-filter-top ul li:last-child{
        margin-bottom           : 0;
    }

    .widget-slider .widget-carousel .slider-item{
        padding-top             : 30px;
    }
    .widget-slider .widget-carousel .slider-item .item-inner{
        padding-left: 0;
        padding-right: 0;
    }
    .widget-slider .widget-carousel .slider-item .item-inner h1{
        font-size               : 42px;
        margin-bottom           : 10px;
    }
    .widget-slider .widget-carousel .slider-item .item-inner h2{
        font-size               : 24px;
    }
    .widget-slider .widget-carousel .owl-nav{
        display:none;
    }
    .widget-slider .widget-carousel .owl-nav [class*="owl-"]{
        position                : static;
        top                     : inherit;
        margin                  : 0 10px;
    }
    .widget-slider .widget-carousel .owl-nav .owl-prev{
        left                    : auto;
    }
    .widget-slider .widget-carousel .owl-nav .owl-next{
        left                    : auto;
    }

    .widget-about-promo .widget-inner h2,
    .widget-about-promo .widget-inner h5{
        text-align              : center;
    }
    .widget-about-promo .widget-inner h2{
        font-size               : 34px;
        margin-bottom           : 40px;
    }
    .widget-about-promo .widget-inner p{
        font-size               : 14px;
        line-height             : 26px;
        margin-bottom           : 40px;
    }
    .widget-about-promo .widget-inner .btn{
        display                 : block;
        width                   : 100%;
        margin-top              : 40px;
    }

    .widget-about-grid .widget-inner .widget-item{
        margin-bottom           : 40px;
    }
    .widget-about-grid .widget-inner .widget-item h2,
    .widget-about-grid .widget-inner .widget-item h5{
        text-align              : center;
    }

    .widget-history-timeline ul:after{
        display                 : none;
    }
    .widget-history-timeline ul{
        padding                 : 0;
    }
    .widget-history-timeline ul li{
        text-align              : center;
        margin-bottom           : 40px;
    }
    .widget-history-timeline ul li:after{
        display                 : none;
    }
    .widget-history-timeline ul li h5{
        position                : static;
        top                     : inherit;
        max-width               : 100%;
        margin-top              : 0;
        margin-bottom           : 5px;
    }
    .widget-history-timeline ul li:nth-child(odd){
        padding-left            : 0;
    }
    .widget-history-timeline ul li:nth-child(odd) h5{
        left                    : inherit;
    }
    .widget-history-timeline ul li:nth-child(even){
        padding-right           : 0;
        text-align              : center;
    }
    .widget-history-timeline ul li:nth-child(even) h5{
        right                   : inherit;
    }
    .widget-history-timeline ul li:nth-child(even) h5{
        right                   : inherit;
    }

    .widget-offers-grid .offers-item .item-inner .item-photo{
        position                : relative;
        width                   : 100%;
        padding-top             : 100%;
    }
    .widget-offers-grid .offers-item .item-inner .item-desc{
        padding                 : 20px;
        text-align              : center;
    }
    .widget-offers-grid .wrapper-inner{
        padding-bottom          : 40px;
    }

    .widget-features-grid .features-item{
        border-width            : 10px;
    }
    .widget-features-grid .features-item a{
        padding                 : 60px 20px 20px;
    }
    .widget-features-grid .features-item h3{
        margin-bottom           : 0;
        text-align              : center;
    }
    .widget-features-grid .features-item p{
        display                 : none;
    }

    .widget-rooms-carousel .rooms-item .item-desc{
        padding                 : 20px 20px 40px;
    }

    .widget-rooms-list .rooms-item .item-desc{
        padding                 : 20px;
        text-align              : center;
    }
    .widget-rooms-list .rooms-item .item-desc p{
        font-size               : 14px;
        line-height             : 26px;
    }
    .widget-rooms-list .rooms-item .item-desc .desc-features ul li{
        float                   : none;
        width                   : 100%;
        text-align              : left;
    }
    .widget-rooms-list .rooms-item .item-price{
        position                : static;
        top                     : auto;
        right                   : auto;
        padding                 : 20px;
        border-top              : 1px solid #e1e1e1;
    }
    .widget-rooms-list .rooms-item .item-price .price-inner{
        padding                 : 0;
    }

    .widget-rooms-detail .room-slider a{
        height                  : 300px;
    }
    .widget-rooms-detail .room-slider .room-price{
        font-size               : 18px;
    }
    .widget-rooms-detail .room-slider .room-price small{
        top                     : -1px;
    }
    .widget-rooms-detail .room-thumbnails{
        display                 : none;
    }
    .widget-rooms-detail .room-booking h2,
    .widget-rooms-detail .room-features h2{
        font-size               : 28px;
    }
    .widget-rooms-detail .room-booking,
    .widget-rooms-detail .room-features{
        padding                 : 20px;
        margin-top              : 40px;
    }

    .widget-services-list .services-item{
        margin-bottom           : 50px;
    }
    .widget-services-list .services-item .item-photo .photo-big{
        border-width            : 20px;
    }
    .widget-services-list .services-item .item-photo .photo-small{
        display                 : none;
    }
    .widget-services-list .services-item .item-photo .btn{
        left                    : 20px;
        right                   : 20px;
        bottom                  : 20px;
    }
    .widget-services-list .services-item .item-desc{
        text-align              : center;
        padding                 : 5px 20px 20px 20px;
    }
    .widget-services-list .services-item .item-desc h2,
    .widget-services-list .services-item .item-desc h5{
        text-align              : center;
    }
    .widget-services-list .services-item .item-desc h2{
        margin-bottom           : 20px;
        font-size               : 28px;
    }
    .widget-services-list .services-item .item-desc p{
        font-size               : 14px;
        line-height             : 26px;
    }
    .widget-services-list .services-item:nth-child(even) .item-photo .btn{
        left                    : 20px;
        right                   : 20px;
        bottom                  : 20px;
    }
    .widget-services-list .services-item:nth-child(even) .item-desc{
        padding                 : 5px 20px 20px 20px;
    }

    .widget-gallery-carousel .widget-carousel:before,
    .widget-gallery-carousel .widget-carousel:after{
        display                 : none;
    }
    .widget-gallery-carousel .widget-carousel .owl-item.center .gallery-item a{
        top                     : 0;
        bottom                  : 0;
        left                    : 0;
        right                   : 0;
        border                  : 0 solid #fff;
        -webkit-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
           -moz-box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
                box-shadow      : 0px 0px 30px 0px rgba(33, 30, 25, 0.2);
    }
    .widget-gallery-carousel .widget-carousel .owl-nav .owl-prev{
        left                    : 0;
    }
    .widget-gallery-carousel .widget-carousel .owl-nav .owl-next{
        right                   : 0;
    }

    .widget-blog-carousel .blog-item .item-desc{
        text-align              : center;
    }

    .widget-blog-list .blog-item{
        padding-left: 0;
    }
    .widget-blog-list .blog-item .item-media{
        position                : relative;
        top                     : inherit;
        left                    : inherit;
        width                   : 100%;
        height                  : auto;
        padding-top             : 100%;
    }
    .widget-blog-list .blog-item .item-media:after{
        display                 : none;
    }
    .widget-blog-list .blog-item .item-desc{
        padding                 : 5px 20px 20px 20px;
        text-align              : center;
    }
    .widget-blog-list .blog-item .item-desc h2{
        font-size               : 24px;
    }
    .widget-blog-list .blog-item .item-desc h5{
        line-height             : 20px;
    }

    .widget-blog-single .single-detail{
        padding                 : 20px;

    }
    .widget-blog-single .single-detail .detail-head{
        padding                 : 20px;
        margin-top              : -20px;
        margin-left             : -20px;
        margin-right            : -20px;
        line-height             : 20px;
    }
    .widget-blog-single .single-comments{
        padding                 : 20px;
    }
    .widget-blog-single .single-comments .comments-list .comment{
        padding-left            : 0;
    }
    .widget-blog-single .single-comments .comments-list .comment .comment-avatar{
        display                 : none;
    }
    .widget-blog-single .single-comments .comments-form{
        padding-top             : 30px;
    }
    .widget-blog-single .single-comments .comments-form .btn{
        display                 : block;
        width                   : 100%;
    }

    .widget-blog-sidebar{
        margin-top              : 20px;
		margin-bottom:0px;
    }

    .widget-booking-form .booking-form,
    .widget-booking-form .booking-complete,
    .widget-booking-form .booking-detail{
        padding                 : 20px;
    }
    .widget-booking-form .booking-form h2 + p{
        margin-bottom           : 20px;
    }
    .widget-booking-form .booking-form .btn{
        display                 : block;
        width                   : 100%;
    }
    .widget-booking-form .booking-form .data-form div[class*="col-"]:last-child{
        margin-bottom           : 0;
    }
    .widget-booking-form .booking-detail{
        margin-top              : 40px;
    }
    .widget-booking-form .booking-help{
        margin-top              : 40px;
        padding                 : 20px;
    }
    .widget-booking-form .booking-help h3{
        font-size               : 18px;
    }

    .site-header .header-top{
        display                 : none;
    }
    .site-header .header-bottom{
        padding-top             : 0;
		height: 70px;
    }
	.site-header .header-bottom .header-logo {
		margin: 16px 15px 0;
   		width: 195px;
	}
    .site-header .header-bottom .header-toggle{
		right: 10px;
		top: 7px;
		background: #fff;
		font-size: 21px;
    }

    .court-status {height: auto;text-align: center;padding: 10px 0px 0;flex-direction: column;}
	.status-header, .status-message {float:none;width: 95%;}
	.status {margin-top: 7px;width: 50%;}
	.main-fixed {margin-top:135px;}

	.coach-item {width: 100%; margin: 10px 0; text-align: center; float: none;}
	.coach-item-desc {height:auto; padding-bottom: 50px;}

	.cta {text-align: center; padding: 0; height: auto; margin-top: 0;}
	.cta .btn, .cta-message {float:none}
	.section-blue .wrapper-inner {padding:20px 40px;}

	.coaching-detail .widget-title, .about-detail .widget-title {text-align:center; padding:0;}
	.widget-title {text-align:center; padding:0;}
	.coach-img._1 {margin-top:30px}


	.widget-blog-carousel .wrapper-inner {padding:40px 0 0}
	.widget-blog-carousel .owl-carousel .owl-item {float:none; width:100% !important; display:none;}
	.widget-blog-carousel .owl-carousel .owl-item:first-child, .widget-blog-carousel .owl-carousel .owl-item:nth-child(2), .widget-blog-carousel .owl-carousel .owl-item:nth-child(3) {display:block}
	.widget-blog-carousel .owl-carousel .owl-stage {width:100% !important}
	.widget-blog-carousel .blog-item .item-desc {padding:30px}
	.widget-blog-carousel .blog-item .item-desc .btn-link {position:relative; padding:30px;}
	.widget-blog-carousel .blog-item .item-media .media-photo a {height:240px}
	.widget-blog-carousel .blog-item .item-media .media-photo a {padding-top:30%}

	.widget-slider .widget-carousel .slider-item {height:280px; text-align:center; padding: 50px 0;}
	.widget-slider .widget-carousel .slider-item .item-inner h5 {font-size:11px}
	.widget-slider .widget-carousel .slider-item .item-inner h1 {font-size:34px}
	.widget-slider .widget-carousel .slider-item .btn {height: 50px; line-height: 50px; padding: 0 20px 0; font-size:15px; margin-right:8px; margin-top:15px;}
	.widget-slider .widget-carousel .slider-item .btn i {display:none}
	.widget-slider .widget-carousel .slider-item:after {background-color: rgba(0, 0, 0, 0.6);}
	.widget-slider .widget-carousel .owl-dots {display:none;}

	.home-coaching {padding-bottom:0}
	.home-coaching .wrapper-inner {padding: 40px 0}
	.coach-box {width:100%;}
	.coach-box-label {position: relative; margin: 40px 0 0; left: 0; display: inline-block;}
	.coach-box-content {height:auto;}

	.pro-shop .wrapper-inner {padding:40px 0}
	.racquet .pro-shop-item, .shoes .pro-shop-item, .bags .pro-shop-item {width:calc(100%/2 - 10px)}
	.string .pro-shop-item {width:100%}
	.tennis-brands {margin-top:10px}
	.tennis-brands img {width:200px; margin: 0px 0 10px;}
	.about-detail .widget-title {padding:40px; margin:0;}

	.blog-single .wrapper-inner, .blog-single .col-md-9, .blog-single .col-md-3 {padding:0}
	.blog-single .row {margin:0}
	.blog-single .media-photo a {height:290px}
	.blog-single .media-photo h2 {text-align:center; margin-top:-200px;}
	.blog-single .detail-content {padding:0 20px}

	.blog-list .wrapper-inner, .blog-list .col-md-9, .blog-list .col-md-3 {padding:0}
	.blog-list .row {margin:0}
	.blog-list .widget-blog-list .blog-item .item-media {padding-top:50%}
	.blog-list .widget-blog-list .blog-item .item-desc {padding-top:20px}

	.about .wrapper-inner {padding:0 0 40px;}
	.image-gallery-img._1, .image-gallery-img._2, .image-gallery-img._3 {width:100%; margin: 0 0 10px}
	.image-gallery-img._1 {height:580px}
	.image-gallery-img._2, .image-gallery-img._3 {height: 285px;}
	.image-gallery-full {height:auto; margin:0;}

	.coach-staff {width:100%; display:inline-block}

	#coach-modal .popup-container {overflow:visible; height: 100vh; text-align:center; width:100%; border-radius:0; padding-top:30px;	}
	.coach-image {padding: 0; overflow: hidden; height: 200px; width: 200px; border-radius: 130px; margin: 0 auto;}
	.coach-background:after {left:0;}

	.contact-footer .wrapper-full {display:none}
	.contact-footer .wrapper-inner {position:relative; margin:0;}
	.contact-footer .widget-contact-form {width:100%; padding:40px  0}

	.chta-footer {border-top:1px solid #446592}
	.main-footer ul li {float:none}
	.sub-footer ul li {float:none; border:0; margin-bottom:10px;}

	.hdta-widget {margin-top:0; text-align: center; padding: 10px;}
	.hdta-logo {float:none; margin:0}
	.hdta-text {width:100%; padding:0 20px;}
	.hdta-widget .btn {margin:10px 0 20px; float:none;}

	.btn-phone {width:100%}

	.popup-container {height: 100vh; width:100%; border-radius: 0; overflow: visible; padding:40px; text-align: center}
	.coach-background{margin:20px 0;}

  .courtstatus {width: 100%;}

}

/*  04 -  Min 1800px
-----------------------------------------------------------*/
@media (max-width: 1800px){
	.status-message {}
	.court-status {}
	.site-header .header-bottom .header-nav ul li
	a {font-size: 1.1em;}
}

/*  04 -  Min 1200px
-----------------------------------------------------------*/
@media (max-width: 1600px){
	.status-message {}
	.court-status {}
}

/*  04 -  Min 1200px
-----------------------------------------------------------*/
@media (max-width: 1200px){
	.status-message {/* width:55% */}
	.court-status {height:auto;}

}

/*  05 -  Min 992px
-----------------------------------------------------------*/
@media (min-width: 992px){
	.site-header .header-bottom .header-nav ul li
	a {font-size: 1em;}
}

/*  06 -  Min 768px
-----------------------------------------------------------*/
@media (min-width: 768px){

}