#etusivutausta {
	width: 100%;
	height: auto;
	background: url(../img/header/etusivutausta2.jpg) center top no-repeat;
	background-size: 1920px auto;
}
#avautuva_valikko_1, #avautuva_valikko_2, #avautuva_valikko_3, #avautuva_valikko_4, #avautuva_valikko_5, #avautuva_valikko_6, #avautuva_valikko_7, #avautuva_valikko_8, #avautuva_valikko_9 {
    padding: 0px 25px 0px 35px;
}
div.linkkipalsta {

    width: 33%;
}
.tippunaviotsikko {
font-weight:700;
  font-size:20px;
  text-transform:uppercase;
}
.tippunaviotsikko a {
color:#000;
}
.tippunaviotsikko img {
width:80px;
  height:auto;
  padding-left:10px;
}
.col-33, .col-25, .col-50, .col-66, .col-75 {
	display: inline-block;
	float: left;
}
.col-33 {
	width: 33%;
}
.col-66 {
	width: 66%;
}
.col-25 {
	width: 25%;
}
.col-50 {
	width: 50%;
}
.col-75 {
	width: 75%;
}
.linkkipalstat p {
color:#000;
}
#avautuva_valikko_1 .col-33, #avautuva_valikko_2 .col-33, #avautuva_valikko_3 .col-33, #avautuva_valikko_4 .col-33, #avautuva_valikko_5 .col-33, #avautuva_valikko_6 .col-33, #avautuva_valikko_7 .col-33, #avautuva_valikko_8 .col-33, #avautuva_valikko_9 .col-33{

  width:25%;
  padding:40px 4%;
}
#avautuva_valikko_1 .col-66, #avautuva_valikko_2 .col-66, #avautuva_valikko_3 .col-66, #avautuva_valikko_4 .col-66, #avautuva_valikko_5 .col-66, #avautuva_valikko_6 .col-66, #avautuva_valikko_7 .col-66, #avautuva_valikko_8 .col-66, #avautuva_valikko_9 .col-66 {
padding:51px 0px;
  width:65%;
  min-height: 90px;
  border-right:1px solid #829c2f;
}
#header_teksti {
	height: auto;
	clear: both;
	width: 60%;
	padding: 162px 0px 187px 40%;
	text-align: center;
}
#etusivunostot {
	padding: 55px 0px 34px 15px;
}
p#laatua {
	font-size: 73px;
	line-height: 72px;
}
p#vuodesta {
	font-size: 73px;
	line-height: 85px;
}
p#laatua, p#vuodesta, p#teksti {
	text-shadow: 2px 2px 10px rgba(0,0,0,0.75);
}
p#teksti {
	font-size: 20px;
	line-height: 32px;
}
a.headerpainike {
	text-shadow: 2px 2px 10px rgba(0,0,0,0.75);
	border: 2px solid #fff;
	border-radius: 40px;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	margin-top: 30px;
	padding: 16px 60px;
	text-transform: uppercase;
	transition: all 0.2s ease-in-out 0s;
	font-family: 'Oswald', sans-serif;
}
a:hover.headerpainike {
	background: #fff;
	color: #5b740f;
	text-shadow: none;
	text-decoration: none;
}
#haku form {
    float: left;
}
 @media only screen and (min-width: 1200px) {
.keskita, ul#top-navi, #mustatausta, .main-navi, #tuoteryhmat, #sesonkituotteet {
	width: 100%!important;
  max-width: 1600px;
}
  
  
  
  
  
  .selaus_iso {
margin-bottom: 36px;
    margin-right: 36px !important;
    width: 200px;
  }
  .selaus_kuva_iso {
 
    width: 100%;
    padding-bottom:10px;
  }
  
  
  #etusivunostot .selaus_iso, #sesonkituotenostot .selaus_iso {
    border: 1px solid #e7e7e7;
    margin-bottom: 18px;
    margin-right: 18px !important;
    min-height: 222px;
    overflow: hidden;
    padding: 5px;
    position: relative;
    width: 167px;
    background: #fff;
}
  
  
  
  #sisalto_levea {
    width: 100% !important;
    max-width: 1600px !important;
    box-sizing: border-box!important;
}
  }
  #sisalto_teksti {
    width: calc(100% - 2em);
		padding-top: 2em;
    float: none;
  }
  #sisalto_verkkokauppa {
    display: grid;
		grid-template-columns: 1fr 3fr;
		background: #fff;
		padding: 0;
    grid-gap: 2em;
    margin-bottom: 20px;
  }
   #sisalto_verkkokauppa h1{
		padding-left: 10px;
	}
  #logo {
    width: 285px;
}
#sesonkituotenostot {
	width: 797px;
}
#sesonkituotteet {
	padding: 30px 0px;
}
#sesonkituoteotsikko {
	padding: 32px 0px 20px 0px;
}
#footer_ala {
	background: url(../img/header/bg_footer2.jpg) center top repeat-y #5b740f;
}
#tuoteryhmat {
	padding: 40px 0px;
}
#footerlinkit {
	width: 850px;
}
#klarnalogo-img {
	padding-bottom: 0;
}
#verkkokauppa-ostoskori-kirjautunut {
    margin: 14px 0px 0px 163px;
}
.search input.box {
	width: 310px !important;
}
fieldset.search {
	border: none;
	width: 377px;
}
#haku {
	width: 360px;
	padding: 31px 0px 0px 0px;
}
#maksutavat {
	width: 702px;
	padding: 22px 50px 0px 50px;
}
#footer_ala_oikea {
	width: 398px;
}
#puhnro {
	width: 397px;
}
#maksutavat img {
	width: 100%;
  height: auto;
}
#semiowebio {
	padding: 22px 0px 0px 0px;
	width: 398px;
	height: 48px;
	text-align: center;
}
#footerlinkit div.linkkipalsta {
	width: 160px;
}
.col_250 {
	width: 299px;
	text-align: center;
}
#last.col_250 {
	width: 298px;
}
.col_kuva {
	width: 299px;
	height: auto;
	text-align: center;
	padding: 0px 0px 20px 0px;
}
div.main-navi a {
	padding: 17px 30px 21px 30px;
}
#avautuva_valikko_1, #avautuva_valikko_2, #avautuva_valikko_3, #avautuva_valikko_4, #avautuva_valikko_5, #avautuva_valikko_6, #avautuva_valikko_7, #avautuva_valikko_8, #avautuva_valikko_9 {
	width: 1139px;
}

}
 @media only screen and (max-width: 1200px) {
p#laatua {
	font-size: 58px;
	line-height: 66px;
}
  #haku form {
    float: right;
}
.col_teksti, .col_kuva {
	text-align: center;
}
p#vuodesta {
	font-size: 63px;
	line-height: 72px;
}
#etusivutausta {
	background-size: 1595px auto;
}
#header_teksti {
	padding: 87px 0px 126px 40%;
}
#etusivunostot .tuotesivutausta div:nth-child(6) .selaus_iso {
	display: none;
}
#etusivunostot .tuotesivutausta div:nth-child(6) .selaus_iso {
	display: none;
}
#sesonkituotenostot .tuotesivutausta div:nth-child(4) .selaus_iso {
	display: none;
}
p#nostokappale {
	font-size: 28px !important;
	}
}
@media only screen and (max-width: 1100px) {
  #sesonkituotenostot {
		width: 600px;
}
.col_250 img {
	width: 38%;
}
#etusivutausta {
	background-size: 1288px auto;
}
p#laatua {
	font-size: 43px;
	line-height: 43px;
}
p#vuodesta {
	font-size: 47px;
	line-height: 64px;
}
p#teksti {
	font-size: 16px;
	line-height: 24px;
}
a.headerpainike {
	font-size: 16px;
	margin-top: 20px;
	padding: 10px 47px;
}
#header_teksti {
	padding: 69px 0px 81px 40%;
}
p#nostokappale {
	font-size: 25px !important;
	padding-bottom: 20px !important;
}
}
 @media only screen and (max-width: 830px) {
p#vuodesta {
	font-size: 45px;
	line-height: 59px;
}
#etusivutausta {
	background-size: 900px auto;
}
a.headerpainike {
	font-size: 16px;
	margin-top: 3px;
}
#header_teksti {
	padding: 28px 0px 24px 40%;
}
#etusivunostot {
	padding: 55px 0px 6px 15px;
	}
}
 @media only screen and (max-width: 640px) {
#etusivutausta {
	background: url(../img/header/bg_lauta.jpg) repeat;
	background-size: auto auto;
	height: auto;
	display: table;
}
a.headerpainike {
	display: none;
}
#header_teksti {
	padding: 28px 0px 24px 0%;
	width: 100%;
	text-align: center;
}
p#nostokappale {
	display: none;
}
#etusivunostot {
	padding: 0px 0px 20px 0px;
}
}
 @media only screen and (max-width: 400px) {
p#laatua {
	font-size: 31px;
	line-height: 32px;
}
p#vuodesta {
	font-size: 33px;
	line-height: 46px;
}
#header_teksti {
	padding: 28px 0px 12px 0%;
}
}

/* Oheistuotekaruselli */
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left; }.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.item img{display:block}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:none}.owl-theme .owl-controls{position:relative;text-align:center;width:100%;z-index:20}.owl-theme .owl-controls .owl-page{display:inline-block}.owl-theme .owl-controls .owl-page span{background:#fff;border-radius:20px;display:block;height:17px;margin:5px 7px;opacity:.5;width:17px}.owl-controls .owl-buttons > div {position: relative;display: inline-block;color: #dedede;zoom: 1;font-size: 1.2em;text-align: center;-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; line-height:70%;
}.carousel-caption{background:0 0}#navi-wrapper{z-index:2}.owl-buttons{display:none}#etusivusisalto .owl-page.active span{background:#000!important;opacity:.8!important}.active span { background: #658015 !important; opacity: 1!important}

.owl-next, .owl-prev {background: #5b740f;padding: 6px 9px;border-radius: 30px;}

@media only screen and (max-width:860px) {.owl-buttons {display:block;}.owl-pagination {display:none;} #etusivusisalto .owl-pagination {display:block;}
.owl-buttons {display: block;width: 100%;position: relative;}
.owl-controls .owl-buttons > div.owl-prev {left: -2.2vw !important;position: absolute;top: -180px;text-align:left !important;}
.owl-controls .owl-buttons > div.owl-next {right: 0.2vw !important;position: absolute;top: -180px;text-align:right !important;}
.fa-chevron-left::before, .fa-chevron-right::before {color: #c6c6c6;}#etusivunostot .tuotesivutausta div .owl-prev, #etusivunostot .tuotesivutausta div .owl-next {width:auto;}}
#etusivunostot table, #etusivunostot tbody, #etusivunostot tr,#etusivunostot td {display:block;}
#etusivunostot .tuotesivutausta div .selaus_iso {display: block !important}
@media only screen and (max-width: 640px) {#etusivutausta {display:block;}#etusivunostot .tuotesivutausta div {width: 100%;}.owl-controls .owl-buttons > div.owl-next {right: -2.2vw !important;}}
@media only screen and (max-width: 575px) {#etusivunostot .tuotesivutausta div .selaus_iso {min-height:300px}.owl-next, .owl-prev {padding: 6px 7px;}.owl-controls .owl-buttons > div.owl-prev {left: -2vw !important; font-size:0.7rem}.owl-controls .owl-buttons > div.owl-next {right: -2vw !important; font-size:0.7rem}}
@media only screen and (max-width: 480px) {#etusivunostot .tuotesivutausta div .selaus_iso {min-height:260px}.owl-controls .owl-buttons > div.owl-prev, .owl-controls .owl-buttons > div.owl-next {top:-160px}}
@media only screen and (max-width: 450px) {#etusivunostot {padding: 0 5% 20px 5%;box-sizing: border-box;}}
@media only screen and (max-width: 375px) {.owl-controls .owl-buttons > div.owl-prev {left: -4vw !important;}.owl-controls .owl-buttons > div.owl-next {right: -4vw !important;}}