@media screen and (max-width: 1400px) {
    
    #home-discover
    {
        margin-bottom: 425px;
    }
}
@media screen and (max-width: 1165px) {
    section.backdrop > .cwrapper .flyout 
    {
        position:relative;
        float:right;
        top: auto !important;
        right:auto !important;
    }
    #home-news .calendar {
        
    }
    .calendar td .content{
 
        right:-5px;
    }
}
@media screen and (max-width: 1067px) {
 section > .cwrapper .flyout
 {
     right:0;
 }
    
       footer .siteinfo .cwrapper {
        width: 100%;
    }
     #instagram .image-wrapper
      {
          margin:0;
          width: 100%;
      }
     #home-discover #gallery
    {
        position:relative;
        top:0px;
    }
     #home-discover #gallery-wrapper
    {
        padding:0 50px;
    }
     #home-discover 
     {
        padding:25px 0 0 0;
        margin-bottom: 0px;
    }
     .single-service #gallery .flex-control-thumbs {
        margin: 0;
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    
    

    section{
        padding:25px 0;
        margin:0;
    }
    .cwrapper {
        width: 100%;
    }
    section.backdrop {
        margin-bottom:0px;
    }
    section .backdrop {
        margin-bottom:0px;
        
    }
    section.backdrop > .cwrapper{
        margin-bottom:0px;
        background-color: #052028;
    }

    section.backdrop.last {
        margin-bottom: 0px;
        padding-bottom: 480px;
        padding-top: 0px;
    }
    section.last .backdrop
    {
        height: 480px;
        top:auto;
        bottom:0;
    }
    section .backdrop .bottom 
    {
        width:100%;
        bottom:20px;
    }
    section .backdrop .bottom .photographer
    {
        margin-right:20px;
    }
    #home-discover #gallery .slides li .content .location,
    #home-discover #gallery .slides li .content label {
        
        font-size:1.6em;
        
    }
    
    
    #home-discover #gallery
    {
    }
    #primary.home-page #thecontent {
       margin-bottom: 0px;
    }
    section.backdrop > .cwrapper .flyout-left{
    width:50%;   
    }
    section.backdrop > .cwrapper .flyout-left .column{
        width:100%;   
    }
    section.backdrop > .cwrapper .flyout 
    {
        width:50%;   
    }
    #primary.home-page #featured-img img
    {
        position:relative;
        display:block;
    }
    
    
    #home-news .news-item {
       width:66.66%;
    }
    .clndr
    {
        width:100%;
    }
    .clndr table,
    .clndr .clndr-controls
    {
        width:240px;
        margin-left:auto;
        margin-right:auto;
    }
    #services{
        margin-bottom:200px;
    }
    #services .cwrapper .bg-filler {
        width:100%;
    }

    body.single-service #content,
    body.page-template-template-booking #content{
        padding-bottom: 300px;
    }
    #book-calendar .eventitem
    {
        margin-bottom:20px;
    }
    #book-calendar .eventitem.headers .mobile
    {
        display:inline;
    }
    #book-calendar .eventitem > div
    {
        width:100% !important;
        margin-right:6px;
        float:none;
    }
    #book-calendar .eventitem.headers > div
    {
        width:auto !important;
        float:left;
        margin-bottom:0;
    }
    #contact-form {
        margin-bottom:0;
    }
}
@media screen and (max-width: 960px) {
    footer .siteinfo {
        height:auto;
    }
    footer .siteinfo .cwrapper .photocred {
        margin:0;
        width:100%;
        text-align:center;

    }
    footer .siteinfo .cwrapper .newsletter {
        width:50%;
        padding:0;
        max-width:370px;
    }
    footer .siteinfo .cwrapper .newsletter .inside{
        margin:0 25px;
    }
    
    footer .siteinfo .cwrapper .partners {
        width:25%;
        padding:0 25px;
    }
    footer .siteinfo .cwrapper .hjartat {
        width:25%;
        background-position:0 50%;
    }
}
@media screen and (max-width: 870px) {
	#masthead
    {
        background-image:url(../images/intro-mobile-background.jpg);
        overflow:visible;
	}
    
    .menu-toggle {
		display: inline-block;
        width:100%;
        height:56px;
        background-color: rgba(145, 207, 229, 0.5);
        background-image:url(../images/hamburger.png);
        background-repeat:no-repeat;
        background-position:50% 50%;
        background-size:25px;

	}
    .menu-toggle:hover{
        background-color: rgba(145, 207, 229, 0.8);
    }
    .main-navigation
    {
        z-index:200;
    }
    .main-navigation.toggled .menu-container
    {
        max-height:800px;
        opacity:1;
    }
    .menu-container
    {
        z-index:200;
        position:absolute;
        width:100%;
        max-height:0;
        opacity:0;
        overflow:hidden;
        transition:all 0.5s linear;
        -webkit-transition:all 0.5s linear;
        -moz-transition:all 0.5s linear;
        -o-transition:all 0.5s linear;
    }
    body.submenu #masthead .submenu-back {
        display:none;
    }
    body.submenu .main-navigation {
        bottom:0px;
    }
	.main-navigation ul {
        display:block;
        
        
	}
    .main-navigation li 
    {
        display:block;
        background-color: rgba(145, 207, 229, 1);
        text-align:left;
        padding:0;
    }
    .main-navigation li a{
        margin-left:20px;
    }
    .main-navigation li ul li a{
        margin-left:40px;
    }
    #primary-menu li.current-menu-item {
        background-color: rgba(250, 250, 250, 1);
    }
    #primary-menu > li.current-menu-ancestor .sub-menu, #primary-menu > li.current-menu-item .sub-menu 
    {
        left:auto;
        display:block;
        position:relative;
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -o-transform:translateX(0);
        transform: translateX(0);
    }
    #home-discover #gallery-wrapper {
    padding: 0 30px;
}
    #home-discover #gallery .slides li .content .location,
    #home-discover #gallery .slides li .content label {
        font-size:1.4em;
    }
  .flex-direction-nav .flex-prev {
    left: -30px;
    width:30px;
    height: 30px;
    background-size:60px;
    background-position:0 -8px;
  }
  .flex-direction-nav .flex-next {
    width:30px;
    height: 30px;
    right: -30px;
    background-size:60px;
    background-position:-30px -8px;
  }  
  
  #news-list .news-item .content 
  {
        float: none;
        width: 100%;
  }
  #news-list .news-item .image-wrapper 
  {
        float: none;
        width: 100%;
        margin:35px 0;
  }

  #instagram .image-wrapper img 
  {
      
      _width: 50%;
  }
  #book-form li.gfield
  {
      width:100%;
  }
  #book-form li.gfield.two-col
  {
      width:100%;
  }
}

@media screen and (max-width: 800px) {
    .cwrapper {
        padding: 0;   
    }

    #content {
        padding-bottom: 105px;
    }
    footer .contact{
        width:100%;
    }
}
@media screen and (max-width: 720px) {
    .column{
        float:none;
        width:100%;
    }
    section > .cwrapper .flyout-left
    {
        float:none;
        width:100%;
    }
    section > .cwrapper .flyout
    {
        position:relative;
        width:100%;
    }
    #home-news .news-item {
       width:100%;
    }
    button, input[type="button"], input[type="reset"], input[type="submit"], a.button
    {
        line-height:34px;
        font-size:0.8em;
    }
    section.backdrop > .cwrapper .flyout-left{
        width:100%;   
        margin-bottom:25px;
    }
    
    section.backdrop > .cwrapper .flyout 
    {
        width:100%;   
    }
    .column.odd .inside {
       margin: 0 30px 0 0;
    }
    #primary.home-page #featured-img
    {
        overflow:hidden;
        margin-bottom:0;
    }
    #primary.home-page #featured-img .left
    {
        margin:0;
        width:100%;
        float:none;
        
    }
    #primary.home-page #featured-img .right
    {
        width:100%;
        float:none;
        
    }
    #primary.home-page #featured-img .uiagm.desktop
    {
        display:none;
    }
    #primary.home-page #featured-img .uiagm.mobile
    {
        width:33%;
        height:50%;
        bottom:-15%;
        right:-5%;
        display:block;
    }
    #home-discover #gallery {
        height: 400px;
    }
    #home-discover #gallery .slides li 
    {
        height: 400px;
    }
    #home-discover #gallery .slides li .content .location,
    #home-discover #gallery .slides li .content label {
        font-size:1em;
    }
    #home-discover #gallery .slides li .content .button {
        
        margin-top: 5px;
    }
    #home-discover #gallery .slides li .content 
    {
        padding:12px 15px;
        height:70px;
    }
    #services .service-item .image-wrapper{
        padding:0 !important;
    }
    #contact-form li.gfield
    {
        width:100%;
        float:none;
    }
    #contact-form li.gfield.two-col {    
        width: 100%;
    }
    #newslist-form .gform_heading {
        width:100%;
        float:none;
    }
    #newslist-form .gform_body {
        float: none;
        margin-top: 0px;
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    footer .contact 
    {
        height:auto;
    }
    footer .contact .text {
        padding: 20px;
    }
    footer .contact .text span,
    footer .contact .text a{
        white-space:nowrap;
    }
    footer .contact .social {
        right: 30px;
        top: -47px;
    }
    footer .contact p, footer .contact a
    {
        line-height:28px;
    }
    section.last .backdrop .bottom
    {
        bottom:55px;
    }
    section.last .backdrop .bottom .photographer
    {
        margin-right:30px;
    }
}
@media screen and (max-width: 610px) {
    #the-service .tabs > ul {
        float: none;
        padding: 0 35px;
        width:100%;
    }
    #the-service .tabs > ul li
    {
        width:100%;
        display:block;
        float:none;
    }
    footer .siteinfo .cwrapper .newsletter {
        width:75%;
    }
    
    footer .siteinfo .cwrapper .partners {
        width:25%;
        padding:0 25px;
    }
    footer .siteinfo .cwrapper .hjartat {
        width:100%;
        background-position:50% 50%;
    }
}
@media screen and (max-width: 540px) {
    #home-discover #gallery .slides li .content
    {
        height:auto;
    }
    #home-discover #gallery .slides li .content .button 
    {
        display:none;
    }
}
@media screen and (max-width: 440px) {
      #instagram .image-wrapper img
      {
          margin:0;
          width: 100%;
      }
    
    footer .siteinfo .cwrapper > div 
    {
        
        height:auto;
    }
    footer .siteinfo .cwrapper .photocred
    {
        line-height:28px;
    }
    footer .siteinfo .cwrapper .newsletter
    {
        width:100%;
    }
    footer .siteinfo .cwrapper .partners
    {
        width:100%;
    }
}
@media screen and (max-width: 410px) {
    #masthead p.site-title
    {
        margin-top:40px;
    }
    .cwrapper > .inside
    {
        padding: 40px 20px;
    }
    .calendar {
       font-family: "Surveyor Fine A","Surveyor Fine B";
        padding: 10px;
    }
}