@charset "utf-8";





/* --------------------------------------------------------------------------------------------- */
/* -------------------- Team Logo styling ----------------------------------------------------- */

.nba-team-logo-small .thumb-inner{ width: 35px; height: 35px; background: url(../images/team_logos-35x35.png) top left no-repeat; font-size: 0px; overflow: hidden;}

.nba-team-logo-small .BOS { background-position: 0 0 !important; color: #058847;}
.nba-team-logo-small .BOS.game-over { background-position: -35px 0 !important;}

.nba-team-logo-small .BKN { background-position: 0 -35px !important; color: #fff;}
.nba-team-logo-small .BKN.game-over { background-position: -35px -35px !important;}

.nba-team-logo-small .NYK { background-position: 0 -70px !important; color: #f78326;}
.nba-team-logo-small .NYK.game-over { background-position: -35px -70px !important;}

.nba-team-logo-small .PHI { background-position: 0 -105px !important; color: #f20d47;}
.nba-team-logo-small .PHI.game-over { background-position: -35px -105px !important;}

.nba-team-logo-small .TOR { background-position: 0 -140px !important; color: #d21043;}
.nba-team-logo-small .TOR.game-over { background-position: -35px -140px !important;}

.nba-team-logo-small .DAL { background-position: 0 -175px !important; color: #0053bc;}
.nba-team-logo-small .DAL.game-over { background-position: -35px -175px !important;}

.nba-team-logo-small .HOU { background-position: 0 -210px !important; color: #d40d39;}
.nba-team-logo-small .HOU.game-over { background-position: -35px -210px !important;}

.nba-team-logo-small .MEM { background-position: 0 -245px !important; color: #345680;}
.nba-team-logo-small .MEM.game-over { background-position: -35px -245px !important;}

.nba-team-logo-small .NOP { background-position: 0 -280px !important; color: #01245a;}
.nba-team-logo-small .NOP.game-over { background-position: -35px -280px !important;}

.nba-team-logo-small .SAS { background-position: 0 -315px !important; color: #000;}
.nba-team-logo-small .SAS.game-over { background-position: -35px -315px !important;}

.nba-team-logo-small .CHI { background-position: 0 -350px !important; color: #d40d39;}
.nba-team-logo-small .CHI.game-over { background-position: -35px -350px !important;}

.nba-team-logo-small .CLE { background-position: 0 -385px !important; color: #991736;}
.nba-team-logo-small .CLE.game-over { background-position: -35px -385px !important;}

.nba-team-logo-small .DET { background-position: 0 -420px !important; color: #f20d47;}
.nba-team-logo-small .DET.game-over { background-position: -35px -420px !important;}

.nba-team-logo-small .IND { background-position: 0 -455px !important; color: #01245a;}
.nba-team-logo-small .IND.game-over { background-position: -35px -455px !important;}

.nba-team-logo-small .MIL { background-position: 0 -490px !important; color: #023c06;}
.nba-team-logo-small .MIL.game-over { background-position: -35px -490px !important;}

.nba-team-logo-small .DEN { background-position: 0 -525px !important; color: #ffbc1f;}
.nba-team-logo-small .DEN.game-over { background-position: -35px -525px !important;}

.nba-team-logo-small .MIN { background-position: 0 -560px !important; color: #058847;}
.nba-team-logo-small .MIN.game-over { background-position: -35px -560px !important;}

.nba-team-logo-small .OKC { background-position: 0 -595px !important; color: #e7651f;}
.nba-team-logo-small .OKC.game-over { background-position: -35px -595px !important;}

.nba-team-logo-small .POR { background-position: 0 -630px !important; color: #991736;}
.nba-team-logo-small .POR.game-over { background-position: -35px -630px !important;}

.nba-team-logo-small .UTA { background-position: 0 -665px !important;color: #0d3465;}
.nba-team-logo-small .UTA.game-over { background-position: -35px -665px !important;}

.nba-team-logo-small .ATL { background-position: 0 -700px !important; color: #e12b46;}
.nba-team-logo-small .ATL.game-over { background-position: -35px -700px !important;}

.nba-team-logo-small .CHA { background-position: 0 -735px !important; color: #0a6696;}
.nba-team-logo-small .CHA.game-over { background-position: -35px -735px !important;}

.nba-team-logo-small .MIA { background-position: 0 -770px !important; color: #991736;}
.nba-team-logo-small .MIA.game-over { background-position: -35px -770px !important;}

.nba-team-logo-small .ORL { background-position: 0 -805px !important; color: #0479c7;}
.nba-team-logo-small .ORL.game-over { background-position: -35px -805px !important;}

.nba-team-logo-small .WAS { background-position: 0 -840px !important; color: #d40d39;}
.nba-team-logo-small .WAS.game-over { background-position: -35px -840px !important;}

.nba-team-logo-small .GSW { background-position: 0 -875px !important; color: #0168b6;}
.nba-team-logo-small .GSW.game-over { background-position: -35px -875px !important;}

.nba-team-logo-small .LAC { background-position: 0 -910px !important; color: #0168b6;}
.nba-team-logo-small .LAC.game-over { background-position: -35px -910px !important;}

.nba-team-logo-small .LAL { background-position: 0 -945px !important; color: #4b1a83;}
.nba-team-logo-small .LAL.game-over { background-position: -35px -945px !important;}

.nba-team-logo-small .PHX { background-position: 0 -980px !important; color: #e7651f;}
.nba-team-logo-small .PHX.game-over { background-position: -35px -980px !important;}

.nba-team-logo-small .SAC { background-position: 0 -1015px !important; color: #333390;}
.nba-team-logo-small .SAC.game-over { background-position: -35px -1015px !important;}

.nba-team-logo-small .NOH { background-position: 0 -280px !important; color: #0a6696;}
.nba-team-logo-small .NOH.game-over { background-position: -35px -280px !important;}

/*31 teams*/
/* -------------------- Team Logo styling ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
.schedule-modal .info-col .logo-section ul li h6.mobile-team-name { display: none;}
.month-filter-mobile {  display: none;}


/*====tickets page form section fixing====*/
form.form p.submit { margin: 10px 0 0 8px !important; padding: 0;}
.mobile-add {  display: none;}

@media only screen and (max-width: 767px){
.desktop-add { display: none;}
.mobile-add {  display: block;}

}

/*====tickets page form section fixing====*/


/*====404 page design  and responsive=====*/



.page-404 .heading-404 .inner h4 {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 60px;
}
.page-404 .tstat-banner-section h1 span.outline-text {
    padding-right: 0;
    text-align: left;
}
.page-404 .tstat-banner-section .row {
    height: 100vh;
    -ms-flex-align: center;
    align-items: normal;
}
.page-404 .tstat-banner-section .row .fr-left-col {
    display: flex;
    align-items: center;
}
.page-404 .tstat-banner-section .row .fr-right-col {
    display: flex;
    align-items: flex-end;
}
.image-panel-404 img {
    height: 85vh;
    max-width: none;
}



@media only screen and (max-width: 1500px){
    .page-404 .heading-404 .inner h4 {  font-size: 40px;}
}

@media only screen and (max-width: 1279px){
    .page-404 .heading-404 .inner h4 {  font-size: 30px;}
}


@media only screen and (max-width: 1000px){

    .page-404 .tstat-banner-section .row .fr-left-col, .page-404 .tstat-banner-section .row .fr-right-col { -ms-flex: 0 0 50%; flex: 100%;  max-width: 100%; justify-content: center;}
    .image-panel-404 img{ margin: 0 auto;  height: 60vh;}
    .page-404 .tstat-banner-section h1 span.outline-text { padding-right: 0; text-align: center; margin-bottom: 20px;}
    .page-404 .tstat-banner-section .row .fr-left-col { align-items: flex-end;}
    .page-404 .tstat-banner-section h1 {  font-size: 80px;}
    .page-404 .heading-404 .inner h4{text-align: center;}

}
@media only screen and (max-width: 767px){

    .page-404 .heading-404 .inner h4 {  text-align: center; margin-bottom: 0; font-size: 25px;}
    .image-panel-404 img { margin: 0 auto;  height: 50vh;}



}
@media only screen and (max-width: 370px){
 .page-404 .heading-404 .inner h4 {  font-size: 20px;}

}







/*====404 page design=====*/


/*====sponsor logo positioning on all pages====*/
/**/
.Schedule-ttl.sponsor-section { position: absolute; top: 15px;  right: 15px;}
/**/

/**/
.all-player-spn.sponsor-section { text-align: right; margin: 6% 0 0 0; position: absolute;  right: 0; width: 247px;}
.container.player-spon-wrap { position: relative;}
/**/

/**/
.all-coach-spn.sponsor-section { position: absolute; top: 15%;  right: 0; width: 160px;}
/**/

/**/
.mavs-info.sponsor-section { position: absolute; bottom: 30px; right: 70px; z-index: 9; width: 320px;}
.mavs-info.video-spon.sponsor-section{ width: 110px;}
/**/

@media only screen and (max-width: 1700px){
    .all-player-spn.sponsor-section { margin: 6% 0 0 0;}
}
@media only screen and (max-width: 1500px){
    .all-player-spn.sponsor-section { margin: 4% 0 0 0;}
}
@media only screen and (max-width: 767px){
    .all-player-spn.sponsor-section { width: 110px; margin: 12px 30px 0 0;}
}
/*====sponsor logo positioning on all pages====*/














/* ----------------------------------------------------------------------------------- */
/* -------------------- schedule list page responsive styling ----------------------- */
@media only screen and (max-width: 1799px){

/* ===== schedule page popup responsive styling =====*/
.schedule-modal .player-col .player-holder { /*margin: -80px 0; padding-left: 65px; width: 320px;*/}
.schedule-modal .player-col .heading { bottom: 110px; left: 256px;}
.schedule-modal .info-col .logo-section { padding: 30px 0;}
.schedule-modal .info-col .time-venu-section { padding-bottom: 30px;}
.schedule-modal .bottom-info-panel { padding: 30px 15px 0;}
.schedule-modal .left-col { -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%;}
.schedule-modal .right-col { -ms-flex: 0 0 68%; flex: 0 0 68%;  max-width: 68%;}
.schedule-modal .player-col .heading h2{font-size: 55px;}
.schedule-modal .bottom-info-panel .lower-info-section { text-align: center; margin-bottom: 30px;}
/* ===== schedule page popup responsive styling =====*/

}
/*==end of vp==*/



@media only screen and (max-width: 1500px){
.top-filter-section .game-filter-panel ul li{vertical-align: top;}
    
/* ===== schedule page popup responsive styling =====*/

/* ===== schedule page popup responsive styling =====*/
}
/*==end of vp==*/

@media only screen and (max-width: 1366px){
/* ===== schedule page popup responsive styling =====*/
.schedule-modal .player-col .player-holder { /*margin: -65px 0; padding-left: 60px; width: 270px;*/}
.schedule-modal .player-col .heading h2 { font-size: 40px;}
.schedule-modal .left-col { -ms-flex: 0 0 28%; flex: 0 0 28%; max-width: 28%;}
.schedule-modal .right-col { -ms-flex: 0 0 72%; flex: 0 0 72%; max-width: 72%;}
.schedule-modal .player-col .heading { bottom: 100px; left: 225px;}
.schedule-modal .info-col .logo-section { padding: 20px 0;}
.schedule-modal .info-col .time-venu-section { padding-bottom: 20px;}
.schedule-modal .bottom-info-panel { padding: 20px 15px 0;}
.schedule-modal .bottom-info-panel .lower-info-section { text-align: center; margin-bottom: 20px;}
/* ===== schedule page popup responsive styling =====*/
}
/*==end of vp==*/


@media only screen and (max-width: 1239px){
    
/* ===== schedule page popup responsive styling =====*/
.schedule-modal .player-col .heading { bottom: 100px; left: 200px;}
.schedule-modal .player-col .player-holder { padding: 0; /*margin: -65px 0; padding-left: 35px; width: 245px;*/}

/* ===== schedule page popup responsive styling =====*/
}
/*==end of vp==*/


@media only screen and (max-width: 1279px){
    #calendar tr.fc-week .game-result .game_team ul li { margin: 0 4px;}
/* ===== schedule page popup responsive styling =====*/

/* ===== schedule page popup responsive styling =====*/
}
/*==end of vp==*/


@media only screen and (max-width: 1199px){
	.top-filter-section .month-filter ul li { font-size: 16px;  margin-right: 5px; width: 32px;}
	.top-filter-section .grid-view-panel { margin-left: 25px;}
	.top-filter-section .grid-view-panel ul li a,.top-filter-section .grid-view-panel ul li.grid a:before,.top-filter-section .grid-view-panel ul li.list a:before{width: 24px; height: 17px;}
	.top-filter-section .game-filter-panel select { width: 120px; background: transparent url(../images/down-arrow.png) 100px center no-repeat; font-size: 14px; background-size: 10px;}
	/*#calendar tr.fc-week .game-result .game_team ul li:last-child { margin: 0 0 0 4px;}
    #calendar tr.fc-week .game-result .game_team ul li:first-child { margin: 0 4px 0 0;}
    #calendar tr.fc-week .game-result .game_team ul { transform: scale(0.7);}
    #calendar tr.fc-week .game-result .game_team ul li.mid h6 { font-size: 17px;}*/
    .not_found { padding: 15px 0; font-size: 16px;}

/* ===== schedule page popup responsive styling =====*/

/* ===== schedule page popup responsive styling =====*/


}
/*==end of vp==*/



@media only screen and (max-width: 1000px){

    /* ===== schedule page popup responsive styling =====*/
    .schedule-modal .modal-body .row { flex-direction: column-reverse;}
    .schedule-modal .left-col { -ms-flex: 0 0 100%;  flex: 0 0 100%; max-width: 100%;}
    .schedule-modal .right-col { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .schedule-modal .bottom-info-panel .lower-info-section .row .col-md-6 { max-width: 100%; margin-bottom: 30px;}
    .schedule-modal .bottom-info-panel .lower-info-section .row { display: block;}
    .schedule-modal .bottom-info-panel { padding: 60px 15px;}
    .schedule-modal .info-col .time-venu-section .time-panel ul li{ font-size: 20px; }
    .schedule-modal .info-col .time-venu-section h6 { font-size: 15px;}
    .schedule-modal .bottom-info-panel .lower-info-section .col-md-6:first-child:before{background: none;}
    .schedule-modal .player-col .player-holder { /*margin: -65px auto; padding-left: 0;  width: 265px;*/}
/*    .schedule-modal .player-col .inner-container { position: relative; z-index: 2; width: 265px; margin: 0 auto;}*/
    .schedule-modal .player-col .heading h2 { font-size: 60px;}
    .schedule-modal .player-col .heading { bottom: 110px; left: 200px;}
    .schedule-modal .info-col .logo-section ul li { margin: 0 10px;}
    .schedule-modal .info-col .logo-section ul li h6 { font-size: 14px;}
    .schedule-modal .info-col .logo-section { padding: 40px 0;}
    .schedule-modal .info-col .time-venu-section { padding-bottom: 60px;}
    .schedule-modal .info-col .sponsor-section { padding-top: 25px;}
    li.mid.desktop-team-name { display: none;}
    .schedule-modal .info-col .logo-section ul li h6.mobile-team-name { display: block; margin-top:15px; }
    .schedule-modal .info-col .logo-section ul li.mid {  margin-top: 15px !important;}
    .schedule-modal .info-col .logo-section ul { align-items: flex-start;}
    /* ===== schedule page popup responsive styling =====*/


}
/*==end of vp==*/



@media only screen and (max-width: 767px){

/* ===== schedule page popup responsive styling =====*/  

    
/* ===== schedule page popup responsive styling =====*/
    .Schedule-ttl.sponsor-section {  position: relative; top: 0; left: 0; right: inherit;  max-width: 200px;}
    
    .schedule-list-panel .button-panel { text-align: right;}
    
    .schedule-section h1 a.schld_title_cal { top: 0;}

}
/*==end of vp==*/


@media only screen and (max-width: 360px){
    .schedule-modal .info-col .time-venu-section .time-panel ul li { font-size: 16px;}
    .schedule-modal .info-col .time-venu-section .other-info-panel ul li:before{right: -8px;}
    .schedule-modal .info-col .time-venu-section .other-info-panel ul li{margin: 0 5px;}
}
/*==end of vp==*/

/* -------------------- schedule list page responsive styling end ----------------------- */
/* --------------------------------------------------------------------------------- */




/* ----------------------------------------------------------------------------------- */
/* -------------------- All Player page responsive styling ----------------------- */

@media only screen and (max-width: 1799px){
.all-players-section .player-panel .image-col .player-number{ font-size: 300px;}
.all-players-section .player-one .image-col .player-number { top: 20px; left: -135px;}

}
/*==end of vp==*/


@media only screen and (max-width: 1700px){
.all-players-section .player-panel .image-col .player-image { max-width: 80%; }
.all-players-section .player-panel .player-name h2 { font-size: 80px; position: relative;z-index: 99;}
.all-players-section .player-panel .player-ratings { z-index: 99; position: relative;}
.all-players-section .player-panel .player-ratings span.item-block{ margin-right: 45px;}
.all-players-section .player-panel:nth-child(even) .player-image { margin-left: auto;}
.player-heading-section h1{font-size: 150px;}




}
/*==end of vp==*/


@media only screen and (max-width: 1500px){
    .player-heading-section h1{font-size: 100px;}
    .all-players-section .player-panel .player-name h2{ font-size: 70px;}
    .all-players-section .player-panel .image-col .player-image {  max-width: 75%;}
    .all-players-section .player-panel .image-col .player-number { font-size: 200px; top: 20px;  left: -80px;}
    .all-players-section .player-panel:nth-child(odd) .info-box { margin-left: 45px;}
    
    .all-players-section .player-panel .player-ratings span.item-block h6 { font-size: 40px;}
}
/*==end of vp==*/


@media only screen and (max-width: 1279px){
.all-players-section .player-one .image-col .player-number { top: 20px; left: 0;}
.all-players-section .player-panel:nth-child(odd) .info-box { margin-left: 0;}
.player-heading-section h1{font-size: 80px;}
.outer-container-section { padding-top: 160px;}
}
/*==end of vp==*/



@media only screen and (max-width: 1199px){

.all-players-section .player-panel .player-name h2 { font-size: 55px; position: relative; z-index: 99;}

}
/*==end of vp==*/
@media only screen and (max-width: 1000px){
.outer-container-section {  padding-top: 150px;}
.all-players-section .player-panel .player-ratings span.item-block h6 { font-size: 30px;}
.all-players-section .player-panel .player-ratings span.item-block { margin-right: 20px;}
.all-players-section .player-panel .player-name h2 { font-size: 50px;}
.all-players-section .player-panel .player-info { margin-bottom: 25px;}
.all-players-section .player-panel .player-name { margin-bottom: 15px;}
.all-players-section .player-panel .image-col .player-number { font-size: 135px; top: -35px; left: 15px;transform: none !important;}
.all-players-section .player-panel .image-col .player-image { transform: none !important;}

}
/*==end of vp==*/




@media only screen and (max-width: 767px){
.all-players-section .player-panel .image-col { position: relative; max-width: 260px; margin: auto auto 50px;}
.all-players-section .player-panel .image-col .player-number { font-size: 120px; top: -50px; left: -20px;}
.all-players-section .player-panel .image-col .player-image { max-width: 100%;  margin: 0 auto;}
.outer-container-section { padding-top: 50px;}
.player-heading-section h1 { font-size: 40px; text-align: center;}
.all-players-section .player-panel .player-ratings span.item-block h6 { font-size: 22px;}
.all-players-section .player-panel .player-ratings span.item-block h6 span {font-size: 12px;}
.all-players-section .player-panel .player-name h2 { font-size: 40px; text-align: center;}
.all-players-section .player-panel .player-info { margin-bottom: 40px; text-align: center;}
.all-players-section .player-panel .player-ratings { text-align: center;}
.player-info span.item-block:last-child { padding-right: 0 !important;}
.all-players-section .player-panel .info-box { margin-bottom: 40px;}
.all-players-section .container { padding: 0 30px;}
.all-players-section .player-panel .player-ratings { margin-bottom: 40px;}
.all-players-section {  padding-top: 40px; padding-bottom: 40px; overflow: hidden;}
.player-heading-section { padding-bottom: 35px;}
.all-players-section .player-panel .player-info span.item-block{font-size: 14px;}
}
/*==end of vp==*/

@media only screen and (max-width: 370px){
    .all-players-section .player-panel .player-name h2{ font-size: 32px;}
}

/* ----------------------------------------------------------------------------------- */
/* -------------------- All Player page responsive styling end----------------------- */



/* ----------------------------------------------------------------------------------- */
/* -------------------- All COACHES page responsive styling ----------------------- */

@media only screen and (max-width: 1700px){
.coach-heading-section h1 { font-size: 150px;}
.coach-panel h2 { font-size: 85px;}

}
/*==end of vp==*/


@media only screen and (max-width: 1500px){
.all-coaches-section .coach-panel .image-col .image-holder { max-width: 75%; margin: 0 auto;}
.coach-heading-section h1 { font-size: 100px;}


}
/*==end of vp==*/


@media only screen and (max-width: 1279px){
.coach-heading-section h1 { font-size: 80px;}

}
/*==end of vp==*/


@media only screen and (max-width: 1199px){
.coach-panel h2 { font-size: 55px;}
.coach-panel h6 { font-size: 20px;}
.coach-panel .info-holder .coach-name { margin-bottom: 50px;}


}
/*==end of vp==*/


@media only screen and (max-width: 1000px){
.coach-panel h2 { font-size: 50px;}
.all-coach-spn.sponsor-section { top: 15px; }

}
/*==end of vp==*/


@media only screen and (max-width: 767px){
.all-coaches-section .coach-panel .image-col .image-holder { max-width: 260px; margin: auto auto 50px;}
.coach-panel h2 { font-size: 40px;}
.coach-panel h6 { font-size: 16px;}
.all-coaches-section .coach-panel { padding-bottom: 50px;}
.coach-heading-section h1 {  font-size: 40px;  text-align: center;}
.all-coach-spn.sponsor-section {  top: 0; position: relative; margin-top: -15px; padding-bottom: 20px; right: 0; width: 110px; margin: 0 auto;}

}
/*==end of vp==*/





/* ----------------------------------------------------------------------------------- */
/* -------------------- All COACHES page responsive styling end ----------------------- */





/* ----------------------------------------------------------------------------------- */
/* --------------------  COACH details page responsive styling ----------------------- */
@media only screen and (max-width: 1799px){
    .coach-details-section .coach-panel .bg-panel img { max-width: 100%;  left: -33%;}

}
/*==end of vp==*/


@media only screen and (max-width: 1700px){
    .coach-details-section .coach-panel h1 {  font-size: 85px;}

}
/*==end of vp==*/



@media only screen and (max-width: 1500px){

}
/*==end of vp==*/



@media only screen and (max-width: 1279px){

}
/*==end of vp==*/
@media only screen and (max-width: 1199px){
.coach-details-section .coach-panel h1 { font-size: 55px;}
.coach-details-section .coach-panel h2 { font-size: 35px;}
.coach-details-section .coach-panel .info-holder .coach-name { margin-bottom: 75px;}
.news-vdo-section {  padding-top: 60px;  padding-bottom: 60px;}


}
/*==end of vp==*/
@media only screen and (max-width: 1000px){
.coach-details-section .coach-panel h1 { font-size: 50px;}
.coach-details-section .coach-panel h2 { font-size: 30px;}



}
/*==end of vp==*/
@media only screen and (max-width: 767px){
.coach-details-section .coach-panel h1 { font-size: 40px;}
.news-vdo-section { padding-top: 40px;}
.coach-details-section .coach-panel .info-holder .coach-name { margin-bottom: 40px;}
.coach-details-section .info-holder{padding-left: 0;}
.coach-details-section .col-md-5.image-col .image-holder { max-width: 260px; margin: 0 auto;}
section.news-vdo-section.coach-vdo-section .news-post-content-box { padding-right: 0; margin-bottom: 40px;}
section.news-vdo-section.coach-vdo-section .post-info-box { margin-top: 15px;}
section.news-container .container { padding: 0 30px;}
.photo-grid-panel .photo-item.large {  width: 100%;  padding-bottom: 100%;}
.photo-grid-panel .photo-item{    width: 100%; padding-bottom: 100%; }
.coach-details-section .container {  padding: 0 30px;}
section.news-vdo-section.coach-vdo-section .container { padding: 0 30px;}

}
/*==end of vp==*/


/* ----------------------------------------------------------------------------------- */
/* --------------------  COACH details page responsive styling end ----------------------- */










/* --------------------  landing page responsive styling ----------------------- */

@media only screen and (max-width: 1700px){
    .landing-banner-section h1 { font-size: 150px;}
}
@media only screen and (max-width: 1500px){
    .landing-banner-section h1 { font-size: 100px;}
}
@media only screen and (max-width: 1279px){
    .landing-banner-section h1 { font-size: 80px;}
    .landing-show-box-section .item-block h2 { font-size: 18px;}
    .landing-show-box-section .container { padding: 0 30px;}

}
@media only screen and (max-width: 767px){
    .landing-banner-section h1 { font-size: 40px;}
}

/* --------------------  landing page responsive styling end ----------------------- */




/* --------------------  more mavs page responsive styling ----------------------- */


@media only screen and (max-width: 1279px){
    .mavs-info.sponsor-section { max-width: 210px;}
}
@media only screen and (max-width: 1000px){
    .mavs-info.sponsor-section { max-width: 210px; bottom: 30px; right: 15px;}
}

@media only screen and (max-width: 767px){
   .landing-mid-section { padding-top: 50px;  padding-bottom: 50px;}
   .mavs-info.sponsor-section { max-width: 170px; bottom: 10px; right: 15px;}
   .mavs-info.video-spon.sponsor-section { max-width: 80px;}
   .mavs-info.tickets-sponsor.sponsor-section { max-width: 120px;}

}

/* --------------------  more maves page responsive styling end ----------------------- */






/*-------------------------------------------------------------------------------------*/
/* --------------------  News page responsive styling ----------------------- */



@media only screen and (max-width: 1700px){
    .news-slider h1{font-size: 40px;}
}
/*==end of vp==*/


@media only screen and (max-width: 1500px){
    
    .news-slider .banner-element-holder .image-container img{height: auto;width: 75vw;}
    .news-slider .banner-element-holder .banner-main-bg{padding-bottom: 50%;}
    .news-slider .banner-element-holder .masked-layer { background-size: 100% 100%;}
    .news-slider h1{font-size: 35px;}
    .news-slider h2{font-size: 25px;}
    .news-slider .banner-content-holder .inner-box{max-width: 570px;}
    /*.news-slider .banner-element-holder{overflow: hidden;}*/



}
/*==end of vp==*/



@media only screen and (max-width: 1279px){
    .news-slider h1{font-size: 30px;}
    .news-slider h2{font-size: 20px;}
    .news-slider .banner-content-holder .inner-box { max-width: 500px;}

    .news-carousel-section .slick-prev { left: -25px;}
    .news-carousel-section .slick-next {  right: -25px;}
    .news-carousel-section .slick-prev, .news-carousel-section .slick-next { width: 20px; height: 40px;}
    .news-carousel-section .slick-prev:before{width: 20px; height: 40px;}
    .news-carousel-section .slick-next:before{width: 20px; height: 40px;}
}
/*==end of vp==*/


@media only screen and (max-width: 1000px){
    .news-slider h1 {  font-size: 18px;  margin-bottom: 15px;}
    .news-slider h2{font-size: 16px;}
    .news-slider .banner-content-holder .inner-box { max-width: 350px;}
    .news-slider ul.slick-dots li a { font-size: 15px;}
    .news-slider .banner-content-holder{top: 60%;}
   

}
/*==end of vp==*/


@media only screen and (max-width: 991px){
.news-card.grid-item { width: 100%;}

}
/*==end of vp==*/


@media only screen and (max-width: 767px){
    .news-card .top-section .title-panel h2 a { font-size: 18px;  line-height: 1;}
    .news-card .top-section .title-panel h2 { font-size: 18px;}
    .news-card .top-section .option-panel .right-panel ul li{padding: 0 5px;}
    .main-title { font-size: 30px;}
    .news-card .bottom-section { padding: 15px;}
    .news-card .top-section {  padding: 15px;}
    .news-container{background: #F6F6F6;padding-top: 40px;padding-bottom: 40px;}
    .news-slider .banner-content-holder {  position: relative;  z-index: 2; top: 0; left: 0;  right: 0;  transform: none;  background: url(../images/Mobile_Creep.png) no-repeat top; padding: 50px 15px; background-size: 100% 100%;}
    .news-slider .banner-element-holder .image-container img{height: 120%;object-fit: cover; width: 100%;}
    .news-slider .banner-element-holder .masked-layer {  display: none;}
    .news-slider .banner-element-holder .banner-main-bg {  background: none; padding-bottom: 120%;}
    .slick-dotted.slick-slider { margin-bottom: 0 !important;}
    .news-slider ul.slick-dots{top: 180px; transform: none;}
    .news-slider ul.slick-dots li:hover:before, .news-slider ul.slick-dots li.slick-active:before{width: 15px;}
    .news-slider ul.slick-dots li a { font-size: 15px;}
    .news-slider ul.slick-dots li { margin: 10px 0;}
    .news-slider ul.slick-dots{width: 45px;}
    .news-slider h1{font-weight: 600;}
    .news-slider h2{font-size: 16px;font-weight: 400;letter-spacing: 4px;}
    div.news-carousel-section .container { padding: 0 30px;}
    .news-carousel-section .slick-next { right: -15px; width: 15px;  height: 30px;}
    .news-carousel-section .slick-prev { left: -15px; width: 15px;  height: 30px;}
    .news-carousel-section .news-panel .info-box h6 { font-size: 14px;}
    .news-carousel-section .news-panel .info-box span.time { font-size: 14px;}
    .news-carousel-section .slick-next:before { width: 15px; height: 30px;}
    .news-carousel-section .slick-prev:before { width: 15px; height: 30px;}
    section.more-news-section .container { padding: 0 30px;}




}
/*==end of vp==*/


/*-------------------------------------------------------------------------------------*/
/* --------------------  News page responsive styling end ----------------------- */





/*-------------------------------------------------------------------------------------*/
/* --------------------  News details basic page responsive styling ----------------------- */
@media only screen and (max-width: 1199px){
.news-basic-banner-section h1 {  font-size: 35px;}

}
/*==end of vp==*/

@media only screen and (max-width: 1279px){
    .news-carousel-section .news-panel .thumb-box img{ width: 210%;}
    .news-carousel-section .news-panel .info-box h6{ font-size: 14px;}
    .news-carousel-section .news-panel .info-box span.time{ font-size: 14px;}
}

@media only screen and (max-width: 1000px){
.news-basic-banner-section h1 { font-size: 25px;}


}
/*==end of vp==*/
@media only screen and (max-width: 1000px) and (min-width: 768px){
    .news-carousel-section .news-panel .thumb-box img{ width: 210%;}
}

@media only screen and (max-width: 767px){
    .news-basic-banner-section h1 { font-size: 20px; text-align: left;}
    .news-basic-banner-section .banner-content-holder { position: relative;  z-index: 2;  top: -25px;  left: 0;  right: 0;  transform: none;  background: url(../images/Mobile_Creep.png)no-repeat top; background-size: cover; padding: 50px 15px;}
    .news-basic-banner-section .post-info { text-align: left;}
    .news-basic-banner-section .banner-element-holder .banner-image-box:before{background: none;}
    .news-basic-banner-section .banner-element-holder { padding-bottom: 100%;}
    .news-basic-banner-section .banner-element-holder .banner-image-box{padding-bottom: 120%;}
    .news-basic-banner-section .post-info span.item-block{font-size: 14px; font-weight: 400;}
    .news-post-section .container { padding: 0 30px;}
    .news-post-section { padding-top: 40px;  padding-bottom: 40px;}
    
    .comment-section {  padding-top: 40px; padding-bottom: 40px;}
    .more-news-section { padding-top: 40px;  padding-bottom: 40px;}
    .comment-section .heading-panel .share-box { position: relative; z-index: 2; top: 0;  right: 0;}
    .comment-section .heading-panel .share-box ul li {  font-size: 20px; margin-left: 0;    margin-right: 15px;}
    .comment-section .heading-panel .share-box ul{padding:10px 0;}
    section.comment-section .container {  padding: 0 30px;}
    .comment-section .heading-panel { margin-bottom: 70px;}
    .comment-section .heading-panel .heading-block { padding-right: 0;}
    
    ..news-carousel-section .news-panel .thumb-box img{ width: 145%;}
}
/*==end of vp==*/


/*-------------------------------------------------------------------------------------*/
/* --------------------  News details basic page responsive styling end ----------------------- */



/*-------------------------------------------------------------------------------------*/
/* --------------------  Player details basic page responsive styling ----------------------- */

@media only screen and (max-width: 1799px){

}
/*==end of vp==*/


@media only screen and (max-width: 1700px){
 .more-mavs-section h2 { font-size: 150px;}
}
/*==end of vp==*/



@media only screen and (max-width: 1500px){
    .player-about-section .description-section .player-name-holder{ font-size: 300px; }
    .player-about-section .description-section .image-container { /* width: 585px;*/ }
    .more-mavs-section h2 {  font-size: 100px;}
    /*.player-about-section .twitter-feedbox {  margin-top: -140px;}*/
    .player-about-section .twitter-feedbox {  margin-top: -90px;}
    .player-about-section .avarage-section .stat-box .item-box{ padding-right: 40px;}
    .player-about-section .avarage-section .stat-box .item-box h6 { font-size: 35px;}
}
/*==end of vp==*/



@media only screen and (max-width: 1279px){
    .player-about-section .description-section .left-col ,.player-about-section .description-section .right-col { -ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%;}
    .player-about-section .description-section .container .row { flex-direction: column-reverse;}
    .player-about-section .description-section .image-container { margin-top: 0;}
    .single-player-banner-section h1 { font-size: 70px;}
    .player-about-section .description-section .player-name-holder{ font-size: 200px; }
    .player-about-section .avarage-section .stat-box .item-box h6 { font-size: 32px;}
}
/*==end of vp==*/



@media only screen and (max-width: 1000px){

    .player-about-section .description-section .image-container { /*width: 360px; margin-top: -150px;*/}
    .single-player-banner-section h1 { font-size: 60px;}
    .player-about-section .description-section .player-name-holder {  font-size: 150px;}
    .news-vdo-section .news-post-sidebar { height: 530px;}
    .player-about-section .twitter-feedbox { margin-top: -55px;}
    .player-about-section .avarage-section .stat-box .item-box { -ms-flex: 0 0 20%; flex: 0 0 25%; max-width: 25%; padding-right: 10px; margin-bottom: 30px;}
    


}
/*==end of vp==*/



@media only screen and (max-width: 767px){

    .player-about-section .description-section .container { padding: 0 30px;}
    
    .player-about-section .description-section .image-container { width: 290px; margin-top: 0; margin: 0 auto;}
    .single-player-banner-section { z-index: auto;}
    .single-player-banner-section .shop-button-section .col-md-12 { text-align: center;}
    .single-player-banner-section .shop-button-section {  bottom: -27px;}
    .single-player-banner-section h1 span.player-number { display: block; line-height: 1; font-size: 100px;}
    .single-player-banner-section h1 { font-size: 45px;  margin-bottom: 5px; line-height: 1;}
    .player-about-section { padding-top: 65px;}
    .single-player-banner-section .player-info span.item-block {  font-size: 16px; font-weight: 400; padding-right: 15px; padding-left: 15px;}
    .single-player-banner-section .banner-element-holder .banner-image-box{padding-bottom: 61%;}
    .single-player-banner-section .banner-element-holder { padding-bottom: 60%;}
    .player-about-section .description-section .player-name-holder { font-size: 100px; bottom: 0;}
    .player-about-section .description-section{ padding-bottom: 10%;}
    .player-about-section .details-section .dtl-row { display: block;  margin-bottom: 30px;}
    .player-about-section .details-section h6 { font-size: 16px;}
    .player-about-section .details-section .dtl-col {  max-width: 100%; margin-bottom: 3px; text-align: center;  padding-right: 0 !important;}
    .player-about-section .details-section .details-box { max-width: 350px; position: relative; margin: 0 auto;}
    .player-about-section .avarage-section .container { padding: 0 30px;}
    .player-about-section .avarage-section { padding-top: 40px; padding-bottom: 40px;}
    .player-about-section .avarage-section .container .row { flex-direction: column-reverse;}
    .player-about-section .twitter-feedbox { margin-top: 0; margin-bottom: 60px;}
    .player-about-section .details-section { padding-top: 20px; }
    .player-about-section .avarage-section h3 {  font-size: 18px; text-align: center;}
    .player-about-section .avarage-section .stat-box .item-box h6 { font-size: 24px; text-align: center;}
    .player-about-section .avarage-section .stat-box .item-box h6 span{font-size: 12px;}
    .player-about-section .avarage-section .button-box { text-align: center;}
    section.news-photo-section.single-player-photo-section .container,.single-player-vdo-section .container { padding: 0 30px;}
    .news-photo-section { padding-top: 40px; padding-bottom: 40px;}
    section.news-photo-section.coach-photo-section .container { padding: 0 30px;}
    .more-mavs-section h2 {  font-size: 40px;}
    .more-mavs-section {  padding-top: 40px;  padding-bottom: 40px;}
    
    .news-vdo-section .news-post-sidebar .sidebar-item a { display: flex; display: -ms-flexbox; display: -webkit-flex; display: -webkit-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;}
    .news-vdo-section .news-post-sidebar .sidebar-item .thumb-holder,.news-vdo-section .news-post-sidebar .sidebar-item h4 {  flex: 0 0 50%; display: -ms-flexbox; flex-wrap: wrap; max-width: 50%;}
    .news-vdo-section .news-post-sidebar {  height: 465px; padding-left: 0;}
    .news-vdo-section .news-post-sidebar .sidebar-item .thumb-holder:before{width: 20px; height: 20px;}
    .news-vdo-section .news-post-sidebar .sidebar-item h4 {  font-size: 14px; font-weight: 500;  margin-bottom: 0;padding:0 10px;}
    .news-vdo-section .news-post-sidebar .sidebar-item .thumb-holder { margin-bottom: 0;}
    .news-vdo-section .news-post-sidebar .sidebar-item { padding-bottom: 20px;  display: flex; display: -webkit-flex;    flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;  display: -ms-flexbox; align-items: flex-start;}
    .news-vdo-section .news-post-sidebar .sidebar-item .post-info-box { padding-bottom: 0; margin-top: 20px; width: 100%;}
    .news-vdo-section .post-info-box ul li{font-size: 12px;}
    .news-vdo-section h3 {  font-size: 18px;}
    .news-vdo-section .news-post-content-box{ padding-right: 0;}
    .news-vdo-section .news-post-content-box .post-info-box {  padding-bottom: 0; margin-bottom: 20px;}
    .news-vdo-section .post-info-box { margin-top: 20px;}
    .news-vdo-section .news-post-content-box .thumb-holder { margin-bottom: 20px;}
    .news-vdo-section h2 { margin-bottom: 15px;}
    section.news-photo-section.single-player-photo-section .mid-section .photo-grid-panel .photo-item.large { width: 100%; padding-bottom: 100%;}
    section.news-photo-section.single-player-photo-section .mid-section .photo-grid-panel .photo-item { width: 100%; padding-bottom: 100%;}


}
/*==end of vp==*/


@media only screen and (max-width: 600px){
    .single-player-banner-section .banner-element-holder .banner-image-box{padding-bottom: 121%;}
    .single-player-banner-section .banner-element-holder { padding-bottom: 120%;}
}

@media only screen and (max-width: 370px){
    .player-about-section .avarage-section .stat-box .item-box h6 span{ font-size: 10px;}
}
/*==end of vp==*/

/*-------------------------------------------------------------------------------------*/
/* --------------------  player details basic page responsive styling end ----------------------- */



/*-------------------------------------------------------------------------------------*/
/* --------------------  player STATS page responsive styling ----------------------- */

@media only screen and (max-width: 1799px){
    
}
/*==end of vp==*/


@media only screen and (max-width: 1700px){
    .tstat-banner-section h1 { font-size: 150px;}



}
/*==end of vp==*/


@media only screen and (max-width: 1500px){
.tstat-banner-section h1 { font-size: 100px;}
.tstat-banner-section .text-layer h6{font-size: 18vw;}
.tstat-banner-section .player-panel-three {  top: -10%;  left: 20%; width: 25vw;}
.tstat-banner-section .player-panel-two { top: 5%;  left: 4%;  width: 20vw;}
.tstat-banner-section .player-panel-one { top: -60%; left: 14%;  width: 16vw;}

}
/*==end of vp==*/
@media only screen and (max-width: 1279px){
 .tstat-banner-section h1 { font-size: 80px;}
.tstat-banner-section .info-container { position: relative; height: 35vh;}
.tstat-banner-section .player-panel-one { top: -60%; left: 14%; width: 25vw;}
.tstat-banner-section .player-panel-two { top: 5%;  left: 4%; width: 30vw;}
.tstat-banner-section .player-panel-three {  top: -10%; left: 20%; width: 35vw;}

}
/*==end of vp==*/
@media only screen and (max-width: 1199px){

}
/*==end of vp==*/
@media only screen and (max-width: 1000px){
/*.tstat-banner-section .player-panel-one { top: 10%; left: 50%;  width: 42vw;}*/
.tstat-banner-section .player-panel-one { top: -5%; left: 50%; width: 42vw; transform: none !important;}
.tstat-banner-section .player-panel-two {  top: 27%; left: -2%; width: 50vw; transform: none !important;}
.tstat-banner-section .player-panel-three {  top: 5%; left: 12%; width: 65vw; transform: none !important;}
.tstat-banner-section .heading-panel { position: absolute;  left: 50%; top: -50%; transform: translate(-50%, 0) !important;}
.tstat-banner-section .info-container {  position: relative;  height: 40vh;}

}
/*==end of vp==*/
@media only screen and (max-width: 767px){
.tstat-banner-section h1 { font-size: 40px;}
.tstat-banner-section h1 span.outline-text{ padding-right: 60px;}

.tstat-banner-section .player-panel-two { top: 17%; left: -1%; width: 46vw; }
.tstat-banner-section .player-panel-one { top: -8%; left: 55%; width: 40vw; }
.tstat-banner-section .player-panel-three { top: 5%;  left: 12%; width: 60vw;}
.tstat-mid-section { padding: 50px 0 50px;}
section.tstat-mid-section .container { padding: 0 30px;}


}
/*==end of vp==*/


/*-------------------------------------------------------------------------------------*/
/* --------------------  player STATS page responsive styling end ----------------------- */




/*-------------------------------------------------------------------------------------*/
/* --------------------  player STANDINGS page responsive styling ----------------------- */


@media only screen and (max-width: 1799px){
    
}
/*==end of vp==*/


@media only screen and (max-width: 1700px){
    .standing-banner-section h1 { font-size: 150px;}
}
/*==end of vp==*/



@media only screen and (max-width: 1500px){
    .standing-banner-section h1 { font-size: 100px;}
}
/*==end of vp==*/



@media only screen and (max-width: 1279px){
    .standing-banner-section h1 { font-size: 80px;}
    .standing-banner-section .info-container .player-panel { right: 15%;}
}
/*==end of vp==*/



@media only screen and (max-width: 1199px){
    
}
/*==end of vp==*/



@media only screen and (max-width: 1000px){
    .standing-banner-section h1 { text-align: left; display: inline-block;}
    .standing-banner-section .info-container .heading-panel {  position: relative;  z-index: 1;  transform: none !important;  margin-bottom: 50px;}
    .standing-banner-section .info-container {  position: relative;  display: flex; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-direction: column-reverse; text-align: center;}
    .standing-banner-section .info-container .player-panel {  position: relative;  top: 0;  right: 0; z-index: 2; width: auto; transform: none !important;}
    .standing-banner-section .info-container .player-panel img { width: auto; max-width: none;  height: 55vh;}



}
/*==end of vp==*/



@media only screen and (max-width: 767px){
    .standing-banner-section h1 { font-size: 40px;}
    section.standing-mid-section .container { padding: 0 30px;}
    .stading-table-container a.blue-button { padding: 10px 15px; font-size: 14px;}

}
/*==end of vp==*/


/*-------------------------------------------------------------------------------------*/
/* --------------------  player STANDINGS page responsive styling end ----------------------- */




/* responsive break points
-- 1799px
-- 1700px
-- 1500px
-- 1279px
-- 1199px
-- 1000px
-- 767px
responsive  break points */