/* -- General mobile -- */
@media all and (max-width: 500px) {
    img {
        max-width: 100%;
    }
}
/* -- Header Backgrounds -- */
@media all and (min-width: 585px) and (max-width: 850px) {
	body {
		background: transparent url(images/Lottery/LML-header-bkg-mid-size.jpg) no-repeat center 42px !important;
	}
}
@media all and (min-width: 373px) and (max-width: 584px) {
	body {
		background: transparent url(images/Lottery/LML-header-bkg-small-size.jpg) no-repeat center 42px !important;
	}
}
@media all and (min-width: 325px) and (max-width: 372px) {
	body {
		background: transparent url(images/Lottery/LML-header-bkg-small-size.jpg) no-repeat center 9px !important;
	}
}
@media all and (min-width: 292px) and (max-width: 324px) {
	body {
		background: transparent url(images/Lottery/LML-header-bkg-small-size.jpg) no-repeat center -2px !important;
	}
}
@media all and (min-width: 240px) and (max-width: 291px) {
	body {
		background: transparent url(images/Lottery/LML-header-bkg-small-size.jpg) no-repeat center -13px !important;
	}
}
@media all and (max-width: 980px) {
	.page {
		width: 100% !important;
		padding: 0px !important;
		overflow: hidden;
	}
	#main {
		width: 90% !important;
		padding: 5% !important;
		overflow: hidden;
	}
	header, #header {
		float: none !important;
	}
	.resultswrap, .pickgame-wrap {
		display: inline-block;
		text-align: center;
	}
	.results, .pick-game-game {
		float: none !important;
		display: inline-block;
	}
	.results:last-child {
		margin-right: 6px;
	}
	.borderbox .side-contact {
		display: none;
	}
	.leftCol {
		width: 60% !important;
		margin: 0 auto !important;
		float: none !important;
	}
}
@media all and (min-width: 727px) and (max-width: 980px) {
	.results:nth-child(3n), .pick-game-game:nth-child(3n) {
		margin-right: 0px !important;
	}
}
@media all and (min-width: 240px) and (max-width: 726px) {
	.pick-game-game {
		margin-right: 0px !important;
	}
}
/* Pick A Syndicate */
@media all and (max-width: 720px) {
	.gameImage, .gameOptionsText, .playnowbox-wrapper {
		text-align: center !important;
	}
}

/* -- Mobile Menu -- */
.mobile-header {
    height: 61px;
    display: none;
	background-color: rgb(255, 255, 255);
}
#topnav.mobile-menu > ul {
  margin-bottom: 0;
}

#topnav.mobile-menu > ul li {
  position: relative;
}

#topnav.mobile-menu > ul > li {

  text-transform: uppercase;
 /* margin-left: 0.5em; */
}

#topnav.mobile-menu > ul > li a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition:    all 0.2s ease-in-out;
  -o-transition:      all 0.2s ease-in-out;
  -ms-transition:     all 0.2s ease-in-out;
  transition:         all 0.2s ease-in-out;
}

#topnav.mobile-menu > ul > li > a {

	text-decoration: none;
	font-family: Museo Slab W01_300;
	display: block;
	padding: 16px 18px !important;
	line-height: 14px !important;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	font-size-adjust: none;
	font-stretch: normal;
	font-feature-settings: normal;
	font-language-override: normal;
	font-kerning: auto;
	font-synthesis: weight style;
	font-variant: normal;
	text-transform: uppercase;
	position: relative;
}

#topnav.mobile-menu > ul > li a {
  color: #313233;
}

#topnav.mobile-menu > ul > li > a:hover,
#topnav.mobile-menu > ul > li:hover > a,
#topnav.mobile-menu > ul > li ul a:hover,
#topnav.mobile-menu > ul > li.current_page_item > a,
#topnav.mobile-menu > ul > li.current_page_parent > a {
  color: #ffffff;
  background: #E20613;
}

#topnav.mobile-menu > ul > li.current_page_item > a,
#topnav.mobile-menu > ul > li.current_page_parent > a {
  opacity: 0.5;
}

#topnav.mobile-menu > ul > li.current_page_item > a:hover,
#topnav.mobile-menu > ul > li.current_page_parent > a:hover {
  opacity: 1;
}

#topnav.mobile-menu > ul > li a:hover + ul,
#topnav.mobile-menu > ul > li a + ul:hover {
  display: block;
}

#topnav.mobile-menu > ul > li ul {
  position: absolute;
  background: #ffffff;
  display: none;
  z-index: 100;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

#topnav.mobile-menu > ul > li li {
  width: 270px;
}
#topnav.mobile-menu ul li ul {
	right: 0px;
	position: relative;
	display: block;
}
#topnav.mobile-menu ul li.drop ul li
{
    width: 100% !important;
    border-bottom: 2px dotted #B0B0B0;
}
#topnav.mobile-menu ul li.drop ul li:first-child {
	border-top: 2px dotted #B0B0B0;
}
#topnav.mobile-menu > ul > li ul a {
  padding: 0em 1em;
  display: block;
  text-transform: capitalize;
text-decoration: none;
 clear: both; overflow: hidden;
 height: 42px;
line-height: 40px;
}
#topnav.mobile-menu > ul > li ul a span {float:right;}
#topnav.mobile-menu > ul > li > ul ul {
  top: 0;
  left: 100%;
}


/* -- Mobile Menu -- */
.mobile-menu {
  position: fixed;
  background: #333333;
  top: 0px;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 100% !important;
  overflow-x: hidden;
  -webkit-transform:  translate(-100%, 0);
  -moz-transform:     translate(-100%, 0);
  -ms-transform:      translate(-100%, 0);
  transform:          translate(-100%, 0);

  -webkit-transition:   all 0.2s ease;
  -moz-transition:      all 0.2s ease;
  -ms-transition:       all 0.2s ease;
  transition:           all 0.2s ease;
  border-right: 1px solid #B0B0B0;
}
.active-mobile .mobile-menu {
  -webkit-transform:  translate(0, 0);
  -moz-transform:     translate(0, 0);
   -ms-transform:      translate(0, 0);
  transform:          translate(0, 0);
}

.mobile-menu li, .mobile-menu ul {
  float: none;
  margin: 0;
  width: 100% !important;
  background: #FFF;
  text-align: left;
}
.mobile-menu li {
    border-bottom: 1px solid #ddd;
	height: 43px !important;
	margin: 0 !important;
}
.mobile-menu li a {
	color: #4A9DFE !important;
}
.mobile-menu li a:hover {
	color: #FFFFFF !important;
}
.active-mobile #home {
  overflow: hidden;
}

.active-mobile .header ~ * {
  -webkit-transform:  translate(300px, 0);
  -moz-transform:     translate(300px, 0);
  -ms-transform:      translate(300px, 0);
  transform:          translate(300px, 0);

  -webkit-transition:   all 0.3s ease-in-out;
  -moz-transition:      all 0.3s ease-in-out;
  -ms-transition:       all 0.3s ease-in-out;
  transition:           all 0.3s ease-in-out;
}

.active-mobile .overlay {display:block;-webkit-transition:   all 0.3s ease-in-out;
  -moz-transition:      all 0.3s ease-in-out;
  -ms-transition:       all 0.3s ease-in-out;
  transition:           all 0.3s ease-in-out}

#topnav.mobile-menu ul li.drop ul li a
{
    color: #000;
    opacity: 1;
    background-color: #ccc;
	text-align: center;
}
#topnav.mobile-menu ul li.drop ul li a:hover {
    color: #fff;
    background: none repeat scroll 0% 0% #E20613;
}
.mobile-menu ul li a {
  display: block;
  color: #313233;
}

.mobile-menu ul li ul {
  position: relative;
  background: transparent;
  padding: 0em;
}

.mobile-switch, .mobile-account{
  display: none;
  width: 61px;
  height: 61px;
  text-align: center;
}

.mobile-switch i {
  line-height: 61px;
}
.active-mobile .is-sticky .sticky-bar {
  width: 300px;
  background: #fff;
  padding-bottom: 2em;
}

.active-mobile .is-sticky .sticky-bar .container {
  width: 100%;
}

.active-mobile .is-sticky .sticky-bar .identity:before {
  display: inline;
}

.is-sticky #topnav, .is-sticky .nav-shadow { margin: 0 auto; }
.is-sticky #topnav {left: auto; right: auto; background: none;}

.overlay {background: rgba(0, 0, 0, 0.8); width: 100%;
z-index: 99999999;
display: none;
height: 100%;
position: absolute;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}


.mobile-logo { display: none; width: 80px; height: 61px; position: relative;}

/* -- Menu Mobile Styles -- */
@media all and (max-width: 780px) {
    .header {
		padding-top: 0px !important;
	}
	.sub-header {
		margin-top: 0px !important;
	}
	.sticky-wrapper {
        background: #9C9898;
    }
    /* #header .top-content, .nav-shadow {
        display: none;
    }*/
    .page {
        margin: 0;
    }

    .is-sticky .nav-bar {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }

    #header .top-content {
        display: none;
    }

    .mobile-logo {
        display: inline-block;
        float: none;
    }

    .mobile-switch, .mobile-account {
        display: block;
    }

    .mobile-switch {
        float: right;
    }
	.mobile-account{
        float: left;
    }
	.mobile-switch img, .mobile-account img {
		width: 40px;
		margin-top: 11px;
	}

    .header-bar {
        display: none;
    }

    #topnav.mobile-menu {
        width: 350px;
        background: #FFFFFF;
		z-index: 2147483647;
		border-right: 2px solid #4A9DFE;
    }

    #topnav > ul > li a {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        transition: none;
    }

    #topnav > ul > li > a:hover,
    #topnav > ul > li:hover > a,
    #topnav > ul > li ul a:hover,
    #topnav > ul > li.current_page_item > a,
    #topnav > ul > li.current_page_parent > a {
        background: #BE1522;
    }
}
@media (max-width: 780px) {
	.header-top {
		display: none !important;
	}
	.mobile-header {
		display: block;
		box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	}
}

@media all and (max-width: 780px) {
	#logo {
		display: none !important;
	}
	.fadein {
		width: 100% !important;
		margin: 0 !important;
	}
}
@media all and (max-width: 500px) {
	.fadein img {
		width: 100% !important;
		height: auto !important;
	}
}
@media all and (max-width: 647px) {
	.results, .pick-game-game{
		margin-right: 0px !important;
	}
}
@media all and (max-width: 356px) {
	.results, .pick-game-game {
		width: 100% !important;
		height: auto !important;
	}
}
@media all and (max-width: 410px) {
	#topnav.mobile-menu {
		width: 200px !important;
	}
}
@media all and (max-width: 647px) {
    .pick-game-desktop {
        display: none !important;
    }

    .pick-game-game{
        margin-top: 10px;
    }
}
@media all and (min-width: 648px) {
    .pick-game-mobile {
        display: none !important;
    }
}

/* -- Footer Menu -- */
@media all and (min-width: 240px) and (max-width: 780px) {
	#footer a {
		width: 50% !important;
	}
}

/* --  Banners -- */
@media all and (min-width: 240px) and (max-width: 833px) {
	.banner-wrapper .banner-text {
		width: 100% !important;
		margin: 0 !important;
	}
	.banner-wrapper {
		text-align: center;
	}
	#logo .banner-wrapper {
		text-align: left;
	}
	.banner-wrapper img {
		float: none !important;
		margin-left: 0px !important;
	}
}
@media all and (min-width: 240px) and (max-width: 980px) {
	.gameImage, .gameOptionsName, .gameOptionsText, .gamebox .playnowbox-wrapper {
		width: 100% !important;
		float: left !important;
		margin: 0px !important;
		padding: 0px !important;
		margin-bottom: 15px !important;
		text-align: center !important;
	}
}

/* -- Payment Page -- */
@media all and (min-width: 651px) and (max-width: 711px) {
	.payments form, .payments fieldset {
		width: 500px !important;
		margin: 0 auto;
		padding: 0 !important;
	}
}
@media all and (min-width: 560px) and (max-width: 650px) {
	.payments form, .payments fieldset {
		width: 500px !important;
		margin: 0 auto;
		padding: 0 !important;
	}
}
@media all and (min-width: 500px) and (max-width: 559px) {
	.payments form, .payments fieldset {
		width: 446px !important;
		margin: 0 auto;
		padding: 0 !important;
	}
}
@media all and (min-width: 400px) and (max-width: 499px) {
	.payments form, .payments fieldset {
		width: 357px !important;
		margin: 0 auto;
		padding: 0 !important;
		border-right: 1px solid;
	}
}
@media all and (min-width: 300px) and (max-width: 399px) {
	.payments form, .payments fieldset {
		width: 267px !important;
		margin: 0 auto;
		padding: 0 !important;
		border-right: 1px solid;
	}
}
@media all and (min-width: 200px) and (max-width: 299px) {
	.payments form, .payments fieldset {
		width: 222px !important;
		margin: 0 auto;
		padding: 0 !important;
		border-right: 1px solid;
	}
}
@media all and (min-width: 200px) and (max-width: 499px) {
    .editor-field #SecurityCode {
        margin-left: 34px;
    }
}
@media all and (max-width: 248px) {
	#main {
		padding: 2% !important;
		width: 96% !important;
	}
}
/* -- Table Mobile -- */
@media all and (min-width: 400px) and (max-width: 499px) {
	.table, .how-it-works {
		display: block !important;
		width: 100% !important;
		float: left;
	}
	.how-it-works  .cell {
		display: block !important;
		height: 38px;
		float: left;
		width: 12%;
		padding: 4px !important;
	}
	body .how-it-works  .row {
		border-bottom: 1px solid #ddd;
		width: 100% !important;
		float: left;
		display: inline;
	}
	.how-it-works  .row .cell p {
		margin: 0 !important;
		font-size: 9px;
	}
	body .product-selector .infopanel.infovisible {
		display: block;
		border-top: 1px solid;
		border-bottom: 1px solid;
	}
	.row:first-child {
		border-top: 1px solid #ddd;
	}
	.payments .row .cell {
		text-align: center;
		width: 349px !important;
	}
	.payments h2, .payments p {
		text-align: center !important;
	}
	.display-field, .editor-field {
		padding-left: 0 !important;
		text-align: center;
	}
	.editor-field input {
		width: 180px !important;
	}
	.editor-label {
		width: 100% !important;
		padding-left: 0 !important;
		text-align: center;
	}

	.payments .buttonSubmit, input[type="submit"] {
		float: none !important;
	}
}
@media all and (min-width: 300px) and (max-width: 399px) {
	.table, .how-it-works  {
		display: block !important;
		width: 100% !important;
		float: left;
	}
	.how-it-works .cell {
		display: block !important;
		height: 38px;
		float: left;
		width: 11%;
	}
	body  .how-it-works .row {
		border-bottom: 1px solid #ddd;
		width: 100% !important;
		float: left;
		display: inline;
	}
	.how-it-works .row .cell p {
		margin: 0 !important;
		font-size: 8px;
	}
	body .product-selector .infopanel.infovisible {
		display: block;
		border-top: 1px solid;
		border-bottom: 1px solid;
	}
	.infopanel .cell {
		width: 259px !important;
	}
	.row:first-child {
		border-top: 1px solid #ddd;
	}
	.payments .row .cell {
		text-align: center;
	}
	.payments h2, .payments p {
		text-align: center !important;
	}
	.display-field, .editor-field {
		padding-left: 0 !important;
		text-align: center;
	}
	.editor-field input {
		width: 180px !important;
	}
	.editor-label {
		width: 100% !important;
		padding-left: 0 !important;
		text-align: center;
	}

	.payments .buttonSubmit, input[type="submit"] {
		float: none !important;
	}
}
@media all and (min-width: 240px) and (max-width: 299px) {
	.table, .how-it-works  {
		display: block !important;
		width: 100% !important;
		float: left;
	}
	.how-it-works .cell {
		display: block !important;
		height: 26px;
		float: left;
		width: 10%;
	}
	body .how-it-works .row {
		border-bottom: 1px solid #ddd;
		width: 100% !important;
		float: left;
		display: inline;
		padding: 0px !important;
	}
	.table .row .cell p {
		margin: 0 !important;
		font-size: 7px;
	}
}
@media all and (min-width: 240px) and (max-width: 500px) {
	body .infopanel img {
		margin-left: 10px;
        float: right;
        width: 40px;
	}
	.playnow-button img {
		width: 100%;
		height: auto;
	}

    .subtitle {
        padding-left: 56px;
    }
}
@media all and (min-width: 200px) and (max-width: 299px) {
	.table {
		display: block !important;
	}
	.cell {
		display: block !important;
		padding-left: 10px;
		padding-right: 10px;
	}
	body .row {
		border-bottom: 1px solid #ddd;
		padding-bottom: 10px;
		padding-top: 10px;
		width: 222px !important;
		display: block;
	}
	body .product-selector .infopanel.infovisible {
		display: block;
		border-top: 1px solid;
		border-bottom: 1px solid;
	}
	.infopanel .cell {
		width: 214px !important;
	}
	.row:first-child {
		border-top: 1px solid #ddd;
	}
	.payments .row .cell {
		text-align: center;
	}
	.payments h2, .payments p {
		text-align: center !important;
	}
	.display-field, .editor-field {
		padding-left: 0 !important;
		text-align: center;
	}
	.editor-field input {
		width: 180px !important;
	}
	.editor-label {
		width: 100% !important;
		padding-left: 0 !important;
		text-align: center;
	}

	.payments .buttonSubmit, input[type="submit"] {
		float: none !important;
	}
}

/* -- Top Advertisement -- */
@media all and (max-width: 980px) {
	.top-advertisement .resultswrap .euromillions .resultbox {
		width: 100%;
	}
}
@media all and (min-width: 240px) and (max-width: 938px) {
	.top-advertisement {
		height: auto !important;
	}
	.top-advertisement .resultswrap .euromillions .timebox {
		width: 100% !important;
		height: 87px;
	}
	.top-advertisement .resultswrap .euromillions .resultbox {
		margin-left: 0px !important;
		height: 87px;
		width: 100% !important;
	}
	.top-advertisement .resultswrap .euromillions .resulttitle {
		position: relative !important;
		width: 100% !important;
		left: 0 !important;
	}
	.top-advertisement .timetodrawbox h1 {
		line-height: 87px !important;
	}
}
@media all and (min-width: 366px) and (max-width: 476px) {
	body .top-advertisement .timetodrawbox h1 {
		font-size: 42px !important;
	}
}
@media all and (min-width: 240px) and (max-width: 365px) {
	body .top-advertisement .timetodrawbox h1 {
		font-size: 26px !important;
	}
}
/* -- Login Page -- */
@media all and (min-width: 530px) and (max-width: 744px) {
	.surroundbox {
		width: 500px !important;
		margin: 0 auto;
	}
	.hearttitle26 {
		margin-left: 107px !important;
	}
}
@media all and (min-width: 483px) and (max-width: 529px) {
	.surroundbox {
		width: 95% !important;
		margin: 0 auto;
		float: left;
	}
	.hearttitle26 {
		margin-left: 107px !important;
	}
}
@media all and (min-width: 240px) and (max-width: 482px) {
	.surroundbox {
		width: 95% !important;
		margin: 0 auto;
		float: left;
	}
	.hearttitle26 {
		margin-left: 90px !important;
	}
	.surroundbox p.clear {
		text-align: center;
	}
	.surroundbox p.clear input {
		margin: 0 !important;
	}
}
@media all and (min-width: 628px) and (max-width: 780px) {
	.fadein {
		margin-top: 60px !important;
		margin-bottom: 60px !important;
	}
}
@media all and (min-width: 477px) and (max-width: 627px) {
	.fadein {
		margin-top: 40px !important;
		margin-bottom: 40px !important;
		height: 166px !important;
	}
}
@media all and (min-width: 378px) and (max-width: 476px) {
	.fadein {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
		height: 213px !important;
	}
}
@media all and (min-width: 299px) and (max-width: 377px) {
	.fadein {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
		height: 170px !important;
	}
	body .fadein h1 {
		font-size: 28px !important;
	}
}
@media all and (min-width: 240px) and (max-width: 298px) {
	.fadein {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
		height: 170px !important;
	}
	body .fadein h1 {
		font-size: 23px !important;
	}
}
@media all and (min-width: 240px) and (max-width: 980px) {
	.pick-game-info .game-option, .pick-game-info .game-info, .pick-game-info .game-image {
		width: 100% !important;
		margin: 0px !important;
	}
	.pick-game-info .game-info {
		margin-top: 10px !important;
	}
	.pick-game-info, .pick-game-info .pickgame-title, .pick-game-info .game-option, .pick-game-info .game-info, .pick-game-info .playnowwrap {
		float: none !important;
	}
    .pick-game-info  .all-above-every-week {
        display: none;
    }
    .pick-game-info .game-option:nth-child(4n) .all-above-every-week {
        display: block;
        margin: 10px 0;
    }
}
@media all and (min-width: 691px) and (max-width: 980px) {
	.pick-game-info {
		width: 50% !important;
		margin: 0 auto;
	}
}
@media all and (min-width: 357px) and (max-width: 690px) {
	.pick-game-info {
		width: 320px !important;
		margin: 0 auto;
	}
}
@media all and (min-width: 240px) and (max-width: 356px) {
	.pick-game-info {
		width: 100% !important;
		margin: 0 auto;
	}
}

@media all and (min-width: 240px) and (max-width:340px) {
	.banner-wrapper .banner-text h1 {
		font-size: 2em;
	}
	.banner-wrapper img {
		width: 110px !important;
	}
}
@media all and (min-width: 240px) and (max-width: 980px) {
	.resultswrap h2, .playnowwrap h2 {
		text-align: center;
	}
}
@media all and (min-width: 357px) and (max-width: 980px) {
	.playnow {
		width: 320px !important;
		margin: 0 auto !important;
	}
	.playnow, .gameImage, .gameOptionsName, .gameOptionsText, body .gamebox .playnowbox-wrapper {
		float: none !important;
	}
}
@media all and (min-width: 240px) and (max-width: 356px) {
	.playnow {
		width: 100% !important;
		margin: 0 auto !important;
	}
	.playnow, .gameImage, .gameOptionsName, .gameOptionsText, body .gamebox .playnowbox-wrapper {
		float: none !important;
	}
}
@media all and (min-width: 240px) and (max-width: 650px) {
	.gameOptionsText br {
		display: none;
	}
}
@media all and (max-width: 980px) {
	.results, .pick-game-game {
		margin-bottom: 15px;
	}
	.pick-game-info {
		margin-top: 0 !important;
	}
	.playnow {
		padding-bottom: 1px !important;
		margin-bottom: 15px !important;
	}
}
/* -- Next Jackpot Banner -- */
@media all and (min-width: 724px) and (max-width: 911px) {
	header .top-next-draw .playnowbox-wrapper .playnowbox {
		width: 178px !important;
	}
    header .top-next-draw .timetodrawbox h1 {
        font-size: 58px !important;
        margin-top: -14px !important;
        margin-left: 12px;
	}
	.top-next-draw .resultswrap .euromillions .timebox {
		width: 300px !important;
	}
    .top-next-draw .resultswrap .euromillions .resulttitle {
        left: 345px !important;
        top: 256px !important;
	}
}
@media all and (min-width: 617px) and (max-width: 723px) {
	.top-next-draw .resultswrap .euromillions .resultbox img {
		width: 70px !important;
	}
	.top-next-draw {
		height: 70px !important;
	}
	header .top-next-draw .resultswrap .euromillions .playnowbox-wrapper {
		margin-top: 15px;
	}
	header .top-next-draw .playnowbox-wrapper .playnowbox {
		width: 93px !important;
		font-size: 14px !important;
		height: 29px !important;
	}
	.top-next-draw .resultswrap .euromillions .timebox {
		width: 313px !important;
	}
	header .top-next-draw .timetodrawbox h1 {
		font-size: 58px !important;
		margin-top: -27px !Important
	}
	.top-next-draw .timetodrawbox .pound {
		margin-top: 18px !important;
	}
	body header .top-next-draw .timetodrawbox h1.millions {
        font-size: 33px !important;
        margin-top: 5px !important;
	}
	.top-next-draw .resultswrap .euromillions .resulttitle {
		left: 326px !important;
		top: 252px !important;
	}
}
@media all and (min-width: 526px) and (max-width: 616px) {
	.top-next-draw .resultswrap .euromillions .resultbox img {
		width: 70px !important;
	}
	.top-next-draw {
		height: 70px !important;
	}
	header .top-next-draw .resultswrap .euromillions .playnowbox-wrapper {
		margin-top: 15px;
        margin-right: 10px;
	}
	header .top-next-draw .playnowbox-wrapper .playnowbox {
        width: 85px !important;
        font-size: 13px !important;
        height: 29px !important;
	}
	.top-next-draw .resultswrap .euromillions .timebox {
		width: 320px !important;
	}
	header .top-next-draw .timetodrawbox h1 {
		font-size: 58px !important;
		margin-top: -27px !Important
	}
	.top-next-draw .timetodrawbox .pound {
		margin-top: 18px !important;
	}
	body header .top-next-draw .timetodrawbox h1.millions {
        font-size: 33px !important;
        margin-top: 5px !important;
	}
	.top-next-draw .resultswrap .euromillions .resulttitle {
        left: 236px !important;
        top: 255px !important;
	}
	.top-next-draw .resultswrap .euromillions .resultbox {
		width: 75px !important;
		margin-left: 0px !important;
	}
}
@media all and (min-width: 477px) and (max-width: 525px) {
	.top-next-draw .resultswrap .euromillions .resultbox img {
		width: 70px !important;
	}
	.top-next-draw {
		height: 70px !important;
	}
	header .top-next-draw .resultswrap .euromillions .playnowbox-wrapper {
		margin-top: 15px;
	}
	header .top-next-draw .playnowbox-wrapper .playnowbox {
		width: 100px !important;
		font-size: 14px !important;
		height: 29px !important;
	}
	.top-next-draw .resultswrap .euromillions .timebox {
		width: 250px !important;
	}
	header .top-next-draw .timetodrawbox h1 {
		font-size: 48px !important;
		margin-top: -17px !Important
	}
	.top-next-draw .timetodrawbox .pound {
		margin-top: 14px !important;
		font-size: 30px !important;
		margin-right: 4px;
	}
	body header .top-next-draw .timetodrawbox h1.millions {
        font-size: 26px !important;
        margin-top: 14px !important;
        margin-left: 4px !important;
	}
	.top-next-draw .resultswrap .euromillions .resulttitle {
		left: 202px !important;
		top: 257px !important;
	}
	.top-next-draw .resultswrap .euromillions .resultbox {
		width: 75px !important;
		margin-left: 0px !important;
	}
}
@media all and (min-width: 437px) and (max-width: 476px) {
	.top-next-draw .resultswrap .euromillions .resultbox img {
		width: 70px !important;
	}
	.top-next-draw {
		height: 70px !important;
	}
	header .top-next-draw .resultswrap .euromillions .playnowbox-wrapper {
		margin-top: 15px;
        margin-right: 10px;
	}
	header .top-next-draw .playnowbox-wrapper .playnowbox {
		width: 100px !important;
		font-size: 14px !important;
		height: 29px !important;
	}
	.top-next-draw .resultswrap .euromillions .timebox {
		width: 220px !important;
	}
	header .top-next-draw .timetodrawbox h1 {
		font-size: 38px !important;
		margin-top: -8px !Important
	}
	body .top-next-draw .timetodrawbox .pound {
		margin-top: 19px !important;
		font-size: 30px !important;
		margin-right: 2px;
	}
	body header .top-next-draw .timetodrawbox h1.millions {
        font-size: 24px !important;
        margin-top: 11px !important;
        margin-left: 4px !important
	}
	.top-next-draw .resultswrap .euromillions .resulttitle {
        left: 179px !important;
        top: 261px !important;
	}
	.top-next-draw .resultswrap .euromillions .resultbox {
		width: 75px !important;
		margin-left: 0px !important;
	}
}
@media all and (min-width: 378px) and (max-width: 436px) {
	.top-next-draw .resultswrap .euromillions .resultbox img {
		width: 45px !important;
	}
	.top-next-draw {
		height: 45px !important;
	    margin-bottom: 20px;
	}
	header .top-next-draw .resultswrap .euromillions .playnowbox-wrapper {
		margin-top: 10px;
		margin-right: 5px;
	}
	header .top-next-draw .playnowbox-wrapper .playnowbox {
		/*width: 70px !important;*/
		font-size: 12px !important;
		height: 16px !important;
		line-height: 18px !important;
	}
	.top-next-draw .resultswrap .euromillions .timebox {
		width: 160px !important;
	}
	header .top-next-draw .timetodrawbox h1 {
		font-size: 28px !important;
		margin-top: -8px !Important
	}
	body .top-next-draw .timetodrawbox .pound {
		margin-top: 15px !important;
		font-size: 20px !important;
		margin-right: 2px;
	}
	body header .top-next-draw .timetodrawbox h1.millions {
        font-size: 18px !important;
        margin-top: 6px !important;
        margin-left: 4px !important;
	}
	.top-next-draw .resultswrap .euromillions .resulttitle {
		left: 153px !important;
		top: 257px !important;
		font-size: 12px !important;
	}
	.top-next-draw .resultswrap .euromillions .resultbox {
		width: 75px !important;
		margin-left: 0px !important;
	}
}
@media all and (min-width: 311px) and (max-width: 377px) {
	.top-next-draw .resultswrap .euromillions .resultbox img {
		width: 45px !important;
	}
	.top-next-draw {
		height: 45px !important;
		margin-top: 42px !important;
	}
	header .top-next-draw .resultswrap .euromillions .playnowbox-wrapper {
		margin-top: 10px;
		margin-right: 5px;
	}
	header .top-next-draw .playnowbox-wrapper .playnowbox {
        width: 80px !important;
        font-size: 11px !important;
        height: 22px !important;
        line-height: 12px !important;
	}
	.top-next-draw .resultswrap .euromillions .timebox {
		width: 150px !important;
	}
	header .top-next-draw .timetodrawbox h1 {
		font-size: 26px !important;
		margin-top: -5px !Important
	}
	body .top-next-draw .timetodrawbox .pound {
		margin-top: 17px !important;
		font-size: 18px !important;
		margin-right: 2px;
	}
	body header .top-next-draw .timetodrawbox h1.millions {
		font-size: 16px !important;
		margin-top: 9px !important;
		margin-left: 4px !important;
	}
	.top-next-draw .resultswrap .euromillions .resulttitle {
		left: 116px !important;
		top: 257px !important;
		font-size: 12px !important;
	}
	.top-next-draw .resultswrap .euromillions .resultbox {
		width: 50px !important;
		margin-left: 0px !important;
	}
}
@media all and (min-width: 275px) and (max-width: 310px) {
	.top-next-draw .resultswrap .euromillions .resultbox img {
		width: 40px !important;
	}
	.top-next-draw {
		height: 40px !important;
		margin-top: 32px !important;
	}
	header .top-next-draw .resultswrap .euromillions .playnowbox-wrapper {
		margin-top: 10px;
		margin-right: 5px;
	}
	header .top-next-draw .playnowbox-wrapper .playnowbox {
        width: auto !important;
        font-size: 10px !important;
        height: 16px !important;
        line-height: 13px !important;
        padding: 2px 6px !important;
        position: absolute;
        right: 0;
	}
	.top-next-draw .resultswrap .euromillions .timebox {
		width: 152px !important;
	}
	header .top-next-draw .timetodrawbox h1 {
		font-size: 24px !important;
		margin-top: -3px !Important
	}
	body .top-next-draw .timetodrawbox .pound {
		margin-top: 15px !important;
		font-size: 20px !important;
		margin-right: 2px;
	}
	body header .top-next-draw .timetodrawbox h1.millions {
		font-size: 17px !important;
		margin-top: 6px !important;
		margin-left: 4px !important;
	}
	.top-next-draw .resultswrap .euromillions .resulttitle {
		left: 111px !important;
		top: 246px !important;
		font-size: 12px !important;
	}
	.top-next-draw .resultswrap .euromillions .resultbox {
		width: 40px !important;
		margin-left: 0px !important;
	}
}
@media all and (min-width: 240px) and (max-width: 274px) {
	.top-next-draw .resultswrap .euromillions .resultbox img {
		width: 40px !important;
	}
	.top-next-draw {
		height: 40px !important;
		margin-top: 32px !important;
	}
	header .top-next-draw .resultswrap .euromillions .playnowbox-wrapper {
		margin-top: 7px;
		margin-right: 5px;
	}
	header .top-next-draw .playnowbox-wrapper .playnowbox {
        width: 61px !important;
        font-size: 9px !important;
        height: 16px !important;
        line-height: 8px !important;
	}
	.top-next-draw .resultswrap .euromillions .timebox {
		width: 106px !important;
	}
	header .top-next-draw .timetodrawbox h1 {
		font-size: 20px !important;
		margin-top: -5px !Important
	}
	body .top-next-draw .timetodrawbox .pound {
		margin-top: 15px !important;
		font-size: 12px !important;
		margin-right: 2px;
	}
	body header .top-next-draw .timetodrawbox h1.millions {
        font-size: 11px !important;
        margin-top: 7px !important;
        margin-left: 4px !important;
	}
	.top-next-draw .resultswrap .euromillions .resulttitle {
		left: 90px !important;
		top: 247px !important;
		font-size: 10px !important;
	}
	.top-next-draw .resultswrap .euromillions .resultbox {
		width: 40px !important;
		margin-left: 0px !important;
	}
}




/* -- Accounts Pages -- */
@media all and (min-width: 430px) and (max-width: 799px) {
	.surroundboxaccount #shortcut {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		float: left;
	}
	.surroundboxaccount #shortcut li:last-child {
		margin-right: 0px !important;
	}
	.surroundboxaccount #shortcut li {
		width: 22.8634%;
		margin: 0 2.5% 15px 0;
	}
}
@media all and (min-width: 315px) and (max-width: 429px) {
	.surroundboxaccount #shortcut {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		float: left;
	}
	.surroundboxaccount #shortcut li:nth-child(2n){
		margin-right: 0px !important;
	}
	.surroundboxaccount #shortcut li {
		width: 48.752%;
		margin: 0 2.5% 15px 0;
	}
}
@media all and (min-width: 240px) and (max-width: 314px) {
	.surroundboxaccount #shortcut {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		float: left;
	}
	.surroundboxaccount #shortcut li {
		width: 100%;
		margin: 0 !important;
	}
}
@media all and (max-width: 799px) {
	.hearttitle26 {
		margin-left: 0px !important;
		width: 100% !important;
		text-align: center;
		padding-left: 0px !important;
	}
	.surroundboxnews, .surroundboxaccount {
		width: 94% !important;
		padding: 15px 2.5% 10px !important;
		margin-right: 0px !important;
	}
	.surroundbox .row {
		border-bottom: 1px solid #ccc;
	}
}
@media all and (min-width: 240px) and (max-width: 356px) {
	.hearttitle26 img {
		width: 100%;
	}
}
@media all and (max-width: 370px) {
	.surroundbox .row, .surroundbox .cell {
		display: block;
	}
	.surroundbox {
		padding: 15px 2% 10px !important;
	}
}
@media all and (max-width: 745px) {
/* -- Your Wins -- */
.your-wins .row, .your-wins .cell {
	display: block
}
}
@media all and (max-width: 400px) {
	.playnowbox-wrapper {
		margin-bottom: 10px;
	}
}
/* -- Results page -- */
@media all and (max-width: 647px) {
    .resultsRow
    {
        display: block;
    }

    .resultsHeading
    {
        display: block;
        width: auto;
        background: #cae1ff;
    }

    .resultsCell
    {
        display: block;
        overflow: hidden;
        padding: 5px 10px;
    }

    .resultsTable .mobile-title
    {
        display: inline;
    }
}

/* -- Templates -- */
@media (max-width: 780px) {
    body.noHeaderBannerPage {
        padding-top: 50px;
    }
}