/* ---- MEDIA QUERIES ---- */
/* x-lg */
@media only screen and (min-width : 1920px) {

header#header.minified .header_bg {background-position:center -490px;}

}
@media only screen and (min-width : 1400px) {
  header#header .header_bg img {display:block;}

}
@media only screen and (max-width : 1400px) {

  header#header {
    height:650px;
  }
}


/* lg */
@media only screen and (max-width : 1200px) {
  nav#main-navi ul.dropdown-menu {min-width:250px;}
  nav#main-navi .simple-dropdown ul.dropdown-menu {min-width:auto; right:-50px;}
  nav#main-navi ul {line-height: 1; padding-top:26px;}
	nav.main-nav .navi-wrap.col-sm-8 {line-height:80px; min-height: 80px;}	
  section.mailingList .mailing_list .inlineInput {margin:0; width:100%;}
  header#header .header_text {
    width: 80%;
  }
  .palvelut .container {
    max-width: 780px;
  }
  .palvelut_nostot .container {
    max-width: 780px;
  }


  #ruokalistaButton {width:450px;}
  .col-sm-4  #ruokalistaButton {width:100%; margin-right:0; float:none; display:block;}

  .ruokalista_button {width:100%; margin:0 10px;}
  #languageSelect ul li {margin:0;}
  #languageSelect ul li a {width:23px; height:23px; line-height: 23px; }
  .tapahtumaBlock {width:24.6%;}

  section#content .kampanja-nosto-carousel .item .carousel-otsikko h3 {font-size:1.5em; line-height: 1;}

}

/* md */
@media only screen and (max-width : 992px) {
  section#content,section#content.laiva_info_row {padding:40px;}
  footer#footer #footerInfo {padding:40px;}
  footer#footer #copyright {padding:20px 40px;}
  header#header .header_text {padding:0;}
  nav#main-navi ul.dropdown-menu {min-width:250px;}
  nav#main-navi ul.dropdown-menu > li.kaikkipalvelut > a, nav#main-navi ul.dropdown-menu > li.verkkokauppa > a {font-size:0.8em; padding:10px;}

  nav#main-navi ul li { font-size:1em; line-height:1;  padding: 6px 12px; }
	nav.main-nav .navi-wrap.col-sm-8 {line-height:80px; min-height: 80px;}	

  .header-wrap {min-height: 70px;}
  .sidebar_wrap {height:auto !important;}
  header#header h1 {
    font-size: 55px;
    margin: 0.5em 0;
  }
	#infoRow  {margin-top:0;}
  section.ajankohtaista .post-title {max-height:none;}

  .dropdown-menu {top:94%;}
  header#header .header_text {
    width: 100%;
  }
  header#header .header-content {bottom:2.25em;}


  .container {
    width: auto;
  }
  #topBar .topBarInfo { font-size:14px;}

  #ruokalistaButton {width:48%; margin-right:2%; margin-bottom:2%;}
  .col-sm-4  #ruokalistaButton {width:100%; margin-right:0; display: block; float:none; }
 .ruokalista_button {min-width:100%; width:100%; margin:0;}
  footer#footer #footerInfo .mailing_list input[type="submit"] {position:static; margin-left:0; max-width:250px;  margin-top:0;  width:100%; }
  footer#footer #footerInfo .mailing_list input[type="email"] {margin-bottom:0; padding-right:15px; text-align:center;}
  #languageSelect {width:16%;}
  nav#main-navi ul,#languageSelect ul  {line-height: 1; padding-top:26px;}
  #languageSelect ul li {margin-right:0px;}
  #languageSelect ul li a {height:25px; width:25px; line-height:25px; font-size:10px;}

  /* laivat */
  section#content.laiva_info_row .infoLabel{font-size:12px;}
  section#content.laiva_info_row .infoField{font-size:20px;}

  section.ajankohtaista .ajankohtaista-large-entry .post-image { width: auto; height:auto; }
  section.ajankohtaista .ajankohtaista-large-entry .post-image img{position:static;}

  .tapahtumaNosto {float:left; width:100%;margin-bottom:20px;}
  .tapahtumaNosto .textWrap {padding:30px;}

  .tapahtumaBlock {width:32%;}

  section#content.landingpage_info_row {padding:40px;}


}

/* sm */
@media only screen and (max-width : 767px) {
  .header-wrap {margin:0; min-height:80px;}
  section#content,section#content.laiva_info_row {padding:40px;}
  footer#footer #footerInfo {padding:40px;}
  footer#footer #copyright {padding:20px 40px;}
  .topHeaderPadding {padding-top:55px;}
  header#header #banner-video { display: none; } /* hide banner video on small screens */
  #sidebar {padding-top:40px;}
  button.navbar-toggle span{background-color:#000;}
  .navi-wrap {padding:0;}
  nav.main-nav .navi-wrap {line-height: 1;}
  nav.main-nav {height:auto;}
  nav#main-navi {margin:0; width:100%; background-color:#666;padding: 0;}
  nav#main-navi ul {margin: 0; padding:0px;}
  nav#main-navi ul li{display:block; padding:15px 0; line-height:1.5;}
  nav#main-navi ul li a {font-size:1em;}
  #topBar {}
  header#header {margin-top:0;}
  header#header .header_text{padding:0;}
  header#header .header-content {bottom:1.25em;}
  nav.main-nav #site-title .site_logo { padding-top: 18px }
  nav.main-nav.scrolling.minimize.up {top:0;}
  /*dropmenuicons*/
  nav#main-navi ul.dropdown-menu > li.viikinsaari > a:before { display:none; }
  nav#main-navi ul.dropdown-menu > li.risteilyt > a:before { display:none; }
  nav#main-navi ul.dropdown-menu > li.ravintolapalvelut > a:before { display:none; }
  nav#main-navi ul.dropdown-menu > li.tilausristeilyt > a:before { display:none; }
  nav#main-navi ul.dropdown-menu > li.reittiliikenne > a:before { display:none; }
  nav#main-navi ul.dropdown-menu > li.kaikkipalvelut > a:before { display:none; }
  nav#main-navi ul.dropdown-menu > li.yrityksille > a:before { display:none; }
  nav#main-navi ul.dropdown-menu > li > a + p.menu_item_description { display:none; }
  nav#main-navi .dropdown-menu {top:0; left:0;position:relative; width:100%; border:none;  background-color:transparent; padding:0; margin:0; box-shadow:none;}
  nav#main-navi .dropdown-menu a{height:auto; font-size:0.8em; line-height:1; padding:5px 15px; color:inherit;}
  nav#main-navi .dropdown-menu a:hover {background:transparent;}
  nav#main-navi ul li.current_page_item, nav#main-navi ul li.dropdown.open, nav#main-navi ul.dropdown-menu > li > a:hover, nav#main-navi ul.dropdown-menu {background:transparent;}
  nav#main-navi ul.dropdown-menu > li {line-height:1; border:none; float:left; width:100%;}
  nav#main-navi ul.dropdown-menu {min-width:100%; text-align:center; padding:10px 0 20px 0;}
  nav#main-navi ul.dropdown-menu > li.dropdown-submenu > a::after {display:none;}
  nav#main-navi ul li.dropdown.open:after {display: none;}
  section#branding {margin:0; display:inline-block;}
  nav#main-navi .simple-dropdown ul.dropdown-menu {min-width:auto; width:100%; right:auto;}
  nav#main-navi ul.dropdown-menu > li > a {font-size:16px;}

  header#header {
    height: 400px;
  }
  header#header h1 {
    font-size: 55px;
    margin: 0.5em 0;
  }
  header#header .header_text p {
    margin: 0em 0;
  }
  #header > div.header_text > p {
    font-size: 25px;
  }
  header#header .header_bg {
    background-position: center;
    background-attachment: scroll;
  }

  .container {
    width: auto;
  }

  /* tietoa meistä */
  section#content .mainContent #laivaCard .laiva_info h3{margin:0px;}
  #laivaCard .laiva_info .perustiedot {display:inline-block; width:49%; font-size:12px;}
  #laivaCard  .laiva_kuva {max-height:175px; overflow: hidden;}
  #laivaCard .read-more {font-size:12px; display:block; width:100%;}
  /* laivat */
  section#content.laiva_info_row .perustiedot {margin-bottom:10px;}
  section#content.laiva_info_row .infoLabel{font-size:14px;}
  section#content.laiva_info_row .infoField{font-size:24px;}

  #overContentBanner {height:150px; width:150px;}
  #languageSelect {display:none;}
  .footer_widget_text {margin-bottom:20px;}
  .footerLogo {text-align: center; margin-bottom:10px;}
  .palveluNosto {width:100%; display:block; margin:0;}
.datepicker.dropdown-menu {font-size:20px;}

.tapahtumaBlock {width:49%;}
  section#content.tapahtumaFilterSection {margin-top:0;}
  section#content.landingpage_info_row .perustiedot  {padding-bottom:10px;}
  section#content.landingpage_info_row .infoLabel, section#content.landingpage_info_row .infoField {display:inline-block; width:49%; vertical-align: middle;}
  .serviceMenu li {margin-bottom:10px;}

  .kampanja-nosto-carousel .item {height: auto;}
  .kampanja-nosto-carousel .item .carousel-kuva {width: 100%; height: 200px;  display: inline-block; float:left; position:relative; background: #000; overflow: hidden;}
  .kampanja-nosto-carousel .item .carousel-kuva img {position:absolute; top:0;right:0;left:0;bottom:0; margin:auto; height:auto; width: 100%;}
  .kampanja-nosto-carousel .item .carousel-text {width: 100%; height: 320px; overflow: auto; padding:40px 40px 60px 40px; }
  .kampanja-nosto-carousel .owl-dots {position:absolute; left:0; right:0;}
}
/* Custom */
@media only screen and (max-width : 630px) {
  header#header {
    height: 400px;
  }
  header#header h1 {
    font-size: 35px;
    margin: 1.1em 0 0.6em 0;
  }



  #content.ajankohtaista div.post-content {
    width: 100%;
    margin-bottom:20px;
  }

  #content.ajankohtaista div.post-content h3 {
    padding: 15px 15px 0 15px;
  }

  #content.ajankohtaista div.post-content p {
    margin: 5px 15px;
  }

  #footerInfo > div > div > div {
    margin: 10px 0;
  }
  #ruokalistaButton {width:100%; margin-right:0; margin-bottom:2%; float:none; display: block;}
  .ruokalista_button {margin:0;}
  #overContentBanner {height:100px; width:100px;}
#languageSelect ul {line-height:60px;}
.tiedotebar {font-size:0.8em; padding:5px 0;}
section.mailingList .mailing_list input[type="email"] {width:220px;}

.title-date, .title-text {display: block; width:100%;}
.title-date > span  {display:none;}

}
/* xs */
@media only screen and (max-width : 480px) {
  section#content,section#content.laiva_info_row {padding:40px 0px;}
  footer#footer #footerInfo {padding:40px 0;}
  footer#footer #copyright {padding:20px 0;}


  nav#main-navi ul.dropdown-menu > li.kaikkipalvelut, nav#main-navi ul.dropdown-menu > li.verkkokauppa {width:60%;}
  section.mailingList .mailing_list .inlineInput {margin:0; width:100%;}
  section.mailingList .mailing_list input[type="email"] {width:180px;}
  header#header .header_text p {margin:0;}
  header#header .header_text {padding:0 15px; height:auto !important;}
  .header-content > .container {padding:0 15px;}
  #kohteetkartalla_map {height:360px;}
  .main-title {word-wrap: break-word;}
  .satamaList li {font-size:12px; margin-bottom:10px; display:inline-block;}
  .tapahtumaBlock {display:inline-block; padding-top:20px;padding-bottom:20px; margin-bottom:0;border-bottom:1px solid #f2f2f2; width:100%;}
  .henk_card {display:inline-block;}
  .hopealinjat_btn {font-size:12px;}
  header#header .header-content {bottom:1.em;}
  header#header .header_text {width:100%;}
  header#header h1 {font-size:28px;}
  header#header p {font-size:20px;}

  .tiedotebar {font-size:0.6em;}

  #languageSelect {display:none;}
  .featherlight .featherlight-content {width:100%;}
  .featherlight .featherlight-close-icon {position:fixed;}

  section#content.landingpage_info_row {padding:40px 0;}

  .kampanja-nosto-carousel .item .carousel-text {height: auto; padding:40px; }
  .kampanja-nosto-carousel .owl-dots {visibility: hidden;}

}

/* Custom */
@media only screen and (max-width : 320px) {
  #content {
  }
}