body{ margin: 0; padding: 0;}
p {font-family: 'Open Sans', sans-serif; font-weight: 500; }
a{font-family: 'Roboto', sans-serif; font-weight: 500;}
h1{font-family: 'Open Sans', sans-serif; font-weight: 300;}

header .topSection ul.listAccount { padding:10px 0;}
header .topSection ul.listAccount li {list-style: none;margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #fff;}
header .topSection ul.listIcon {display: flex; list-style: none; float: right;}
header .topSection ul.listIcon li {list-style: none;margin-bottom: 5px; font-size: 14px; font-weight: 500;margin-right:10px; color: #fff}
header .topSection ul.listIcon li a i{color: #fff; font-size: 25px;}
header .topSection ul.listIcon li a.redBtn i{color: #b80303; font-size: 25px;}
.bg-Img { background-image: url(../images/cricket.jpg); width: 100%; height: 100vh; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;}
.bg-Img::before {background-color: #000; width: 100%; height: 100vh; content: ""; opacity: 70%; display: block; position: absolute;}
.homePage.dark .bg-Img::before {opacity: 90%;}
.homePage { overflow-x: hidden;}
.topSection {position: relative;}
.textSection {background-color: #000; padding: 10px; position: absolute; bottom: 0; width: 100%; border-top: 2px solid #c68c33;}
.textSection .homeText p {color: #c68c33; font-size: 14px; text-align: center; margin-bottom: 0; }
.middleSection {position: relative;}
.middleSection ul.sessionSec { padding-left: 0; width: 100%; display: flex; flex-wrap: wrap; justify-content:center; align-items: center;}
.middleSection ul.sessionSec li{ list-style: none; width: 33%; border: 3px solid #c68c33; border-radius: 15px; margin:0 10px 10px 10px; padding: 10px 30px; text-align: center; cursor: pointer;}
.middleSection ul.sessionSec li:hover{background:linear-gradient(#c68c33, #c6890d, #332200);}
.schuduleTitle {background:linear-gradient(#c68c33, #c6890d, #332200);}
.middleSection ul.sessionSec li:hover a{color: #fff;}
.middleSection ul.sessionSec li a{  color: #fff; font-size: 16px; text-decoration: none; display: block;}
.middleSection ul.sessionSec li a span{ float: right; line-height: 25px;}
.middleSection h2 {font-size: 23px; color: #c68c33; text-transform: uppercase;     margin-bottom: 20px; text-align: center;}
.bothBtn ul { padding-left: 0; width: 100%; display: flex; flex-wrap: wrap; justify-content:center; align-items: center;}
.bothBtn ul li{ list-style: none; width: 48%; border: 3px solid #fff; border-radius: 20px; margin:0 5px; padding: 10px; text-align: center;}
.bothBtn ul li:hover{background-color: #fff;}
.bothBtn ul li:hover a{color: #000; font-weight: 600;}
.bothBtn ul li a{  color: #fff; font-size: 14px; text-decoration: none; }
.formsection .btnsubmit button {
  border: 2px solid #d6a14f;
  padding: 10px 100px;
  text-align: center;
  background:linear-gradient(#ab7915, #f7cc4d, #8a5e07);
    color: #000 !important;
    font-weight: 600;
text-transform: uppercase;
  border-radius: 20px;
}

.formsection .btnsubmit button:hover {
  border: 2px solid #ab7915;
  background-color: inherit;
  color: #000 !important;
  font-weight: 600;
}
button:focus {
  outline: none !important;
  outline: none !important;
}
.btn.focus, .btn:focus {
   outline: none !important;
   box-shadow:none !important; 
}
.btn-primary.focus, .btn-primary:focus {
  box-shadow: none !important;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: #000 !important;
  background:linear-gradient(#ab7915, #f7cc4d, #8a5e07) !important;
  border-color: #c68c33 !important;
}
.formsection .form-control {
  display: flex;
  width: 70%;
  height: 45px;
  line-height: 1.5;
  color: #c68c33;
  border: 3px solid #ab7915;
  border-radius: 20px;
  background: inherit;
  text-align: center;
  justify-content: center;
  margin: auto;
}

::placeholder {
  color: #c68c33;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #c68c33;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #c68c33;
}

.formsection .form-control:focus {
  color: #c68c33;
  background-color: inherit;
  border-color: #c68c33;
  outline: 0;
  box-shadow: inherit;
}
/***** right side ************/
.homePage { background-color: #000;}
.rightSide { margin-right: 0;}
.schuduleSec { margin: 0;}
.schuduleSec .teamSec ul { padding-left: 0; display: flex; justify-content: center; align-items: center; width: 100%; text-align: center;}
.schuduleSec .teamSec ul li { list-style: none; color: #fff; width: 30%;}
.schuduleSec .teamSec ul li.secondSec { list-style: none; color: #fff; width: 70%;}
.schuduleSec .teamSec ul li.secondSec span.goldText {color: #c68c33; font-size: 14px; font-weight: 600;}
.schuduleSec .teamSec ul li span{ display: block; font-size: 14px;}
.schuduleSec .teamSec .dateTime{ text-align: center; font-size: 14px;  color: #fff;}
.schuduleSec .teamSec .title p {margin-bottom: 0;}
.schuduleSec .teamSec .title{ text-align: center; font-size: 14px;  color: #fff;  }
.schuduleTitle h2 { font-size: 20px; color: #fff; text-align: center; margin-top: 20px; text-transform: uppercase; padding: 10px 0;}
.scrollbar {
  height: 400px;
  width: 100%;
  background: #000;
  overflow-y: scroll;
  margin-bottom: 25px;
}
.force-overflow {
  min-height: 450px;
}

.scrollbar-primary::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

.scrollbar-primary::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background:linear-gradient(#c68c33, #c6890d, #332200);
}
.dateTime p span.dateText{ background:#c68c33; padding: 7px; border-radius: 5px;}
.teamSec { width: 100%; display: flex; border-bottom: 1px solid #c68c33;margin-bottom: 10px;}
.teamSec .rightPanel { width: 100%;}
.titleMatch { width: 100%; display: flex; background-color: #000;}
.titleMatch .date { width: 30%; text-align: left; color: #c68c33; text-align: left;margin: 10px 0; font-size: 14px; text-transform: uppercase;}
.titleMatch .matchdeatil { width: 70%; text-align: left; color: #c68c33;  text-align: left;margin: 10px 0; font-size: 14px;text-transform: uppercase;}
@media only screen and (max-width:766px){
  .middleSection ul.sessionSec li{width: 50%; margin:0 0 10px 0;     padding: 5px 15px;}
  .middleSection ul.sessionSec li a{ font-size: 14px; }
  header .topSection ul.listAccount li {font-size: 11px;}
.middleSection h2 {
    font-size: 20px;
    margin-bottom: 20px;
}
.bothBtn ul li {
  width: 100%;
  margin: 5px 5px;
  padding: 5px;
}
.formsection .btnsubmit a {
  width: 100%;
}
.titleMatch .date {
  padding-left: 20px;
}
.formsection .form-control {
  width: 100%;

}
}

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

.scrollbar {
  height: 300px;
  width: 100%;
  background: #000;
  overflow-y: scroll;
  margin-bottom: 25px;
}
.rightSide {
  margin-right: 15px;
  position: absolute;
  bottom: 28px;
  width: 100%;
}
.textSection {border-top: 2px solid #c68c33;}
.rightSide .logo img { display: none;}
.schuduleTitle h2 {
  padding: 10px 0;
}
.schuduleSec {
padding: 10px 0;}

.schuduleTitle h2 {
  font-size: 15px;
  margin: 0;
}
.schuduleSec .teamSec ul {
  margin-bottom: 0; justify-content: inherit;
}
.schuduleSec .teamSec .title {
  font-size: 15px;
  padding-left: 20px;
}
.schuduleSec .teamSec .dateTime {
  font-size: 15px;
}
.force-overflow {
  min-height: 300px;
}

.scrollbar-primary::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

.scrollbar-primary::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background:linear-gradient(#c68c33, #c6890d, #332200);
}
.textSection {
  bottom: 0;
}
.textSection .homeText p {
  font-size: 10px;
}
}