@media all and (min-width: 1260px) {
/* header */
#logo {
 left:15%;
}

/* reg pagina */
h1.signup {
 left: 15%;
}

#aanmeldenfb {
left: 15%;
margin-left: 490px;
}
#of {
left: 15%;
margin-left: 440px;
}
 nav {
right: auto;
left:15%;
margin-left: 460px;
}
.giftbox, .gift_2 {
    left: 15%;
  }
}
@media all and (min-width: 1445px) {
 /* header */
 #logo {
 left:18%;
}


/* reg pagina */
h1.signup {
 left: 18%;
}

#aanmeldenfb {
left: 18%;
}
#of {
left: 18%;
}
nav {
left:18%;
}
.giftbox, .gift_2 {
    left: 18%;
  }

/* go pagina */
#main_top {
background-size: 100%;
background-position: 0 -130px;
}
}
@media all and (min-width: 1600px) {
#main_top {
background-size: 100%;
background-position: 0 -220px;
}
}
@media all and (min-width: 1650px) {
   /* Header / nav */
 #logo {
 left:21%;
}

  /* reg pagina */
h1.signup {
 left: 21%;
}

#aanmeldenfb {
left: 21%;
}
#of {
left: 21%;
}
nav {
left:21%;
}
.giftbox, .gift_2 {
    left: 21%;
 }
}
 @media all and (min-width: 1800px) {
   /* Header / nav */
   #logo {
 left: 27%;
}

/* reg pagina */
h1.signup {
 left: 27%;
}

#aanmeldenfb {
left: 27%;
}
#of {
left: 27%;
}
nav {
left:30%;
}
.giftbox, .gift_2 {
    left: 27%;
  }
 
  /* Go pagina */
#main_top {
background-position: 0 -170px;
height: 630px;
}
}
 @media all and (min-width: 2000px) {
#main_top {
background-position: 0 -210px;
height: 630px;
}
}
@media all and (max-width: 1130px) {
  /* Header / nav */
  #logo {
 left:10%;
}

/* reg pagina */
h1.signup {
 left: 10%;
}

#aanmeldenfb {
left: 10%;
margin-left: 490px;
}
#of {
left: 10%;
margin-left: 440px;
}
#main_top {
background-size: 106%;
}
.giftbox, .gift_2 {
    left: 10%;
  }
}

@media all and (max-width: 1070px) {
 /* Header / nav */
 #logo {
 left:3%;
}
#main_top {
background-size: 114%;
height: 560px;
}

/* reg pagina */
h1.signup {
 left: 3%;
 width:94%
}

#aanmeldenfb {
left: 3%;
}
#of {
left: 3%;
}
.giftbox {
    left: 3%;
  }
}
 @media all and (max-width: 935px) {
	 /* Header / nav */
 body {
 overflow-y: visible;
}
#logo {
 left:2%;
}
nav {
width: 540px;
right: 3%;
}
.content {
 width:95%;
}
#content {
    width: 65%;
}
.login {
 margin-left:19px;
}
.aanmelden {
 margin-left:19px;
}
.vragen {
 margin-left:19px;
}


 /* Go-pagina */
 #main_top {
background-size: 120%;
height: 500px;
}
h1 {
 width: 100%;
 left: auto;
 margin-left: auto;
 top: 310px;
}
h2 {
 left: 20px;
}
#button {
 top: 450px;
}
.stap_wrapper {
width: 700px;
margin-left: -350px;
}
.buttons {
margin-left: -370px;
}
.more1, .more2, .more3, .more4, .more5, .werkwijze {
margin-left: -370px;
width: 740px;
}
#stap2 {
left: 285px;
}
#stap3 {
left: 610px;
}
#stap_lijn {
width: 600px;
}


/* reg pagina */
h1.signup {
 margin-left: 0;
 top: 92px;
 font-size: 42px;
}
h2.signup {
font-size: 26px;
position: relative;
margin-left: 15px;
margin-top: 25px;
top:auto;
}
#input {
top: 110px;
margin-bottom: 100px;
}
#input form {
margin-top: 15px;
}
#of {
left: 50%;
margin-left: -35px;
top: 0px;
position: relative;
}
#aanmeldenfb {
 width: 460px;
height: 210px;
left: 50%;
margin-left: -230px;
margin-bottom: 50px;
top: -20px;
position: relative;
}
#facebook {
margin-top: 10px;
margin-bottom: 10px;
}
 div.selector {
margin-top: 15px;
}
#email {
 margin-top: 9px;
}
#small {
 margin-top: 11px;
}
div.checker {
margin-top: 15px;
}
.giftbox {
    left: 50%;
    margin-left: -132px;
    top: -86px;
  }
  .gift_2 {
    left: 50%;
	margin-left: -244px;
	top: -26px;
}

/* Footer */
#footerSlideText a {
margin-left: 3px;
margin-right: 3px;
}
}
@media all and (max-width: 820px) {
	/* Header / nav */
 body {
 overflow-y: visible;
}
nav {
right: auto;
left: 40%;
}

 /* Go-pagina */
 #main_top {
background-size: 125%;
background-position: -50px -30px;
}
#main_aanbieders h3 {
font-size: 19px;
}
.stap_wrapper {
width: 600px;
margin-left: -300px;
}
#stap_lijn {
width: 500px;
}
#stap2 {
left: 235px;
}
#stap3 {
left: 510px;
}
.buttons {
margin-left: -340px;
}
.more1, .more2, .more3, .more4, .more5, .werkwijze {
margin-left: -340px;
width: 660px;
}
.werkwijze a {
    width: 39%;
}
.werkwijze p {
    width: 61%;
    left: 39%;
	top: -145px;
}
#main_aanbieders h3 {
font-size: 19px;
}
#join_binder a {
left: 450px;
}
#aanbieder_container {
width: 650px;
}
#aanbieder_9 {
	display:none;
}
#aanbieder_10 {
	display:none;
}
#join_binder h2 {
left: 50px;
}

/* reg pagina */
h1.signup {
font-size: 36px;
}

}
@media all and (max-width: 771px) {
	 /* Go-pagina */
	#main_top {
background-size: 140%;
background-position: -50px 0px;
}
h1 {
	font-size: 36px;
}

}
@media all and (max-width: 715px) {
	
	/* Header / nav */
header {
 height:70px;
}
.login {
margin-left: 0;
}
nav {
    left: 44%;
	width: 340px;
}
nav a {
font-size: 15px !important;
margin-left: 7px !important;
}
.content {
float: right;
width: 98%;
}
#content {
    width: 80%;
}
#login_nl, #login_nl_BE {
	width: 63px;
}
#login_fr, #login_fr_BE {
	width: 75px;
	margin-left: 0px !important;
}
#login_de {
	width: 70px;
	
}
#aanmelden_nl, #aanmelden_nl_BE {
	width: 81px;
}
#aanmelden_fr, #aanmelden_fr_BE {
	width: 69px;
}
#aanmelden_de {
	width: 71px;
}
#vragen_nl, #vragen_nl_BE {
	width: 60px;
}
#vragen_fr, #vragen_fr_BE {
	width: 69px;
	margin-left: 0px !important;
}
#vragen_de{
	width: 60px;
}
.country {
    width: 78px;
}
.giftbox {
    top: -72px;
  }
 /* Go-pagina */
#main_top {
height: 480px;
background-size: 143%;
}

 h1 {
 font-size: 32px;
top: 320px;
}
#main_uitleg h2 {
 font-size: 25px;
 top: 40px;
}
.stap_wrapper {
margin-left: -255px;
}
#stap_lijn {
width: 400px;
}
#stap2 {
left: 205px;
}
#stap3 {
left: 430px;
}
#main_aanbieders h3 {
font-size: 16px;
}
#main_aanbieders {
	height: 310px;
}
#aanbieder_container {
width: 480px;
height: 200px;
}
.flip {
width: 100px;
height: 65px;
}
.aanbieder:hover .flip {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
}
.flip div {
width: 100px;
height: 65px;
line-height: 65px;
}
.flip img {
max-width: 80px;
max-height: 55px;
}
#main_werkwijze h2 {
 font-size: 25px;
 top: 20px;
 width: 95%;
left: 0px;
margin-left: auto;
padding-right: 3%;
padding-left: 2%;
}
#main_vragen h2 {
 font-size: 25px;
 top: 40px;
}
.buttons {
margin-left: -280px;
top: 60px;
}
.buttons h3 {
font-size: 15px;
}
.more1, .more2, .more3, .more4, .more5, .werkwijze {
margin-left: -280px;
width: 540px;
}
.werkwijze a {
    width: 49%;
}
.werkwijze p {
    width: 51%;
    left: 49%;
    top: -165px;
}
.werkwijze {
    top: 40px;
    margin-bottom: 0px;
	height: 270px;
}
#main_join_bottom {
height: 78px;
}
#join_binder h2 {
left: 60px;
font-size: 26px;
}
#join_binder {
width: 680px;
margin-left: -340px;
}
#join_binder a {
width: 250px;
left: 385px;
}
#join_binder a:hover {
width: 251px;
}
#main_vragen {
padding-bottom: 140px;
}

/* reg pagina */
#form-errors, .validation-error {
 width: 81%;
}
h1.signup {
font-size: 30px;
top: 96px;
}
h2.signup {
font-size: 22px;
margin-left: 5px;
margin-top: 15px;
}
#input {
left: 50%;
margin-left: -230px;
top: 121px;
padding-bottom: 155px;
margin-bottom: 190px;
width: 450px;
}
#span_of {
    top: 135px;
}
#input form {
margin-top:7px;
margin-left: 25px;
}
#firstName {
padding: 6px 12px;
}
#email {
margin-top: 3px;
padding: 6px 12px;
}
#password {
padding: 6px 12px;
margin-top: 11px;
}
div.selector {
margin-top: 9px;
height: 31px;
background-position: 362px 0px;
}
div.selector select {
height: 27px;
}
#uniform-gender.invalid span {
padding-top: 2px;
}
div.checker {
margin-top: 12px;
}
#small {
margin-top: 9px;
line-height: 17px;
font-size: 14px;
}
#submit {
 margin-top: 10px;
}
#of {
left: 50%;
margin-left: -35px;
height: 45px;
width: 57px;
font-size: 26px;
padding-top: 13px;
padding-right: 1px;
}
#aanmeldenfb {
width: 450px;
height: 170px;
top: -10px;
left: 50%;
margin-left: -230px;
}
.check {
    margin-left: 24px;
}
#facebook {
top: 140px;
margin-left: 26px;
}


/* Footer */
#footerSlideText {
padding-top: 7px;
}
#footerSlideText a {
margin-left: 3px;
margin-right: 3px;
}
#footerSlideText span {
 display:block;
}
}
 @media all and (max-width: 615px) {
	 
	 /* Header / nav */
 .mobile {
 display:block !important;
}
 .normal {
 display:none;
}
 #logo {
 background-repeat:no-repeat;
 margin-left:-50px;
width: 100px;
height: 46px;
background-size: 100px auto;
position: absolute;
top: 10px;
left: 50%;
z-index:1001;
}
#logo img {
    width: 100px;
}
header {
 height:55px;
}
nav {
 height:55px;
 width: 100%;
right: auto;
}
.country {
 width: 105px;
 font-size: 15px;
 margin-top: 0px;
 height:42px;
 z-index:1;
}
.login {
margin-top: 3px;
height: 38px;
right: 15px;
position: absolute;
margin-left: 0px;
}
#login_nl, #login_nl_BE {
	width: 65px;
}
#login_fr, #login_fr_BE {
	width: 77px;
}
#login_de {
	width: 72px;
}
.content {
width: 100%;
height: 46px;
float: none;
padding-top: 9px;
}
nav ul li {
position: absolute;
right: 5px;
}
li.dropdown {
left: -10px;
top: 12px;
cursor:pointer;
width: 100px;
}
nav li li {
position: relative;
margin: 0;
display: block;
width: 224px;
height: 40px;
background-color: #FFF;
z-index: 1000;
}
nav li li a {
padding-left: 58px;
}
 ul.sub-menu {
left: 5px;
}
.country img {
 vertical-align: middle;
 padding-top: 5px;
}
.change {
 display: block;
color: #030479;
font-size: 14px;
font-weight: bold;
padding-left: 32px;
padding-top: 5px;
}
.aanmelden {
padding-left: 28px;
height: auto;
width: auto;
line-height: 40px;
}
.vragen {
padding-left: 28px;
height: auto;
width: auto;
line-height: 40px;
}


 /* Go-pagina */
#main_top {
margin-top: 55px;
height: 400px;
}
h1 {
font-size:24px;
top: 210px;
position:relative;
}
h1.signup {
    font-size: 24px;
    top: 96px;
    left: 5%;
    width: 90%;
}
#button {
	position: relative;
top: 240px;
}
h2 {
 margin-left: auto;
top: 58%;
font-size:20px;
}
#main_uitleg {
height: 220px;
}
#main_uitleg h2 {
font-size: 23px;
top: 28px;
}
.stap_wrapper {
top: 40px;
width: 100%;
margin-left:auto;
left: auto;
}
#stap_lijn {
top: 44px;
width: 75%;
left: 15%;
}
.stappen {
width: 80px;
height: 45px;
}
.arrow_left {
top: 5px;
height: 36px;
width: 36px;
left: -20px;
}
.arrow_right {
    height: 33px;
    width: 32px;
    left: 60px;
    top: -30px;
}
.stap_nummer {
    top: -63px;
	left: 10px;
}
#stap3 .stap_nummer {
top: 9px;
}
#stap1 {
left: 6%;
}
#stap2 {
left: 42%;
}
#stap3 {
top: -388px;
left: 80%;
}
#stap3 .stappen {
width: 60px;
height: 60px;
}
.stap_holder {
width: 115px;
}
h3 {
left: -10px;
font-size: 14px;
}
.stap_wrapper span {
left: -10px;
font-size: 14px;
}
#stap3 span {
left: -28px;
top: 18px;
}
#stap3 h3 {
left: -28px;
top: 8px;
}
#main_aanbieders h3 {
padding: 25px;
padding-left: 10px;
padding-right: 10px;
}
#main_werkwijze h2 {
font-size: 23px;
top: 28px;
}
#main_vragen {
padding-bottom: 100px;
}
#main_vragen h2 {
font-size: 23px;
top: 28px;
width: 95%;
left: 0;
margin-left: auto;
padding-right: 3%;
padding-left: 2%;
}
.buttons {
margin-left: 0px;
left: 5%;
top: 40px;
width: 100%;
}
.buttons h3 {
    margin-left: 40px;
    padding-top: 4px;
    float: none;
    display: block;
    padding-right: 30px;
}
.more1, .more2, .more3, .more4, .more5, .werkwijze {
margin-left: 0;
width: 91%;
top: 40px;
margin-bottom: 40px;
left: 4%;
}
.werkwijze a {
    width: 35%;
}
.werkwijze div {
    background-size: 80% auto !important;
    background-repeat: no-repeat !important;
    height: 122px;
    width: 182px;
    background-position: left top !important;
}
.werkwijze div:hover {
    background-position: left bottom;
}
.werkwijze p {
    width: 65%;
    left: 35%;
    top: -130px;
}
.werkwijze {
    height: 230px;
}
#main_join_bottom {
height: 74px;
}
#join_binder {
width: 100%;
margin-left: 0;
left: 0;
}
#join_binder h2 {
left: 5%;
font-size: 22px;
}
#join_binder a {
    left: auto;
width: 210px;
right: 2%;
margin-left: 0px;
height: 36px;
font-size: 20px;
position: absolute;
top: 13px;
}
#join_binder a:hover {
	left: auto;
width: 211px;
height: 35px;
margin-right: -1px;
}

/* Footer */
#footerSlideText a {
margin-left: 2px;
margin-right: 2px;
}
}
@media all and (max-width: 495px) {
 /* Go-pagina */	
#main_top {
margin-top: 55px;
height: 300px;
box-shadow: 0px -100px 100px rgba(0, 0, 0, 0.6) inset;
}
 h1 {
top: 140px;
font-size: 21px;
}
h1:first-child span {
margin:0;
}
#button {
width: 220px;
height: 35px;
font-size: 20px;
position: relative;
top: 155px;
margin-left: -110px;
padding-top: 10px;
}
#button:hover {
width: 221px;
height: 34px;
margin-right: -1px;
padding-top: 11px;
}
#main_uitleg {
height:auto;
}
#main_uitleg h2, #main_werkwijze h2 {
font-size: 21px;
width: 95%;
left: 0;
margin-left: auto;
padding-right:3%;
padding-left:2%;
top: 20px;
}
#stap1 {
left: 5%;
}
#stap2 {
left: 40%;
}
#stap3 {
left: 77%;
}
#stap_lijn {
left: 14%;
}
.stappen {
width: 60px;
}
.arrow_right {
    left: 40px;
	height: 34px;
}
h3 {
left: -18px;
}
.stap_wrapper span {
left: -18px;
font-size: 11px;
}
.stap_wrapper {
height: 190px;
}
#main_aanbieders {
height: 360px;
}
#aanbieder_container {
width: 360px;
height: 200px;
margin: 10px auto;
}
#aanbieder_10 {
display: block;
}
#main_werkwijze {
    padding-bottom: 50px;
}
#main_vragen {
padding-bottom: 90px;
}
#main_vragen h2 {
font-size: 21px;
width: 100%;
left: 0;
margin-left: auto;
padding-right: 5px;
padding-left: 5px;
top: 20px;
}
.buttons {
top: 30px;
width: 100%;
}
.buttons span {
width: 20px;
height: 20px;
line-height: 20px;
font-size: 14px;
}
.buttons h3 {
font-size: 14px;
padding-top: 2px;
}
.more1, .more2, .more3, .more4, .more5, .werkwijze {
top: 22px;
font-size:12px;
}
.werkwijze {
    height: 110px;
	margin-bottom: 10px;
	width: 90%;
}
.werkwijze a {
    width: 31%;
}
.werkwijze div {
    background-size: 86% auto !important;
    width: 135px;
    height: 97px;
}
.werkwijze p {
    width: 67%;
    left: 37%;
    top: -90px;
}
#main_join_bottom {
    height: 107px;
}
#join_binder h2 {
font-size: 20px;
left: 0px;
	top: 15px;
}
#join_binder {
    text-align: center;
}
#join_binder a {
width: 180px;
right: 0px;
margin-left: -90px;
top: 50px;
left: 50%;
font-size: 18px;
position: absolute;
    padding-top: 8px;
	height: 30px;
}
#join_binder a:hover {
width: 181px;
height: 30px;
padding-top: 9px;
	left: 50%;
}

 /* reg pagina */
h1.signup {
font-size: 18px;
top: 80px;
}
h1.signup span {
    padding-right: 0px;
}
h2.signup {
font-size: 16px;
margin-left: 5px;
margin-top: 15px;
width: 80%;
}
#input {
left: auto;
margin-left: 0;
width:100%;
top: 100px;
}
#span_of {
    left: -45%;
}
#firstName {
width: 85%;
}
#email {
width: 85%;
}
#password {
width: 85%;
}
div.selector {
width: 88% !important;
margin-top: 9px;
height: 31px;
background-position: 100% -2px;
}
div.selector:hover {
background-position: 100% -36px;
}
div.selector.hover.active, div.selector.focus.active, div.selector.focus {
background-position: 100% -36px;
}

#uniform-gender.invalid {
background-position: 100% -70px;
}
#small {
width: 85%;
}
#submit {
 width: 92%;
 height: 40px;
 font-size: 22px;
}
#submit:hover {
padding-top: 2px;
height: 41px;
width: 92%;
}
#aanmeldenfb {
left: auto;
margin-left: 0;
width:100%;
height: 160px;
}
#facebook {
 width: 85%;
height: 50px;
background-size: 100% !important;
background-repeat: no-repeat !important;
background-position: top !important;
}
#facebook:hover { 
 background-size: 100%!important;
 background-position: top!important;
}
.gift_2 {
    width: 316px;
    height: 221px;
    margin-left: -158px;
    background-image: url("http://img.euroclix.nl/giftbox/resp.jpg");
    background-repeat: no-repeat;
}

/* footer */
footer {
height: 50px;
}
#footerSlideContent {
height: 50px;
}
#footerSlideText a {
margin-left: 5px;
margin-right: 5px;
}
}

@media all and (max-width: 380px) {
	#main_top {
    height: 235px;
	background-position: -60px 0;
}
h1 {
 top: 100px;
font-size: 19px;
}
#button {
    width: 200px;
    height: 34px;
    font-size: 20px;
    position: relative;
    top: 112px;
    margin-left: -100px;
}

#button:hover {
    width: 201px;
height: 34px;
margin-right: -1px;
padding-top: 9px;
}
#main_uitleg h2 {
    font-size: 20px;
}
.stap_wrapper {
    top: 25px;
	height: 100px;
}
.stap_holder span {
	display:none;
}
#main_aanbieders {
    height: 370px;
}
#aanbieder_container {
    width: 240px;
}
#main_aanbieders h3 {
    padding: 15px;
}
#aanbieder_7 {
    display: none;
}
#aanbieder_8 {
    display: none;
}
#aanbieder_9 {
    display: none;
}
#aanbieder_10 {
    display: none;
}
.buttons h3 {
    font-size: 12px;
    margin-left: 30px;
}
.buttons {
    left: 3%;
}
.more1, .more2, .more3, .more4, .more5, .werkwijze {
    left: 3%;
}
.werkwijze a {
    display: none;
}
.werkwijze p {
    width: 100%;
    left: 0%;
    top: 0;
}
#join_binder a {
    right: 0px;
    margin-left: -90px;
    top: 50px;
    left: 50%;
}
#join_binder a:hover {
    right: 0px;
    margin-left: -90px;
    top: 50px;
    left: 50%;
}


/* reg pagina */
h2 {
 top: 55%;
 font-size: 18px;
}
.login {
 right: 5px;
}
#small {
 width: 85%;
 padding-left: 10px;
 font-size: 12px;
 line-height: 14px;
}
h1.signup {
font-size: 16px;
left: 8%;
width: 84%;
}
.giftbox {
    margin-left: -157px;
}

/* Footer */
footer {
    height: 55px;
}
#footerSlideText a {
    margin-left: 3px;
    margin-right: 3px;
}

}
@media all and (max-width: 360px) {
h1.signup {
 font-size: 15px;
}
#facebook{
    height: 38px;
}
}
 @media all and (orientation : landscape) and (max-height: 700px) {
	  body {
 overflow-y: visible;
}
}

 @media all and (orientation : landscape) and (max-height: 500px) {
h2 {
line-height: 26px;
top: 64%;
}
}