body{ margin: 0; font-family: 'Rajdhani', sans-serif!important; }
ul{ padding: 0; margin: 0; list-style: none; }
button{ cursor: pointer; }
a:hover{ text-decoration: none; }
.themeBtn{ background: #A63729; color: #fff; border: 1px solid transparent; font-weight: 700; text-transform: uppercase; border-radius: 50px; padding: 10px 25px; transition: all 0.5s; }
.themeBtn:hover{ background: #fff; color: #A63729; border: 1px solid;  }

.TopBanner{ /*background: url('../images/topbanner.png') no-repeat;*/ color: #fff; padding: 65px 20px; position: relative; background-size: cover;}
.TopBanner:before{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.TopBanner h1{ text-transform: uppercase; margin: 0; font-weight: 700; position: relative; font-size: 55px; line-height: 1; }
.TopBanner nav[aria-label="breadcrumb"]{ display: inline-block; position: relative; }
.TopBanner .breadcrumb{ background: transparent; margin: 0; padding: 5px 0 0; }
.TopBanner .breadcrumb li{ text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; }
.TopBanner .breadcrumb li a{ color: #fff; }
.TopBanner .breadcrumb-item+.breadcrumb-item:before{  }

.MatchDetail{ padding-top: 70px; padding-bottom: 70px; }
.MatchDes{ margin-bottom: 25px; }
.MatchTitle h2{ text-transform: uppercase; font-weight: 700; margin: 0; font-size: 38px; }
.MatchTitle span{ color: #aaa; font-weight: 600; font-size: 18px; }
.MatchLoc{ text-transform: uppercase; text-align: right; }
.MatchLoc span{ color: #aaa; font-weight: 600; font-size: 18px; }
.MatchLoc h3{ color: #3626A7; font-weight: 700; font-size: 25px; }
.MatchLoc .feather{ float: right; margin-left: 10px; width: 49px; height: 49px; }
.MatchLoc div{ float: right; width: 83%; }
.Matchcarousel .owl-nav .owl-prev{ position: absolute; top: 50%; transform: translateY(-50%); left: 40px; }
.Matchcarousel .owl-nav .owl-next{ position: absolute; top: 50%; transform: translateY(-50%); right: 40px; }
.Matchcarousel .owl-nav button{ width: 40px; height: 40px; background: #091540!important; border: 0; border-radius: 50%!important; }
.Matchcarousel .owl-nav button:hover{ background: #E02020!important; }
.Matchcarousel .owl-nav button span{ color: #fff; font-size: 26px; }

.Matchcountry{ background: #f6fafe; float: left; width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 27px; padding-top: 30px;
 padding-bottom: 50px; }
.CountryDiv{ float: left; width: 36%; text-transform: uppercase; font-weight: 700; margin-top: 12px; }
.CountryDiv.Left{ margin-right: 15px; }
.CountryDiv h2{ font-weight: 700; font-size: 36px; color: #1E2024; margin: 0; line-height: 1; }
.CountryDiv span{ color: #091540; opacity: 0.7; font-size: 24px; }
.CountryDiv .ImgDiv{ float: left; width: 25%; }
.CountryDiv .ImgDiv img{ max-width: 100%; object-position: center;object-fit: cover;}
.CountryDiv .ContentDiv{ float: left;  margin-top: 19px; width: 70%; }
.CountryDiv.Left .ContentDiv{ margin-left: 5%; }
.CountryDiv.Right{ float: right; margin-left: 15px; }
.CountryDiv.Right .ContentDiv{ float: right; margin-right: 5%; text-align: right; }
.CountryDiv.Right .ImgDiv{ float: right; }
.CountryMid{ float: left; width: 24%; position: relative; }
.CountryMid h2{ font-size: 60px; color: #A63729; font-weight: 700; margin: 0; text-transform: uppercase; line-height: 1;  }
.CountryMid h4{ color: #aaa; font-size: 25px; font-weight: 600; text-transform: uppercase; margin: 0; }
.CountryMid span{ color: #aaa; font-size: 21px; font-weight: 600; text-transform: uppercase; }
.CountryMid button{ width: 100%; font-size: 20px; position: absolute; bottom: -74px; left: 0; right: 0; margin: auto; font-weight: 700; }

.MatchTable{ padding-top: 50px; padding-bottom: 80px; }
.MatchTable h3{ color: #1E2024; font-size: 25px; text-transform: uppercase; position: relative; font-weight: 700; margin-bottom: 35px; }
.MatchTable h3:before{ position: absolute; content:''; width: 50px; height: 3px; background: #E02020; top: 32px; left: 0; }
.MatchUpcoming table td{ font-size: 16px; font-weight: 600; vertical-align: middle; }
.MatchUpcoming table td h4{ font-size: 14px; font-weight: 600; text-transform: uppercase; margin: 0; }
.MatchUpcoming table td span{ font-size: 10px; color: #aaa; text-transform: capitalize; display: block; line-height: normal; font-weight: 600; }
.MatchUpcoming table td.vs{ color: #A63729; font-weight: 700; font-size: 30px; }
.MatchUpcoming table img{ max-height: 45px; }
.MatchUpcoming .ImgLeftDiv .ImgSec{ float: left; margin-right: 10px; width: 45px; height: 45px; text-align: center; }
.MatchUpcoming .ImgLeftDiv .ConSec{ float: left; margin-top: 10px; text-align: left; }
.MatchUpcoming .ImgRightDiv .ImgSec{ float: right; margin-left: 10px; width: 45px; height: 45px; text-align: center; }
.MatchUpcoming .ImgRightDiv .ConSec{ float: right; margin-top: 10px; text-align: right; }

.Venuetable table tr td{ font-size: 16px; font-weight: 600; text-transform: uppercase; }
.Venuetable table tr td:first-child{ color: #aaa; }
.Venuetable table tr td:last-child{ color: #1E2024; text-align: right; }
.Venuetable table tr:first-child td{ border-top: 0; }

.BookingModal .modal-dialog{ max-width: 1140px; }
.BookingModal .modal-body{ padding: 50px; }
.FilterSection{ float: left; width: 100%; margin-bottom: 50px; }
.FilterSection li{ float: left; border: 2px solid #eee; border-radius: 2px; padding: 15px 18px; margin-right: 1%; height: 90px; }
.FilterSection li:last-child{ margin-right: 0; }
.FilterSection li h4{ color: #707070; opacity: 0.8; font-weight: 600; font-size: 18px; text-transform: capitalize; }
.FilterSection .CounterBlock{ width: 21%; }
.FilterSection .SliderRange{ width: 30%; }
.FilterSection .SelectBlock{ width: 23%; }
.HandleCounter .cart-qty-minus{ background: #eee; border: 0; width: 26px; height: 26px; }
.CounterBlock button{ cursor: pointer; width: 30px; height: 30px; background: #A63729; border: 0; text-align: center; color: #fff; font-size: 30px;
 border-radius: 2px; }
.CounterBlock button span{ line-height: 1; display: block; }
.CounterBlock input{ width: 48px; height: 30px; border: 0; text-align: center; position: relative; font-size: 34px; font-weight: 700; top: 0px; }
.SliderRange #slider-range{ height: 4px; border: 0; background: #eee; }
.SliderRange .ui-widget-header{ background: #a63729; }
.SliderRange p{ text-align: right; margin-bottom: 0; }
.SliderRange p input{ color: #fff!important; font-weight: 600!important; background: #1E2024; font-size: 12px; border-radius: 10px; text-align: center; width: 80px; position: relative; top: -29px; }
.SliderRange .ui-slider-handle{ width:14px!important; height: 14px!important; border-radius: 50px; border: 0!important; top: -6px!important; background: #a63729!important; }
.SelectBlock select{ width: 100%; border: 0;  background: url(images/downarrow_blue.png) no-repeat right white; color: #1E2024;
 font-weight: 700; font-size: 20px; }
.BookingTabs{ border-left: 1px solid #ddd; }
.BookingTabs .nav-tabs{ margin: 0 0 0 20px; }
.BookingTabs .nav-tabs li a{ border: 0; color: #1E2024; font-weight: 700; font-size: 22px; position: relative; text-transform: uppercase; padding: 5px 0px 20px 0; margin: 0 25px 0 0; }
.BookingTabs .nav-tabs li a.active{ color: #A63729; background: transparent; }
.BookingTabs .nav-tabs li a.active:before{ position: absolute; content: ''; top: 37px; left: 0; right: 0; margin: auto; width: 35px; height: 3px; background: #A63729; }
.BookingTabs .tab-content{ padding: 20px 0px 20px 20px; }
.BookingTabs .tab-pane h3{ color: #1E2024; font-weight: 700; font-size: 22px; opacity: 0.5; text-transform: uppercase; margin-bottom: 20px; }
.BookingTabs table{ width: 100%; }
.BookingTabs .SeatingTable{ min-height: 250px; max-height: 250px; overflow: auto; }
.BookingTabs .SeatingTable tr{  box-shadow: 0 0 10px #ddd; border-radius: 4px; position: relative; float: left; width: 100%; margin-bottom: 15px; border: 1px solid #ddd; }
.BookingTabs .SeatingTable tr td{ padding: 10px; border: 0; }
.BookingTabs .SeatingTable tr td:first-child{ width: 25%; }
.BookingTabs .SeatingTable tr td:nth-child(2){ width: 15%; }
.BookingTabs .SeatingTable tr td:nth-child(3){ width: 15%; }
.BookingTabs .SeatingTable tr td:nth-child(4){ width: 15%; }
.BookingTabs .SeatingTable tr td:nth-child(5){ width: 35%; }
.BookingTabs .SeatingTable tr td span{ color: #707070; opacity: 0.8; font-weight: 600; font-size: 14px; display: block; line-height: normal; }
.BookingTabs .SeatingTable tr td h2{ color: #1E2024; font-weight: 700; font-size: 18px; }
.BookingTabs .SeatingTable tr td .priceAmt{ color: #3626A7; font-weight: 700; font-size: 28px; }
.BookingTabs .TdClose{ position: absolute; right: 0; top: 0; }
.BookingTabs .TdClose button{ position: absolute; top: -8px; right: 0; font-size: 28px; background: transparent; border: 0; }
.BookingTabs .CartDetail{ width: 49%; display: inline-block; }
.BookingTabs .CartDetail h4{ color: #1E2024; opacity: 0.5; font-weight: 600; font-size: 14px; margin: 0; }
.BookingTabs .CartDetail h2{ font-size: 25px; color: #1E2024; font-weight: 700; margin: 0; }
.BookingTabs .CartDetail span{ color: #1E2024; opacity: 0.5; font-weight: 600; font-size: 12px; }
.BookingTabs .CartButton{ width: 50%; display: inline-block; text-align: right; position: relative; top: -16px; }
.BookingTabs .CartButton button .feather{ width: 18px; height: 18px; margin-right: 5px;  }
.PriceTable th{ color: #1E2024; opacity: 0.5; padding: 5px; border-bottom: 1px solid #eee; }
.PriceTable td{ padding: 5px 5px; font-weight: 600; font-size: 16px; }
.PriceTable td .circleIcon{ width: 18px; height: 18px; border-radius: 50%; display: inline-block; position: relative; top: 3px; margin-right: 8px; }
.PriceTable td .green{ background: green; }
.PriceTable td .red{ background: red; }
.PriceTable td .yellow{ background: yellow; }
.PriceTable td .blue{ background: blue; }
.PriceTable td .skyblue{ background: skyblue; }
.stadiumImg img{ max-width: 100%;  cursor: pointer; }

.LoginLeft{ padding: 30px 70px 0px; }
.LoginLeft img{ max-width: 200px; }
.LoginLeft h2{ font-weight: 700; font-size: 40px; position: relative; color: #1E2024; text-transform: uppercase; text-align: center; padding-bottom: 10px; }
.LoginLeft h2:before{ position: absolute; content: ''; width: 50px; height: 5px; background: #A63729; top: 60px; left: 0; right: 0; margin: auto; border-radius: 2px; }
.LoginInput{ padding-top: 30px; }
.LoginInput form{ width: 370px; margin: 30px auto 0; }
.LoginInput form label{ font-weight: 700; font-size: 18px; color: #1E2024; text-transform: uppercase; }
.LoginInput form input{ border: 2px solid #eee; border-radius: 25px; height: 50px; padding: 10px 20px; }
.LoginInput form input::-webkit-input-placeholder{ color: #ccc; font-weight: 600; font-size: 18px; }
.LoginInput form label.custom-control-label{ font-size: 13px;font-weight: 600; }
.LoginInput form label.custom-control-label:before, .LoginInput form label.custom-control-label:after{ top: 2px; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {background-color: #a63729;}
.custom-control-input:focus ~ .custom-control-label::before {box-shadow: none;}
.custom-control-label::before{
    background-color: #fff;
    border: 1px solid #a63729;
}
.LoginInput form .custom-control{ display: inline-block; }
.LoginInput .form-group{ margin-bottom: 20px; }
.form-group .selected-flag{ background-color: transparent!important; border-right: 1px solid #eee; }
.ForgotPwd{ margin: 25px 0 20px; }
.ForgotPwd a{ float: right; font-size: 13px; text-transform: uppercase; color: #aaa; font-weight: 600; margin-top: 3px; }
.LoginInput button{ width: 100%; font-size: 18px; padding: 11px 25px; }
.OrDiv{ margin: 30px 0; text-align: center; position: relative; }
.OrDiv:before{ position: absolute; content: ''; width: 100%; height: 1px; background: #ddd; top: 10px; left: 0; z-index: -1; }
.OrDiv span{ background: #1E2024; color: #fff; font-weight: 600; padding: 3px 5px; border-radius: 50px; }
.LoginSocial ul li{ display: inline-block; width: 49%; height: 50px; border-radius: 50px; }
.LoginSocial li.facebook{ background: #3B5999;  }
.LoginSocial li.twitter{ background: #55ACEE; }
.LoginSocial li a{ color: #fff; padding: 14px 12px; display: block; text-align: center; text-transform: uppercase; font-weight: 600; }
.LoginSocial li a i{ margin-right: 3px; }
.LoginInput p{ text-transform: uppercase; font-weight: 600; font-size: 13px; text-align: center; margin-top: 25px; }
.LoginInput p a{ color: #E02020; text-decoration: underline; }
.LoginFooter{ margin: 50px 0 0; text-align: center; color: #aaa; font-size: 14px; }
.PwdSection div{ width: 49%; display: inline-block; }
.LoginBg{ padding: 0; }
.LoginBg img{ width: 100%; height: 100vh; object-fit: cover; object-position: center; }
/*.LoginBg{ background: url('../images/LoginBg.jpg') no-repeat; background-size: cover; background-position: top right; }*/
.OtpModal .modal-dialog{ max-width: 400px; }
.OtpModal h3{ font-weight: 700; text-transform: uppercase; color: #1E2024; font-size: 25px; }
.OtpModal .modal-body{ text-align: center; padding: 50px 65px; }
.OtpModal p{ color: #aaa; font-weight: 500; font-size: 15px; }
.phoneNumber{ color: #1E2024; font-weight: 600; }
.resendOtp{ color: #E02020; font-weight: 700; text-transform: uppercase; }
.resendOtp:hover{ color: #A63729; }
.OtpModal .form-group{ margin-bottom: 20px; }
.OtpModal input{ width: 50px; display: inline-block; border: 0; border-bottom: 1px solid #ddd; font-size: 25px; font-weight: 700; text-align: center; margin-right: 10px; }
.OtpModal .themeBtn{ width: 100%; }


.BodyBg{ background: #f7f7f7; padding-bottom: 70px; padding-top: 70px; }
.BodyBg h2{ text-transform: uppercase; color: #1E2024; font-size: 26px; font-weight: 700; }
.ProfileHeader, .ProfileBody{ background: #fff; box-shadow: 0 0 10px #eee; padding-left: 50px; padding-right: 50px; }
.ProfileHeader{ margin-bottom: 50px; padding-top: 25px; padding-bottom: 25px; }
.ProfileBody{ padding-top: 60px; padding-bottom: 60px; }
.ProfileBody .form-group{ margin-bottom: 25px; position: relative; }
.ProfileBody .form-group label{ display: block; margin-bottom: 7px; text-transform: uppercase; color: #7D7D7D; font-weight: 600; font-size: 18px; }
.ProfileBody .form-group input{ border: 2px solid #eee; padding: 9px 15px; width: 100%; font-weight: 600; font-size: 18px; }
.ProfileBody .form-group input::placeholder { color: #7D7D7D; opacity: 0.5; font-weight: 600; font-size: 18px;  }
.ProfileBody .form-group i{ position: absolute; top: 48px; right: 32px; color: #bfbfbf; cursor: pointer; }
.jquery-datepicker input{ padding-left: 45px!important; }
.jquery-datepicker .feather{ position: absolute; top: 46px; width: 20px; left: 31px; color: #bfbfbf; }
.PasswordSec{ margin-top: 80px; }
.PasswordSec input::placeholder { position: relative; top: 5px; }
.ProfileBody .themeBtn{ padding: 10px 45px; }
.UpImgSection{ border: 2px solid #eee; margin-top: 30px; padding: 19px 15px; }
.UpImgSection .ImgSection{ width: 75px; height: 75px; margin: 0 auto 6px; position: relative; }
.UpImgSection input{ display: none; }
.UpImgSection label{ cursor: pointer; background: #a63729; color: #fff; padding: 1px 6px; margin: 0; border-radius: 50%; position: absolute; bottom:  0; right: 0; }
.UpImgSection label .feather{ width: 13px; }
.UpImgSection img{ max-width: 100%;object-position: center;object-fit: cover;border-radius: 50%;}
.UpImgSection .position-relative{ margin-bottom: 10px; }
.UpImgSection p{ margin: 0px 0 0; font-weight: 600; color: #7D7D7D; font-size: 14px; line-height: normal; }
.UpImgSection small{ color: #A63729; font-weight: 600; font-size: 12px; display: block; }
.ProfileImg{ width: 100px; height: 100px; float: left; margin-right: 20px; }
.ProfileImg img{ width: 100%; border: 9px solid #A63729; border-radius: 50%;object-position: center;object-fit: cover; }
.ProfileName{ float: left; width: 206px; margin: 22px 0; }
.ProfileName h2{ margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ProfileName small{ color: #7D7D7D; font-weight: 600; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
.ProfileTabs ul{ position: relative; text-align: right; }
.ProfileTabs ul:before{ position: absolute; left: 17px; content: ''; top: 2px; height: 95px; width: 1px; background: #ddd;  }
.ProfileTabs ul li{ margin-left: 64px; margin-top: 29px; display: inline-block; }
.ProfileTabs ul a{ border: 0; position: relative; display: block; font-weight: 700; color: #1E2024; text-transform: uppercase; font-size: 17px; }
.ProfileTabs ul a:before{ position: absolute; content: ''; bottom: -65px; left: 0; right: 0; margin: auto; width: 75px; height: 6px; background: #A63729; display: none; }
.ProfileTabs ul a h2{ margin: 0; }
.ProfileTabs ul a.active h2, .ProfileTabs ul a.active{ color: #A63729; }
.ProfileTabs ul a.active:before, .ProfileTabs ul a:hover:before{ display: block; }
.ProfileTabs ul a:hover h2, .ProfileTabs ul a:hover{ color: #A63729; }
.ProfileTabs1 a .feather{ width: 17px; }
.ProfileTabs1 ul li{ margin-left: 20px; margin-top: 35px; }
.ProfileTabs1 ul:before{ left: -4px; }
.mbl-menu{ text-align: right; margin-top: 25px; }
.mbl-menu i{ font-size: 21px; }
.AccountTable{ margin-top: 80px; }
.AccountTable .HeadingSec{ margin-bottom: 0; }
.AccountTable table tr:first-child{ background: #f7fbff; }
.AccountTable table tr th{ font-weight: 700; }
.AccountTable table tr td, .AccountTable table tr th{ text-transform: uppercase; font-size: 17px; border-top: 0; }
.AccountTable table tr td{ color: #7D7D7D; font-weight: 600; }
.AccountTable table tr td{  border-bottom: 1px solid #dee2e6; }
.acc-no{ color: #0cce0c!important; }

.jquery-datepicker__panel .jquery-datepicker__day{ border: 1px solid #eee!important; }
.jquery-datepicker__panel .jquery-datepicker__day.-is--selected{ background-color: #A63729!important; }

.DashboardCard{ border: 2px solid #eee; padding: 18px 14px; background: #f7f9fb; position: relative; }
.DashboardCard h4{ text-transform: uppercase; font-size: 18px; font-weight: 700; margin-bottom: 4px; }
.DashboardCard h3{ font-weight: 700; font-size: 50px; margin-bottom: 2px; text-transform: uppercase; }
.DashboardCard .PercentSec{ position: absolute; right: -1px; top: -2px; background: #A63729; color: #fff; font-weight: 700; padding: 7px 6px;  }
.DashboardCard .InfoSec{ background: transparent; color: inherit; cursor: pointer; }
.DashboardCard .InfoSec .feather{ width: 20px; }
.DashboardCard .progress{ height: 5px; border-radius: 10px; }
.DashboardCard .progress-bar{ background-color: #A63729;  }
.EventTable, .BookingHistoryTable{ margin-top: 60px; }
.EventTable table{ margin: 0; }
.EventTable table td{ text-align: center; border: 0; font-size: 19px; font-weight: 700;  }
.EventTable table td h4{ font-size: 19px; font-weight: 700; }
.EventTable table tr{ background: #f7f9fb!important; float: left; width: 100%; margin-bottom: 10px; border: 1px solid #eee; }
.EventTable table td:first-child{ width: 10%; }
.EventTable table td:nth-child(2){ width: 25%; }
.EventTable table td:nth-child(3){ width: 5%; }
.EventTable table td:nth-child(4){ width: 25%; }
.EventTable table td:last-child{ width: 5%; }
.EventTable table td.vs{ font-size: 38px; }
.BookingHistoryRow{ margin-bottom: 20px; }
.BookingHistoryRow .row{ border: 1px solid #eee; margin-left: 0; margin-right: 0; }
.CountryDetails{ background: #f7f9fb; padding: 20px; text-align: center; border-right: 1px solid #eee; }
.CountryDetails p{ font-size: 19px; font-weight: 600; margin-bottom: 5px; }
.CountryDetails .MiddleSec, .CountryDetails ul{ float: left; width: 100%; }
.CountryDetails .NameSec{ float: left; width: 40%; }
.CountryDetails .NameSec img{ margin-bottom: 4px; }
.CountryDetails .NameSec h4{ font-size: 20px; font-weight: 700; margin: 0; text-transform: uppercase; }
.CountryDetails .NameSec small{ font-size: 10px; font-weight: 600; display: block; color: #7D7D7D; margin-top: -3px; }
.CountryDetails .vs{ float: left; width: 20%; margin-top: 22px; }
.CountryDetails ul{ padding-top: 10px; border-top: 1px solid #ddd; margin-top: 10px; }
.CountryDetails ul li{ display: inline-block; font-weight: 600; font-size: 18px; margin-right: 23px; }
.CountryDetails ul li .feather{ width: 16px; }
.CountryDetails .vs h4{ color: #A63729; font-size: 40px; font-weight: 700; }
.SeatDetails{ padding-left: 35px; padding-right: 35px; padding-top: 11px; }
.SeatDetails table{ margin: 0; }
.SeatDetails table tr th{ border-top: 0; color: #7D7D7D; text-transform: uppercase; padding-left: 0; }
.SeatDetails table tr td{ padding-left: 0!important; font-weight: 700; font-size: 18px; padding: 10px; }
.SeatDetails table tr th:first-child{ width: 30%; }
.SeatDetails table tr th:nth-child(2){ width: 23%; } 
.SeatDetails table tr th:nth-child(3){ width: 25%; }
.SeatDetails table tr th:last-child{ width: 10%; }
.SeatDetails .TotalPrice{ color: #A63729; }
.HeadingSec{ padding-bottom: 7px; border-bottom: 1px solid #ddd; margin-bottom: 35px; }
.HeadingSec h2{ display: inline-block; }
.row.HeadingSec{ margin-right: 0; margin-left: 0;  }
.row.HeadingSec .col-lg-12{ padding: 0; }
.RightSelect{ float: right; width: 50%; margin-top: -8px;  margin-bottom: 12px; }
.RightSelect select{ padding: 8px 14px; border: 2px solid #eee; font-size: 18px; width: 49%; margin-right: 1%; font-weight: 600; display: inline-block; text-transform: uppercase; }
.RightSelect select:last-child{ margin-right: 0; }

.transactionDetail ul{ float: left; width: 100%; margin-top: 15px; margin-bottom: 50px; }
.transactionDetail ul li{ float: left; margin-right: 20px; width: 19%; margin-top: 26px; }
.transactionDetail ul li:first-child{ margin-top: 0; }
.transactionDetail ul li:last-child{ margin-right: 0; width: 16%; margin-top: 43px; }
.transactionDetail ul li p{ color: #7D7D7D; font-size: 18px; font-weight: 600; text-transform: uppercase; margin: 0; }
.transactionDetail ul li h2{ font-size: 47px; }
.transactionDetail .themeBtn{ padding: 7px 40px; }
.transactionDetail .RightSelect{ width: auto; text-transform: uppercase; margin: 0; position: relative; top: 5px; }
.transactionDetail .RightSelect label{ font-weight: 700; font-size: 19px;  color: #7D7D7D;  }
.transactionDetail .RightSelect select{ padding: 0; border: 0; text-transform: uppercase; width: auto; font-weight: 700; font-size: 19px; }
.transactionDetail .feather-download{ width: 20px; float: right; margin-left: 10px; margin-top: 6px; cursor: pointer; }
.transactionHistory table tr:first-child{ background: #f7fbff; }
.transactionHistory table tr th, .transactionHistory table tr td{ text-transform: uppercase; }
.transactionHistory table tr th{ border-bottom: 1px solid #dee2e6; }
.transactionHistory table tr td{ border-top: 0; border-bottom: 1px solid #dee2e6; font-weight: 600; color: #7D7D7D;  }
.transactionHistory table tr td.themeColor{ font-weight: 700; }
.themeColor{ color: #A63729!important; }
.greenColor{ color: #28a745!important; }
.yellowColor{ color: #fbbe0c!important; }
.redColor{ color: #dc3545!important; }
.violetColor{ color: #3626a7!important; }

.salesOverview .RightSelect select{ color: #7D7D7D; }
.salesOverview .DashboardCard{ text-align: center;  }
.salesOverview .DashboardCard h4{ color: #7D7D7D; }
.salesHistory{ margin-top: 60px; }
.salesHistory .HeadingSec{ margin-bottom: 20px; }
.salesHistory table .vs{ color: #A63729; font-weight: 700; padding: 0 5px; }
.salesHistory table tr td, .salesHistory table tr th{ text-align: center; }
.salesHistory table tr th:first-child, .salesHistory table tr td:first-child{ text-align: left; }
.salesHistory table tr td{ color: #212529; }
.salesHistory table tr:last-child td{ color: #212529; font-weight: 700; }
.salesOverview .totalTickets{ border-right: 1px solid #ddd; }

.ContactBanner{ padding: 75px 20px; background-position: center; }
.contactInner{ padding-top: 100px; padding-bottom: 100px; }
.contactInner h2, .contactInner h3{ text-transform: uppercase; }
.contactDetail h2{ font-weight: 700; font-size: 45px; margin: 0; }
.contactDetail p{ color: #7D7D7D; font-size: 18px; font-weight: 600; text-transform: capitalize; margin-top: -9px; }
.contactDetail ul li{ text-transform: uppercase; font-size: 18px; }
.contactDetail ul li label{ color: #7D7D7D; font-weight: 600; margin-bottom: 2px; }
.contactDetail ul li span{ font-weight: 700; margin-left: 20px; }
.contactForm{ background: #f7f9fb; border: 2px solid #eee; padding: 50px; margin-top: 50px; position: relative; }
.contactForm h3{ background: #A63729; color: #fff; padding: 11px 75px; display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); top: -25px;
	font-size: 20px; font-weight: 600; }
.contactForm label{ width: 100%; text-transform: uppercase; font-size: 18px; font-weight: 600; }
.contactForm input, .contactForm textarea, .contactForm .select2-selection{ width: 100%!important; border: 2px solid #eee!important; padding-top: 9px; padding-bottom: 9px; padding-right: 15px; padding-left: 15px; border-radius: 0!important; font-weight: 600; }
.contactForm .select2-selection__arrow{ right: 10px!important; height: 43px!important; }
.contactForm textarea{ height: 100px; padding: 15px; }
.contactForm input::placeholder, .contactForm textarea::placeholder{ font-weight: 500; color: #aaa; }
.contactForm .form-group{ margin-bottom: 20px; }
.contactForm .custom-checkbox{ margin-top: -20px;  }
.contactForm .custom-checkbox label{ font-size: 14px; color: #aaa; }
.contactForm .custom-control-label:before{ width: 13px; height: 13px; border: 1px solid #7D7D7D; background: transparent; border-radius: 3px; top: 3px; left: -22px; }
.contactForm .custom-control-label:after{ width: 13px; height: 13px; left: -22px; }
.contactForm .custom-control-input:checked~.custom-control-label:before{ background: #A63729; }
.contactForm .themeBtn{ padding: 6px 40px; }

#invoiceModal .modal-dialog{ max-width: 900px; }
#invoiceModal .modal-content{ padding: 50px; border-radius: 0; }

.row.HeadingSec .nav-tabs{ border-bottom: 0; }
.row.HeadingSec .nav-tabs li{ margin-bottom: 12px; margin-right: 30px; width: 19%; }
.row.HeadingSec .nav-tabs a{ border: 0; background: #eee; font-weight: 600; font-size: 18px; text-transform: capitalize; border-radius: 0; color: inherit;
 text-align: center; }
.row.HeadingSec .nav-tabs a.active{ background: #A63729; color: #fff; }
.BookingHistory .cardDet .Matchcountry{ border: 0; background: transparent; float: none; margin: 0; padding: 0; }
.BookingHistory .cardDet .cardBottom li{ min-width: 91px; }
.BookingHistory .cardDet .matchTime .w-50{ width: 45%!important; }
.BookingHistory .cardDet .img-square-wrapper:after{ border-bottom: 190px solid #fff; border-left: 66px solid transparent; }
.BookingHistory .cardDet .cardBottom small{ font-weight: 600; }

.BookingHistoryCard{ border: 2px solid #eee; box-shadow: 0 0 10px #eee; float: left; width: 100%; margin-bottom: 25px; }
.CardImgSec{ float: left; width: 25%; height: 172px; position: relative;  }
.CardImgSec:after{  position: absolute; content: ""; width: 0; height: 100%; border-bottom: 172px solid #fff; border-left: 58px solid transparent; right: 0px; top: 0px; bottom: 0; }
.CardImgSec img{ width: 100%; height: 100%; object-fit: cover; }
.CardImgCont{ float: right; width: 75%; padding: 30px 15px; position: relative; }
.CardImgCont ul{ float: left; width: 100%; }
.MatchDetailList{ padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px; }
.MatchDetailList li{ float: left; width: 49%; margin-right: 1%; }
.MatchDetailList li:last-child{ margin-right: 0; margin-left: 1%; margin-top: 5px; }
.MatchDetailList .ImgLeftDiv{ float: left; width: 42%; }
.MatchDetailList .ImgRightDiv{ float: right; width: 42%; }
.MatchDetailList .vs{ float: left; width: 16%; text-align: center; }
.MatchDetailList .vs h2{ margin: 0; }
.MatchDetailList .ImgLeftDiv .ImgSec{ float: left; width: 35px; height: 35px; }
.MatchDetailList .ImgLeftDiv .ImgSec img, .MatchDetailList .ImgRightDiv .ImgSec img{ width: 100%; }
.MatchDetailList .ImgLeftDiv .ConSec{ float: right; width: 70%; margin-left: 6%; margin-top: 7px; }
.MatchDetailList .ImgRightDiv .ImgSec{ float: right; width: 35px; height: 35px; }
.MatchDetailList .ImgRightDiv .ConSec{ float: right; width: 70%; margin-right: 6%; text-align: right; margin-top: 7px; }
.MatchDetailList .ImgLeftDiv .ConSec h4, .MatchDetailList .ImgRightDiv .ConSec h4{ font-weight: 700; text-transform: uppercase; font-size: 14px; margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.MatchDetailList .ImgLeftDiv .ConSec span, .MatchDetailList .ImgRightDiv .ConSec span, .MatchDetailList .vs span{ font-size: 10px; color: #aaa; text-transform: capitalize; display: block; margin-top: -4px; font-weight: 600;
text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.MatchDetailList .vs span{ margin-top: -8px; }
.LocDateSec .LocSec{ float: left; width: 65%; text-align: center; }
.LocDateSec .DateSec{ float: right; width: 30%; margin-left: 5%; }
.LocDateSec p{ font-weight: 600; font-size: 15px; text-transform: capitalize; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 0; }
.LocDateSec p .feather{ width: 15px; }
.TicketDetailList li{ float: left; width: 11%; margin-right: 2%; text-align: center; text-transform: capitalize; }
.TicketDetailList li:first-child{ width: 15%; }
.TicketDetailList li:last-child{ margin-right: 0; width: 15%; }
.TicketDetailList li:nth-child(2){ width: 13%; }
.virtualtic{ background: #ec213f; font-weight: 600; border: 0; width: 100%; color: #fff; font-size: 14px; padding: 6px 5px; line-height: normal; position: relative; margin-top: 6px; }
.TicketDetailList span{ color: #7D7D7D; font-size: 14px; font-weight: 600; }
.TicketDetailList h3{ font-weight: 700; font-size: 16px; margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.TicketDetailList .priceAmount{ color: #3626a7; font-size: 28px; margin: 9px 0 0; }
.closeIcon{ position: absolute; top: 3px; right: 10px; cursor: pointer; }
.closeIcon .feather{ width: 15px; stroke-width: 3; stroke: #ec213f; }
.LoadMore{ float: left; width: 100%; }
.LoadMore .themeBtn{ background: #444; padding: 8px 45px; font-weight: 600; margin-top: 20px; }
.LoadMore .themeBtn:hover{ border: 1px solid #444; color: #444; background: #fff; }

.Loader{ position: fixed; background: rgba(255,251,251,0.67); top: 0; left: 0; right: 0; bottom: 0; z-index: 999; }
.Loader .fa-spin{ position: absolute; top: 48%; transform: translateY(-50%); font-size: 30px; }
.Loader .img-container{width: 90px;height: 90px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.LoginPage .LoginBg video{ min-width: 100%;height: 100%;object-fit: cover;object-position: center; }
/*#logBanner , #logBanner .owl-stage-outer , #logBanner .owl-stage , #logBanner .owl-stage img ,#logBanner .owl-stage .owl-item , #logBanner .owl-stage .item{height: 100%;}*/
.MatchDetail .Matchcountry .themeBtn{ bottom: -77px; }
.CountryDiv h2{white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;}

.statusDiv{border:0px solid #ddd;display: inline-block;padding: 15px 25px 10px;box-shadow: 0px 0px 2px #ddd;margin-bottom: 15px; width:100%;}
.statusDiv li{margin-right: 15px; float:left;}
.statusDiv li small{font-size: 14px;font-weight: 600;}
.statusDiv li span{width: 20px;height: 20px;display: inline-block;border-radius: 4px;position: relative;top: 5px;margin-right: 10px;}
.statusDiv li.avail span{background: #65d850;box-shadow: 0px 0px 2px #65d850;}
.statusDiv li.oncart span{background: #e2c041;box-shadow: 0px 0px 2px #e2c041;}
.statusDiv li.reser span{background: #c3c3c3;box-shadow: 0px 0px 2px #c3c3c3;}
.statusDiv li.book span{background:  #5e69ef;box-shadow: 0px 0px 2px #5e69ef;}
.toolTipContent{background: #e2e3e5;border:1px solid #e2e3e5;padding:10px 15px;border-radius: 5px;float: right;margin-bottom: 15px;min-width: 200px;}
.toolTipContent p{color: #383d41;margin: 3px 0px;font-size: 14px;font-weight: 500;}
.toolTipContent p.row1{font-size: 15px;font-weight: 600;}
div#layout_div{display: inline-block;border: 1px solid #ddd;box-shadow: 0px 0px 2px #ddd;border-radius: 5px;padding:10px;}
.sports-selection .owl-nav .owl-prev , .sports-selection .owl-nav .owl-next{ position: absolute;top:50%;transform: translateY(-50%);background: #ffffffc9;width: 30px;height: 30px;text-align: center;line-height: 30px;border-radius: 50px;  }
.sports-selection .owl-nav .owl-prev {left:0px;}
.sports-selection .owl-nav .owl-next{right: 0px;}

.paymentSec .card-body p{min-height: 45px;}
.paymentSec .card-body .paypal-buttons{ min-width: auto !important;height: 35px !important;max-width: 130px !important; }
.paypal-button.paypal-button-layout-vertical:last-of-type , .paypal-button.paypal-button-layout-vertical , .paypal-button , .paypal-button{height: 35px !important;min-height: 35px !important;max-height: 35px !important;border-radius: 50px !important;}

.position-relative{position: relative;}
.section-newletter{margin-top:25px;}
.section-newletter h2{font-size: 23px;margin-bottom: 15px;}
.section-newletter input{border:1px solid #ddd;border-radius: 0px;padding:9px 10px;width: 100%;font-size: 11px;}
.section-newletter .newsletter-inner{position: relative;}
.section-newletter button{position: absolute;right: 0;top: 0;bottom: 0;background: #a63729;border: 1px solid #a63729;color: #fff;font-size: 13px;padding: 0px 15px;}
.section-newletter button:hover{background: #d18134;border-color: #d18134;}
.cardSection .card img.card-img-top{object-fit: cover;object-position: center;}
.checkout .CountryDiv .ImgDiv img , .cartPage .CountryDiv .ImgDiv img{height: 35px;object-fit: cover;object-position: center;}
.MatchDetail .CountryDiv .ImgDiv img{ height: 100px; }

.zoomInOut .inDiv{ background: #fff;box-shadow: 0px 0px 3px #ddd;border-radius: 50px; }
.zoomInOut .inDiv button{background-color: transparent;border:0px;padding: 0px;line-height: 1;padding: 6px 10px;width: 40px;}
.zoomInOut .inDiv button span{ font-size: 30px;font-weight: 600; }
.zoomInOut .inDiv .plus{color: #A63729;}
/*.initialDisplay {width: 100%;max-height: 400px;overflow: auto;}*/
.initialDisplay img{min-height: 350px;min-width: 100%;}
.initialZoomIN{max-width: 100%;max-height: 350px;overflow:auto;}
/*scrollbar style*/
.initialZoomIN {overflow: auto; scrollbar-color: #ddd #ccc;scrollbar-width: thin;scrollbar-border-radius: 5px;}
.initialZoomIN::-webkit-scrollbar {height: 12px;width: 4px;background: #ffffff;}
.initialZoomIN::-webkit-scrollbar-thumb {background: #ddd;-webkit-border-radius: 10px;-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);}
.initialZoomIN::-webkit-scrollbar-corner {background: #000;}

.outA:hover + .ul_div{ display: block !important; }
#sub_email:focus{outline: none;}
.sports-selection .rightDown a.dropdown-toggle::after {position: absolute;right: 12px;width: 15px;height: 15px;}
.menuHover .ul_div.show , .menuHover .rightDown .mainMenu.show{ display: none !important; }
.bannerSection .position-relative{ min-height: 85vh; }
.rightDown a.dropdown-toggle{position: relative;}
/* Responsive */
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.MatchTitle h2{ font-size: 30px; }	
	.CountryDiv .ImgDiv img{ max-width: 80px; }
	.CountryDiv .ContentDiv{ width: 100%; margin-left: 0; }
	.CountryDiv.Left .ContentDiv{ margin-left: 0; }
	.CountryDiv.Right .ContentDiv{ margin-right: 0; }
	.CountryDiv{ width: 34%; }
	.CountryMid{ width: 28%; }
	.MatchTable{ padding-top: 0px; }
	.MatchUpcoming .ImgRightDiv .ImgSec{  margin-left: 0; }	
	.BookingModal .modal-dialog{ width: 97%; }
	.FilterSection .SelectBlock, .FilterSection .CounterBlock{ width: 22%; }
	.BookingTabs .CartButton{ width: 49%; }
	.SliderRange p input{ top: -8px; }
	.FilterSection li{ height: 100px; }
	.SliderRange p{ margin-bottom: 5px; }
	.LoginLeft h2{ font-size: 37px; }
	.LoginLeft h2:before{ top: 50px; }

	.ProfileTabs ul{ text-align: left; }
	.ProfileTabs ul:before{ display: none; }
	.ProfileTabs ul li{ margin-left: 0; margin-right: 27px; }
	.ProfileTabs ul a.active:before, .ProfileTabs ul a:hover:before{ bottom: -26px; }
	.ProfileTabs ul a h2{ font-size: 21px; }
	.ProfileTabs ul a h2 .feather{ width: 20px; }
	.ProfileTabs1{ display: none; }
	.ProfileTabs1 ul{ text-align: center; }
	.ProfileTabs1 ul li{ margin-top: 23px; }
	.ProfileTabs1 ul a.active:before, .ProfileTabs1 ul a:hover:before{ bottom: -7px; }
	.EventTable .ImgRightDiv .ImgSec{ float: right; }
	.transactionDetail ul li{ width: 31%; }
	.transactionDetail ul li:first-child{ margin-top: 50px; }
	.salesOverview .DashboardCard h4{ font-size: 14px; }

	.row.HeadingSec .nav-tabs li{ width: 30%; }
	.BookingHistoryRow{ width: 100%; overflow: auto; }
	.BookingHistoryCard{ width: 1040px; }
		footer .pl-5{ padding-left: 15px !important; }
		.section-newletter h2{font-style: 19px !important;}
		.sports-selection{padding: 70px 50px;}
		.section-newletter h2{font-size: 19px;}
		.statusDiv li{margin-right: 0px;width: 50%;}
 		.toolTipContent{text-align: left;}
 		.statusDiv , .toolTipContent , .stadiumImg{ margin-bottom: 30px !important; }
 		.FilterSection li h4{font-size: 15px;}
 	.bannerSection .position-relative{ min-height: auto; }
 	.sports-selection .outA img{display: none;}

}

@media only screen and (max-width: 991px){
	.ProfileTabs ul:before{ display: none; }
	header .navbar .menuBtn{display: inline-block !important;}

	

}

@media only screen and (min-width: 768px) and (max-width: 991px){
	.Matchcarousel .owl-item img{ height: 250px; object-fit: cover; }
	.MatchDetail{ padding-bottom: 40px; }
	.MatchTitle h2{ font-size: 23px; }	
	.MatchLoc div{ width: 82%; }
	.CountryDiv .ContentDiv{ margin-left: 0; margin-top: 15px; width: 100%; }
	.CountryDiv.Left .ContentDiv{ margin-left: 0; }
	.CountryDiv{ width: 35%; }
	.CountryDiv h2{ font-size: 27px; }
	.CountryDiv span{font-size: 16px;}
	.CountryDiv .ImgDiv{width: 40%;}
	.CountryMid h4{font-size: 20px;}
	.CountryMid span{font-size: 19px;}
	.CountryDiv.Right .ContentDiv{ margin-right: 0; }
	.CountryMid button{ font-size: 14px; padding: 10px 13px; position: static; margin-top: 10px; }	
	.MatchTable{ padding-top: 30px; }
	.Venuetable{ padding-top: 20px; }
	.BookingModal .modal-dialog{ max-width: 82%; margin: 50px auto; }
	.FilterSection li{ width: 100%!important; margin-right: 0; margin-bottom: 10px; height: auto; }	
	.SliderRange p{ margin-bottom: 1rem; }
	.BookingTabs .CartDetail{ width: 100%; }
	.BookingTabs .CartButton{ width: 100%; top: 20px; }
	.stadiumImg{ text-align: center; }
	.BookingTabs{ border-left: 0; }
	.BookingTabs .nav-tabs{ margin: 0; }
	.BookingTabs .tab-content{ padding: 20px 0 20px 0; }
	.LoginBg{ display: none; }
	
	.ProfileTabs{ display: none; position: absolute; right: 50px; width: auto; background: rgb(255, 255, 255); top: 95px; z-index: 2; padding: 0px 15px 15px; box-shadow: 0 0 8px #aaa; border-top: 4px solid rgb(166, 55, 41); }
	.ProfileTabs ul li{ margin-left: 0; margin-top: 15px; display: block; text-align: left; }
	.ProfileTabs ul a.active:before, .ProfileTabs ul a:hover:before{ display: none; }
	.ProfileTabs ul a h2{ font-size: 17px; }
	.ProfileTabs ul a h2 .feather{ width: 17px; }
	.ProfileTabs li .feather{ margin-right: 5px; }
	.DashboardCard{ margin-bottom: 15px; }
	.RightSelect select{ width: 48%; }	
	.transactionDetail ul li{ width: 30%; }
	.transactionDetail ul li:first-child{ margin-top: 52px; }
	.contactInner{ padding-top: 40px; padding-bottom: 40px; }
	#invoiceModal .modal-dialog{ margin: .5rem; }

	.row.HeadingSec .nav-tabs li{ width: 30%; }
	.BookingHistoryRow{ width: 100%; overflow: auto; }
	.BookingHistoryCard{ width: 1040px; }
	footer .pl-5{ padding-left: 15px !important; }
	.section-newletter h2{font-size: 16px;}
	footer .paymentSec{ width: 100%;text-align: center;margin: 15px 0px; }
	header .navbar .menuBtn{display: inline-block !important;}
	.TopBanner h1{font-size: 35px;}

	.statusDiv li{margin-right: 25px;}
 	.toolTipContent{text-align: left;}
 	.statusDiv , .toolTipContent , .stadiumImg{ margin-bottom: 30px !important; }
 	.bannerSection .position-relative{ min-height: auto; }
}


@media only screen and (min-width: 480px) and (max-width: 767px){
 	.TopBanner h1{ font-size: 29px; }
 	.TopBanner .breadcrumb li{font-size: 15px;}
 	.MatchDetail{ padding-top: 40px; padding-bottom: 40px; }
 	.MatchTitle{ margin-bottom: 20px; }
 	.MatchTitle h2{ font-size: 29px; }
 	.statusDiv li{margin-right: 35px;}
 	.toolTipContent{text-align: left;}
 	.statusDiv , .toolTipContent , .stadiumImg{ margin-bottom: 30px !important; }
 	.MatchLoc{ text-align: left; }
 	.MatchLoc div{ float: left; }
 	.Matchcarousel .owl-item img{ height: 250px; object-fit: cover; }
 	.CountryDiv{ width: 100%; text-align: center; margin-bottom: 20px; }
	.CountryDiv .ImgDiv{ width: 100%; }
	.CountryDiv .ImgDiv img{ max-width: 100px; }
	.CountryDiv .ContentDiv{ width: 100%; margin-left: 0px; margin-top: 10px;  }
	.CountryDiv.Left .ContentDiv{ margin-left: 0; }
	.CountryDiv h2{ font-size: 25px; }
	.CountryDiv span{font-size: 17px;}
	.CountryMid{ width: 100%; margin-bottom: 25px; }
	.CountryMid button{ position: static; margin-top: 10px; width: auto; display: block; }
	.CountryDiv.Right .ContentDiv{ margin-right: 0; text-align: center; }
	.Matchcountry{ padding-bottom: 20px; }
	.MatchTable{ padding-top: 30px; padding-bottom: 40px; }
	.MatchUpcoming .ImgRightDiv .ImgSec{  margin-left: 0; }
	.Venuetable{ padding-top: 20px; }
	.BookingModal .modal-dialog{ max-width: 82%; margin: 50px auto; }
	.FilterSection li{ width: 100%!important; margin-right: 0; margin-bottom: 10px; height: auto; }
	.SliderRange p{ margin-bottom: 1rem; }
	.BookingTabs .CartDetail{ width: 100%; }
	.BookingTabs .CartButton{ width: 100%; top: 20px; }
	.stadiumImg{ text-align: center; }
	.BookingTabs{ border-left: 0; }
	.BookingTabs .nav-tabs{ margin: 0; }
	.BookingTabs .tab-content{ padding: 20px 0 20px 0; }
	.LoginLeft{ padding: 50px 50px; }
	.LoginInput form{ width: 100%; }
	.LoginLeft h2{ font-size: 40px; }
	.LoginBg{ display: none; }
	.OtpModal .modal-dialog{ margin: 50px auto; }

	.BodyBg{ padding-top: 30px; padding-bottom: 30px; }
	.BodyBg h2{ font-size: 24px; }
	.ProfileHeader{ margin-bottom: 20px; }
	.ProfileHeader, .ProfileBody{ padding-left: 30px; padding-right: 30px;  }
	.ProfileTabs{ display: none; position: absolute; right: 30px; width: auto; background: rgb(255, 255, 255); top: 95px; z-index: 2; padding: 0px 15px 15px; box-shadow: 0 0 8px #aaa; border-top: 4px solid rgb(166, 55, 41); }
	.ProfileTabs ul li{ margin-left: 0; margin-top: 15px; display: block; text-align: left; }
	.ProfileTabs ul a.active:before, .ProfileTabs ul a:hover:before{ display: none; }
	.ProfileTabs ul a h2{ font-size: 17px; }
	.ProfileTabs ul a h2 .feather{ width: 17px; }
	.UpImgSection{ margin-bottom: 25px; }	
	.DashboardCard{ margin-bottom: 15px; }
	.RightSelect{ width: 100%; margin-top: 10px; }
	.EventTable .ImgRightDiv .ImgSec{ float: right!important; }
	.EventTable table td, .EventTable table td h4{ font-size: 16px; }
	.EventTable table td.vs{ font-size: 30px; }
	.transactionDetail .HeadingSec h2{ display: block; }
	.transactionDetail .RightSelect{ top: 0; float: left; }
	.transactionDetail ul li{ width: 100%; margin-right: 0; text-align: center; margin-top: 30px; }
	.transactionDetail ul li:last-child{ width: 100%; }
	.transactionDetail .progress-circle{ margin: 0 auto 8px; }
	.transactionDetail .feather-download{ margin-top: 0; }
	.salesOverview .totalTickets{ border-right: 0; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; }
	.contactInner{ padding-top: 40px; padding-bottom: 40px; }
	.contactDetail h2{ font-size: 40px; }
	#invoiceModal .modal-dialog{ margin: .5rem; }
	#invoiceModal .modal-content{ padding: 25px; overflow: auto; }
	#invoiceModal .table-responsive{ width: 800px; padding-right: 25px; }

	.row.HeadingSec .nav-tabs li{ width: 35%; }
	.BookingHistoryRow{ width: 100%; overflow: auto; }
	.BookingHistoryCard{ width: 1040px; }

	.BookingTabs .nav-tabs li a{font-size: 17px;}

	.LoginLeft img{max-width: 150px;}	
	.bannerSection .position-relative{ min-height: auto; }
}


@media only screen and (min-width: 320px) and (max-width: 479px){
	.TopBanner h1{ font-size: 30px; }
	.MatchDetail{ padding-top: 35px; padding-bottom: 40px; }
	.MatchTitle{ margin-bottom: 20px; }
	.MatchTitle h2{ font-size: 20px; }
	.MatchTitle span{ font-size: 16px; }
	.MatchLoc h3{font-size: 19px;}
	.CountryMid h2{font-size: 40px;}
	.CountryMid button{width: 80%;padding: 10px;font-size: 15px;}
	.MatchLoc .feather{width: 39px;height: 39px;}
	.MatchLoc{ text-align: left; }
	.MatchLoc div{ width: 79%; float: left; }
	.Matchcarousel .owl-item img{ height: 250px; object-fit: cover; }
	.Matchcarousel .owl-nav .owl-prev{ left: 0; }
	.Matchcarousel .owl-nav .owl-next{ right: 0; }
	.Matchcountry{ padding-bottom: 30px; }
	.CountryDiv{ width: 100%; text-align: center; margin-bottom: 20px; }
	.CountryDiv .ImgDiv{ width: 100%; }
	.CountryDiv .ImgDiv img{ max-width: 100px; }
	.CountryDiv .ContentDiv{ width: 100%; margin-left: 0px; margin-top: 10px;  }
	.CountryDiv.Left .ContentDiv{ margin-left: 0; }
	.CountryDiv h2{ font-size: 23px; }
	.CountryDiv span{font-size: 17px;}
	.CountryMid h4{font-size: 20px;}
	.CountryMid span{font-size: 18px;}
	.BookingTabs .nav-tabs li{width: 100%;text-align: center;}
	.CountryMid{ width: 100%; margin-bottom: 25px; }
	.CountryMid button{ position: static; margin-top: 10px; }
	.CountryDiv.Right .ContentDiv{ margin-right: 0; text-align: center; }
	.MatchTable{ padding-top: 20px; padding-bottom: 40px; }
	.MatchUpcoming .ImgLeftDiv .ImgSec, .MatchUpcoming .ImgRightDiv .ImgSec{ text-align: left; margin-left: 0;  }
	.Venuetable{ padding-top: 20px; }
	.FilterSection li{ width: 100%!important; margin-right: 0; margin-bottom: 10px; height: auto; }
	.SliderRange p input{ top: 0;  }
	.SliderRange p{ margin-bottom: 1rem; }
	.BookingTabs .CartDetail{ width: 100%; }
	.BookingTabs .CartButton{ width: 100%; top: 20px; }
	.BookingTabs{ border:1px solid #ddd;padding: 15px; }
	.BookingTabs .nav-tabs li a{font-size: 15px;}
	.BookingTabs .tab-content{ padding: 20px 0px 20px 0px; }
	.BookingModal .modal-body{ padding: 25px; }
	.BookingTabs .nav-tabs{ margin: 0; }	
	.LoginLeft{ padding: 30px 20px; }
	.LoginInput form{ width: 100%; margin: 30px auto 0; }
	.LoginInput{ padding-top: 40px; }
	.RegisterInput h2:before{ top: 60px!important; }
	.PwdSection div{ margin-bottom: 1rem; width: 100%; }
	.LoginLeft h2{ max-width: 280px; margin: auto; font-size: 38px; }
	.LoginLeft h2:before{ top: 100px; }
	.LoginBg{ display: none; }
	.OtpModal .modal-body{ padding: 40px 24px; }

	.BodyBg{ padding: 0; }
	.ProfileHeader{ margin-bottom: 20px; }
	.ProfileHeader, .ProfileBody{ padding-left: 20px; padding-right: 20px; box-shadow: none; }
	.BodyBg h2{ font-size: 20px; display: block; }
	.ProfileTabs{ display: none; position: absolute; right: 20px; width: auto; background: rgb(255, 255, 255); top: 95px; z-index: 2; padding: 0px 15px 15px; box-shadow: 0 0 8px #aaa; border-top: 4px solid rgb(166, 55, 41); }
	.ProfileImg{ width: 70px; height: 70px; margin-right: 8px; }
	.ProfileName{ width: 65%; margin: 16px 0; }
	.ProfileName h2{ font-size: 19px; }	
	.ProfileTabs ul a.active:before, .ProfileTabs ul a:hover:before{ display: none; }
	.ProfileTabs ul li{ display: block; text-align: left; margin-left: 0; margin-top: 15px;  }
	.ProfileTabs ul a h2{ font-size: 17px; }
	.ProfileTabs ul a h2 .feather{ width: 17px; }
	.UpImgSection{ margin-bottom: 25px; }	
	.DashboardCard h3{ font-size: 40px; }
	.DashboardCard{ margin-bottom: 15px; }
	.RightSelect{ width: 100%; margin-top: 10px; }
	.RightSelect select{ width: 48%; font-size: 16px; }
	.EventTable table td, .EventTable table td h4{ font-size: 16px; }
	.EventTable table td.vs{ font-size: 30px; }
	.EventTable .ImgRightDiv .ImgSec{ float: right!important; }
	.CountryDetails .NameSec h4, .SeatDetails table tr td, .CountryDetails ul li, .CountryDetails p{ font-size: 16px; }
	.CountryDetails{ padding: 10px; }
	.transactionDetail .RightSelect{ float: left; }
	.transactionDetail ul li{ width: 100%; margin-right: 0; text-align: center; margin-top: 30px; }
	.transactionDetail ul li:last-child{ width: 100%; }
	.transactionDetail .progress-circle{ margin: 0 auto 8px; }
	.salesOverview .totalTickets{ border-right: 0; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; }
	.contactInner{ padding-top: 40px; padding-bottom: 40px; }
	.contactDetail h2{ font-size: 35px; }
	.contactDetail ul li label{ width: 100%; }
	.contactDetail ul li span{ margin-left: 0; }
	.contactDetail ul li{ margin-bottom: 10px; }
	.contactForm{ padding: 50px 20px; }
	.contactForm h3{  width: 225px; padding: 11px 15px; text-align: center; }
	#invoiceModal .modal-content{ padding: 25px; overflow: auto; }
	#invoiceModal .table-responsive{ width: 800px; padding-right: 25px; }

	.row.HeadingSec .nav-tabs li{ width: 100%; margin-right: 0; }
	.BookingHistoryRow{ width: 100%; overflow: auto; }
	.BookingHistoryCard{ width: 1040px; }

	.LoginLeft h2{font-size: 24px;}
	.LoginLeft h2::before{top:30px;}
	.bannerSection .bannerContent .btn{padding: 10px 20px;font-size: 15px;}
	
	footer{margin-top: 15px;}
	.cardSection .card img.card-img-top{min-height: 200px;object-fit: cover;object-position: center;}
	.sports-selection .owl-nav .owl-prev, .sports-selection .owl-nav .owl-next{width: 20px;height: 20px;line-height: 20px;font-size: 14px;}
	.cardSection .card-body h5{font-size: 17px;}
	.cardSection .card-body small{font-size: 11px;}
	.cardSection .card-body p{font-size: 12px;}
	.TopBanner .breadcrumb li{font-size: 16px;}
	.CommonModal .modal-header .close{right: 8px;top: 8px;}
	.statusDiv li{width: 100%;}
	.stadiumImg , .toolTipContent , .statusDiv , .FilterSection{margin-bottom: 30px !important;}
	.bannerSection .position-relative{ min-height: auto; }
}