.top-img {
	display: none;
}

@media(max-width:1439px) {

.ben-2-section-2-bg {
	background-image:url('../img/ben2/ben2_section2.png');
	background-size: 40%;
	background-repeat: no-repeat;
	background-position: center right;
}
.ben-2-section-3-bg {
	background-image:url('../img/ben2/ben2_section3.png');
	background-size: 40%;
	background-repeat: no-repeat;
	background-position: center right;
}
.ben-2-section-4-bg {
	background-image:url('../img/ben2/ben2_section4.png');
	background-size: 40%;
	background-repeat: no-repeat;
	background-position: center right;
}
}
@media(max-width:1280px) {
	.ben-2-section-4-bg {
		background-image:url('../img/ben2/ben2_section4.png');
		background-size: 55%;
		background-repeat: no-repeat;
		background-position: center right;
	}
}
@media(max-width: 1154px) {
	.main-menu:first-of-type, .main-menu:last-of-type {
		padding-top: 30px;
	}
	
	.lightbulb h1 {
		font-size: 45px;
		line-height: 43px;
	}
	
.ben-2-section-4-bg {
	background-image:url('../img/ben2/ben2_section4.png');
	background-size: 61%;
	background-repeat: no-repeat;
	background-position: center right;
}
}

@media(max-width: 1100px) {
	#section-1 h1 {
		font-size: 90px;
		line-height: 90px;
	}
}

@media(max-width: 1000px) {
	#section-1 h1 {
		font-size: 70px;
		line-height: 70px;
	}
	
	#section-1 p {
		padding-left: 110px;
	}
}
/*
	iPad Landscape
*/
@media(max-width: 1025px) {

.ben-2-section-2-bg {
	background-image:url('../img/ben2/ben2_section2.png');
	background-size: 40%;
	background-repeat: no-repeat;
	background-position: center right;
}

.section-1-ben3-bg .toggle-container {
	background: #fff;
	margin-left: -25px !important;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
}


.arrow1 {
	position: absolute;
	width: 100px;
	height: auto;
	right: 15px;
	bottom: 150px;
}

}

@media(max-width: 975px) {
	.valkommen h1 {
		font-size: 50px;
		line-height: 50px;
	}
}

@media(max-width: 965px) {
	#qhr {
	    padding-left: 50px;
	    padding-right: 0px;
	}
}

@media(max-width: 900px) {
	.lightbulb h1 {
	    font-size: 35px;
	    line-height: 33px;
	}
}

@media(max-width: 890px) {
	#qhr {
	    padding-left: 90px;
	    padding-right: 0px;
	}
}

@media(max-width: 810px) {
	#section-1 {
		padding-left: 15px;
	}
	
	#section-1 p {
		padding-left: 60px;
	}
}

@media(max-width: 800px) {
	.valkommen .col-sm-7 {
		width: 100%;
	}
	
	#start {
		background-size: 540px;
	}
}

@media(max-width: 780px) {
	#header .menu {
		padding-left: 0px;
	}
}

/*
	iPad Portrait
*/
@media(max-width: 768px) {
  hr {
    display: none;
  }
  
  .ben-2-section-2-bg {
	  background-image: none;
	  background-size: cover;
	  background-position: center;
  }
  
	.ben-2-section-2-bg .section2-inner {
		 padding-bottom: 20px;
	}
  
	#section-3 .fp-tableCell .centercontent {
		margin-top: 0px !important;
	}
	
	.quotename, .quotetitle {
		display: none;
	}
	
	#header {
		display: none;
	}
	
	#section-vinjett {
		padding-top: 0px !important;
	}
	
	#section-vinjett-start {
		padding-top: 0px !important;
	}
	
	#section-1 {
		padding-left: 0px;
	}
	
	#section-1 h1, #section-2 h1, #section-3 h1, #section-4 h1 {
		font-size: 40px !important;
		line-height: 40px !important;
	}
	
	.kollega h3 {
		font-size: 28px;
	}
	
	.kollega {
		display: none;
	}
	
	#section-4 .slide {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
  
	.fp-slidesNav ul {
		display: none !important;
	}
	
	.fp-controlArrow.fp-prev,.fp-controlArrow.fp-next {
		top: 60px;
	}
	
	.fp-controlArrow.fp-prev {
		margin-left: 23px;
	}
	
	.fp-controlArrow.fp-next {
		margin-right: 23px;
	}


	#v-center1, #v-center2, #v-center3, #v-center4, #v-center5, #v-center7, #v-center8, #v-center9, #v-center10, #v-center11, #v-center12, #v-center13 {
		background-color:rgba(000, 000, 000, 0.7);
		padding: 5px;
		padding-bottom: 25px;
		width: 90%;
		margin: 0 auto;
	}
  
  
}

@media(min-width: 768px) {
	.showmobile {
		display: none;
	}
	.mobilevideo {
		display: none;
	}
	
}

@media(max-width: 767px) {
	
	.modaldiv {
		height: 96% !important;
		width: 96%;
	}
	
	#newsection1-ben-3 {
		padding-top: 20px;
		padding-bottom: 30px;
	}
	
	#slide9 .video-slide video {
		display: none;
	}
		
	.top-img {
		display: block;
		width: 100%;
		margin-top: 15px;
	}
	
	.test {
		display: none;
	}
	
	
	.test2 {
		display: none;
	}
	
	#section-vinjett {
		padding-top: 50px;
	}
	
	#section-vinjett-start {
		padding-top: 50px;
	}
	
	#start {
		background-image: none;
		height: auto !important;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	#start .fp-tableCell {
		display: block;
		height: auto !important;
	}
	
	.section-vdfilm .fp-tableCell {
		display: block;
		height: auto;
	}
	
	#section-vinjett #myVideo3 {
		object-fit: contain;
		position: relative;
	}
	
	#section-vinjett-start #myVideo3 {
		object-fit: contain;
		position: relative;
	}
	
	#myVideo5 {
		position: relative;
	}
	
	.section-vdfilm {
		padding-top: 0px !important;
	}
	
	.section-huvudmeny {
		padding-top: 0px !important;
	}
	
	.section-huvudmeny .fp-tableCell {
		display: block;
	}
	
	.fp-responsive #myVideo {
		height: auto;
		position: relative;
	}
	
	#header .menu {
		display: none;
	}
	
	#section-vinjett,
	#section-vinjett .fp-tableCell,
	#section-1,
	#section-1 .fp-tableCell,
	#section-3,
	#section-3 .fp-tableCell,
	#section-4,
	#section-4 .fp-slides,
	#section-4 .fp-slide,
	#section-4 .fp-slides .fp-slidesContainer,
	#section-4 .fp-slides .fp-slidesContainer .fp-slide .fp-tableCell,
	#section-5,
	#section-5 .fp-slides,
	#section-5 .fp-slide,
	#section-5 .fp-slides .fp-slidesContainer,
	#section-5 .fp-slides .fp-slidesContainer .fp-slide .fp-tableCell,
	#section-vinjett-ben-2, 
	#section-vinjett-ben-2 .fp-tableCell,  
	#section-2-ben-2, 
	#section-2-ben-2 .fp-tableCell, 
	#section-3-ben-2, 
	#section-3-ben-2 .fp-tableCell, 
	#section-4-ben-2, 
	#section-4-ben-2 .fp-tableCell, 
	#section-5-ben-2, 
	#section-5-ben-2 .fp-slides, 
	#section-5-ben-2 .fp-slide, 
	#section-5-ben-2 .fp-slides .fp-slidesContainer, 
	#section-5-ben-2 .fp-slides .fp-slidesContainer .fp-slide .fp-tableCell,
	#section-vinjett-ben-4,
	#section-vinjett-ben-4 .fp-tableCell, 
	#section-1-ben-4, 
	#section-1-ben-4 .fp-tableCell,
	#section-2-ben-4,
	#section-2-ben-4 .fp-tableCell, 
	#section-3-ben-4,
	#section-3-ben-4 .fp-tableCell, 
	#section-4-ben-4,
	#section-4-ben-4 .fp-tableCell, 
	#section-5-ben-4,
	#section-5-ben-4 .fp-tableCell,
	#section-vinjett-ben-3,
	#section-vinjett-ben-3 .fp-tableCell,
	#section-1-ben-3,
	#section-1-ben-3 .fp-tableCell,
	#section-2-ben-3,
	#section-2-ben-3 .fp-tableCell,
	#section-3-ben-3,
	#section-3-ben-3 .fp-tableCell,
	#section-4-ben-3,
	#section-4-ben-3 .fp-tableCell,
	#section-5-ben-3,
	#section-5-ben-3 .fp-tableCell,
	#section-6-ben-3,
	#section-6-ben-3 .fp-tableCell,
	#newsection1-ben-3,
	#newsection1-ben-3 .fp-tableCell {
	    height: auto !important;
	}
	
	#section-5-ben-3 .toggles {
		padding-top: 0px;
	}
	
	.quotefont h3 {
	    font-size: 25px;
	}
	
	.ben-4-section-4-bg, .ben-3-section-5-bg, .ben-3-section-6-bg, .newsection1-section-6-bg {
		background-image: none;
	}
	
	#section-6-ben-3 .play-button, #section-6-ben-3 .play-button-text {
		display: none;
	}
	
	#newsection1-ben-3 .play-button, #newsection1-ben-3 .play-button-text {
		display: none;
	}
	
	#section-3-ben-3 .fp-slides {
		display: none;
	}
	
	#section-3-ben-3, #section-5-ben-3 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#section-3-ben-3 .divider {
		margin-top: 0px;
	}
	.toggles-ben3-sektion-3 {
		padding-top: 0px;
	}
	
	.toggles-ben3-sektion-3 .thetoggle h5 {
		margin-bottom: 10px;
	}
	
	.toggles-ben3-sektion-3 .thetoggle .toggleround {
		margin-top: -5px;
	}
	
	#section-1-ben-3 .fp-slides {
		display: none;
	}
	
	#section-1-ben-3 .toggles-ben3-slide1 {
		padding-top: 0px;
		margin-bottom: 60px;
	}
	
	#section-1-ben-3 .vadbox-mobile {
	    border: 1px solid red;
	    text-align: center;
	    padding: 30px 20px;
	    margin-bottom: 10px;
	}
	
	#section-1-ben-3 .vadbox-mobile h3 {
	    font-size: 22px;
	    margin-top: 0px;
	    margin-bottom: 0px;
	}
	
	#section-1-ben-3 .vadbox-mobile h2 {
	    font-size: 18px;
	    margin-top: 30px;
	    margin-bottom: 0px;
	}
		
	#section-1-ben-3 .toggles-ben3-slide1 .thetoggle .toggleround {
		margin-top: -5px;
	}
	
	#section-1-ben-3 .varbox {
		margin-bottom: 10px;
		height: auto;
		padding: 40px 50px;
	}
	
	#section-1-ben-3 .varbox h3 {
		margin-bottom: 0px;
	}
	
	#section-1-ben-3 .varbox .number {
		position: absolute;
		top: 7px;
		left: 7px;
	}
	
	#section-1-ben-3 .varbox .varicon {
		margin-top: 0px;
		margin-left: 0px;
	}
	
	#section-1-ben-3 .varbox .varbox-active {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	#section-1-ben-3 {
		padding-bottom: 40px;
	}
	
	#section-1-ben-3 .varbox:nth-of-type(1), #section-1-ben-3 .varbox:nth-of-type(2), #section-1-ben-3 .varbox:nth-of-type(4) {
		border: 1px solid #f05a5c;
	}
	
	
	
	
	#section-1-ben-4, #section-3-ben-4, #section-4-ben-4, #section-5-ben-4 {
		padding-bottom: 40px;
	}
	
	#section-1-ben-4, .ben-4-section-2-bg, .ben-4-section-5-bg {
		background: none;
	}
	
	#section-5-ben-4 .play-button, #section-5-ben-4 .play-button-text {
		display: none;
	}
	
	#section-5-ben-4 .movie-mobile {
		margin-top: 30px;
		margin-bottom: 40px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#section-3-ben-4 .toggle-container .thetoggle .toggleround {
		top: 4px;
	}
	
	#section-3-ben-4 .toggle-container .toggleopen-text {
		padding-bottom: 1px;
	}
	
	.ben-4-section-3-bg, .ben-4-section-1-bg {
		background-image: none;
	}
	
	.section-1-ben3-bg .toggle-container {
		margin-left: 0px;
	}
	
	#section-4 #myVideo2 {
		height: auto;
		position: relative;
	}
	
	#header {
		background: #F0F0F0;
		padding-top: 11px;
		height: 50px;
	}
	
	#header .logowhite {
		display: none !important;
	}
	
	#header .logocolor {
		display: block !important;
	}
	
	#alskainternet {
		margin-top: 0px !important;
		padding-top: 40px;
	}
	
	#section-1 p {
		padding-left: 0px;
	}
	
	.section-1-bg {
		background-image: none;
	}
	
	.section-1-bg .ledstjarna {
		padding-top: 0px;
		padding-bottom: 70px;
	}
	
	#section-3 {
		padding-top: 64px;
		padding-bottom: 53px;
		background-image: none;
	}
	
	#section-3 h1 {
		padding-top: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.thetoggle .toggleround {
		padding-top: 0px;
	}
	
	#section-3 .fp-tableCell {
		padding-top: 0px;
	}
	
	#section-4 {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#section-4 .fp-tableCell .col-sm-offset-1 {
		padding-left: 25px;
		padding-right: 25px;
	}
	
	#section-4 p {
		padding-right: 0px;
		padding-left: 6px;
	}
	
	#daniella {
		background-image: none;
	}
	
	.kollega {
		padding-right: 25px;
		padding-left: 25px;
	}
	
	.kollega h3 {
		padding-top: 0px;
	}
	
	#section-4 .play-button {
		margin-left: 6px;
	}
	
	#kollegafilm {
		height: auto !important;
	}
	
	#kollegafilm .layer {
		top: 35%;
	}
	
	.lightbulb hr, #qhr, .lightbulb {
		display: none;
	}
	
	.showmobile {
		display: block;
		text-align: center;
		padding-top: 80px;
	}
	
	.line1 {
		padding-top: 0px;
	}
	
	#section-1-ben-2 .slide {
		background: #fff;
	}
	
	#section-1-ben-2 .slide:first-of-type {
		background: transparent;
	}
	
	#section-2-ben-2 .thetoggle .toggleround {
		margin-top: -5px;
	}
	
	#section-2-ben-2 {
		padding-bottom: 40px;
	}
	
	.ben-2-section-3-bg {
		background: none;
	}
	
	.ben-2-section-4-bg {
		background: none;
	}
	
	#section-4-ben-2 .play-button, #section-4-ben-2 .play-button-text {
		display: none;
	}
	
	#section-5-ben-2 #slideQ4 {
		padding-top: 111px !important;
	}
	
	#fullpage-start, #fullpage-start #section-vinjett {
		position: relative;
		height: 100%;
	}
	
	#fullpage-start, #fullpage-start #section-vinjett-start {
		position: relative;
		height: 100%;
	}
	
	#fullpage-start #section-vinjett #myVideo3 {
		object-position: 80% 11%;
		object-fit: cover;
		background-color: #fff;
	}
	
	#fullpage-start #section-vinjett-start #myVideo3 {
		object-position: 80% 11%;
		object-fit: cover;
		background-color: #fff;
	}
	
	#fullpage-start #section-vinjett .layer {
		top: 50% !important;
		transform: translateY(-50%);
	}
	
	#fullpage-start #section-vinjett-start .layer {
		top: 50% !important;
		transform: translateY(-50%);
	}
	
}

@media(max-width: 737px) {
	.tidslinje {
		display: none;
	}
	
	.fp-controlArrow.fp-prev {
		left: 2%;
	}
	
	.fp-controlArrow.fp-next {
		right: 2%;
	}
	
	.fp-slidesNav {
		width: 310px;
		display: block;
		float: none;
		margin: 0 auto;		
	}
}

@media(max-width: 768px) and (min-height: 1024px) {
	.section-1-bg {
		background-size: 80%;
	}
}

/*
  Special för menyn
*/
@media (min-width: 607px) and (max-width: 768px ) {
  .main-menu:nth-of-type(2) {
    padding-left: 80px;
    padding-right: 80px;
  }
}

@media (min-width: 866px) and (max-width: 1150px ) {
  .main-menu:nth-of-type(2) {
    padding-left: 95px;
    padding-right: 95px;
  }
}

@media (min-width: 1150px) and (max-width: 1155px ) {
  .main-menu:nth-of-type(2) {
    padding-left: 105px;
    padding-right: 105px;
  }
}

@media(max-width: 515px) {
	#section-2 p {
		max-width: 260px;
	}
	
	.section-huvudmeny .layer {
		top: 80px !important;
	}
}

@media(min-width: 556px) {
	.movie-mobile {
		display: none;
	}
}

@media(max-width: 767px) {
	
	.mobilevideo {
		display: block;
	}
	
	.desktopvideo {
		display: none;
	}
	
	#section-4 .fp-tableCell .col-sm-offset-1 {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#section-4 .play-button, #section-4 .play-button-text {
		display: none;
	}
	
	.movie-mobile {
		display: block;
		position: relative;
	}
	
	.movie-mobile video {
		width: 100%;
		height: auto;
	}
	
	#section-4 .movie-mobile {
		margin-top: -20px;
	}
	
	#section-5 #q2v, #section-5 #q3v, #section-5 .quiz-done {
		padding-top: 141px;
	}
	
	.ben-1-section-1-bg {
		background-image: none;
		padding-bottom: 40px;
	}
	
	#section-3 {
		padding-top: 5px;
	}
	
	.darforfinnsvi {
		background-image: none;
		padding-bottom: 0px;
		padding-top: 0px;
		height: auto;
	}
	
	.darforfinnsvi h1 {
		margin-left: 0px;
		margin-top: 20px !important;
	}
}

@media(max-width: 600px) {
	.nopadding-mobile {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media(max-width: 500px) {
	.varderingssvar:first-of-type {
		margin-bottom: 10px;
	}
}

/*
	iPhone 6/7 Plus
*/
@media(max-width: 414px) {

	.test {
		background-image:url('../img/ben2/ben2_section1.png');
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: top center;
		height: 160px;
	}
	
	
	.test2 {
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: top center;
		height: 160px;
	}
	
	#header {
		display: none;
	}
	
	#section-2 h1, #section-3 h1, h1 {
		font-size: 25px;
		line-height: 25px;
	}
	.showmobile {
		text-align: center;
	}
	
	
	#section-2 h1, #section-3 h1, h1 {
		font-size: 25px;
		line-height: 25px;
		margin-bottom: 15px;
	}
	
	#section-5-ben-2 {
		height: 736px !important;
	}
	.droppable {
		background-color: #e1535c;
		width: 295px;
		height: 80px;
		background-position: center center;
		margin-bottom: 10px;
	}
	.draggable {
		margin: 0 auto;
		width: 295px;
		height: 80px;
		margin-top: 0px;
		margin-bottom: 10px;
		background-image: url(../img/draggable.png);
		background-size: 75% 75%;
		background-size: contain;
		background-color: #fff;
		background-repeat: no-repeat;
	}
	.draggable p {
		font-size: 13px;
		text-align: center;
		padding-top: 15px;
	}
	
	#fullpage-index #section-vinjett .layer {
		top: 50% !important;
		transform:translateY(-50%);
	}
	
	#fullpage-index #section-vinjett-start .layer {
		top: 50% !important;
		transform:translateY(-50%);
	}
	
	#fullpage-index #starta {
		display: none;
	}
	
	

}

/*
	iPhone 6/7
*/
@media(max-width: 375px) {

	
	.section-huvudmeny .layer {
		top: 0px !important;
	}
	
	
#section-2 h1, #section-3 h1, h1 {
	font-size: 25px;
	line-height: 25px;
	margin-bottom: 15px;
}

#section-5-ben-2 {
	height: 667px !important;
}
.droppable {
	background-color: #e1535c;
	width: 295px;
	height: 80px;
	background-position: center center;
	margin-bottom: 10px;
}
.draggable {
	margin: 0 auto;
	width: 295px;
	height: 80px;
	margin-top: 0px;
	margin-bottom: 10px;
	background-image: url(../img/draggable.png);
	background-size: 75% 75%;
	background-size: contain;
	background-color: #fff;
	background-repeat: no-repeat;
}
.draggable p {
	font-size: 13px;
	text-align: center;
	padding-top: 15px;
}
	
}

@media (max-width: 360px) {
	
	#section-1 {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#section-1 #alskainternet, .section-1-bg {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#section-4 h1 {
		margin-bottom: 10px;
	}
	#section-2 .secondary-button {
		display: none;
	}
	
	#section-4 p {
		padding-left: 0px;
	}
	
	#section-4 .play-button {
		margin-left: 0px;
	}
	
	#section-5 .question {
		padding-left: 8px;
	}
	
	.section-huvudmeny .layer {
		top: -15px !important;
	}
	
	#section-5-ben-2 .quiz-done {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*
	iPhone SE
*/
@media(max-width: 320px) {


#section-2 h1, #section-3 h1, h1 {
	font-size: 25px;
	line-height: 25px;
	margin-bottom: 15px;
}

#section-5-ben-2 {
	height: 530px !important;
}
.droppable {
	background-color: #e1535c;
	width: 295px;
	height: 80px;
	background-position: center center;
	margin-bottom: 10px;
}
.draggable {
	margin: 0 auto;
	width: 295px;
	height: 80px;
	margin-top: 0px;
	margin-bottom: 10px;
	background-image: url(../img/draggable.png);
	background-size: 75% 75%;
	background-size: contain;
	background-color: #fff;
	background-repeat: no-repeat;
}
.draggable p {
	font-size: 13px;
	text-align: center;
	padding-top: 15px;
}

}


.draggable p {
	text-align: center;
	padding-top: 15px;
}
.droppable {
	background-color: #e1535c;
	width: 295px;
	height: 120px;
	background-position: center center;
	margin-bottom: 10px;
}
.draggable {
	margin: 0 auto;
	width: 295px;
	height: 80px;
	margin-top: 0px;
	margin-bottom: 10px;
	background-image: url(../img/draggable.png);
	background-size: 75% 75%;
	background-size: contain;
	background-color: #fff;
	background-repeat: no-repeat;
}