.mobOn{display:none}
.mobOff{display:block}
.logo{margin-bottom: 10px;}
h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', sans-serif;}
p, li{font-family: 'Source Sans Pro', sans-serif;}


.headerSectionSp{position:relative; width:100%; margin:80px 0px 38px 0px;}
.headerSectionSp h1{color: #000;font-size: 35px;font-style: normal;font-weight: 600;line-height: 40px; }
.headerSectionSp p{color: #000;font-size: 18px;font-style: normal;font-weight: 400;line-height: 170%;}
ul.headerSecOverview{display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center;}
.headerSecOverview li { flex-basis: calc(50% - 25px); }

.SuccessStories h2{color: #000;font-size: 35px;font-style: normal;font-weight: 600;line-height: 130%; text-align:center; margin-bottom:25px;}
.sportsFirstBlock{position:relative;}
.sfbPic{width:100%; border-radius:12px;}
.sfbPic img{ border-radius:12px;}
.sfbTxt{border-radius: 0px 0px 12px 12px; background: rgba(24, 56, 124, 0.76); position: absolute;  bottom: 0;  width: 100%;  padding: 20px;}
.sfbTxt h4{color: #FFF;font-size: 20px;font-style: normal;font-weight: 600;line-height: 140%;}
.sfbTxt h4 a{color:#fff;}
.sfbTxt p{color: #FFF;font-size: 18px;font-style: normal;font-weight: 400;line-height: 28px; margin-bottom: 5px;}
a.readmoreTxt{color: #FFF;font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;text-decoration-line: underline; }


ul.sportsNewsList{display: flex;flex-wrap: wrap; justify-content: space-between; margin:50px 0px;}
.sportsNewsList li { flex-basis: calc(25% - 32px); background: #fff; color: #000;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal; margin-bottom:32px; position:relative; overflow: hidden;}
.sportsNewsList li p{color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 140%; margin-bottom: 5px;}
.sfb2Pic{margin-bottom:20px;border-radius:8px;}
.sfb2Pic img{border-radius:8px;}
.sportsNewsList li .sfb2Pic img{transition: all .3s ease-in-out;  }
.sportsNewsList li:hover .sfb2Pic img{transform: scale(1.1);}
a.rmsfb{color: #1565D8;font-family: "Open Sans";font-size: 12px;font-style: normal;font-weight: 700;line-height: 18px;}
a.rmsfb:hover{text-decoration:none;}
.sportsNewsSliderBlock{display:none;}

.achievementsSection{background:#F0F0F0; padding:40px 0px;}
.achievementsSection h2{color: #000;font-size: 35px;font-style: normal;font-weight: 600;line-height: 130%; text-align:center;}
.achievementsSection p{color: #000;font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%;}
ul.achievementsList{display: flex;flex-wrap: wrap; justify-content: space-between; margin:20px 0px;}
.achievementsList li { flex-basis: calc(25% - 0px); background: #fff; color: #000;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal; margin-bottom:0px; position:relative; overflow: hidden;}
.achievementsList li .maskList{background: linear-gradient(0deg, rgba(235,13,13,0.4) 0%, rgba(40,146,208,0) 60%);content:""; width:100%; height:100%; position:absolute; bottom:0px; left:0px;}
.achievementsList li .maskList:hover{background: linear-gradient(0deg, rgba(235,13,13,0.4) 0%, rgba(40,146,208,0) 60%);content:""; width:100%; height:100%; position:absolute; bottom:0px; left:0px;z-index:1}
.achievementsList li h4{position: absolute;  bottom: 12px;  right: 20px; transition: all .3s ease-in-out;  color: #FFF;font-size: 20px;font-style: normal;font-weight: 700;line-height: 25.874px; text-transform: capitalize; z-index:100;}
.achievementsList li:hover h4{transition: all 0.3s ease-out;  transform: translate(-10%, 0%); }
.achievementsList li img.gamePic{transition: all .3s ease-in-out;}
/*.achievementsList li:hover img.gamePic{transform: scale(1.05);}*/

.directorMessage{border-radius: 16px;background: #E31E24; padding:50px; max-width:1050px; margin:50px auto 120px; position:relative;}
.directorMessage:before{background:url(../images/sports/Oval.png) no-repeat; position:absolute; top:0px; right:0px; content:""; width:335px; height:220px;}
.quotePic{margin:0 auto 20px; display: block;}
.directorMessage h2{color: #FFF;font-size: 35px;font-style: normal;font-weight: 600;line-height: 130%; text-align:center; margin-bottom:20px;}
.directorMessage p{color: #FFF;font-size: 18px;font-style: normal;font-weight: 400;line-height: 28px;}
.directorMessage h5{color: #FFF;font-size: 20px;font-style: normal;font-weight: 600;line-height: 130%; display:block; text-align:right;}
.directorMessage h5 span{font-size: 16px;font-weight: 500;}
.directorPic{max-width: 139px;  position: absolute;  left: 0;  right: 0px;  text-align: center;  margin: 0 auto;  bottom: -70px;}


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

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

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.headerSecOverview li{flex-basis: calc(50% - 25px);}
	.headerSectionSp h1{font-size: 24px; line-height:32px;}
	.headerSectionSp p{font-size: 16px;}
	.SuccessStories h2{font-size: 24px; line-height:32px;}
	.sfbTxt h4{font-size: 18px;}
	.sfbTxt p{font-size: 16px;}
	.achievementsSection h2{font-size: 24px; line-height:32px;}
	.achievementsSection p{font-size: 16px;}
	.achievementsList li h4{font-size: 16px;}
	.directorMessage p{font-size: 16px;}
}



@media only screen and (max-width: 767px)
{	
	.headerSecOverview li:first-child{order: 2;}
	.headerSecOverview li{flex-basis: calc(100% - 0px);}
	.headerSectionSp h1{font-size: 24px; line-height:32px; margin-top: 30px;}
	.headerSectionSp p{font-size: 16px;}
	.headerSectionSp{margin: 80px 0px 8px 0px;}
	.SuccessStories{padding-bottom: 25px;}
	.SuccessStories h2{font-size: 24px; line-height:32px; text-align: left;}
	.sfbTxt h4{font-size: 18px;}
	.sfbTxt p{font-size: 16px; line-height:24px;}
	.achievementsSection h2{font-size: 24px; line-height:32px;}
	.achievementsSection p{font-size: 16px;}
	.achievementsList li h4{font-size: 16px;}
	.directorMessage p{font-size: 16px;}
	.sfbTxt{position: relative;background:#18387C; border-bottom-left-radius: 12px;    border-bottom-right-radius: 12px;}
	
	.sfbPic img{border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 0;    border-bottom-right-radius: 0;}
	ul.sportsNewsList{display:none;}
	.sportsNewsSliderBlock{display:block; margin-top:30px;}
	.sfb2Txt p{margin-bottom: 5px;}
	.achievementsSection{padding: 30px 0px 10px 0px;}
	.sfb2Txt img{width:13px !important; height:13px; display: inline-block !important;}
	.sportsNewsList li{flex-basis: calc(50% - 5px);}
	.achievementsList li{flex-basis: calc(50% - 0px);}
	.quotePic{max-width: 23px;}
	.directorMessage{padding: 20px 15px; margin:50px 20px 120px 20px}
	.directorMessage h2{font-size: 24px;margin-bottom: 12px; text-align: left;}
	.directorMessage h5{text-align: center;  margin-bottom: 30px; font-size: 16px; }
	.directorMessage h5 span{font-size: 14px;font-weight: 400;}
	.directorPic{max-width: 102px;}
	
}