/************************************************* Header ********************************************************************/
#Header {font-size:13px; height:115px;}  #Header + main {margin-top:115px;}  
#Header .list-inline a{font-size:17px !important; color:#ed7200;}
#Header .list-inline a:hover{color:#000;}
#Header .list-inline-item:not(:last-child) {margin-right:10px;}

/********** Main Banner **************************************************************************************************/
.SerBox{padding:12px;} .SerText{/*min-height:340px;*/ font-size:23px; padding:30px 20px 30px 20px;}
.Price{font-size:30px;} .Price span{font-size:14px; text-transform:uppercase;}
.SerBox img:hover{opacity:.5;}

#PlaySection .bg-white{padding:100px 50px;} .Head{font-size:20px; font-weight:700; margin-bottom:30px;}
.PlayText{border:solid 2px #000; padding:23px; font-size:15px; line-height:28px;}

.WinBox {padding:10px 30px; font-size:18px; line-height:1.6; /*min-height:211px;*/} 
.Winhd{font-size:25px; font-weight:700;text-transform:uppercase; margin-bottom:25px;}

#LatestWin .Active img{border-left:solid 9px #9b0000;} #LatestWin .btn{width:30%;}


.breadcrumb {
background-color: transparent !important;
padding: 0px !important;
margin-top: 15px;
font-size: 15px;
padding-bottom:15px !important;
margin-bottom:15px !important;
border-bottom: dashed 1px #c2c2c2;
}
.breadcrumb a{ 
color:#ff0000!important;
}
.breadcrumb li.active:before{
content: "\00BB";
font-family: "Font Awesome 5 Free";
margin-right: 5px;
margin-left: 5px;
font-weight: 900;
}

.card{
	background:transparent!important;
  border-bottom: 2px solid #fff;
  
}


/********** Footer ***************************************************************************************************/
#Footer{color:#fff; font-size:13px; line-height:30px;}
#Footer a{color:#fff;}#Footer a:hover,#Footer .list-inline a:hover{color:#f8751e;}
#Footer .list-inline a{font-size:26px !important; margin:0px; color:#fff;}
#Footer .list-inline a:hover{color:#000;}
#Footer .list-inline-item:not(:last-child) {margin-right:15px;}

.List {padding:0; margin:0 0 15px 0; list-style-type:none;}
.List li{background:url(../images/check.png) no-repeat 0.1em 0.43em; padding:3px 0 3px 40px; margin:0px;}



/*************************************************************************************************************/
.container{max-width:1530px !important;} 
.container-new{max-width:100% !important; padding-right:15px; padding-left:15px;margin-right: auto;margin-left: auto;}

/* ============ desktop view ============ *
@media all and (min-width: 1025px) {
	.navbar .nav-item .dropdown-menu{ display:none;}
	.navbar .nav-item:hover .nav-link{ color:#adadad;}
	.navbar .nav-item:hover .dropdown-menu{ display:block;}
	.navbar .nav-item .dropdown-menu{ margin-top:0;}
}	
/* ============ desktop view .end// ============ */


/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
#Header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.shrink {background:rgba(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-width:200px!important;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-width:130px!important;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand {padding: 25px 0px !important;}
.shrink .navbar-brand{padding:30px 0px !important;}
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}
}

@media (min-width: 1920px) {.container{max-width:1620px !important;} .g-xxl-5 { --bs-gutter-y: 2rem;}
.g-xxl-5 { --bs-gutter-x: 2rem;} 
}
@media (min-width: 1600px) {
.g-xxl-5 { --bs-gutter-y: 2rem;}
.g-xxl-5 { --bs-gutter-x: 2rem;}
}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {
.SerText {min-height:300px; font-size:22px; padding:45px 10px 36px 10px;}
.PlayText {padding:15px;}.Winhd {font-size:20px;margin-bottom:10px;}
.WinBox {padding:25px 10px; font-size: 15px; min-height:150px;}
}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {
.SerText {min-height:unset; font-size:18px; padding:35px 10px 30px 10px;}
.PlayText {padding:35px;}.Winhd {font-size:20px;margin-bottom:10px;}
.WinBox {padding:25px 10px; font-size: 15px; min-height:150px;}
}

/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header{position:static; height:auto;}#Header + main {margin-top:0px;}
.SerText {min-height:unset; font-size:18px; padding:35px 10px 30px 10px;}
.PlayText {padding:25px;}.btn-lg{padding:12px 30px;}
.WinBox {padding:25px;}

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { ... }

/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
#Header{position:static; height:auto;}#Header + main {margin-top:0px;}
.SerText {min-height:unset; font-size:16px; padding:20px 5px;}
.PlayText {padding:15px;}.btn-lg{padding:11px 30px;}
.Winhd {font-size:20px;margin-bottom:10px;}#LatestWin .btn{width:50%;}
.WinBox {padding:25px 20px; font-size: 15px; min-height:150px;}
#PlaySection .bg-white {padding:50px 20px;}
.navbar-brand img { width:60px!important;}
}

@media (max-width:575.98px) {
.MainBanner .Homebnr .carousel-item  img {
    height:200px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
#LatestWin .btn{width:100%;}h1, .h1 {font-size:30px;}

}
/* X-Small devices (portrait phones, less than 576px) */