.about-roag-vision img{
  display: block !important;
  margin: 0 auto !important;
}
.comming-soon{
    font-size: 9px;
    padding-left: 0px;
    padding-right: 0px
}
.entry_list_button:link, .entry_list_button:visited {
    padding: 12px 20px;
    color: #FFF;
    background: #04a3a1;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    float: right;
}
/*.blockEventRaceDetails .blockTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.entry_list_button{
    margin: 0 10px;
    padding: 12px 20px;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    background: #02132b;
}*/
.blockCreateSingleEntrantPopup{
  /* width: 890px !important;
  max-width: 100% !important; */
}
.blockEventResultSearch .blockEventResultSearchForm form select{
  width: 100%;
}
.blockEventResultSearch .blockEventResultSearchForm form input{
  height: 36px;
  width: 100%;
}
.blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper{
  padding-left: 1% !important;
}
.blockChooseAnEntrantWrapper.confirmed .selectedEntrantSection{
  margin-bottom: 20px;
}
.blockChooseAnEntrantWrapper .blockChooseAnEntrant{
  margin-bottom: 0;
  padding-bottom: 20px;
}
form .formRow.form3ColumnWrapper{
  display: flex;
  }
  .mfp-content img.mfp-img{
  padding: 0 0;
}
.blockChooseARace .selectedEntrantSection .leftColumn{
  width: calc(100% - 50px) !important;
}
.blockChooseARaceWrapper.allConfirmed .selectedEntrantSection .rightColumn{
  width: auto !important;
}
img{
  max-width: 100%;
}
.nodeEvent.nodeWidget .columnWrapper .leftColumn{
  width: calc(100% - 240px);
}
.nodeEvent.nodeWidget .columnWrapper .rightColumn{

}
.nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap .eventDetailValue{
      max-width: calc(100% - 132px);
      vertical-align: top;
}
.blockEventRegistration .blockContent .registrationTable .registrationTableRow:after{
  display: none;
}
.blockEventRegistration .blockContent .registrationTable .registrationTableRow .registrationTableColumn{
  float: none;
  display: table-cell;
}
.blockEventRegistration .blockContent .registrationTable{
  display: table;
  min-width: 350px;
}
.blockEventRegistration .blockContent .registrationTable .registrationTableRow{
  display: table-row;
}
.blockEventServices .eventServicesList ul li:nth-child(even){
  margin-right: 1%;
  margin-left: 1%;
}
.blockFilterEvents .blockFilterEventsForm form select{
  width: 100%;
}
.participantEventsOverviewBlock:first-child{
  padding-top: 0 !important;
}
form .formRow.form2to3ColumnWrapper{
  margin: 0 0 0;
}
form .formRow.form2to3ColumnWrapper .formColumn{
  margin-bottom: 10px;
}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline10 span,
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline11 span,
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline12 span{
  background-position: -399px 0;
}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline10:hover span,
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline11:hover span,
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline12:hover span{
  background-position: -399px -177px;
}
.blockEventMerchandise .merchandiseList ul li{
  vertical-align: top;
}
.blockEventOtherInformation:last-child{
  padding-bottom: 0;
}
.blockEventMerchandise .merchandiseList ul{
  text-align: center;
}
.blockEventTitle .alternateLink:last-child{
  margin-bottom: 0;
}
.memberRegistration .mainButtoon button{
  margin-top: 0;
}
.memberRegistration .mainButtoon:first-child{
  margin-top: 0;
}

.blockTopBar .blockTopBarContent .contactInformation .telephoneNumber{
  margin-left: 0 !important;
}
.nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction.eventActionResults a{
    background: #4d596a;
        color: #fff;
}
.blockFilterEvents .blockFilterEventsForm form select{
    width: 99%;
}

.blockChooseAnEvent.selectOtherEvents .eventSearch .eventSearchSugestions .eventSearchSugestionsContent{
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    flex-wrap: wrap;
}
.blockChooseAnEvent.selectOtherEvents .eventSearch .eventSearchSugestions .eventSearchSugestionsContent .eventWidgetTeaser{
        width: 32.9%;
        max-width: 100%;
        padding: 10px 5px 10px 30px;
        margin: 0 2px 4px;
}
.blockChooseAnEvent.selectOtherEvents .eventSearch .eventSearchSugestions .eventSearchSugestionsContent .eventWidgetTeaser .eventImage{
/*        max-width: 60px;*/
        max-width: 100px;
}
.blockChooseAnEvent.selectOtherEvents .eventSearch .eventSearchSugestions .eventSearchSugestionsContent .eventWidgetTeaser .eventDescription{
    padding-left: 12px;
}
.blockChooseAnEvent.selectOtherEvents .eventSearch .eventSearchSugestions .eventSearchSugestionsContent .eventWidgetTeaser:nth-child(3n) {
    margin: 0 0 4px;
}
.eventActionBtn {
    color: #fff;
    font-size: 20px;
    position: relative;
    z-index: 0;
    height: 50px;
}
.eventActionBtn:before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
       border-top: 25px solid transparent;
    border-right: 26px solid #c3c3c3;
    border-bottom: 25px solid transparent;
    transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    top: -16px;
    left: -5px;
}
.eventActionBtn:after{
    content: '';
    position: absolute;
    z-index: 1;
        left: 2px;
    top: 3px;
    font-size: 20px;
    color: #fff;
    background-image: url(../img/add.png);
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: 16px;

}
.ucRecentEvents .nodeEvent.nodeTeaser .columnWrapper .imageWrapper{
	    max-width: 100%;
}
.dcRegisterEvent .block.blockEventRegistration .rightBlock{
	width: 50%;
	top: 17%;
}
.dcAboutRoag .block.blockAbout .rightBlock{
	width: 50%;
	top: 17%;
}
.dcRegisterEvent .unslider .unslider-nav ol li{
	width: 10px;
	height: 10px;
}
.blockEventRegistrationWrapper.dcAboutRoag .unslider-nav ol{
	    right: 35%;
		left: inherit;
}
.blockEventRegistrationWrapper .blockEventRegistration .leftBlock{
	margin-left: 0;
}

.blockEventRegistrationWrapper .blockAbout .leftBlock{
	margin-right: 0;
}
.blockAdvertissement .advertissementWrapper ul li	{
	margin: 0 14px 0 0;
}



.blockEventResultSearchForm .blockEventResultsList .table  iframe{
	height: 800px;
}

.blockEventOtherInformationWrapper .blockEventOtherInformation .blockContent ul li p,
.nodeEventInformationWidget .nodeDescription{
	    word-wrap: break-word;
}


.eventsNewSec .block.homeopenevents.blockEventPhotos .everslider ul li{
	height: auto !important;
    background: #eeeeee;
    padding: 5px !important;
    height: 170px !important;
	display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
	-webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.eventsNewSec .fullwidth-slider .es-slides > li img{
	width: 150px !important;
}
.eventsNewSec .block.homeopenevents.blockEventPhotos .everslider ul li a{
	width: auto;
	height: auto;
}
.pageEventResults .pagePhotosWrapper .eventPhotosListWrapper .otherEventsPhotosSection .blockEventPhotos li .onHoverCaption{
	opacity: 1;
	background-color: rgba(6, 165, 163, 0.36);
	width: 100%;
	height: 100%;
	top: 0;
	padding: 0 12px;
}
.pageEventResults .pagePhotosWrapper .eventPhotosListWrapper .otherEventsPhotosSection .blockEventPhotos li:hover .onHoverCaption{
	background-color: #06a5a3;
	height: 84%;
    width: 88%;
    top: 8%;
}

.infoAboutEventPage .blockEventOtherInformationWrapper .blockEventOtherInformation .blockContent .blockContentLeft{
	max-width: 100%;
    margin: 0;
	width: 100%;
}
.infoAboutEventPage .blockEventOtherInformationWrapper .blockEventOtherInformation .blockContent .blockContentLeft ul{
	display: -ms-flexbox!important;
    display: flex!important;
    margin-left: -20px;
    margin-right: -20px;
}
.infoAboutEventPage .blockEventOtherInformationWrapper .blockEventOtherInformation .blockContent .blockContentLeft ul li{
	margin: 0 20px;
	width: 50%;
}
.infoAboutEventPage .blockEventRaceDetailsWrapper .blockContent .blockEventRaceList .testRow:nth-child(2n){
	background: #fff;
}
/* .nodeEvent.nodeWidget .columnWrapper {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  flex-wrap: wrap;
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center;
  -webkit-box-pack: justify!important;
  -ms-flex-pack: justify!important;
  justify-content: space-between!important;
} */
.nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap .eventDetailValue a{
	font-size:16px;
}
.blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper{
	    padding: 17px 0;
}
.pageEventResults .pageResultsWrapper .eventResultsListWrapper .blockEventResultsList .footable tbody tr td{
	padding: 20px;
}
.roagCardPageBlock .blockLogin .blockLoginContent form input,
.roagCardPageBlock .blockRegister .blockRegisterContent form input{
	    min-height: 36px;
		padding: 0 15px;
}
.clubRoagPage .blockContactUsForm .formField input{
  width: 100%;
  height: 34px;
}
.clubRoagPage .personalInformationForm .formRow{
      margin: 15px 0 0;
}
.profilePage #profile_nav2{
      padding: 15px;
}
.profilePage #profile_nav2 div  a{
  width: auto;
  border: solid 1px #04a3a1;
  margin-bottom: 5px;
}
.profilePage #profile_nav2 div .childOpened{
  margin-bottom: 0;
}

.blockFilterEvents .blockFilterEventsForm input{
  width: 100%;
  min-height: 36px;
  padding: 5px 10px;
  border: 1px solid #DEDEDE;
  outline: none;
  line-height: 30px;
  border-radius: 0;
}
.profilePage .participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidget .imageWrapper{
        width: 184px;
        margin: 0;
}

.profilePage .participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent{
  max-width: 100%;
  width: calc(100% - 184px);
  float: right;
  padding-left: 20px;
}
.profilePage .participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent .leftCOlumn{
  width: calc(100% - 120px);
}
.profilePage .participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent .rightColumn{
      width: 120px;
      text-align: center;
}
.profilePage .participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent{
  height: auto !important;
}

.profilePage .row {
    width: 100%;
}

.profilePage .tabMyInfo form input, .profilePage .tabMyInfo form select,
.friendsRankingSearchBar input{
  height: 36px;
  width: 100% !important;
}

.profilePage .tabMyInfo .personalInformationSection{
  padding: 0;
}
.profilePage .tabMyInfo form .formRow.form2ColumnWrapper .formColumn {
    margin: 0;
    max-width: 49%;
    width: 100%;
}

.profilePage .tabItem.tabMyRanking .myRankingWrapper .myRankingItem{
    margin: 0;
    width: 100%;
    max-width: 33.333%;
    padding: 0 20px;
}
.profilePage .tabItem.tabMyRanking .myRankingWrapper .myRankingItem:nth-child(3n){
  margin-bottom: 0;
}
.profilePage .tabItem.tabMyRanking .myRankingWrapper .myRankingItem .imageWrapper img{
  width: 100%;
}
.profilePage .tabItem.tabMyRanking .myRankingWrapper .myRankingItem .text{
      max-width: 100%;
}
.profilePage .tabItem.tabMyRanking .myRankingWrapper .myRanking {
    margin-left: -20px;
    margin-right: -20px;
}
.profilePage .tabMyRanking .topRoagRankedIndividuals .blockEventRacesNavigation ul{
  margin-bottom: 0;
}
.profilePage .tabMyRanking .topRoagRankedIndividuals .blockEventRacesNavigation ul li{
  margin-bottom: 5px;
}

.addSingleEntrantPopup .popupContent .searchBar form input {
    min-height: 37px;
}
.blockChooseAnEvent .processNumberWrapper .processNumber,
.blockChooseAnEntrantWrapper.confirmed .blockChooseAnEntrant .processNumberWrapper .processNumber,
.blockChooseARace .processNumberWrapper .processNumber{
      font-size: 26px;
}


.blockChooseAnEvent .eventSearch .eventSearchBar form .formRow.form3ColumnWrapper .formColumn .formValue input{
  height: 30px;
}
.customCheckBoxArea{
    width: 600px;
    max-width: 100%;
}
.customCheckBoxArea .checkList{
    display: inline-block;
    margin-bottom: 10px;
    width: 20%;
}
.customCheckBoxArea .checkList span {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    margin-top: 4px;
}
.profilePage .tabMyInfo form .customCheckBoxArea .checkList input{
    width: 20px !important;
    height: 20px;
}


.infoAboutEventPage .blockEventOtherInformationWrapper .blockEventOtherInformation .blockContent .blockContentLeft ul{
  margin-left: -3px;
  margin-right: -3px;
}
.infoAboutEventPage .blockEventOtherInformationWrapper .blockEventOtherInformation .blockContent .blockContentLeft ul li{
  width: 100%;
  margin: 0 0;
}
.blockPagePaginationWrapper:last-child{
  margin-bottom: 0;
}
.profileGrayedOut {
  position: relative;
}
.entryStepGrayedOut.profileHide {
  position: absolute;
  width: 100%;
  top: -20px;
  bottom: 0;
  left: 0;
  background: rgba(3, 19, 43, 0.7);
}
.entryStepGrayedOut.profileHide p {
  font-size: 50px;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  margin: 0 auto;
  text-align: center;
}

.nodeEventInformationWidget .nodeDescription img {
  max-width: 100%;
}

.nodeEventInformationWidget .nodeDescription p:last-child {
  margin: 0;
}
.mfp-close-btn-in .mfp-close {
  position: absolute;
  top: 0px;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer !important;
  background-color: rgba(2, 19, 43, 0.85);
  margin-right: 0;
  padding-right: 0;
  color: #fff !important;
}
/* 30-dec-19 */
.ucRecentEvents .nodeTeaserList .columnWrapper .imageWrapper{
  width: 184px;
}
.ucRecentEvents .nodeTeaserList .columnWrapper .imageWrapper figure{
  width: 100%;
  max-width: 100%;
}
/*03-01-2019*/
.blockChooseAnEvent.confirmed .selectedEventSection .leftColumn, .blockChooseAnEntrantWrapper.confirmed .blockChooseAnEntrant .selectedEntrantSection .leftColumn, .blockChooseARace .selectedEntrantSection .leftColumn {
  width: calc(100% - 50px);
  padding-right: 15px;
  float: none !important;
  display: inline-block;
  vertical-align: middle;
}
.blockChooseAnEvent .selectedEventSection .leftColumn {
  width: calc(100% - 172px);
  padding-right: 15px;
}
.blockChooseAnEntrant .selectedEntrantSection .leftColumn {
  width: calc(100% - 200px);
  padding-right: 15px;
  float: none !important;
  display: inline-block;
  vertical-align: middle;
}
.blockChooseAnEvent .selectedEventSection .leftColumn .eventName, .blockChooseAnEntrant .selectedEntrantSection .leftColumn .eventName, .blockChooseARace .selectedEntrantSection .leftColumn .eventName {
  padding-top: 0 !important;
  line-height: 30px;
}
.blockChooseAnEvent .selectedEventSection .rightColumn, .blockChooseAnEntrant .selectedEntrantSection .rightColumn, .blockChooseARace .selectedEntrantSection .rightColumn {
  float: none !important;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
.blockChooseARace.confirming .selectedEntrantSection .leftColumn {
  width: calc(100% - 170px) !important;
}
.blockChooseARaceWrapper.confirmed .selectedEntrantSection .leftColumn {
  width: calc(100% - 260px) !important;
}
.blockChooseARaceWrapper.allConfirmed .selectedEntrantSection .rightColumn {
  width: 40px !important;
}
.blockChooseARaceWrapper.allConfirmed .selectedEntrantSection .leftColumn {
  width: calc(100% - 45px) !important;
}

.enter-now-btn {
    color: #03132b !important;
    background: #ffffff !important;
}
.mrt10{
    margin-top: 10px;
}

/*============== CSS 05-12-2019 Starts ==============*/
.entry-count-container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  margin-bottom: 30px;
}
.entry-count-container > div {
  width: calc(16.66% - 10px);
  padding: 15px;
  text-align: center;
  font-size: 18px;
  background-color: #04a3a1;
  margin-right: 12px;
  box-shadow: 0 0 6px #ccc;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  transition: 0.3s;
  -webkit-transition: 8px;
  -o-transition: 8px;
  -moz-transition: 8px;
  -ms-transition: 8px;
}
.entry-count-container > div:hover {
  background-color: #f4f9ff;
}
.entry-count-container > div:hover .race {
  color: #04a3a1;
}
.entry-count-container > div:last-child {
  margin-right: 0;
}
.entry-count-container > div .race {
  color: #fff;
}
.entry-count-container > div .race.count {
  font-size: 30px;
  margin-bottom: 10px;

}
.entry-count-container > div .race.name {
  font-size: 14px;
  line-height: 1.5;
}
.blockEventRaceList .dataTables_filter {
  margin-bottom: 20px;
}
.blockEventRaceList .dataTables_wrapper .dataTables_filter {
  margin-bottom: 20px;
}
.blockEventRaceList .dataTables_wrapper .dataTables_filter input {
  width: 200px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
}

/* 01072020 */
/* .pageListWrapper.bittu01072020 .nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap{
    margin: 0 0 15px;
} */
.eventDetailWrap.eventDetailsWrap_07072020 {
  padding-top: 12px;
}
.pageListWrapper.bittu01072020 .nodeEvent.nodeWidget .columnWrapper .rightColumn .logoWrapper a img {
    display: block;
    width: 100%;
}
.pageListWrapper.bittu01072020 .nodeEvent.nodeWidget .columnWrapper .leftColumn {
    width: calc(100% - 270px);
}
.pageListWrapper.bittu01072020 .nodeEvent.nodeWidget .columnWrapper .rightColumn {
    width: 240px;
}


/*01072020 */


/* 07-07-20 */

.nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails {
  padding-bottom: 4px;
}
.nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap .eventDetailValue a {
  color: #04a3a1;
  border-bottom: 1px solid #04a3a1;
}
.nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap .eventDetailValue a:hover {
      color: #058c8a;
  border-bottom: 1px solid #058c8a;
}
.blockEventMerchandise .merchandiseList ul{
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ranking td img {
  width: 30px;
}

.ranking td img.img-circle{
  border-radius: 16px;
}
/*============== CSS 05-12-2019 Ends ==============*/


@media screen and (max-device-width: 768px), screen and (max-width: 1023px){
    .comming-soon {
        font-size: inherit;

    }
	.blockEventMoreInfo .blockContent .informationList ul li{
		 max-width: 100%;
	}
  .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnCountry{
    margin-right: 10px !important;
  }
  .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnDiscipline,
  .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnYear,
  .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnRegion,
  .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnCountry{
        min-width: calc(50% - 10px) !important;
  }
  .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn{
        margin: 0 10px 15px 0;
  }

}
@media screen and (max-device-width: 1024px), screen and (max-width: 1179px){
  .nodeEvent.nodeTeaser .columnWrapper .contentWrapper{
    max-width: calc(100% - 224px);
  }
  .blockEventRegistration {
    padding: 30px 15px;
  }
  .blockEventLocation {
    padding: 45px 15px 0;
  }
  .blockPageTitleWrapper.small.arrowDown {
    padding: 0 15px;
  }
  .blockAdvertissementWrapper {
    padding: 0 0 0 10px;
  }
  .personalInformationSection{
    margin: 0 auto;
  }
  .blockTabWrapper .blockTabWrapperContent .tabItem{
    margin: 0 10px;
  }
}
@media screen and (max-device-width: 480px), screen and (max-width: 767px) {
  .blockUser {
    display: block !important;
  }
}
/*responsive*/
@media only screen and (max-width: 1400px) {
  .flag_container{
    position: static;
  }
}
@media only screen and (max-width: 1300px) {
    .flag_container{
        position: static;
    }
    .menuWrapper{
        background-size: 60px;
    }
    .blockExtraPurchases .extrapurchaseActions{
            padding-right: 15px;
    }
    .roagCardPage .roag .roag-aqua-pale,
    .roagCardPage .roag .roag-white,
    .roagCardPage .roag.roag-dark-blue,
    .roagCardPage .roag .roag-dark-blue,
    .roagCardPage .roag .roag-aqua-dark{
       background-size: 65px auto;
    }
}
@media only screen and (max-width: 1270px) {
  .blockTopBar .blockTopBarContent .contactInformation a{
    text-indent: -9999999px;
  }
}
@media only screen and (max-width: 1240px) {
  .blockEventPhotoGalleries .blockTitle,
  .blockEventOtherInformation,
  .blockFooter {
      margin: 0 15px;
  }
  .profilePage .tabItem.tabMyRanking .myRankingWrapper .myRanking{
    margin-left: 0;
    margin-right: 0;
  }
  .profilePage .tabItem.tabMyRanking .myRankingWrapper .myRankingItem .eventIcon{
    right: 0;
    width: auto;
  }
}
@media only screen and (max-width: 1210px) {
  .eventsNewSec .blockEventIconsWrapper{
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 1200px) {
  script+.block.blockEventResultsList{
    margin: 0 10px;
  }
  .pagePurchaseSummary .personalInformationSectionWrapper{
    padding: 0 10px;
  }
  .blockExtraPurchases{
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
  }
  .blockChooseAnEntrantWrapper .blockChooseAnEntrant{
    padding-bottom: 0;
  }
  .blockPayNow,
  .blockPurchaseSummary{
    padding-left: 10px;
    padding-right: 10px;
  }
  .blockPayNow .blockPayNow{
    padding-left: 0;
    padding-right: 0;
  }

    .blockChooseAnEvent .processNumberWrapper .processNumber,
    .blockChooseAnEntrant .processNumberWrapper .processNumber,
    .blockChooseARace .processNumberWrapper .processNumber,
    .blockExtraPurchases .processNumberWrapper .processNumber{
            font-size: 22px;
    }
    .blockChooseAnEvent.confirmed .selectedEventSection,
    .blockChooseAnEntrantWrapper.confirmed .selectedEntrantSection,
    .blockChooseARace,
    .entryStepGrayedOut{
        padding: 8px 14px;
            font-size: 22px;
    }
    .blockAdvertissement{
        padding: 0;
    }

    .blockPageTitle h3{
        font-size: 24px;
        padding: 14px 0;
    }
    .nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventTitle a h4{
      font-size: 18px;
    }
    .blockChooseAnEntrantWrapper.confirmed,
    #chooseEventDiv{
        padding: 0 10px;
    }
    .blockChooseAnEntrant .selectedEntrantSection .leftColumn .eventName,
    .blockChooseAnEvent .selectedEventSection .leftColumn .eventName{
        font-size: 20px;
    }
    .blockChooseAnEntrantWrapper{
            padding: 30px 10px;
    }
    .blockBecomeARoagMemberWrapper.pagePurchaseSummary  .confirmDetailsTitle{
        margin-left: 15px;
        margin-right: 15px;
    }
    .pageContentWrapper .eventsNewSec .blockAbout{
      max-width: 1120px;
    }
    .tabItem.tabMyRanking .title{
      padding: 0 15px;
    }
    .onlineMemberPage .activeMembers {
      padding: 30px;
      font-size: 18px;
    }
    .onlineMemberPage .allMembers{
           font-size: 15px;
    }
    .blockBecomeARoagMemberWrapper.pagePurchaseSummary .confirmDetailsTitle{
      margin-left: 10px;
    margin-right: 10px;
    }
}
@media only screen and (max-width: 1199px) {

  .roagCardPage .roag .disciplines .ind-disciplines{
    padding-bottom: 20px;
  }
  .roagCardPage .disciplines .col-md.ind-disciplines{
    width: 33.333%;
  }
  .roagCardPage .roag .disciplines .ind-disciplines:after{
    z-index: 1;
  }
  .roagCardPage .roag p.discipline-title{
    padding-bottom: 15px;
  }

}
@media only screen and (max-width: 1179px) {
  .blockPageTitleWrapper.small.arrowDown{
    padding: 0 0;
  }
  .blockTabWrapper .blockTabWrapperContent .tabItem .pageListWrapper,
  .blockTabWrapper .blockTabWrapperContent .tabItem .nodeTeaserList .nodeEvent.nodeTeaser{
    margin: 0 0;
  }

  .blockFilterEventsWrapper .blockFilterEvents .blockFilterEventsForm{
    margin: 0 10px;
  }
  .nodeEvent.nodeTeaser .columnWrapper .eventActions{
    text-align: center;
  }
  .nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction.eventActionEnterNow a{
    border: 1px solid;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction{
    margin: 0 5px;
    float: none;
    display: inline-block;
    vertical-align: middle;
  }

    .blockMainMenu .columnWrapper .leftColumn .logoWrapper{
        margin: 0;
    }
    .blockMainMenu .columnWrapper .leftColumn .logoWrapper a h1{
        background-size: 130px;
        width: 140px;
        height: 66px;
    }
    .pageContentWrapper .eventsNewSec .blockAbout,
    .roagCardPage .blockEventRegistration{
        max-width: 1070px;
    }
    .profilePage .blockTabWrapper .blockTabWrapperContent .tabItem.tabMyRanking{
      margin: 0;
    }
    .profilePage .tabMyRanking .friendrankingWrapper .friendsRankingSearchBar,
    .profilePage .tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals{
      padding: 30px;
    }
}
@media only screen and (max-width: 1100px) {
    .blockEventRegistration .leftBlock,
    .blockAbout .leftBlock,
    .roagCardPage .blockEventRegistrationWrapper .blockEventRegistration .leftBlock{
        width: 100%;
        float: none;
        margin: 0 auto 20px;
    }
    .dcRegisterEvent .block.blockEventRegistration .rightBlock,
    .dcAboutRoag .block.blockAbout .rightBlock,
    .roagCardPage .blockEventRegistration .rightBlock{
        width: 80%;
        padding: 30px 15px;
        margin: auto;
        top: 0;
        position: static;
    }
    .unslider-nav ol{
        left: 0 !important;
        right: 0;
        margin: auto !important;
        top: 58% !important;
    }
    .blockAbout{
      padding: 30px 0;
    }
    .eventsNewSec .whitebackground:before,
    .whitebackground,
    .bluebackground.ucRecentEvents:before,
    .bluebackground{
        background-size: 60px;
    }
	.blockEventRegistrationWrapper.dcAboutRoag .unslider-nav ol{
		right: 0;
	}
  .roagCardPage .disciplines .col-md.ind-disciplines{
    width: 50%;
  }


}
@media only screen and (max-width: 1024px) {
  .infoAboutEventPage .nodeEvent.nodeWidget{
    padding: 30px 0px 15px;
  }
    .blockEntrySuccessfulPopup .columnWrapper .addSingle,
    .blockEntrySuccessfulPopup .columnWrapper .checkout,
    .blockEntrySuccessfulPopup .columnWrapper .addEvent{
        max-width: 100%;
        margin: 0 auto 10px;
    }
}
@media only screen and (max-width: 1023px) {
  .blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper{
    padding-left: 0 !important;
  }
  .blockCreateSingleEntrantPopup h2{
    font-size: 20px;
    padding: 20px 20px;
  }

  .blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper{
    margin-right: -1%;
  }
  .pageContent .blockFilterEventsWrapper .blockFilterEventsForm .formColumnWrapper .formColumnEventName .fieldInput input{
    width: 100%;
  }
  .blockEventRaceDetails{
    margin: 0 10px;
  }
  .blockEventMoreInfo{
    margin: 30px 10px 15px;
  }
  .blockFilterEvents .blockFilterEventsForm form select{
    width: 100%;
  }

    .pageContent .blockFilterEventsWrapper .blockFilterEventsForm .formColumnWrapper .formColumnEventName .fieldInput input{
            width: 100%;
    }
    .roagCardPage .roag p.stats-value,
    .roagCardPage .roag p.stats-value-blue{
        font-size: 40px;
    }
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnEventName{
      min-width: calc(100% - 10px);
    }
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn{
      margin: 0 10px 15px 0 !important;
    }
    .blockFilterEventsWrapper .blockFilterEvents .blockFilterEventsForm{
      margin-right: -10px;
      padding-right: 10px;
    }
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnButton{
      padding-right: 10px;
      margin-right: 0 !important
    }
    .blockFilterEventsWrapper{
      overflow: hidden;
    }
}
@media only screen and (max-width: 991px) {
  table.footable > tbody > tr.footable-empty > td{
    font-size: 18px !important;
  }
  .blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper .formColumn.formColumnSearchQuery{
    min-width: calc(100% - 10px) !important;
  }
  .blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper{
    margin-right: -10px !important;
  }
  .blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper .formColumn{
    margin-right: 10px !important;
    margin-bottom: 15px !important;
  }
  .blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper .formColumn{
    min-width: calc(25% - 10px) !important;
  }
  .roagMemberStats .roagListArea .bottom-pad{
    width: 50%;
  }
  .roag h3{
    font-size: 25px !important;
  }
}
@media only screen and (max-width: 891px) {
  .blockFilterEvents .blockFilterEventsForm .formRow .formColumnWrapper .formColumn.formColumnEventName{
    /* min-width: 99% !important; */
  }
  .blockFilterEvents .blockFilterEventsForm .formRow .formColumnWrapper .formColumn.formColumnEventName{
    /* min-width: 28% !important; */
  }
}
@media only screen and (max-width: 870px) {
  .blockTopBar .blockTopBarContent .generalInformation a{
    text-indent: -9999999px;
  }
}
@media only screen and (max-width: 850px) {
  script+.block.blockEventResultsList table.footable{
    width: 830px !important;
  }
  script+.block.blockEventResultsList{
    overflow-x: scroll;
  }
  .blockFilterEvents .blockFilterEventsForm .formRow .formColumnWrapper .formColumn.formColumnCountry{
    width: 200px;
    margin-right: 0 !important;
  }
  .blockFilterEvents .blockFilterEventsForm .formRow .formColumnWrapper .formColumn.formColumnCountry select{
    width: 100%;
  }
  .blockFilterEvents .blockFilterEventsForm .formRow .formColumnWrapper .formColumn.formColumnEventName{
    /* min-width: calc(99% - 200px) !important; */
  }
  .blockFilterEvents .blockFilterEventsForm .formRow .formColumnWrapper .formColumn{
    margin-bottom: 12px;
  }
  .blockFilterEvents .blockFilterEventsForm .formRow .formColumnWrapper .formColumn{
    width: calc(32.3333% - 37px);
        margin-bottom: 12px !important;
  }
  .blockFilterEvents .blockFilterEventsForm .formRow .formColumnWrapper .formColumn.formColumnButton{
    width: 110px;
  }
}
@media only screen and (max-width: 800px) {
  .blockExtraPurchases{
    padding-left: 0;
    padding-right: 0;
  }
  .blockPayNow .processNumberWrapper .acceptTerms .field input{
    height: auto;
    position: relative;
    z-index: 0;
    top: 2px;
    text-align: center;
  }
  .blockExtraPurchases .processNumberWrapper{
    margin-left: 10px;
    margin-right: 10px;
  }

  .blockPayNow .processNumberWrapper .acceptTerms .fieldText{
    width: auto;
    display: inline;
    float: none;
  }
  .blockPayNow .processNumberWrapper .acceptTerms .field{
    float: none;
    display: inline;
  }
  .blockPayNow .processNumberWrapper{
    position: relative;
    z-index: 0;
  }
  .blockPayNow .PaymentType{
    margin-top: 55px;
  }
  .blockPayNow .processNumberWrapper .acceptTerms{
    position: absolute;
    z-index: 0;
    top: 50px;
    left: 0;
    padding: 0 0;
    text-align: center;
  }
  .blockPayNow .processNumberWrapper .processNumber,
  .blockPurchaseSummary .title{
    padding-left: 0;
  }
  .blockFooter{
    margin: 0 0;
  }
  .block.blockSubmitRace .acceptTerms .fieldText{
    width: auto;
  }
  .blockTeamDetails .blockChooseARace .selectedEntrantSection .form2to3ColumnWrapper a.confirmEvent{
    padding: 3px 8px 0;
  }
    .blockChooseAnEvent.selectOtherEvents.confirmed {
      padding: 0;
    }
    .nodeEvent.nodeTeaser .columnWrapper .imageWrapper figure.figclassn {
        width: 155px;
        height: 90px;
    }
    .blockChooseAnEntrantWrapper.confirmed .selectedEntrantSection .leftColumn .eventName{
        padding-bottom: 0;
    }
    .blockChooseAnEvent, .blockChooseAnEntrant, .blockExtraPurchases_team.confirmed.allConfirmed {
     margin-bottom: 20px;
    }
    .blockSubmitRace .submitButton button{
        width: 30%;
    }
    .blockChooseARace .selectedEntrantSection .leftColumn .eventName span{
        font-size: 18px;
    }
    .blockFooter .footerColumn{
        width: 50%;
        margin: 0;
        padding: 0 10px;
    }
    .blockSubmitRace .submitButton button{
        height: 41px;
        line-height: 41px;
        padding: 0;
    }
    .blockChooseAnEntrantWrapper.confirmed .editEntrant{
            padding-right: 0;
    }
    .blockChooseARace .selectedEntrantSection .leftColumn .eventName{
        font-size: 18px;
    }
	.infoAboutEventPage .blockEventOtherInformationWrapper .blockEventOtherInformation .blockContent .blockContentLeft ul{
		margin-left: 0;
		margin-right: 0;
		flex-wrap: wrap;
	}

	.infoAboutEventPage .blockEventOtherInformationWrapper .blockEventOtherInformation .blockContent .blockContentLeft ul li{
		width: 100%;
		margin: 11px 0;

	}
	.clubRoagPage .blockContactUsFormWrapper .blockContactUsForm .personalInformationForm{
		padding: 0 15px;
	}
  .roagCardPage .about-roag-vision .about-roag-visionTable table tr td{
    text-align: center;
    width: 250px;
  }
  .roagCardPage .about-roag-vision .about-roag-visionTable table tr td .roag p.stats-title{
        font-size: 13px;
  }
  .roagCardPage .blockEventRegistrationWrapper{
    min-height: 450px !important;
  }
  .roagCardPage .roag .roag-aqua-pale,
  .roagCardPage .roag .roag-white,
  .roagCardPage .roag.roag-dark-blue,
  .roagCardPage .roag .roag-dark-blue,
  .roagCardPage .roag .roag-aqua-dark{
    background-image: none;
  }

}
@media only screen and (max-width: 767px) {
  /* 01072020 */
  .pageListWrapper.bittu01072020 .nodeEvent.nodeWidget .columnWrapper .leftColumn {
      width: 100%;
  }
  .pageListWrapper.bittu01072020 .nodeEvent.nodeWidget .columnWrapper .rightColumn .logoWrapper a img {
          width: auto;
    }

  .nodeEvent.nodeWidget .columnWrapper .leftColumn{
    width: 100%;
  }
  .doughnut_container{
    height: 75px;
  }
  .doughnut_label{
    padding: 0 0;
  }
  .blockContactUsForm h3{
    padding: 0 10px;
  }
  .clubRoagPage .blockContactUsFormWrapper .blockContactUsForm .personalInformationForm{
    padding: 0 10px;
  }
  .blockEventServices .eventServicesList ul li{
    margin: 0 10px 18px !important;
  }
  .blockEventServices .eventServicesText{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap .eventDetailLabel,
  .nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap .eventDetailValue{
    float: none;
    display: inline;
  }
  .nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap .eventDetailValue{
    display: inline-block;
  }
  .ucRecentEvents .nodeEvent.nodeTeaser .columnWrapper .imageWrapper {
    width: 165px;
  }
  .blockTabWrapper .blockTabWrapperContent .tabItem .nodeEvent.nodeTeaser .columnWrapper .contentWrapper{
    padding: 0 0;
  }.nodeEvent.nodeTeaser .columnWrapper .contentWrapper
  .nodeTeaserList .nodeEvent.nodeTeaser{
    margin: 0 auto;
  }
  .nodeEvent.nodeTeaser .columnWrapper .imageWrapper{
    float: none;
    margin: 0 auto 20px;
  }
  .nodeEvent.nodeTeaser .columnWrapper .contentWrapper{
    max-width: 100%;
    padding: 0 15px;
  }
    .eventsNewSec .whitebackground:before, .whitebackground, .bluebackground.ucRecentEvents:before, .bluebackground{
            background-size: 30px;
    }

    .dcRegisterEvent .unslider .unslider-nav ol li{
        width: 8px;
        height: 8px;
    }
    .dcRegisterEvent .block.blockEventRegistration .rightBlock, .dcAboutRoag .block.blockAbout .rightBlock{
        width: 97%;
    }
    .phpmlInnerCarousel {

        height: 323px;
        max-width: 440px;
    }
    .unslider-nav ol {
        top: 46% !important;
    }
    .blockPagePagination ul li {
        margin-bottom: 10px;
    }
    .blockBecomeARoagMemberWrapper.pagePurchaseSummary .confirmDetailsTitle,
    .blockPayNow.pagePurchaseSummary .processNumberWrapper .processNumber{
        font-size: 20px;
        margin-bottom: 25px;
        padding: 25px 0 10px 0;
    }
    .blockPayNow.pagePurchaseSummary .processNumberWrapper .processNumber{
      margin-bottom: 0;
      padding: 0;
    }
  .roagMemberStats .roagListArea .bottom-pad{
    width: 100%;
    margin-bottom: 40px;
  }
  .roagMemberStats .roagListArea .bottom-pad:last-child{
    margin-bottom: 0;
  }
  .roagMemberStats .roagListArea .bottom-pad h4{
    text-align: center;
  }
  .roagCardPage .disciplines .col-md.ind-disciplines{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .roagCardPage .disciplines .col-md.ind-disciplines a{
    margin: auto;
  }
  .roagCardPage .roag .disciplines .ind-disciplines img{
    width: 100%;
  }
  .roagCardPage .roag .disciplines .ind-disciplines:after{
    right: 0;
    left: inherit;
  }

  .roag-container{
    padding: 30px 0 !important;
  }
  .roagCardPage .roag .disciplines{
        padding-top: 0;
  }
  .roagCardPage  .roag h4{
    text-align: center;
  }
  .roagCardPage .blockEventRegistration .unslider{
    padding: 0 15px;
  }
  .profilePage .tabItem.tabMyRanking .myRankingWrapper .myRankingItem .eventIcon{
    width: 50px;
    height: 50px;
    top: -22px;
  }
  .profilePage #profile_nav2{
    margin-top: -15px;
  }

  .profilePage .tabItem.tabMyRanking .myRankingWrapper .myRankingItem{
    max-width: 50%;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .blockCreateSingleEntrantPopup .identificationNumber{
    padding: 25px 15px;
  }
  .blockCreateSingleEntrantPopup .personalInformationSection{
    padding: 25px 15px 5px;
  }
  .blockCreateSingleEntrantPopup .personalInformationSectionWrapper.passwordSectionWrapper .personalInformationSection{
    padding: 25px 15px 5px;
  }
  table.footable > tbody > tr.footable-empty > td{
    font-size: 18px;
  }
  .blockEventRegistration{
    padding: 30px 10px;
  }
  .dcRegisterEvent .block.blockEventRegistration .rightBlock{
    margin: 0 auto;
  }
  .nodeEvent.nodeWidget .columnWrapper .rightColumn{
    float: left;
    margin: 0 0;
    width: 100%;
    margin-top: 10px;
  }
  .nodeEvent.nodeTeaser .columnWrapper .imageWrapper figure.figclassn{
    margin: 0 auto;
  }
  /* .blockChooseAnEvent .selectedEventSection .leftColumn{
    max-width: calc(100% - 43px);
  } */
}
@media only screen and (max-width: 672px) {
  .blockFilterEvents .blockFilterEventsForm .formRow .formColumnWrapper .formColumn {
    margin: 0 1% 20px 0 !important;
  }
}
@media only screen and (max-width: 667px) {
  /* 01072020 */
  .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection{
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     flex-wrap: wrap;
    }
    .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .rightColumn {
     width: 150px;
    }
   .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .leftColumn{
       width: calc(100% - 150px);
   }
   .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .rightColumn a.teamEntryConfirm{
      padding: 13px 6px;
      text-align: center;
      font-size: 12px;
   }

  .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .leftColumn .eventName,
  .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .leftColumn .eventName span,
  .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .leftColumn .eventName span a{
    font-size: 15px;
  }
  /* 01072020 */


    .blockExtraPurchases .itemSelectionContent ul{
        margin-bottom: 10px;
    }
    .blockExtraPurchases .itemSelectionContent ul li{
        margin: 0 2px 2px;
        max-width: 100%;
        width: 49%;
    }
    .blockExtraPurchases .itemSelectionContent ul li a{
            min-height: auto;
    }
    .blockExtraPurchases .itemSelectionContent ul li a .productWidget .productImage img{
        width: 50px;
    }
    .eventsNewSec .whitebackground:before, .bluebackground.ucRecentEvents:before{
            content: normal;
    }
    .whitebackground,
    .bluebackground{
        background-image: none;
    }
	.blockEventTitle .eventTitle h4,
	.blockRaceStatusWrapper .blockRaceStatus,
	.blockPageTitle h3{
		font-size: 19px;
	}
  .nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventTitle a h4{
    font-size: 16px;
  }
	.blockEventTitle .eventSlogan{
		font-size: 14px;
	}
	.bottomLinks ul li a{
		font-size: 14px;
	}
  .roagCardPage .about-roag-vision .about-roag-visionTable {
    overflow-x: scroll;
    margin: auto;
    padding: 0 25px;
  }
  .roagCardPage .roag.about-roag-intro p.white-text {
    text-align: center;
  }
  .roagCardPage .blockEventRegistrationWrapper .blockEventRegistration .leftBlock img{
    width: 100%;
  }
  .roagCardPage .roag .row{
    margin: 0;
  }
  .addSingleEntrantPopup h2 {
    font-size: 22px;
    padding: 20px 30px;
  }
  .addSingleEntrantPopup .popupContent .recentlyAddedFriends{
        padding: 12px 0;
  }
  .profilePage .participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent .leftCOlumn{
      padding-right: 15px;
  }

}
@media only screen and (max-width: 640px) {
  form .formRow.form2to3ColumnWrapper .formColumn:last-child{
    width: 100%;
    max-width: 100%;
  }
  .tabMyInfo .title{
    margin-bottom: 40px;
  }
  .paymentMethod form .formRow .formColumn{
    margin-bottom: 12px;
    padding-bottom: 12px;
    max-width: 100%;
    width: 100%;
    margin-right: 0;
  }
  form .formRow.form2to3ColumnWrapper .formColumn{
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0
  }
  form .formRow.form3ColumnWrapper{
    flex-wrap: wrap;
  }
  .blockTeamDetails .blockChooseARace .selectedEntrantSection .form2to3ColumnWrapper .confirmTeamName{
    width: 100%;
    max-width: 100%;
    margin-top: 5px;
  }
  .profilePage .tabMyInfo form .formRow.form2ColumnWrapper .formColumn,
  .profilePage .tabMyInfo form .formRow.form3ColumnWrapper .formColumn{
    max-width: 100%;
    margin-bottom: 10px;
  }
  .profilePage .tabMyInfo form .formRow.form2ColumnWrapper .formColumn:last-child,
  .profilePage .tabMyInfo form .formRow.form3ColumnWrapper .formColumn:last-child{
    margin-bottom: 0;
  }
  .profilePage .tabItem.tabMyRanking .title{
    text-align: center;
    font-size: 25px;
  }
  .profilePage .tabItem.tabMyRanking .myRankingWrapper .myRanking{
    padding: 0 50px;
  }
  .profilePage .tabItem.tabMyRanking .myRankingWrapper .myRankingItem{
    max-width: 100%;
  }
  .profilePage .participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidget .imageWrapper{
      width: 150px;
  }
  .profilePage .participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidget .imageWrapper img{
      width: 100% !important;
  }
  .profilePage .participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent{
      width: calc(100% - 150px);
  }
  .blockChooseAnEvent.selectOtherEvents .eventSearch .eventSearchSugestions .eventSearchSugestionsContent .eventWidgetTeaser{
    width: calc(33.333333% - 3px);
  }


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

  .blockAdvertissementWrapper{
    padding-right: 10px;
  }
}
@media only screen and (max-width: 575px) {
  /* 07-07-2020 */
  .blockChooseARace.confirming .selectedEntrantSection .leftColumn ,
  .blockChooseARaceWrapper.confirmed .selectedEntrantSection .leftColumn{
    width: 100% !important;
    padding-right: 0;
    margin-bottom: 10px;
  }
   /* 07-07-2020 */

  /* 01072020 */
  .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .leftColumn .eventName,
  .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .leftColumn .eventName span,
  .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .leftColumn .eventName span a{
    font-size: 12px;
  }
  /* 01072020 */

 .comming-soon {
    font-size: 10px;
    padding: 11px 0px !important;
  }
  .blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper .formColumn{
    min-width: calc(50% - 10px);
  }
  .blockContactUsForm{
    padding: 30px 0;
  }
  .participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent{
    padding: 10px 10px
  }
  .participantEventsOverviewBlock {
    padding: 30px 0;
  }
  .blockContactUs{
    padding: 30px 0;
  }
  .blockContactUsForm .blockContactUsFormContent{
    margin: 20px 0 0 0;
  }
  .blockPagePagination ul li span,
  .blockPagePagination ul li a{
    min-width: 28px !important;
    min-height: 28px !important;
    line-height: 28px !important;
  }
  .paymentBtnArea ul li{
    width: 165px !important;
    margin: 3px 3px;
  }
  .blockPagePagination ul li{
    margin: 0 2px 0 0;
  }
  .blockPagePagination ul li{
    margin-bottom: 2px
  }
  .pagePurchaseSummary .personalInformationSectionWrapper{
    padding: 0 10px;
  }
  .blockPurchaseSummary .title{
    padding-left: 10px;
  }
  .blockEventLocationWrapper .blockEventLocation {
    padding: 10px 10px 0;
  }
  .blockEventMoreInfo{
    margin-top: 0;
  }
  .unslider-nav ol {
    top: auto !important;
    bottom: 0;
  }
  .unslider{
    position: relative;
  }
  .nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction.eventActionEnterNow a{
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
  .pageListWrapper{
    margin: 0 10px;
  }
  .blockContactUs .contactColumnWrapper .contactColumn{
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
  }
  .nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap .eventDetailValue{
    word-break: break-word;
  }
  .nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap .eventDetailValue{
    word-break: break-word;
  }
  .blockUploadFilePopup .title{
    font-size: 20PX;
  }
  .blockUploadFilePopup .documentDescription{
    font-size: 14px;
    line-height: 1.3;
  }
  .blockUploadFilePopup .uploadDocementForm{
    margin: 22px 0 0;
  }
  .blockChooseAnEvent.selectOtherEvents .eventSearch .eventSearchSugestions .eventSearchSugestionsContent .eventWidgetTeaser{
    width: 100%;
  }
  .blockUser .blockTitle a:before{
    background-position: -10px -10px !important;
    width: 15px !important;
    height: 15px !important;
    position: relative !important;
    display: inline-block;
    vertical-align: middle;
    top: -1px !important;
    z-index: 0;
  }
  .mfp-close-btn-in .mfp-close {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 23px;
  }
  .testColumn,
  .testHeader{
    font-size: 13px !important;
  }
  .blockEventRaceDetails .blockContent .blockEventRaceList table{
    width: 600px !important;
    max-width: inherit;
  }
    .blockPageBigLinks nav ul li a{
        font-size: 14px;
    }
    .dcucEventsWrapper{
        padding-bottom: 30px;
    }
    .dcuc_events{
        padding: 0 0 30px;
    }
    .nodeTeaserList .nodeEvent.nodeTeaser{
        margin: 0;
    }
    .ucRecentEvents .nodeTeaserList {
        padding: 30px 10px;
    }
    .ucRecentEvents .nodeTeaserList .node.nodeTeaser.nodeEvent:first-child{
      padding-top: 0;
    }
    .ucRecentEvents .normalListWrapper {
     padding-bottom: 30px;
    }
    .personalInformationSectionWrapper .personalInformationForm .formRow .formRowColumn .formFieldWrapper.formFieldWrapperIn2{
        width: 100%;
    }
    .personalInformationSectionWrapper .personalInformationForm .formRow .formRowColumn input,
    .personalInformationSectionWrapper .personalInformationForm .formRow .formRowColumn select{
        width: 100%;
    }
    .blockPayNow .PaymentType a{
        font-size: 15px;
    }
    .blockChooseAnEntrant .processNumberWrapper .editEntrant a,
    .blockChooseAnEvent .processNumberWrapper .editEvent a,
    .blockChooseARace .processNumberWrapper .editEntrant a{
         line-height: 23px;
    }
    .blockChooseAnEvent .processNumberWrapper .processNumber,
    .blockChooseAnEntrant .processNumberWrapper .processNumber,
    .blockChooseARace .processNumberWrapper .processNumber,
    .blockExtraPurchases .processNumberWrapper .processNumber{
        font-size: 20px;
    }
    .blockChooseAnEvent .processNumberWrapper,
    .blockChooseAnEntrant .processNumberWrapper,
    .blockChooseARace .processNumberWrapper{
        padding-bottom: 5px;
    }

	.blockEventRaceDetails .blockContent .blockEventRaceList, .blockEventOtherInformation .eventOtherInformationTable{
		overflow-x: auto;
		font-size: 15px;
    width: 100%;
    display: block;
	}
  .blockEventOtherInformation .eventOtherInformationTable table {
    width: 600px !important;
  }

	.gallerySection .blockEventRacesImages .galleryImageGrid .galleryImageItem{
		width: 50%;
	}
	.clubRoagPage .blockContactUsFormWrapper .blockContactUsForm .personalInformationForm .formColumn{
		max-width: 100%;
    width: 100%;
	}
	.clubRoagPage .blockContactUsFormWrapper .blockContactUsForm .personalInformationForm .formColumn input,
	.clubRoagPage .blockContactUsFormWrapper .blockContactUsForm .personalInformationForm .formColumn select,
	.clubRoagPage .blockContactUsFormWrapper .blockContactUsForm .personalInformationForm  textarea{
		width: 100% ;
	}
   .clubRoagPage .blockContactUsFormWrapper .blockContactUsForm .personalInformationForm .formColumn .formField {
	   margin-bottom: 5px;
   }
   .roagCardPageBlock .blockLogin .blockLoginContent form .formRow,
   .roagCardPageBlock .blockRegister .blockRegisterContent form .formRow{
	   width: 100%;
	   margin-bottom: 10px;
   }
   .roagCardPageBlock .blockLogin .blockLoginContent form .formRow input,
   .roagCardPageBlock .blockRegister .blockRegisterContent form .formRow input{
	   width: 100%;
   }
   .nodeCharityTeaser .links .linksContent a{
	   width: 100%;
	   margin-bottom: 5px;
   }
   .nodeCharityTeaser .links .linksContent a:last-child{
	   margin-bottom: 0;
   }
   .roagCardPage .roag .disciplines{
     padding: 0 25px;
   }
   .roagCardPage .roag .disciplines .ind-disciplines:after{
     background-size: 20px auto;
   }
   .roagCardPage .roag-events-section .row{
     margin: 0 15px;
   }
   .roagCardPage .blockBackgroundWrapper{
     min-height: 500px !important;
   }
   .roag-dark-blue{
     display: none;
   }
   .roagCardPage .roag p.white-text{
      text-align: center;
      font-size: 13px;
   }
   .roagCardPage .roag p.stats-value, .roagCardPage .roag p.stats-value-blue{
     font-size: 25px;
   }
   .roagCardPage .roag p.stats-title{
     font-size: 13px;
   }
   .blockEventRegistration .leftBlock img,  .roagCardPage .blockEventRegistrationWrapper .blockEventRegistration .leftBlock img{
     width: 100%;
   }
   .dcRegisterEvent .block.blockEventRegistration .rightBlock, .dcAboutRoag .block.blockAbout .rightBlock, .roagCardPage .blockEventRegistration .rightBlock{
     width: 94%;
   }
   .dcRegisterEvent .block.blockEventRegistration .rightBlock, .dcAboutRoag .block.blockAbout .rightBlock, .roagCardPage .blockEventRegistration .rightBlock{
     width: auto;
     margin: 0 10px;
   }
   .dcRegisterEvent .block.blockEventRegistration .rightBlock{
     margin: 0 auto;
   }
   .roagCardPage .mission h2{
     font-size: 25px;
   }
   .eventOrganisersPage .blockEventServices .contactUs a{
         font-size: 16px;
         max-width: 100%;
   }
   .eventOrganisersPage .small .blockPageTitle h3{
     font-size: 14px;
     line-height: 1.2;
   }
   .eventOrganisersPage .blockContactCrm .blockContactCrmText{
      font-size: 13px;
   }
   .eventOrganisersPage .blockTextWhite .blockTextWhiteText h4{
         font-size: 18px;
   }
   .topRoagRankedIndividualsTable{
     overflow-x: scroll;
   }
   .blockInfo .pageTitle h2 {
    font-size: 20px;
  }
  .profilePage .participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidget .imageWrapper{
      margin-bottom: 20px;
  }
  .profilePage .participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent{
      width: 100%;
      padding: 0;
  }
  .blockTopBar .blockTopBarContent .blocksWrapper{
    width: 100%;
  }
  .blockTopBar .blockTopBarContent .blocksWrapper .registerBlockWrapper,
  .blockTopBar .blockTopBarContent .blocksWrapper .loginBlockWrapper, .blockTopBar .blockTopBarContent .blocksWrapper .cartBlockWrapper{
    width: 50%;
    text-align: center;
  }
  .blockLogin .blockTitle,
  .blockRegister .blockTitle{
    padding: 12px 15px;
  }
  .blockTopBar .blockTopBarContent .contactInformation{
    float: right;
    margin-right: 72px;
  }
  .blockTopBar .blockTopBarContent .generalInformation{
    float: right;
    position: relative;
    z-index: 0;
    left: 144px;
  }
  .blockEventRacesImages {
    padding: 0 10px;
  }
  .gallerySection .blockEventRacesImages .galleryImageGrid .galleryImageItem {
    padding: 0 5px;
    margin: 0 0 10px;
  }
  /* 30-dec-19 */
  .blockCart .blockTitle a{
    padding: 15px 15px 15px 15px;
  }
  .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper {
    height: 36px;
    overflow: hidden;
    position: relative;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    cursor: pointer;
  }
  .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper:before {
    position: absolute;
    content: 'Search';
    text-transform: uppercase;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 0;
    bottom: 0;
    background-color: #03132b;
    color: #fff;
    line-height: 36px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
  }
  .blockSliderWrapper .rev-btn.tp-caption a {
    font-size: 11px;
  }
  .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper.toggle {
    height: auto;
  }
  .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper.toggle:before {
    content: normal;
  }
  .blockEventsCalendarViewWrapper {
    padding: 0 15px;
  }
  .nodeEvent.nodeTeaser {
    padding: 15px 0;
  }
  .dcuc_events {
    padding: 0 0 15px;
  }
  .dcucEventsWrapper {
    padding-bottom: 15px;
  }
  .eventsNewSec .block.blockAdvertissement {
    padding: 15px 0;
  }
  .blockEventRegistration {
    padding: 15px 10px;
  }
  .blockAbout {
    padding: 15px 0;
  }
  .ucRecentEvents .nodeTeaserList {
    padding: 15px 10px;
  }
  .dcRegisterEvent .block.blockEventRegistration .rightBlock, .dcAboutRoag .block.blockAbout .rightBlock, .roagCardPage .blockEventRegistration .rightBlock {
    padding: 15px;
  }
  #footer {
    padding: 15px 0;
  }
  .blockChooseARace .additionalInformation {
    margin: 15px 0 0;
  }
  #chooseEventDiv {
    margin-top: 15px;
  }

  .entry-count-container > div {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
    padding: 10px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
  }
  .entry-count-container > div:last-child {
    margin-bottom: 0;
  }
  .entry-count-container > div .race {
    display: inline-block;
    vertical-align: middle;
  }
  .entry-count-container > div .race.count {
    margin-bottom: 0;
    font-size: 22px;
    margin-right: 7px;
  }
  .entry-count-container > div .race.name {
    line-height: 1;
    position: relative;
  }
  .entry-count-container > div .race.name:before {
    position: absolute;
    content: '(';
    left: -6px;
  }
  .entry-count-container > div .race.name:after {
    position: absolute;
    content: ')';
  }

}
@media only screen and (max-width: 500px) {
  .nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventDetails .eventDetailsRow .eventDetailsWrap{
    width: 100%;
    margin-right: 0;
  }
  .nodeEvent.nodeTeaser .columnWrapper .eventActions{
    padding-top: 3px;
  }
  form .formRow.form2to3ColumnWrapper{
    margin-bottom: 10px;
  }
  .tabMyInfo form button{
    padding: 12px 14px;
  }
  .nodeEvent.nodeTeaser .columnWrapper .imageWrapper {
    /* float: left;
    margin: 0 0 20px; */
  }
  .nodeEvent.nodeTeaser .columnWrapper .eventActions {
    text-align: left;
  }
  .nodeEvent.nodeTeaser .columnWrapper .contentWrapper {
    padding: 0;
  }
  .nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction {
    width: 49%;
    margin: 0 2% 0 0;
    float: left;
  }
  .nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction:last-child {
    margin: 0;
  }
  .openEventDcNew {
    margin: 15px 0 !important;
  }
}
@media only screen and (max-width: 479px) {

  /* 07-07-20 */
  .nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails {
    padding-bottom: 0;
  }
  .eventDetailWrap.eventDetailsWrap_07072020 {
    padding-top: 0;
  }
  .pageListWrapper.bittu01072020 .nodeEvent.nodeWidget .columnWrapper .rightColumn{
    width: 100%;
  }
  .pageListWrapper.bittu01072020 .nodeEvent.nodeWidget .columnWrapper .rightColumn .logoWrapper img{
   margin: auto;
  }
  .nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap .eventDetailValue a{
    font-size: 13px;
  }
  .blockEventOtherInformation .blockContent ul li a {
    padding: 12px 10px;
    font-size: 13px;
  }
  .nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDiscipline h5{
    font-size: 17px;
    text-transform: inherit;
    color: #231f21;
  }
  .pageListWrapper.bittu01072020 .nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap {
    margin: 0 0 5px;
  }
   /* 07-07-20 */
  /*01072020 */
  .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .leftColumn .eventName,
  .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .leftColumn .eventName span,
  .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .leftColumn .eventName span a{
    font-size: 12px;
  }
  .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .leftColumn{
       width: calc(100% - 120px);
   }
  .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .rightColumn {
     width: 120px;
    }
   .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .rightColumn a.teamEntryConfirm{
      padding: 13px 4px;
      font-size: 10px;
   }
  /*01072020 */
  form .formRow.form3ColumnWrapper{
    flex-wrap: wrap;
  }
  .blockExtraPurchases{
    padding-bottom: 5px;
  }
  .about-roag-vision img{
        width: 50px !important;
  }
  .blockChooseARace .processNumberWrapper .processNumber{
    padding-left: 0;
  }
  .roagCardPage .about-roag-vision .about-roag-visionTable table tr td{
    width: 240px;
    padding: 5px 5px 5px 5px;
  }
  .addSingleEntrantPopup .popupContent .searchBar form input{
    font-size: 14px !important
  }
  .blockPayNow .PaymentType{
    margin-top: 75px;
  }
  .blockPurchaseSummary{
    padding-top: 15px;
  }
  .blockPurchaseSummary .title{
    padding-left: 0 !important;
  }
  .blockPurchaseSummary .singleEventProducts{
    margin-top: 10px;
  }
  .namrata .blockPageBigLinksWrapper{
    padding-top: 0;
  }
  .blockChooseAnEvent .processNumberWrapper .processNumber, .blockChooseAnEntrant .processNumberWrapper .processNumber, .blockChooseARace .processNumberWrapper .processNumber, .blockExtraPurchases .processNumberWrapper .processNumber, .blockChooseAnEvent .processNumberWrapper .processNumber, .blockChooseAnEntrantWrapper.confirmed .blockChooseAnEntrant .processNumberWrapper .processNumber, .blockChooseARace .processNumberWrapper .processNumber{
    padding-left: 0;
  }
  .blockChooseARaceWrapper.confirmed .processNumberWrapper .editEntrant{
    padding-right: 0;
  }
  .blockFilterEventsWrapper .blockFilterEvents .blockFilterEventsForm{
    margin-right: 0;
    padding-right: 10px;
  }
  .tp-bullet{
    width: 8px !important;
    height: 8px !important;
  }
  .blockEventRegistration .blockContent .registrationTable{
    min-width: 100%;
    width: 100%;
  }
  .blockEventRegistration .blockContent .registrationTable .registrationTableRow .registrationTableColumn:last-child{
    border-right: 1px solid #c2c2c2 !important;
  }
  .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnButton{
    padding-right: 0
  }
  .blockFilterEvents .blockFilterEventsForm .formRow .formColumnWrapper .formColumn.formColumnEventName{
    min-width: 100% !important;
  }
  .blockFooter .footerColumn:last-child{
    margin-bottom: 0;
  }
  .nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction a{
    padding: 10px 0;
  }

  .entryStepGrayedOut.profileHide p{
    font-size: 28px;
  }
  .blockFilterEvents .blockFilterEventsForm .formRow .formColumnWrapper .formColumn.formColumnCountry{
    width: 100% !important;
  }
  .blockFilterEvents .blockFilterEventsForm .formRow .formColumnWrapper .formColumn{
    width: 100% !important;
    margin-right: 0 !important;
  }
  .blockFilterEvents .blockFilterEventsForm .formRow .formColumnWrapper .formColumn select{
    width: 100% !important;
  }
  .blockFilterEvents .blockFilterEventsForm button{
    margin-top: 0;
  }
  .blockFilterEvents .blockFilterEventsForm .formRow .formColumnWrapper .formColumn.formColumnButton{
    margin-bottom: 0 !important;
  }
  .blockEventLocation .blockTitleWrapper{
    margin: 15px 0;
  }
  .nodeEvent.nodeTeaser .columnWrapper .eventActions {
    text-align: left;
  }
  .blockFooter .footerColumn .footersocialMediaWrapper{
    padding-bottom: 15px;
  }
  .nodeEvent.nodeTeaser .columnWrapper .eventActions{
    padding-top: 15px;
  }


	.blockEventTitle .eventTitle h4, .blockRaceStatusWrapper .blockRaceStatus, .blockPageTitle h3
	{
		/* font-size: 15px; */
	}
	.infoAboutEventPage .blockEventTitleWrapper .blockEventTitle{
		    padding: 20px 0;
	}
	.blockEventTitle .eventSlogan{
		font-size: 12px;
	}
  .nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap .eventDetailValue{
    font-family: 'Montserrat-Light';
    font-size: 15px;
    line-height: 1.2;
  }
  .nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap .eventDetailValue a{
    font-family: 'Montserrat-Light';
    font-size: 15px;
    line-height: 1.2;
  }
  .nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap .eventDetailLabel{
    font-family: 'Montserrat-Semi-Bold';
    font-size: 15px;
    line-height: 1.2;
  }

    .blockPayNow.pagePurchaseSummary .processNumberWrapper .processNumber{
        /* padding: 25px 0 10px 15px; */
    }
    .blockPurchaseSummary2 .title{
           font-size: 21px;
    }

    .ucRecentEvents .nodeTeaserList .columnWrapper .imageWrapper{
        /* float: left; */
        margin: auto;
    }
    .nodeEvent.nodeTeaser .columnWrapper .imageWrapper{
        /* float: left; */
        margin: auto;
        background: #fff;
    }

    .blockTopBar .blockTopBarContent .generalInformation .coorporateNavigation,
    .blockTopBar .blockTopBarContent .contactInformation{
        display: block;
    }
    .cart_btn {
        padding: 0px 6px;
    }
    .cart_fixed_block a {
        width: 32px;
        height: 32px;
        background-size: 27px;
        background-position: center 5px;
        margin: 0 auto 10px;
    }
    .cart_fixed_block .cart_btn .text{
            font-size: 10px;
    }
    .blockPageTitle h3 {
        /* font-size: 15px; */
    }
    .phpmlInnerCarousel ul{
        height: 100%;
    }
    .phpmlInnerCarousel {
        height: 233px;
        max-width: 100%;
        width: 300px;
    }
    .blockEventRegistration .phpmlInnerCarousel ul li img,
    .blockEventRegistration .phpmlInnerCarousel{
        height: 233px !important;
        max-width: 100%;
        width: 300px !important;
        margin: auto !important;
    }
    .blockBackground {
        /* position: static; */
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .blockBackground img{
      height: 100%;
    }
    /* .unslider-nav ol {
        top: 36% !important;
    } */
    .blockChooseARace.confirming .couponcode{
        width: calc(100% - 105px) !important;
        margin: 0;
    }
    .blockChooseARace.confirming .couponcode-btm{
        width: 100px;
    }
    .blockFooter .footerColumn{
        width: 100%;
    }
    .teamEntrantRace.radioSelection.white.couponcode.coupnBorderTop{
        margin-top: 20px !importsnt;
    }
    .blockExtraPurchases .extrapurchaseActions{
        padding-right: 0;
        text-align: center;
        padding: 0 25px;
    }
    .blockExtraPurchases .extrapurchaseActions a{
        display: block !important;
        float: none !important;
        text-align: center;
        margin: 0 auto 5px !important;
    }
    .blockChooseAnEvent .processNumberWrapper .processNumber,
    .blockChooseAnEntrant .processNumberWrapper .processNumber,
    .blockChooseARace .processNumberWrapper .processNumber,
    .blockExtraPurchases .processNumberWrapper .processNumber ,
    .blockChooseAnEvent .processNumberWrapper .processNumber, .blockChooseAnEntrantWrapper.confirmed .blockChooseAnEntrant .processNumberWrapper .processNumber, .blockChooseARace .processNumberWrapper .processNumber{
      font-size: 17px;
    }
    .blockFilterEvents .blockFilterEventsForm form input,
    .blockFilterEvents .blockFilterEventsForm form select{
      width: 100% !important;
    }
     .personalInformationForm .formRow .formRowColumn .formFieldWrapper.formFieldWrapper3Fields .formfield{
        max-width: 100%;
        margin: 0 auto 7px;
    }
    .blockChooseAnEntrant .processNumberWrapper .editEntrant a,
    .blockChooseAnEvent .processNumberWrapper .editEvent a,
    .blockChooseARace .processNumberWrapper .editEntrant a{
            line-height: 20px;
            font-size: 11px;
    }
  	.eventsNewSec .block.homeopenevents.blockEventPhotos .everslider ul li{
  		height: 100px !important;
  	}
  	.eventsNewSec .block.homeopenevents.blockEventPhotos .everslider ul li img{
  		width: 110px !important;
  	}
  	.pageEventResults  .bottomLinks{
  		padding: 0 15px;
  	}
  	.pageEventResults  .bottomLinks ul li{
  		display: block;
  		margin: 0 auto 6px;
  		width: 100%;
  	}
  	.pageEventResults .pagePhotosWrapper .gallerySection .bottomLinks ul li:last-child{
  		margin-bottom: 0;
  	}
  	.pageEventResults .participantEventsOverviewBlock{
  		    padding: 30px 0;
  	}
    .profilePage .participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent .leftCOlumn{
      width: 100%;
      max-width: 100%;
    }
    .profilePage .blockParticipantProfile .columnWrapper .leftColumn .participantImage img{
      width: 150px;
    }
    .profilePage .tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos .myRecentPhotosAlbum ul li{
          max-width: 100%;
          margin: 0;
    }
    .profilePage .tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos .myRecentPhotosAlbum ul li a .myRecentPhotosItem .imageWrap img{
      width: 100%;
    }
    .profilePage .blockTabWrapper .blockTabWrapperContent .tabItem.tabMyPhotos .title{
          font-size: 22px;
    }
    .blockChooseAnEntrant .selectedEntrantSection .leftColumn .eventName, .blockChooseAnEvent .selectedEventSection .leftColumn .eventName{
          font-size: 15px;
          padding-top: 8px;
    }
    .blockChooseARace .radioSelection .content ul li label:before{
      width: 30px;
      height: 30px;
    }
    .blockChooseARace .radioSelection .content ul li label:after{
      width: 15px;
      height: 15px;
    }
    .blockChooseAnEntrant .entrantAction .columnWrapper .leftColumn a{
      font-size: 14px;
    }
    .blockChooseAnEntrant .selectedEntrantSection .rightColumn a.confirmEvent{
      padding: 8px 10px;
      font-size: 11px;
    }
    .addSingleEntrantPopup form .formRow.form2to3ColumnWrapper .formColumn,
    .addSingleEntrantPopup form .formRow.form2to3ColumnWrapper .formColumn:last-child{
      margin: 0;
      max-width: 100%;
      width: 100%;
    }
    .addSingleEntrantPopup .popupContent .recentlyAddedFriends .title{
      font-size: 18px;
    }
    /* .blockChooseARace .selectedEntrantSection .leftColumn{
      margin-bottom: 10px;
    } */
    .roagCardPage .blockSubmitRace{
      padding: 18px 0;
    }
    .blockPagePaginationWrapper{
      margin: 0;
    }
    .blockPagePaginationWrapper  .blockPagePagination{
      margin: 20px 0;
    }
    .blockPageBigLinksWrapper{
      padding-top: 0;
    }
    /* .tabMyInfo form button{
      font-size: 10px;
    }
    .formRow.form2to3ColumnWrapper .formColumn .formField input{
      height: 44px;
    } */
    .blockPagePaginationWrapper .blockPagePagination ul{
      margin: auto;
      float: none;
    }
    .blockPagePaginationWrapper .blockPagePagination ul li{
      /* display: inline-block;
      float: none; */
    }
    .blockContactUs .contactColumnWrapper .contactColumn .contactColumnIcon img{
          width: 50px;
    }
    .clubRoagPage .blockContactUsForm .formField input{
      height: 36px;
    }
    .clubRoagPage .personalInformationForm .formRow{
          margin: 5px 0 0;
    }
    .blockContactUs.blockContactUsSouthAfrica{
      padding: 20px 0;
    }
    .blockContactUs.blockContactUsSouthAfrica h3{
          font-size: 20px;
          margin-bottom: 0;
    }
    .blockContactUs .contactColumnWrapper .contactColumn .contactColumnTitle h4{
      font-size: 18px;
    }

}
@media only screen and (max-width: 430px) {
    .blockExtraPurchases .itemSelectionContent{
        padding: 0;
    }
    .blockExtraPurchases .itemSelectionContent ul li {
        float: none;
        margin: 0 auto 15px;
        width: 300px;
        max-width: 100%;
    }

}
@media only screen and (max-width: 400px) {
  /*01072020 */
  /*01072020 */
  .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .leftColumn .eventName,
  .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .leftColumn .eventName span,
  .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .leftColumn .eventName span a{
    font-size: 14px;
  }
  .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .leftColumn {
    width: 100%;
  }
  .blockChooseAnEntrantWrapper.team-entry-mobile .selectedEntrantSection .rightColumn {
    width: 120px;
   margin: auto;
  }
  /*01072020 */
  .blockChooseARaceWrapper.allConfirmed .selectedEntrantSection{
    padding: 5px 10px;
  }
  .blockChooseAnEntrant .selectedEntrantSection .leftColumn .blockCart .blockTitle a{
    padding: 15px 10px 15px 10px;
  }
  .blockTopBar .blockTopBarContent .contactInformation .telephoneNumber{
      margin-left: 0 !important;
  }
  .flags:last-child{
      margin-right: 0;
  }
  .blockTopBar .blockTopBarContent .contactInformation .telephoneNumber a,
  .blockTopBar .blockTopBarContent .generalInformation a.advertiser,
  .blockTopBar .blockTopBarContent .contactInformation .emailAddress{
      /* width: 20px;
      height: 20px; */
  }
  .eventsNewSec .whitebackground:before, .whitebackground, .bluebackground.ucRecentEvents:before, .bluebackground{
          background-size: 20px;
  }
  .nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction{
          /* width: 100%;
          margin: 0 0 3px; */
  }
  .footerCopyright {
      padding: 10px;
      line-height: 1;
      font-size: 12px;
  }
  .blockChooseARace .selectedEntrantSection .leftColumn .eventName{
     font-size: 15px;
     padding: 0;
  }
  .blockChooseARace .selectedEntrantSection .leftColumn .eventName span {
      font-size: 15px;
       padding: 0;
  }
  .blockChooseARace .selectedEntrantSection .leftColumn{
      width: 100%;
      margin-bottom: 5px;
  }
  .blockChooseARace.confirming .selectedEntrantSection .leftColumn {
    /* width: 100% !important; */
    width: calc(100% - 40px) !important;
    text-align: center;
    margin-bottom: 8px;
  }
  /* .blockChooseARaceWrapper.confirmed .selectedEntrantSection .leftColumn, .blockChooseAnEvent.confirmed .selectedEventSection .leftColumn {
    width: 100% !important;
    text-align: center;
    margin-bottom: 8px;
    padding-right: 0;
  } */
  .blockChooseARaceWrapper.confirmed .selectedEntrantSection .leftColumn:last-child {
    margin-bottom: 0;
  }
  .blockChooseARace .confirmButton {
    display: inline-block;
  }
  .blockChooseARace.confirming .selectedEntrantSection .rightColumn, .blockChooseARaceWrapper.confirmed .selectedEntrantSection  .rightColumn {
      width: 100%;
      text-align: center;
  }
  .blockChooseARace .selectedEntrantSection .rightColumn a.confirmEvent{
      display: inline-block;
  }
  .blockChooseARaceWrapper.allConfirmed .selectedEntrantSection .leftColumn {
    width: calc(100% - 50px) !important;
    text-align: left;
  }
  .blockChooseARaceWrapper.allConfirmed .selectedEntrantSection  .rightColumn {
    width: auto !important;
  }
  .blockChooseARace .radioSelection .content ul li{
      width: 100%;
      margin: 0 auto 5px;
  }
  .blockChooseARace.confirming .couponcode,
  .blockChooseARace.confirming .couponcode-btm{
      width: 100% !important;
  }
  .blockChooseARace.confirming .couponcode{
      padding: 0 10px;
      margin-bottom: 5px;
  }
  .blockChooseAnEvent.confirmed .selectedEventSection,
  .blockChooseAnEntrantWrapper.confirmed .selectedEntrantSection,
  .blockChooseARace, .entryStepGrayedOut{
      padding: 5px 10px;
  }
  .blockChooseAnEntrant .selectedEntrantSection .leftColumn .eventName, .blockChooseAnEvent .selectedEventSection .leftColumn .eventName{
      font-size: 14px;
      padding-top: 10px;
  }
  .blockChooseAnEntrant .selectedEntrantSection .leftColumn, .blockChooseAnEvent .selectedEventSection .leftColumn {
      width: 100%;
      margin-bottom: 8px;
      padding-right: 0;
      text-align: center;
  }
  .blockChooseAnEntrant .selectedEntrantSection .rightColumn, .blockChooseAnEvent .selectedEventSection .rightColumn {
    width: 100%;
    text-align: center;
  }
  .blockChooseAnEntrantWrapper.confirmed .blockChooseAnEntrant .selectedEntrantSection .leftColumn, .blockChooseAnEvent.confirmed .blockChooseAnEntrant .selectedEntrantSection .leftColumn {
    width: calc(100% - 45px);
    text-align: left;
  }
  .blockChooseAnEntrantWrapper.confirmed .blockChooseAnEntrant .selectedEntrantSection .rightColumn, .blockChooseAnEvent.confirmed .blockChooseAnEntrant .selectedEntrantSection .rightColumn {
    width: 35px;
  }
  .blockChooseAnEntrant .selectedEntrantSection .rightColumn, .blockChooseAnEvent .selectedEventSection .rightColumn {
    width: 100%;
    text-align: center;
  }
  .blockChooseAnEvent.confirmed .selectedEventSection .rightColumn, .blockChooseAnEntrantWrapper.confirmed .blockChooseAnEntrant .selectedEntrantSection .rightColumn, .blockChooseARaceWrapper.confirmed .blockChooseARace .selectedEntrantSection .rightColumn {
    text-align: left;
    width: auto;
  }
  .blockChooseAnEvent .selectedEventSection .rightColumn a.confirmEvent, .blockChooseAnEntrant .selectedEntrantSection .rightColumn a.confirmEvent, .blockChooseARace .selectedEntrantSection .rightColumn a.confirmEvent {
    display: inline-block;
  }
  .blockChooseAnEvent.confirmed .selectedEventSection .leftColumn .eventName {
    text-align: left;
  }
}
@media only screen and (max-width: 360px) {
  .blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper .formColumn{
        min-width: calc(100% - 10px);
  }

	.blockEventTitle .eventTitle h4, .blockRaceStatusWrapper .blockRaceStatus, .blockPageTitle h3{
		/* font-size: 13px; */
	}
	.nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap .eventDetailValue {
		margin: 4px 0;
    font-size: 14px;
    line-height: 1;
		/* display: block;
		width: 100%; */
	}
  .blockEntrySuccessfulPopup{
      padding: 15px 10px;
  }
  .blockEntrySuccessfulPopup .columnWrapper {
      padding: 10px 15px;
  }
  .blockEventRegistration .rightBlock .rightBlockTitle{
    font-size: 19px;
  }
  .blockEventRegistration .rightBlock .rightBlockText{
    margin: 10px 0 0;
  }
  .blockEventRegistration .rightBlock .rightBlockLink {
    margin: 20px 0 0;
  }
  .roagCardPage .about-roag-vision .about-roag-visionTable{
    padding: 0;
  }
  .blockPagePagination ul{
    float: none;
    margin: auto;
  }
  .blockPagePagination ul li{
    margin: 0 3px 0 0;
  }
  .profilePage .topRoagRankedIndividuals .blockEventRacesNavigation nav ul li {
    margin: 0;
    width: 100%;
    text-align: center;
  }
  .profilePage .tabItem.tabMyRanking .title {
    font-size: 21px;
  }
  .profilePage .tabItem.tabMyRanking .myRankingWrapper .myRanking{
    padding: 0;
  }
  .profilePage #profile_nav2 div a {
    width: 100%;
  }
  .addSingleEntrantPopup .popupContent .recentlyAddedFriends .title {
    font-size: 15px;
  }

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

  .everslider .es-slides img{
      width: 100% !important;
  }
  .blockExtraPurchases .itemSelectionContent ul li{
      width: 250px;
  }
  .roagCardPage .blockEventRegistrationWrapper  .mission{
    padding: 10px;
  }
  P{
    font-size: 13px;
  }
}
@media only screen and (max-width: 400px) {

    .otherEventsPhotosInside .blockEventPhotos{
        width: 220px;
      margin: 15px auto 0;

    }
    .onHoverCaption h3{
      font-size: 12px;
    }
    .hoverDetails{
      padding: 0 30px;
    }
    .pageEventResults .pagePhotosWrapper .eventPhotosListWrapper .otherEventsPhotosSection .blockEventPhotos li .onHoverCaption{
      padding: 0 0;
    }
    .pageEventResults .pagePhotosWrapper .eventPhotosListWrapper .otherEventsPhotosSection .blockEventPhotos li .onHoverCaption{
      opacity: 0;
    }
    .pageEventResults .pagePhotosWrapper .eventPhotosListWrapper .otherEventsPhotosSection .blockEventPhotos li:hover .onHoverCaption{
      opacity: 1;
    }
    .pageEventResults .pagePhotosWrapper .eventPhotosListWrapper .otherEventsPhotosSection .blockEventPhotos li .onHoverCaption,
    .pageEventResults .pagePhotosWrapper .eventPhotosListWrapper .otherEventsPhotosSection .blockEventPhotos li:hover .onHoverCaption{
      width: auto;
      height: auto;
      top: 8px;
      right: 8px;
      bottom: 8px;
      left: 8px;
    }
    .onHoverCaption h3{
      padding: 0 0;
    }
    .participantEventsOverviewBlock .myPhotosWrapper .descrptionRow .leftColumn{
      font-size: 14px;
    }

}
.postponed_note {
    margin-bottom: 20px;
}
@media only screen and (max-width: 479px) {
    .entry_list_button:link, .entry_list_button:visited {
        padding: 5px 10px;

    }

    /*============================= 03-01-2020 =============================*/
    .postponed_note{
        margin-top: 20px;
        margin-bottom: 0;
    }
}
.block.blockChooseARace.pdFix220920 p.custom-entry-notes,
.block.blockChooseARace.pdFix220920 p.custom-entry-notes strong{
    color: #ffffff;
}