/*@media (min-width: 1750px) {
    .main-header .main-header-logo  {
	width: 284px;
	height: 134px;
}
.layout-1 .header-banner {
    height: auto;
}
.layout-1 .header-banner.landing-page {
  
	position: relative;
	
}
.winners-link {bottom:13.75%;}
}*/

@media (max-width: 1000px) {
   .main-header h1.hero__title, .support-text, #bannerPageContentWrap, body, .container {
       width:100%;
   } 
   body {
       padding:1.7rem;
       box-sizing: border-box;
   }
   
}
@media (min-width: 1025px) and (max-width: 1530px) {
.weeklyPrizes .breakdown img, .weeklyPrizes .breakdown ul {
    display:inline-block;
}

 

.small {
	width: 31%;
}
.radio, .ul_frequency input + label {
width:44%;
}
.DD_Detail .gridBG span {
	padding: 0.1rem 0.15rem;
}
/*.top_dd ul li.instruction {

	font-size: .8rem;
}*/
.winner-details h3 {
    width:100%;
}
.winner-details.referral p {
    padding:0;
}
.weeklyPrizes .breakdown {
	width: 53%;
}
}

@media (max-width:1009px) {  
    h1 {
        font-size: 4.6vw;
    }
}
@media (min-width: 758px) and (max-width: 946px) {
    .links a.raffle-closed {
	display: block;
	text-align: center;
	width: 70%;
}
}
@media (max-width: 821px) {
    #rsm_iframe {
	height:1070px !important;
}
br.progress, .raffle-sell {
	display: none;
}

}

@media (max-width: 790px) { 
    .not-mobile {
    display:none;
        
    }
h1 {
	font-size: 6.8vw;
}
.completion_block h1 {
    font-size: 5.5vw;
}
    h2 {
   font-size: 6.6vw;
    }
    label, .form-item {
        width:100%;
    }
    input, select {
	font-size: 1rem;
    }
    
    p, .list, .hiw-ppc {
	font-size: calc(10.0698px + 0.5rem);
    }
    .journey p {
	margin: 1rem 0;
    }
    h3 {
    	font-size: 6vw;
    	margin:0;
    }
    .completion_block h3 {
    font-size: 5vw;
}
.details span.mob-block {

	display: block;
}
.completion_block p.marg-mob {
	margin: 1rem 0 0;
}
    .nomStepName {
	display: none;
    }
    input {
      -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
	}
     
#findaddress-form-row {
    position:relative;
    margin:1rem 0 0;
        right: 0;
}
#keepingintouch-stage-group > .field {
	display: block;
	margin: 1rem 0 0;
}
.nomSteps .nomStep, .nomSteps ul {
    padding:0 1rem;
}
.footer .footer-menu ul {
    margin:0;
}
 /*========
    New  DD Page Step 2 for mobile
    =========*/
    .DDform .form_row.field {
        width:100%;
    }
    .ddServiceInfo {
    margin: 0;
    position: relative;
    right: auto;
    }
    .DDform .form-row {clear:both; width:100%;}
    #payment-form .DDform input {width:100%;}
    #top-stage-group .form_row {margin:0;}
    #accountholder-stage-group, #accountnumber-stage-group, #banksortcode-stage-group, #accountdetail-stage-group, 
    #banksortcode-stage-group > label, #banksortcode-stage-group .form-item div {width:95%;}
    
    .twoCols .field .form-item {width:100%;}
    .DDform .field {clear:both;}
    .DD_Detail span {
    text-align: left;
    }
    
    #top-stage-group label {
    padding: 10px 0;
    }
    .DD_Detail .ddField {float:left;}
  .top_dd ul li img {
  width: auto;
}
 
.top_dd ul li {
  height: auto;
  text-align: left;
  width: 41%;
}
   .top_dd ul li.instruction {
	width: 100%;
	margin: 2rem 0 1rem;
}
.address {
	width: 100%;
	position: absolute;
	/* margin: 1rem 0 !important; */
}
    #dd_holder, #dd_account_no, #dd_bank, .ddServiceInfo, .twoCols .field label, .twoCols #banksortcode-stage-group .form-item, .twoCols #banksortcode-stage-group .form-item > div,
    #accountdetail-stage-group .field label, #accountdetail-stage-group .field > div, #accountdetail-stage-group {
    width: 100%;
    left:0;
    }
    div#banksortcode-stage-group.journey-group-container {
      margin: 0;
    }
    #accountdetailsv1-stage-group, #sortcode-stage-group {
        width:100%;
    }
   #accountholder-stage-group, #accountnumber-stage-group, #banksortcode-stage-group, 
   #accountdetail-stage-group, #banksortcode-stage-group > label, 
   #banksortcode-stage-group .form-item div, #top-stage-group .form_error {
        width:100%;
    }
   
    #accountdetail-stage-group .field { height: auto; margin: 0;}
    #accountdetail-stage-group .form-item {height: 80px;}
    .secure-logo, .ddpopup {width: 100%; text-align: center; padding: 10px 0 0;}
    .ddpopup {padding: 0 0 10px;}
    .twoCols #banksortcode-stage-group .form-item > div input {
    margin: 0 5px 0 0;
    width: 31%;
    }
   
    .twoCols #banksortcode-stage-group .form-item > div input {
    margin: 0px 22px;
    width: 16%;
    }
    #sort_code2 {margin:0 !important;}
    #banksortcode-stage-group .form-item {padding:0;}
    .twoCols #banksortcode-stage-group .form-item > div #sort_code1 {margin:0 22px 0 0 ;}
   .popup_link.fltLeft {
      text-align: center;
    }
     .form_row.field.fltLeft {
      width: 32.3% !important;
    }
    #accountdetails-stage-group, #verifydirectdebit-stage-group, #someaccounts-stage-group {
    max-width:100%;
}
 .form_row, .form_row > label {
        width:100% !important;
    }
    #accountdetail-stage-group .field br, #sort_code1-form-row > br {display:none;}
    #sort_code2-form-row {
  display: inline-block;
  padding: 0 0.5rem;
  vertical-align: bottom;
}
#sort_code3-form-row, #sort_code2-form-row, #sort_code1-form-row {
  margin-bottom: 0;
  vertical-align: bottom;
  width: 30% !important;
}
.form_row, .form_row > label {width:auto;}
#payment-form .form-item {display:block;margin: .5rem 0 0 0;}
#dd_bank {
  box-sizing: border-box;
  width: 100%;
}
#payment-form .form-row {
  width: 100%;
}
#settingupyourdirectdebit-stage-group .form-input {width:100%;}
 
    /*========
    New DD Page Step 2 for mobile - END
    =========*/
    #next-button {
	float: none;
	padding: 5px 15px;
	width: 100%;
	margin: 1rem 0 1rem 0;
    box-sizing: border-box;
	
}
   #findaddress {
	padding: 10px .8rem;
} 
    /*Journey*/
    .small {
    	width: 30%;
    	padding: 1rem .2rem;
    }
    #addresssearch-stage-group .form-input#txtAddressLkp-form-row {
        width:100%;
    }
    #addresssearch-stage-group .form-input {
	display: block;
	width: 100%; 
    }
    #findaddress {
        margin:0;
    }
    
    /*tooltip*/
    .tooltip_icon_text, .tooltip_icon {
	display: none;
    }
    .form_help.float {
	display: block !important;
	position: relative;
	width: 100%;
	right: 0;
}
.winner-right, .winner-left {
	padding: 2px 10px;
}
.winner-right {
	left: 90%;
}
 
/*==========
Chances / raffle
==============*/
#giftaid-yes-info { 
	font-size: calc(11.7447px + 0.851064vw);
}
    input[name="product_code"] + label, input[name="donation_select"] + label, #howmanywouldyoulike-stage-group label {
        width:100%;
        margin: 0 0 1.5rem;
    }
    
    input[name="donation_select"] + label {
        box-sizing: border-box;
        
    }
    input[name="donation_select"] + label[for="donation_selectNO"] {
        margin-bottom:1rem;
    }
    .radio-button {
        float:left;
    }
    input[name="giftaid"] {
         -webkit-appearance: none; 
              padding: 10px;
    }
 
    .radio-label {
    display: inline-block;
    width: 72%;
    line-height: 1.3;
    vertical-align: top;
    margin:.5rem 0 0;
    text-align: left;
    float: left;
    }
    .quarterPrizes h2 { 
	padding: 1rem 1rem 0;
}
input[name="giftaid"] {
    margin-right:.5rem;
}
 

/*Mobile journey*/
body {
padding:1.1rem;
    
}

input, select {
    box-shadow:none;
    border-radius:5px;
    padding: 1rem;
}
label {
    margin:0;
    font-size: calc(10.745px + 0.851064vw);
}
#notitle-stage-group {

	margin: 8% 0 1.2rem;

}
#howmanywouldyoulike-stage-group .form-row {
	display: block !important;
}
#additionaldonation-stage-group {
    	height: 11rem;
}
.completion_block {
 
	padding: 0 !important;
}
.mainBanner-head.details {

    margin: 0 auto 3rem;
}
.layout-1.half-upsell .mainBanner-head {
	width: 100%;
	display: block;
	margin: 2rem auto;
	text-align: left;
	padding: 1rem calc;
}


#donation_option, #donation_amount {
	width: 80%;
	padding: .5rem 2rem; 
}
.nomSteps {

	margin-bottom: 2rem;
}
select {
    background-size:10px;
}
.footer-container *, .inner_footer * {
    text-align:left;
    font-size: calc(6.0698px + 0.697674rem);
}
 
.footer-logo.col li {
	display: inline-block;
	margin: 2rem 2rem 0 0rem;
	vertical-align: top;
}
.footer .footer-logo ul {
 
	text-align: left; 
}
.footer {
	padding: 0; 
}
.footer-logo.col li span {
    width:77%;
}
.footer-logo.col li span br {
    display:none;
}
.footer-logo.col li span a {
    line-height:1;
}
#findaddress {
	border: 2px solid #62810e;
}
}
@media (max-width: 757px) {
    .website-main p {
	width: 100%;
	font-size: 0.889rem;
}
.main-header .main-header-logo {
	height: auto;
}
}
@media (max-width: 675px) {
     .main-header .main-header-logo.lottery {
     	/*background: #fff url(/image/skins/barnardos/lot-logo-mob.svg) no-repeat 50%;*/
    text-indent: 300%; 
    overflow: hidden;
    width: 30%;
    height: auto;
    margin: 0 0 0 1rem;
    padding: 0;
    float: right;
 }
    .lottery .responsive-img {
    width: 40%;
    display: block;
    float: right;
}
.lottery .hidden-xs {
    display: none;
}

.main-header .main-header-logo:not(.lottery) {
	text-indent: 300%;
	display: inline-block;
	overflow: hidden;
	background: transparent url(/image/skins/barnardos/Barnardos-logo-narrow.svg) no-repeat 0%;
	width: 100%;
	height: 44px;
	margin: 0 0 0 1rem;
	padding: 0;
}

}
@media (max-width: 600px) {


.tv-seen {
    width: 30%;
}
.main-header .main-header-logo {
    width: 66%;
}
 
}

@media (max-width: 520px){
    #cboxMiddleLeft, #cboxContent, #cboxMiddleRight {
	height: 250px !important;
}
}
@media (max-width: 499px) {
/*===========
header
==========*/
.header {
	padding: 1rem 0;
}

.main-header .main-header-logo:not(.lottery) a {
	 display: block; 
}
 .main-header .main-header-logo.lottery {
    width: 50%;
 }
 .main-header .main-header-logo {
	padding: 0;
    width: 100%;
    margin: 0;
}
.featurePrize h1 {
    font-size:3.5vw;
}
.featurePrize h1 span {
 
    font-size: 14vw;
    line-height: .8;
}
/*===========
header - end
==========*/
/*========
Start button
========*/
.btn-normal, a.btn-normal, a.btn-normal:visited {
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin: 1rem 0;
	text-align: center;
}


/*=========
Standards
==========*/
body {
	padding: .5rem;
}
.main-header .main-header-logo {
    margin-left: .8rem;
}
.main-header h1.hero__title, .support-text, #bannerPageContentWrap {
    width:96%;
    max-width:96%;
}

.hero__main-content .mainBanner-head {
	margin: 0 auto 3vw;
}
    .player-details.desktop  {
        display: none;
    }

    .player-details.mobile  {
        display: inline-block;
    }


.main-header .main-header-logo:not(.lottery),
.main-header .main-header-logo.lottery {
    min-width: auto;

	width: 100%;
	float: none;
	margin: 0;
}

}

@media (max-width: 565px) {
    #additionaldonation-stage-group {
	height: 12rem;
}
}
@media (max-width: 481px) {
    #additionaldonation-stage-group {
	height: 13rem;
}

}
/*--------
Iphone SE & smaller
-----------*/
@media (max-width: 336px) {
        #cboxMiddleLeft, #cboxContent, #cboxMiddleRight {
	height: 300px !important;
}
.inner_footer * {
	line-height: 1.3;
	font-size: calc(2px + 0.697674rem);
}
.footer-logo.col li span {
	width: 71%;
}
#additionaldonation-stage-group {
	height: 13rem;
}
#rsm_iframe {
	height: 1130px !important;
}
   .DD_Detail .gridBG span {
       padding: 0.1rem 0.5rem;
   } 
   
   .address {
	line-height: 1.3;
	font-size: .75em;
}
}
@media (max-width: 315px) {
    #additionaldonation-stage-group {
	height: 15.5rem;
}
}