/* Header */
.jcarousel img {
    width: 100%;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 768px) {
    .content-wrapper {
        box-sizing: border-box;
    }
    #header {
        height: 60px;
    }
  	#header span#tel {
        display: none;
    }
    #header #logo {
        margin: 0;
    }
    #logo img {
        width: 100%;
        height: auto;
        max-width: 100%;
    }
    #content .intro {
	    position: relative;
    	left: 0;
    	padding: 0 15px;
		width: auto;
	}
	#content .intro h1 {
		color: #369;
	}
	#content .intro p{
        color: #666;
        text-shadow: none;
	}
	a.jcarousel-control-prev,
	a.jcarousel-control-next {
		display: none;
	}

	.homeColumn {
		margin: 0;
		width: 100%;
	}
	#sequenceEvents {
		float: left;
		width: 100%;
	}
	/* #menu is the original menu */
    #nav {
        display:none;
    }
    .slicknav_menu {
        background: #000d6d;
        display:block;
    }
    .slicknav_menu {
        font-size: 1em;
        padding: 0!important;
        position: relative;
    }
    .slicknav_btn {
        background-color: none;
    }
    .slicknav_nav li:last-child {
        margin-bottom: 15px;
    }
    /************/
    #menu ul {
        display: block;
        margin: 0 -15px;
    }
    #menu li {
        background: #a5a5a5;
        float: left;
        width: 100%;
    }
    #menu li a {
        font-size: 1.5em;
        padding-left: 0;
    }
    #menu li#home {
        background: none;
        text-indent: 0;
    }
    #menu li:hover,
    #menu li#home:hover,
    #menu li:active,
    #menu li#home.active {
        background: #FFF;
    }
    .active > a {
        color: #f00!important;
    }
    /* Cruises Page */
    .cruises #main {
        margin-top: -350px;
    }
    .non-cruise #main {
        margin-top: -350px;
    }
    .non-cruise .content-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    /* Footer */
    #footer {
        padding: 20px 0 20px;
    }
    #footerLeft,
    #footerRight {
        text-align: left;
        width: 100%;
    }
    /* Enquiry Page */
    #contactColumn,
    #addressColumn {
        margin: 0;
        width: 100%;
    }
    #contactColumn p,
    #contactColumn p textarea,
    #contactColumn p input {
        box-sizing: border-box;
        width: 100%;
    }
}
/* iPad Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
  	span#tel {
		font-size: 20px;
	}
    .intro {
        top: 5%;
        width: 70%;
        left: 15%;
    }
}
/* Show more than one deal at higher resolutions */
@media only screen and (min-width: 2560px) {
    iframe#cruiseframe {
        height: 2000px;
  }
}