/*****************
// New design style//
*****************/
 header #particles-js {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
#wrap-Main {
	margin:0;
}
#wrap-Main .head-menu.head-menu--s1.clearfix {
	margin: 0 !important;
	z-index:999;
	position:relative;
}
#wrap-Main header, #wrap-Main #page-wrapper header {
	position:relative;
	height:auto !important;
}
#wrap-Main .mm-listview > li:not(.mm-divider)::after {
 left: 0;
}
#wrap-Main header #logo {
	width: auto !important;
}
#wrap-Main header #particles-js {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
#wrap-Main .head-main, .home #wrap-Main .head-main {
	position: static;
	padding:30px 15px !important;
}
.mid-Section .table-s1 .item .c1 {
	padding-top:50px;
}
.ratings-name-txt {
	color: #3275b3;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 11px;
	text-align: center;
}
.mid-Section .table-s1 .item.clearfix {
	position: relative;
	margin-top: 15px;
	border: 1px solid #e6e8e9;
}
.mid-Section .item.top-casiono_heading {
	display: none;
}
.mid-Section img.desktop-img {
	margin-bottom: -5px;
}
.home .footer {
	margin-top: 35px;
}
 .mid-Section .table-cell .count::before, .mid-Section .table-cell .count::after {
 content: "";
 background: #fff;
 position: absolute;
 height: 40px;
 width: 40px;
 z-index: -3;
 z-index: -2;
}
.mid-Section .table-cell .count::before {
 border: 1px solid #e6e8e9;;
 z-index: -1;
 left: 0;
 top:0;
}
.mid-Section .table-cell .count::after {
 border-width: 0 1px 1px 0;
 left: 5px;
 top: 5px;
 border-color: #e6e8e9;
 border-style: solid;
}
.mid-Section .table-s1 .item .count {
	background: none;
	border-radius: 0;
	position: absolute !important;
	left: -6px !important;
	top: -6px !important;
	z-index: 9;
	background: none;
	z-index: 21;
	height: 40px;
	width: 40px;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: normal;
	text-indent: inherit;
	font-size:16px;
}
.mid-Section .item.clearfix .c5, .mid-Section .item.clearfix .c4, .mid-Section .item.clearfix .c3, .mid-Section .item.clearfix .c2 {
	display:table-cell;
	vertical-align:middle;
	margin:0;
	float:none;
	padding-top:0;
}
.mid-Section .table-s1 .item .c3 .rating {
	padding-top:0;
}
.mid-Section .table-s1 .item .c4 i, .mid-Section .table-s1.table-big .item i {
	position: absolute;
	font-size: 30px;
	color: #e2e2e2;
	left: 0;
	top: 50%;
	margin-top: -15px;
	margin-left: -15px;
}
.mid-Section .all_casino_list .table-s1 .item .c1 {
	position:static;
}
 .cas-Topspc {
    padding-top: 50px;
}
.mid-Section .f-section.set-height-200 {
	background:#f3f3f3 url("../images/hand-icon.png") no-repeat 15px 20px;
}
#wrap-Main .f-section .f-s-img {
	display: none;
}
#wrap-Main .f-s-content h2 {
	padding: 0 40px;
}
#wrap-Main #sidebar a.view-all, #wrap-Main #sidebar .sidebar_img {
	display: none;
}
#wrap-Main #sidebar.sidebar .widget {
	margin-bottom: 0;
}
#wrap-Main #sidebar.sidebar {
	padding-bottom:30px;
}
#wrap-Main h1.hide-Sh {
	display: none;
}
 .text-area > h3 { 
	margin-top: 30px;
}
.sp-Boxinner::after, .sp-Boxinner::before {
	display: none;
}
.sp-Boxinner {
	border: 0;
	padding: 0 0 0 110px;
	min-height:auto;
}
.ford-Iconsec {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -50px;
}
.spcasino-Txtsec.grayBx1 {
	padding-top: 35px;
}
.mrTP078 {
	margin-bottom:40px;
}
/************************
// start media query//
************************/
 
 @media screen and (max-width:991px) {
 .mid-Section .item.clearfix .c5, .mid-Section .item.clearfix .c4, .mid-Section .item.clearfix .c3, .mid-Section .item.clearfix .c2 {
 display: block;
}
.mid-Section .all_casino_list .table-s1 .item.top-casiono_heading {
 display: none;
}
.mid-Section .table-s1 .item.clearfix {
 margin-top: 15px !important;
 border: 1px solid #efefef;
 padding: 15px 0;
 margin-bottom:0 !important;
}
.mid-Section .f-section.set-height-200 {
 height: auto !important;
 padding: 20px;
}
.mid-Section img.mob-img {
 margin-top: 15px !important;
 margin-bottom: -5px;
}
.mid-Section .table-s1 .item .c3 .rating {
 padding:0;
}
.mid-Section .table-s1 .item .c2 a {
 padding: 0 5px;
}
.mid-Section .all_casino_list .table-s1 .item .c1 {
 padding: 15px 10px 0;
 top: 0;
}
.mid-Section .all_casino_list .table-s1 .item .count {
 width:35px;
 height:35px;
}
 .mid-Section .table-s1 .item .count, .mid-Section .table-cell .count::before, .mid-Section .table-cell .count::after {
 height:35px;
 width: 35px;
}
.mid-Section .table-cell .count::before, .mid-Section .table-cell .count::after {
 border-color: #e6e8e9;
}
.mid-Section .item.clearfix .c4 {
 padding:0 10px 10px;
}
.mid-Section .item.clearfix .c5 {
 padding:0 10px;
}
.mid-Section .item.clearfix .c3 {
 padding: 15px 0;
}
.mid-Section .table-s1 .item .c4 h4 {
 font-size: 18px;
}
.mid-Section .table-s1 .item .c4 p {
 max-width: 400px;
 margin: 0 auto;
 font-size: 13px;
 line-height: 19px;
 padding-top: 5px;
}
body .mid-Section .btn {
 font-size: 13px !important;
}
.mid-Section .rating i {
 width:25px;
 line-height: 25px;
 font-size: 15px;
}
.mid-Section .table-s1 .item .c5 .btn--blue {
 margin-bottom: 4px;
 display: none;
}
}
 @media screen and (max-width:767px) {
 .home .footer {
 margin-top:25px;
}
#wrap-Main header #logo img {
 max-width:250px;
}
#wrap-Main .f-s-content h2 {
	margin: 0 auto;
	font-size:18px;
	line-height:20px;
}
#wrap-Main .f-s-content p {
	padding-top: 0;
	font-size: 13px !important;
}
#wrap-Main  .f-section .f-s-img {
	top: 20px;
	left: 15px;
}
.mid-Section .f-section.set-height-200 {
    height: auto !important;
    padding: 20px 15px !important;
    margin-top: 15px !important;
}
.sp-Boxinner {
	border: 0;
	padding: 110px 0 0 0;
	min-height: auto;
}
.ford-Iconsec { 
	left: 0;
	right:0;
	top: 0;
	margin-top: 0;
}
.spcasino-Txtsec.grayBx1 {
	padding-top: 10px;
}
.sp-Boxinner > p { 
	text-align: center;
}
}
 @media screen and (max-width:585px) {
 #wrap-Main header #logo img {
 max-width:200px;
}
}
 @media screen and (max-width:485px) {
 #wrap-Main header #logo img {
 max-width:170px;
}
}
