.couponcodes h1 {
    font-size: 34px;
    color: #242424;
    font-weight: 700;
    margin: 0 0 15px 0;
}
.couponcodes h1 span {
    color: #e81c24;
}
 
.toptouranment li {float: left;list-style: none;min-height: auto;font-size: 20px;line-height: 39px;padding: 0 !important;border-left: solid 2px #e81c24;width: 25%;text-align: center;}.couponcodes.toptouranment li:first-child {padding-left: 0 !important;text-align: left;}
.form-tourmt .form-control {    height: 52px;    border: none;} 
.middel-container-comman {
    padding: 40px 0px;
    float: left;
    width: 100%;
    background-color: #fff;
}.form-tourmt .row .col-lg-6, .form-tourmt .row .col-lg-12 {    margin: 0 0 30px 0;}
.tournament-box {
    padding:0 0;
}
.tournament-box .mangebox p {
    text-align: center;
    font-size: 14px;
}
.tournament-box .mangebox h3 {
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
    text-align: center;
}
.tournament-box .mangebox {
    margin: 25px 0px;
}

.tournament-box .tournmanagementbg-inner {
    float: left;
    width: 100%;
    padding: 0px 0px 20px;
}
.course-event .adminmangeinfo {
    width: 100%;
    float: left;
    padding: 20px 0px;
}.course-event .comptourn {    padding: 0;}.course-event .addnewform {    padding: 35px 70px 10px !important;}
.course-event .magetable {
    padding-bottom:20px;
}
.imgpeview {
    list-style: none;
    padding-left: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-top:25px;
}
.imgpeview li {
    width: 140px;
    margin-right: 20px;
}
.imgpeview li img {
    width: 130px;
    height: 96px;
    object-fit: cover;
}
.imgpeview li a {
    display:block;
}

.tournament-box .course-portal {
    width: 80%;
    margin: 0px auto;
}

.course-settingpage {
    margin-bottom: 80px;
}
.course-settingpage.noneSkew {
    transform: none;
    border: 0;
    padding: 0;
    height: auto;
}
.course-settingpage {
    transform: skew(-10deg);
    height: 46px;
    border: solid 1px #d5d5d5;
    background: #fff;
    border-radius: 15px;
    padding: 0px 5px;
}
.course-settingpage.noneSkew .form-control {
    border: 1px solid #ddd5d5;
}
.course-settingpage.noneSkew .form-control {
    background: #F2F2F2;
    border-color: #F2F2F2;
    height: 50px;
    padding: 0 25px;
    font-size: 16px;
}
.stariconss {
    color: #fb334d;
    font-weight: 600;
    margin-left: 5px;
}
 .card-score-setting {    padding: 0 0 40px 0;}.ng-pristine select {    height: 52px;    border: none;}.ng-pristine select {height: 52px;border: none;}.ng-pristine .ng-scope {    margin: 0 0 24px;        padding-left: 0;}.setoftees-input input {    border-radius: 8px;}.card-course-table .ng-pristine {    border-radius: 8px;    padding: 10px 8px;    border-color: #909090;   text-align:center;}.whitebg.mta.ng-scope .trashbtn {    position: absolute;    right: 5px;    top: 4px;}.whitebg.mta.ng-scope {    position: relative;}.card-course-table .ng-valid.ng-dirty {    border-radius: 8px;    padding: 10px 8px;    border-color: #909090;}
.imageUpload {
    background: #F2F2F2;border: 1px solid #ddd5d5;
    height: 200px;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    display: grid;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-bottom: 25px;
}
.imageUploadInput {
    width: auto;
    height: auto;
    margin: auto;
    display: block;
    margin-bottom: 10px;
    position: relative;
}
.imageUploadInput input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}
.uploadBtn {
    background: #262424;
    max-width: 230px;
    border-radius: 7px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    position: relative;
    padding: 11px 30px;
    display: inline-block;
    margin: 0 10px 0 0;
}
.imageUploadInput img {
    pointer-events: none;
    margin-bottom: 10px;
}
.imageUpload p {
    font-size: 13px;
    color: #858585;
    width: 60%;
    margin: auto;
}
.imageUpload {
    border: 1px solid #ddd5d5;
}
.hide {
    display: none !important;
}
.addcoubtn {
    background-color: #262424;
    margin-left: 20px;
}
.mt-5 {
    margin-top:20px !important;
}
.br-none {
    border-bottom:none;
}
.fourbtnbox {
    width: 100%;
    float: left;
    margin: 15px 0px 0px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.btn4box {
    display: inline-block;
    padding: 10px 30px;
    background-color: #e81c24;
    color: #fff !important;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
    transform: skew(-10deg);
    height: auto;
    border: none;
}
.height110 { height:110px !important;}
.mb-60 { margin-bottom:60px !important;}

.setoftees-input {
    display: flex;
    margin: 10px 0px;
    gap: 20px;
}
.setoftees-input input {
    background: #F2F2F2;
    border: 1px solid #ddd5d5;
    height: 50px;
    padding: 0 25px;
    font-size: 14px;
    width: 50%;
}
.setoftees-input button {
    display: inline-block;
    padding: 10px 30px;
    background-color: #e81c24;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
    transform: skew(-10deg);
    border: none;
}

.card-course-table {
    border-collapse: collapse;
    border: 2px solid #747474;
    width: 70%;
    background: #ddd;
    margin-top: 10px;
}
.card-course-table th:first-child {
    border-radius: 0px 0px 0px 0px;
}
.card-course-table  tr th {
    background: #c9c9c9;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 56px; text-align:center;
    border: 2px solid #4c4c4c;
}
.card-course-table  tr td {
    background: #e5e5e5;
    color: #000;text-align:center;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 56px;
    border: 2px solid #4c4c4c;
    text-align: center;
}
.card-course-table  tr td b {
    font-weight: 600;
}
.card-course-table tr th.whitebg {
    background:#fff;    color: #000;
}
.card-course-table tr td.whitebg {
    background:#fff;    color: #000;
}
.trashbtn {
    display: block;
    padding: 6px 10px;
    background-color: #e81c24;
    color: #fff !important;
    font-size: 20px;
    font-weight: 500;
    border-radius: 10px;
    transform: skew(-10deg);
    border: none;
    margin: 10px 0px;
    text-align: center;
    width: 45px;
    float: right;
}
.mt-60 { margin-top:60px;}
.map-withsearchb {
    float: left;
    width: 100%;
    display: block;position:relative;
}
.responsive-map{
    overflow: hidden;
    padding-bottom:36.25%;
    position:relative;
    height:0;
}
.responsive-map iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.searchboxmap {
    bottom: 50px;
    background: #e81c24;
    padding: 20px;
    position: absolute;
    width: 80%;
    margin: 0px auto;
    display: flex;
    left: 10%;
    gap: 20px;
    z-index:3;
    box-shadow: 0px 4px 14px #00000059;
}
.searchboxmap input, .searchboxmap select {
    background: #000;
    color: #fff;
    padding: 10px;
        width: 25%;
    height: 50px;
    border: none;
    transform: skew(0deg);
    outline: none;
    font-size: 13px;
    font-weight: 400;
}
.searchboxmap button {
    background: #000;
    color: #fff;
    padding: 10px;
    width: 50px;
    height: 50px;
    border: none;
    transform: skew(0deg);
    outline: none;
    font-size: 20px;
    font-weight: 400;
}
.mapoverlay {
    background: #00000070;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.mapimg-pointer {
    position: absolute;
    width: 100%;
    top: 0px;
    height: 70%;
    z-index: 3;
}
.mapimg-pointer a {
    position: absolute;
    left: 40%;
    top: 40%;
}
.arrow {
    position: relative;
    width: 45px;
    height: 45px;
    line-height: 44px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    display: flex;
    border-radius: 100px;
    align-items: center;
    justify-content: center;    float: left;
}
.redcheck {
    position: absolute;
    top: 0px;
    right: 0px;
    background: red;
    border-radius: 100px;
    font-size: 13px;
    padding: 3px;
}
.greencheck {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #009900;
    border-radius: 100px;
    font-size: 13px;
    padding: 3px;
}
.bluecheck {
    position: absolute;
    top: 0px;
    right: 0px;
    background: blue;
    border-radius: 100px;
    font-size: 13px;
    padding: 3px;
}
.redcircle {
    background: #e81c24;
}
.greencircle {
    background:#009900;
}
.bluecircle {
    background:blue;
}
.arrow img {
    height: 40px;
    border-radius: 100px;
    width: 40px;
    object-fit: cover;
}
.txtcircle {
        background: #fff;
    position: relative;
    font-size: 10px;
    padding: 4px 10px;
    color: #000;
    font-weight: 500;
    float: left;
    left: 20px;
    top: 10px;
}
.txtcircle:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 5px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 10px solid #fff;
}
/*bottom arrow*/

.arrow-bottom-red:after {
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -6px;
    content: "";
    display: block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #e81c24;
}
.arrow-bottom-green:after {
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -6px;
    content: "";
    display: block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #009900;
}
.arrow-bottom-blue:after {
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -6px;
    content: "";
    display: block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid blue;
}
.ptopbtm-course-direct {
    padding: 100px 0px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 70px;
    padding-bottom: 50px;
}
.broswestart-sec {
    float: left;
    width: 100%;
    display: block;
    padding: 0px 100px;
    padding-bottom:100px;
}
.broswestart-sec h1 {
    font-size:36px;
    color:#000;
    text-align:center;
    font-weight:800;
    margin-bottom:50px;
}
.broswestart-sec h1 span {
    color:#c6050d;
}

.broswelist {
    margin-bottom: 55px;
    padding: 0px 50px;
}
.broswelist p a {
        display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color:#000;
    margin-bottom: 5px;
}
.course-detailpage .tourndetails-top-left {
    padding-top: 0px;
}
.course-detailpage {
    text-align: right;
}
.course-detailpage .tourndetails-top-right a {
    color: #e81c25;
}
.course-detailpage .tourndetails-top-left .eventorgitxt {
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 15px;
}    
.gllry-list {
        padding-left: 0px;
    list-style: none;
    display: flex;
    gap: 20px;
}
.gllry-list li {
    margin-bottom: 20px;
    display: block;
    width: 25%;
}
.gllry-list li img {
    width:100%;
    height:170px;
    object-fit:cover;
}
.pt-0 {
    padding-top:0px;
}
.pb-0 {
    padding-bottom:0px;
}
.searchboxcalndar {
    background: #ededed;
    display: block;
    width: 100%;
    padding: 20px;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
}
.datecalander {
    display: flex;
    background: #fff;
    padding: 0px;
}
.datecalander span {
    color: #1ea2d5;
    padding: 10px;
    border-right: 1px solid #ddd;
}
.datecalander select {
    font-size: 13px;
    padding: 8px 15px;   
    height: 36px;
    height: auto;
    transform: skew(0deg);
    font-weight: 400;
    border-right: 1px solid #ddd;
}
.seah-event-youramnet input {
    position: relative;
    width: 100%;
    height: 36px;
    border: 1px solid #ddd;
    font-size: 14px;
    padding: 10px;
    padding-left: 40px;
}
.seah-event-youramnet a {
    position: absolute;
    left: 16px;
    top: 0px;
    color: #bfbfbf;
    padding: 10px;
    border-right: 1px solid #ddd;
    height: 40px;
}
.eventlistright .inner-eventlis {
        border-top: 1px solid #ddd;
    margin-top: 25px;
    padding-top: 25px;
    display:flex;
    text-align: left;
}
.eventlistright .inner-eventlis img {
    width: 70px;
    height: 60px;
    object-fit: cover;
    margin-right: 15px;
}
.eventlistright .inner-eventlis p {
    font-size: 11px;
    margin-bottom: 5px;
    color: #00b7b7;
}
.eventlistright .inner-eventlis h5 {
    font-size: 15px;
    margin-bottom: 5px;
    color: #000;
}
.eventlistright .inner-eventlis h5 span {
    font-size: 9px;
    background: red;
    padding: 4px 6px;
    display: inline-block;
    color: #fff;
    border-radius: 100px;
}
.eventlistright .inner-eventlis h6 {
    font-size: 12px;
    margin-bottom: 0px;
    color: #adadad;
}
.borpl-right {
    border-right: 1px solid #dfdfdf;
}
.seah-event-youramnet {
    position: relative;
}.eventar {
    display: flex;
    flex-wrap: wrap;
}

.eventar .datecalander {
    width: 40%;
    margin: 0 12px 0 0;
    border: 1px solid #ddd;
    border-right: 0;
}

.eventar .seah-event-youramnet {
    width: 58%;
}

.eventar .seah-event-youramnet input {
    height: 40px;
}
ul.list-mnt {
    padding: 0;
}

ul.list-mnt li {
    list-style: none;
    display: inline-block;
    padding: 0 17px;
}
/************************new css**********************/

.searchboxcalndar .row {align-items: center;}
ul.list-mnt{margin-bottom:0px;}
ul.list-mnt li {background: #fff;padding: 7px 17px;border: 1px solid #ddd;font-size: 13px;text-transform: uppercase;}
ul.list-mnt li a {color: #212121;}
ul.list-mnt li.active {background: #f00;color: #fff;}
ul.list-mnt li.active a {color: #fff;}
.calendar {perspective: 1000;transition: .9s;transform-style: preserve-3d;width: 100%;}
.front {transform: rotateY(0deg);}
.current-date {display: flex;justify-content: space-between;padding: 30px 0px 50px;}
.current-date h1 {padding: 10px 15px;background: #fff;border: 1px solid #ddd;margin-bottom: 0;font-size: 16px;font-weight: 400;text-transform: uppercase;}
.current-date span.current-month {font-size: 20px;text-transform: uppercase;font-weight: 600;position: relative;top: 40px;}
.week-days {color: #111;display: flex;justify-content: space-between;font-weight: 600;padding: 30px 40px;}
.days {display: flex;flex-wrap: wrap;justify-content: space-between;}
.weeks {color: #212121;display: flex;flex-direction: column;padding: 0 40px;}
.weeks div {display: flex;font-size: 1.2em;font-weight: 300;justify-content: space-between;margin-bottom: 20px;width: 100%;}
.last-month {opacity: .3;}
.weeks span {padding: 10px 15px;}
.weeks span.active {background: #ff0000;border-radius: 50%;color:#fff;}
.weeks span:not(.last-month):hover {cursor: pointer;font-weight: 600;}
.event {position: relative;}
.event:after {content: '•';color: #ff0000;font-size: 1.4em;position: absolute;right: 20px;bottom: -15px;}
.week-days li::marker {font-size: 0;}




/************************new css end**********************/




@media only screen and (min-width: 1020px) and (max-width: 1300px) {
.course-event.tournament-box {
    padding: 0px 0px;
}
.tournament-box .course-portal {
    width: 90%;
    margin: 0px auto;
}
.course-portal-pge {
    padding: 0px 0px;
}
.navbar-nav li a {
    color: #050505;
    font-weight: 500;
    font-size: 11px;
}
.logo img {
    width: 160px;
    position: relative;
    top: 5px;
}
.toptouranment li {
    float: left;    list-style: none;    font-size: 16px;    line-height: 30px;    padding: 0 42px !important;    min-height: auto;    text-align: left;    position: relative;
}
.btn4box {
    padding: 10px 25px;
    font-size: 13px;
}
 {
    padding: 10px 30px;
    text-align: center;
}.tournament-box.card-score-setting p {    margin: 0;}
.card-course-table tr td {
    padding: 4px 30px;
}
.ptopbtm-course-direc .searchtournboxbg-inner {
    padding: 0px 0px;
}

}



@media only screen and (min-width: 768px) and (max-width: 991px) {
.toptouranment li {
    min-height: 70px;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 20px !important;
} 
.tournament-box {
    padding: 0px 60px;
}
.course-event.tournament-box {
    padding: 0px 0px;
}
.card-score-setting {
    padding: 0px 0px;
}
.searchboxmap {
    flex-wrap: wrap;
}
.responsive-map {
    padding-bottom: 56.25%;
}
.mapimg-pointer a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.txtcircle {
    top: 0px;
}
.searchboxmap {
    bottom: 30px;
    width: 90%;
    left: 5%;
    gap: 15px;
}
.searchboxmap input, .searchboxmap select {
    width: 31.8%;
}
.broswestart-sec {
    padding: 0px 0px;
}
.broswelist {
    margin-bottom: 55px;
    padding: 0px 25px;
}

}





@media only screen and (min-width: 320px) and (max-width: 767px) {
.toptouranment li {
    width: 100%;
    border: none;
    border-left: 0px !important;
    min-height: auto !important;
}
.toptouranment li {
    border-bottom: solid 1px #e81c24;
}
.toptouranment li:last-child {
    border-bottom: none;
}
.tournament-box {
    padding: 0px 0px;
}
.couponcodes li:first-child {
    border-bottom: solid 1px #e81c24;
}
.tournament-box .mangebox {
    margin: 10px 0px;
}
.tournament-box .tournmanagementbg-inner {
    float: left;
    width: 100%;
    padding: 0px 10px 20px;
}
.tournmanagementbg.course-event .nav-link {
    margin: 0;
    padding: 10px;
    font-size: 11px;
}
.card-course-table {
    width: 100%;
    overflow-x: auto;
    display: block;
}
.searchboxmap {
    flex-wrap: wrap;
}
.responsive-map {
   padding-bottom: 100.25%;
}
.mapimg-pointer a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.txtcircle {
    top: 0px;
}
.searchboxmap {
    bottom: 30px;
    width: 90%;
    left: 5%;
    gap: 15px;
    position: absolute;
}
.searchboxmap input, .searchboxmap select {
    width: 46.8%;
}
.broswestart-sec {
    padding: 0px 0px;
}
.broswelist {
    margin-bottom: 55px;
    padding: 0px 15px;
}
.datecalander {
    margin-bottom: 10px;
}


}

@media only screen and (min-width: 320px) and (max-width: 480px) {
.imgpeview li {
    width: 50%;
    margin-right: 0px;
    margin-bottom: 20px;
}
.imgpeview li img {
    width: 90%;
    height: 110px;
    object-fit: cover;
}
.tournament-box .course-portal {
    width: 90%;
    margin: 0px auto;
}
.btn4box {
    padding: 6px 13px;
    font-size: 12px;
}
.setoftees-input {
    display: flex;
    margin: 10px 0px;
    gap: 10px;
    flex-wrap: wrap;
}
.setoftees-input input {
    padding: 0 15px;
    font-size: 12px;
    width: 100%;
}
.searchboxmap button {
    display: block;
    margin: 0px auto;
    width:100%;
}
.course-detailpage {
    text-align: right;
    display: flex;
}
.course-detailpage .tourndetails-top-left {
    padding-top: 0px;
    display: flex;
}
.course-detailpage .tourndetails-top-left a {
    display: inline-block;
    margin: 0 0px;
}
.course-detailpage .tourndetails-top-left .eventorgitxt {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
}
.gllry-list {
    gap: 10px;
    flex-wrap: wrap;
}
.gllry-list li {
    margin-bottom: 0px;
    display: flex;
    width: 48%;
}
.gllry-list li img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}
}