@media only screen and (min-width: 1601px) {
    .call-top-box, .time-top-box {
        width: 410px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1220px) {
	.main-nav .navbar-nav {
	    padding-right: 270px;
	}
	.sports-content-block {
	    padding: 10px 25px 10px;
	}
	.sports-sec h3 {
		margin-top: 5px;
	    margin-bottom: 2px;
	    font-size: 20px;
	}
	.sports-sec ul > li {
		margin-bottom: 5px;
	}
	.sports-content-block .default-title {
	    margin-bottom: 10px;
	}
	.sports-sec p {
		margin-bottom: 5px;
	}
	.sports-sec .default-title h2 {
		font-size: 22px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.main-nav {
	    padding-top: 35px;
	    padding-bottom: 35px;
	}
	.time-top-box, .call-top-box {
		display: block;
		width: 320px;
	}
	.main-nav .navbar-nav {
		padding-right: 265px;
	}
	.hero-sec {
		padding: 260px 0 260px;
	}
	.sports-content-block {
	    padding: 10px 25px 10px;
	}
	.sports-sec h3 {
		margin-top: 10px;
	    margin-bottom: 2px;
	    font-size: 20px;
	}
	.sports-sec ul > li {
		margin-bottom: 5px;
	}
	.sports-content-block .default-title {
	    margin-bottom: 10px;
	}
	.sports-sec p {
		margin-bottom: 5px;
	}
	.sports-sec .default-title h2 {
		font-size: 22px;
	}
	.sports-sec {
		margin-bottom: 0px; /*25px*/
		padding-top: 20px; /*40px*/
        padding-bottom: 20px; /*40px*/
	}
	.sports-img-block {
		padding: 0px 15px;
	}
	.contact-sec {
	    padding: 25px 0 50px;
	}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.sports-sec-alt .col-lg-6.sports-img-block {
	    left: 0;
	} 
	.sports-sec-alt .col-lg-6.sports-content-block {
	    right: 0;
	}
	.main-nav {
	    padding-top: 35px;
	    padding-bottom: 35px;
	}
	.hero-sec {
		padding: 260px 0 220px;
	}
	.sports-content-block {
	    padding: 20px 20px 20px;
	}
	.container {
		max-width: 98%;
	}
	.main-nav .navbar-brand {
		top: unset;
		position: initial;
	}
	.main-nav .navbar-brand img {
	    width: auto;
	    position: absolute;
	    top: 0;
	    z-index: 99;
	}
	.main-header .navbar-collapse {
		z-index: 99999;
	}
	.main-nav .navbar-nav {
	    margin: 7.5px 0px 0;
	    padding: 10px 0 0;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		color: #000;
	}
}

@media only screen and (max-width: 767px) {
	.container {
	    max-width: 98%;
	}
	.sports-sec-alt .col-lg-6.sports-img-block {
	    left: 0%;
	}
	.sports-sec-alt .col-lg-6.sports-content-block {
	    right: 0%;
	}
	.hero-sec {
		padding: 220px 0 180px;
	}
	.sports-content-block {
	    padding: 20px 20px 20px;
	}
	.main-footer {
	    padding: 50px 0 40px;
	}
	.main-footer .contact-info-block {
		margin-bottom: 30px;
	}
	.copyright_text {
		margin-top: 10px;
	}
	.main-nav {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.main-nav .navbar-brand {
		top: unset;
		position: initial;
	}
	.main-nav .navbar-brand img {
	    width: auto;
	    position: absolute;
	    top: 0;
	    z-index: 99;
	}
	.main-header .navbar-collapse {
		z-index: 99999;
	}
	.main-nav .navbar-nav {
	    margin: 7.5px 0px 0;
	    padding: 10px 0 0;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		color: #000;
	}
	.board-directors ul {
        padding-left: 0px;
    }
    .board-directors img {
        margin-bottom: 20px;
    }
    .hero-content a {
        margin-bottom: 10px;
    }

}

@media only screen and (max-width: 600px) {
	.hero-content p {
		font-size: 22px;
		line-height: 32px;
	}
	.join-btn {
		padding: 10px 30px !important;
	}
	 .hero-content a.join-btn {
	     padding: 10px 15px !important;
	 }
	    
}

@media only screen and (max-width: 480px) {
	.hero-content p {
	    font-size: 18px;
	    line-height: 28px;
	}
	.hero-content h1 {
	    font-size: 22px;
	}
	.contact-sec {
	    padding: 40px 0 40px;
	}
	.about-sec {
	    padding: 40px 0 40px;
	}
} 

@media only screen and (max-width: 414px) {
	.hero-content p {
	    font-size: 17px;
	    margin-bottom: 20px;
	}
	.hero-content h1 {
	    font-size: 20px;
	}
	.hero-sec {
	    padding: 205px 0 180px;
	}
	.default-title h2 {
	    font-size: 22px;
	}
	.sports-sec h3 {
		font-size: 20px;
	}
}

@media only screen and (max-width: 393px) {
	.hero-content p {
	    font-size: 16px;
	    margin-bottom: 18px;
	}
	.default-title h2 {
		line-height: 32px;
	}
	.default-title {
	    margin-bottom: 20px;
	}
}

@media only screen and (max-width: 375px) {
	.hero-content h1 {
	    font-size: 19px;
	}
	.hero-sec {
	    padding: 205px 0 160px;
	}
}

@media only screen and (max-width: 360px) {
	.hero-content h1 {
	    font-size: 17px;
	}
	.hero-content p {
	    font-size: 16px;
	    letter-spacing: 0px;
	}
	.hero-sec {
	    padding: 200px 0 150px;
	}
	.default-title h2 {
	    font-size: 20px;
	    line-height: 30px;
	}
}

@media only screen and (max-width: 320px) {
	.hero-content h1 {
	    font-size: 16px;
	}
	.hero-content p {
	    font-size: 15px;
	}
	.hero-sec {
	    padding: 200px 0 130px;
	}

}