
/*  1366px  */
@media all and (max-width: 1479px) {

.home-banner1, .home-banner2, .home-banner3 {height: 630px;}

.home-banner2 {background-position: center center;}

.home-banner3 {background-position: center center;}
	
.bannner-caption {padding-top: 15%;}	

.slider .slide{  height:630px; }	

.social-media-bottom {margin-right: 50px;}

.top-navigation a {    padding: 0px 9px;	}


}




/*  1240px  */
@media all and (max-width: 1339px) {

#mixedSlider2, #mixedSlider4, #mixedSlider44, #mixedSlider444,   .grid-1280 {width:1200px; }	
	
.service-box h3 {    font-size: 18px;}
	
.both-team {    height: 500px;    padding: 100px 0px;	}
	
.sponsors iframe {height: 310px!important}	
	
.small-blog .blog-brief {padding: 15px;}	

.small-blog .blog-brief {width: 68%;}	
	
.small-blog figure {width: 32%;}	
	
.subscribe-box {padding-right: 40px;}	
	
.copyright { background-position: -200% center;}	
	
.bottom-navigation a { padding: 0px 2px 0px 2px;}	
	
.contact-box {height: 320px;}	
	
.contact-boxes {   padding: 0px 0px 30px 0px;}
	
.subscribe-area  {height: 500px;}	
	
.subscribe-box {margin-top: 237px;}	
	
.aboutus, .services, .sponsors, .players, .directors, .blog {    padding: 40px 0px;	}
	
.facts-and-figure {    height: 680px;    padding: 0px;	}

.overlay2 {padding-top: 60px; height: 600px; }

.facts-and-figure {height: auto;}

.both-team .float-left  {margin-left: 50px;}
	
.both-team .float-right  {margin-right: 50px;}	
	
.flip-card-back p {    font-size: 15px;    line-height: 24px;}	
	
.copyright {    background-position: -185% center;}    

.small-blog {margin-bottom: 47px;}

.top-navigation a {    padding: 0px 7px; font-size: 13px;}

.news-stripe h1 {font-size: 12px;}

.social-media-top a {width: 55px; padding: 10px 0px;}

.social-media-top a.last {    width: 60px !important;    margin-right: -9px;}

}









/*  980px  */
@media all and (max-width: 1239px) {

#mixedSlider2, #mixedSlider4, #mixedSlider44, #mixedSlider444,   .grid-1280 {width:940px; }	

.top-navigation {display: none;}

.logo img {    width: 160px;}

.news-stripe strong {margin-left: 165px;}

.news-stripe {background-position: -172px center;}

.social-media-top {top:47px;}

header {height: 95px; background-color:rgba(0,0,0,0.5); }

.responsive-menu-icon {display: block; top:0px; margin-top: 0px; width: 47px; height: 47px; padding: 13px 13px; }

.top-navigation {position: absolute; text-align: left; left: 0px; top:95px;   }  

.top-navigation a {display: block; border-top: 1px solid #333; background-color: #000; line-height: 40px; }

.top-navigation a:hover  {background-color: #222;}

.slider .slide, .home-banner1, .home-banner2, .home-banner3 {height: 400px;}

.bannner-caption {    padding-top: 12%; font-size: 30px;}

.bannner-caption h2 {font-size: 100px; line-height: 100%;}

.bannner-caption em {font-size: 37px;}

h2 {font-size: 30px;}

.flip-card-back {    padding: 10px 20px;}

.flip-card-front img {width: 100px; margin: 150px auto;}

.founder {    padding: 20px 0px 20px 0px;}

.service-box h3 {    font-size: 16px;}

.service-box p {    height: 190px;}

.float-right {    width: 250px;    margin-top: 45px;}

.both-team .float-left {    margin-left: 50px;    width: 184px;    margin-top: 30px;}

.sponsors iframe {    height: 240px !important;}

.both-team {    height: 400px;    padding: 50px 0px;}

#mixedSlider4 .MS-content .item, #mixedSlider44 .MS-content .item,  #mixedSlider444 .MS-content .item {width: 24%;}

.central-broward {height: 450px}

.overlay {    padding-top: 57px;    height: 450px;}

.director-box em {    font-size: 12px;    font-weight: 600;}

.contact-box img {width: 100px;}

.contact-box {    height: 285px;}

.copyright-text {    float: none;    display: block;    letter-spacing: 1px;    text-align: center; font-weight: 400; color: #fff;}

.copyright-text a {font-weight: 400; color: #fff; border-bottom: 1px solid #fff;}

.powered-by {    display: block;    margin-left: 0;    margin-top: 5px;    float: none;    margin-right: 0;    text-align: center;}

.copyright {    background-position: -175% center;}

.big-blog {width: 100%; margin-bottom: 20px; }

.small-blog {width: 100%; margin-bottom: 20px;}

.small-blog figure {    width: 15%;}

.small-blog .blog-brief {    width: 85%;}

.small-blog .blog-brief h4 {height: 40px;}

.aboutus, .services, .sponsors, .players, .directors, .blog {    padding: 20px 0px;}

.big-blog figure { height: 450px;}

.bottom-navigation {    padding: 15px 0px 15px 0px;}

.subscribe-area {background-size:100% auto; height: 400px; }

.subscribe-textbox {width: 240px;}

.subscribe-box {    margin-top: 187px;}

.subscribe-button {    height: 37px;    margin-top: -6px;}


.contact-box {font-size: 14px; height: 260px;}

.overlay2 {    padding-top: 30px;    height: 500px;}    

.facts {padding: 20px 40px;}

.two-boxes {width: 940px;}
    
.bannner-caption {    padding-top: 15%;   }    
	
.both-team img {width: 90%; margin-}	
	
.both-team {padding-bottom: 80px; height: auto;}	
    
}













/*  768px  */
@media all and (max-width: 979px) {

#mixedSlider2, #mixedSlider4, #mixedSlider44, #mixedSlider444,   .grid-1280 {width:720px; }	

.bottom-navigation a {    padding: 5px 10px;}

.contact-box {    width: 48%;    margin: 1%;}

.small-blog .blog-brief {    width: 80%;    height: 128px;}

.small-blog figure {    width: 139px;}

.two-boxes .director-box, .director-box {width: 100%;}

.two-boxes {width: 100%;}

.collapsible {margin-left: 46%;}

.flip-card {    width: 48%; margin: 1% } 

.flip-card {height: 400px;}

.flip-card-front img {    width: 100px;    margin: 100px auto;}

h2 {    font-size: 26px; line-height: 140%; }

h2::after {    width: 40px;    height: 2px; margin: 10px auto;}

.service-box {    width: 100%;}

.service-box p {    height: auto;}

.service-box img {    display: block;    margin: 0px auto;}

.service-box h3 br {display: none;}

.both-team-content {font-size: 26px;}

#mixedSlider2 .MS-content .item {width: 100%;}

.sponsors iframe {    height: 355px !important;}

.copyright {    background-position: -275% center;}

.typed {max-width: 360px!important; display: block; padding-top: 8px; line-height: 120%;}

#example {    height: 50px;    overflow: hidden;    display: inline-block;}

.bannner-caption {    padding-top: 18%;    }

.subscribe-area {background-image: url(../images/subscribe-stripe2.png);}

.subscribe-box {    margin-top: 198px;    text-align: center;}

.subscribe-button {float: none;}

.subscribe-button {    height: 42px;    margin-top: -3px;}

.subscribe-textbox {    width: 272px;}

.subscribe-box {    padding-right: 0px;}

.small-blog .blog-brief h4 {    height: auto;}

.facts {    padding: 20px 30px;}

#mixedSlider4 .MS-content .item, #mixedSlider44 .MS-content .item, #mixedSlider444 .MS-content .item {width: 23.5%;}	
	
#mixedSlider4 .item img {width: 100%;}	
	
}






/*  640px  */
@media all and (max-width: 767px) {

#mixedSlider2, #mixedSlider4, #mixedSlider44, #mixedSlider444,   .grid-1280 {width:600px; }	

.copyright-text {margin: auto; width: 383px;}

.copyright {    background-position: -375% center;}


.small-blog .blog-brief {    width: 74%;    height: 140px;}

.small-blog figure {    width: 153px;}

.subscribe-area {    background-image: url(../images/subscribe-stripe2.png);    background-size: 121%;}

#mixedSlider4 .MS-content .item, #mixedSlider44 .MS-content .item, #mixedSlider444 .MS-content .item {width: 32%;}

.facts {width: 48%; padding: 20px 20px; height: 110px;}

.facts strong {font-size: 24px; line-height: 120%; margin: 0px;}

.sponsors iframe {    height: 290px !important;}

.both-team .float-right {    margin-right: 0;    width: 150px;    margin-top: 40px;}

.both-team .float-left {    margin-left: 20px;    width: 104px;    margin-top: 30px;}

.both-team {    height: auto;    padding: 30px 0px 50px 0;}

.both-team-content {margin-top: 60px;}

.founder-photo {    margin-right: 20px;    width: 200px;}

.typed {    max-width: 250px !important;    display: block;    padding-top: 8px;    : 120%;    font-size: 11px;    font-weight: 400;}
 
 .slider .slide, .home-banner1, .home-banner2, .home-banner3 {    height: 300px;}

.bannner-caption {font-size: 24px;}

.bannner-caption h2 {    font-size: 80px;    line-height: 100%;}

.bannner-caption em {    font-size: 24px;}

#mixedSlider4 .MS-content .item, #mixedSlider44 .MS-content .item {width: 31.5%;}	
	
}










/*  480px  */
@media all and (max-width: 639px) {

#mixedSlider2, #mixedSlider4, #mixedSlider44, #mixedSlider444,   .grid-1280 {width:440px; }	

.bottom-navigation a {    padding: 1px 7px;}

.copyright {    background-position: 100% center;}

.big-blog figure {    height: auto;}

.small-blog figure {    width: 100%;}

.small-blog .blog-brief {    width: 100%;    height: auto;}

#mixedSlider4 .MS-content .item, #mixedSlider44 .MS-content .item, #mixedSlider444 .MS-content .item {width: 48%;}

.central-broward p {font-size: 15px;}

#example {    display: block;    position: fixed;    margin-top: 95px;    margin-left: 0px;    background-color: rgba(0, 0, 0, 0.5);    width: 100%;    padding-left: 10px; height: 45px; }

.news-stripe {background-image: none;}


.bannner-caption {    padding-top: 23%;}

.flip-card-back {    padding: 10px 10px;}

.flip-card-back p {    font-size: 13px;    line-height: 20px;}

.both-team { background-position: center top; background-size: 223%;}

.sponsors iframe {    height: 200px !important;}

.subscribe-area {    background-image: url(../images/subscribe-stripe3.png);    background-size: 480px auto; height: 213px; margin: 30px auto; } 

.subscribe-textbox {    width: 220px; margin-left: 30px;}

.subscribe-box {   margin-top: 93px;    text-align: center;}

.subscribe-button {    height: 48px;    margin-top: 0;}

#sliderh3 {    margin-top: 95px;}

header {    height: 95px;    background-color: #26bc7b;}

.news-stripe {background-color: #000; height: 47px;}

.news-stripe strong {display: block; position: fixed; left: 10px; top:51px; margin: 0px;}

.news-stripe strong::after {content: ''; width: 10px; height: 10px; display: inline-block;  margin-left: 10px; background-image: url(../images/down-small-arrow.png); background-repeat: no-repeat;}

.typed {line-height: 130%;}

.bannner-caption {    padding-top: 19%;}

}
















/*  360px  */
@media all and (max-width: 479px) {

.grid-1280 {width:320px; }	

#mixedSlider2, #mixedSlider4, #mixedSlider44,  #mixedSlider444 {width:360px; }	

.slider .slide, .home-banner1, .home-banner2, .home-banner3 {    height: 500px;}

.bannner-caption {    padding-top: 60%;}

.slider .slider_right {    right: 0px !important;    padding: 0px 10px;}

.slider .slider_left {    left: 0px !important;    padding: 0px 10px;}

h2 {    font-size: 20px;    line-height: 140%;}

.flip-card {    width: 100%;    margin: 2% 0px;}

.flip-card-front img {    width: 100px;    margin: 50px auto;}

.flip-card {    height: 300px;}

.founder-photo {    margin-right: 0;    width: 100%;    margin-bottom: 20px;}

.service-box {margin: 2% 0px;}

.facts {font-size: 12px; line-height: 120%;}

.facts strong {    font-size: 20px;}

.players .text-center {padding: 0px 20px;}

.central-broward p {width: 100%;}

.collapsible {    margin-left: 41%;}

.readmore {float: none; display: block; margin: auto;}

.date {display: block; text-align: center;}

.big-blog .readmore, .small-blog .readmore {float: none; margin:20px auto;}

.small-blog .blog-brief h4 {    height: auto;    text-align: center;}

.copyright-text {    margin: auto;    width: 100%;    letter-spacing: 0;}

.bottom-navigation a {    padding: 1px 2px;}

.contact-box {    width: 100%;    margin: 2% 0px;}

.both-team .float-left {    margin-left: 20px;    width: 60px;    margin-top: 30px;}

.both-team .float-right {    margin-right: 0;    width: 60px;    margin-top: 40px;}

.both-team-content {font-size: 18px; width: 100px; margin-top: 35px;}

.both-team {    height: 250px;}

.sponsors iframe {    height: 160px !important;}

.subscribe-area {background-size: 440px auto; margin: 15px auto;}

.subscribe-textbox {    width: 195px;    margin-left: 25px;}

.subscribe-box {    margin-top: 90px;    text-align: center;}

.subscribe-button {    height: 44px; margin-top: 4px;}
	
.both-team h2 {margin-bottom: 20px;}	
	
.both-team {padding-bottom: 40px; height: auto; padding-top: 20px;}	
	
#mixedSlider4 .MS-content .item, #mixedSlider44 .MS-content .item, #mixedSlider444 .MS-content .item {width: 47%;}	
	
.social-media-top a, .social-media-top a.last {margin-left: 0px;}	

}








