label, .form-item {
    width: 100%;
display: block;
margin: 0;
padding: 0;
    
}
.filter-section {
	margin: 0 0 2rem 0;
	/* vertical-align: middle; */
}
input, select {
	padding: .8rem 1rem !important;
}
button img {
	width: 55px;
}
#results_main h3, h4, p {
    margin:0;
    
}
.iconbox_content_title {
	font-size: 1.5rem;
	font-weight: 500;
	margin: .5rem 0 0 !important;
}

#bannerPageContentWrap {
width:100%;
    
}

h3::before { 
    background: transparent;
}
.filter-section.second {
 
}
.winnerQuotes.resultsPage {
	width: 25vw;
	float: right;
	background: rgba(255,255,255,.9);
}

.winner-details {
 }
.winner-details h3 {
    width:100%;
    margin: 0;
}
.winner-right, .winner-left {
    padding:0 7px;
}
.main-header-container.winner-referrals .winner-right {
    left:90%;
}
 
.winner-details.referral p {
 
}
div#winner-referrals {
	position: relative;
	vertical-align: top;
	margin:0 0 4rem;
	border-radius: 20px;
}
.winner-left {
	left: 10px;
}
.results_container {
	height:710px; 
}


.filter-section button {
bottom: 0;
border: 0;
	background: 0;
	position: absolute;
    right: 0;
    cursor:pointer;
}
#datepicker_button button {
	bottom: 0;
	border: 0;
	background: 0;
	position: relative;
	right: 0;
	cursor: pointer;
	width: 25%;
	vertical-align: top;
}
button:hover {
	opacity: .5; 
}
.search p {
	width: 88%;
	line-height: 1.3;
font-size: calc(6.0698px + 0.697674rem);
}
#report-filters, #report-results {
	display: inline-block;
	vertical-align: top;
	position: relative;
	height: 710px;
	overflow-y: scroll;
	overflow-x: hidden;
}
#report-filters {
	width: 45%;
	margin: 0  5% 0 0;
	height: auto !important;
	overflow: hidden;
}
#report-filters {
    width:43%;
}
#superdraw_draw_date {
	width: 100%;
}
#report-results {
	width: 50%;
}
.filter-grid, #datepicker, select {

	width: 81%;
}
.filter-section {
	position: relative;
}
#last-winnners button {
	position: relative;
	margin: 0 0 0.5rem;
	padding: 0;
	font-size: 1rem;
	background: #8EFE9A;
	color: #000;
	font-family: "Inter", sans-serif;
	padding: 1rem;
}

.filter-section.search {
	position: relative;
}
.filter-section.search button {
	bottom: 0;
}
#lastweekwinners-results-output tr:first-child, #areyouawinner-results-output tr:first-child {
    font-weight:bold;
    display: none;
}
table#areyouawinner-results-output tr td:nth-child(2) {
    display:none;
}
#lastweekwinners-results-output tr td:last-child {
	display: none;
}
#lastweekwinners-results-output, #areyouawinner-results-output {
	width: 100%;
	font-size: 1.2rem;
}
#lastweekwinners-results-output tr td:nth-child(1) {
	display: block;
	width: 7rem;
	font-weight: bold;
	clear: both;
}
#lastweekwinners-results-output tr td:nth-child(2) {
	margin: 0 1rem 0 0rem;
	display: inline-block;
}
#lastweekwinners-results-output tr td, #areyouawinner-results-output tr td {
	display: inline-block;
	text-align: left;
	margin: 0 1rem 0 0rem;
}
#winner-referrals h3 {
	font-size: 1.2em;
	line-height: 1;
}
.mainBanner-head {
	line-height: 1.3;
}
@media (min-width: 1025px) and (max-width: 1530px) {}
@media (max-width: 1024px) {
    div#winner-referrals {
    width: 100%;
    }
    #report-filters {
        width: 40%;
    }
    .mainBanner-head.winner {
    width: 100%;
    margin: 0 0 6rem 1rem;
    }   
    #results_main .mainBanner-head {
            width: 53%;
    }
}

@media (max-width: 960px) {
    #results_main h3 {
        font-size:calc(25px + 30 * ((100vw - 420px) / 860));
    }
.filter-section:not(.search) input, .filter-section:not(.search) button {
	display: none !important;
}
#report-filters .filter-section > p, #report-filters .filter-section > input[type="submit"], .filter-small-label {
	display: none;
}
    #report-filters form {
	max-width: 100%;
	width: 100%;
}
#report-header, #report-filters, #report-results, #report-footer {
	width: 100%;
	margin: 1rem 0% 0 0;
}
#report-filters .filter-section {
	box-sizing: border-box;
	float: left;
	margin-bottom: 5px;
	width: 100%;
}
    .filter-section > label {
	background-color: #8EFE9A;
	border-right: 3px solid #fff;
	box-sizing: border-box;
	color: #fff;
	font-size: 2vw !important;
    line-height: 1;
	margin-bottom: 5px;
	padding:3px 1rem;
	text-align: center;
	width: 100%;
	display: block;
}
.filter-selected .filter-grid {
	display: block !important;
	width: 90%;
	position: relative;

}
.filter-grid:nth-child(5) {
	position: relative;
	width: 90%;
	 
}

/*=====
Header
======*/
.mainBanner-head.winner {
	width: 100%;
	margin: 4rem 0;
	display: block; 
}
.winnerQuotes.resultsPage {
	width: 100%;
	float: none;
	background: rgba(255,255,255,.9);
}

    .filter-section > label {
        padding:3px;
    }
   #report-filters .filter-section h3 {
	font-size: calc(26px + 30 * ((100vw - 420px) / 860));
	text-align: center;
    }
    #last-winnners span { 
	font-size: calc(26px + 30 * ((100vw - 420px) / 860));
	text-align: center;
	font-weight: bold;
}
    h4 {
    font-size: calc(26px + 30 * ((100vw - 420px) / 860));
    }
#results_main .mainBanner-head, .mainBanner-head.quarterPrizes {
    width:100%;
    display: block;
    margin: 0 auto;
}
.filter-section.second {
    margin:0;
}
/* stetch calendar on results page */
#results-calendar .ui-datepicker {
    width: 100%;
    margin-top: 25px;
}

#report-filters, #report-results, .results_container {
    height:100%;
}
.filter-section.search button {
    bottom: 0;
    position: absolute;
    z-index: 1;
    right: 0;
    margin: 0;
    width: auto;
}
#last-winnners button {
	display: block !important;
	width: 100%;
}
}
@media (max-width: 790px) {
#results_main p {
	margin: 0;
	font-size: calc(10.0698px + 0.697674rem);
}

}
@media (max-width: 610px) {
    .filter-selected .filter-grid {
	width: 70%;
}
.filter-grid:nth-child(5) {
	width: 70%;
}
}
@media (max-width: 420px) {
    #lastweekwinners-results-output tr td:nth-child(1) {
        	width: 30%;
    }
  

}