@media only screen and (min-width: 1024px) and (max-width: 1279px) {
body{overflow-x:hidden;}
#wrapper{ width: 980px;}
.footer_1 {
    width: 260px;
}
.menu-inner .brand {
    padding: 14px 0 14px 0;
}
#cssmenu > ul > li > a {
    margin-right: 0;
}
.contact-left {
    width: 450px;
}
.page .body_content {
    background-size: 300px auto;
}
.page .cont_area {
    float: right;
    max-width: 680px;
}
.contact_form {
    max-width: 300px;
}
.cont_area.cont_area2 {
    max-width: 380px;
}
.lightbox_username2 {
    width: 100%;
}
}
@media only screen and (max-width: 1023px) {
indx_nat_box, .yell_fsecbox {
    border-right: none;
}
.root_r_bx {
    padding-left: 0;
}
.logo_brand img {
    width: 100px;
}
.page .menu_header.page_header, .menu-inner {
    height: 45px;
}
#cssmenu > ul > li > a, #cssmenu ul ul li a {
    line-height: 35px;
}
#cssmenu #menu-button:after{
    top: 12px;
	right: 10px;
}
#cssmenu #menu-button:before{
	top: 22px;
	right: 10px;
}
.body_content {
	background: #fff !important;
}
.header_nav {
    width: 320px;
	float: right;
}
.page .cont_area {
    float: right;
    max-width: 840px;
}
.page .body_content {
    margin-top: 143px;
}
.social_icons a span {
    display:none;
}
.net {
    display:none !important;
}
.load-item{
	display:none !important;
}
#goolobe {
    display: none;
}
.header_nav {
    height: auto;
}
.logo_brand {
    z-index: 10000;
}
.index_page .logo_brand {
    background: none;
    border-radius: 0;
	z-index: 10000;
}
.powered_by {
    display:none;
}
.index_res {
    display: block;
    float: left;
    margin-top: 143px;
    width: 100%;
    position: relative;
	z-index: 2;
	padding-bottom:20px;
}
.powered_by2, .powered_by2 a {
    color: #eee;
    font-size: 11px;
}
.powered_by2 {
    display: block;
    line-height: normal;
    padding: 20px;
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
	background: #000;
	border-top: 5px solid #fff;
}

.header_details {
    color: #a9e0ff;
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 50px;
    position: relative;
    right: inherit;
    top: inherit;
    left: 30px;
}
.header_details span {
    background: rgb(4, 82, 144);
    color: #ccc;
}
.header_details a:hover span {
    background: #ccc;
    color: rgba(4, 82, 144, 1);
}
body.index_page {
    background: #fff;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
body{overflow-x:hidden;}
#wrapper{ width: 720px;}
.footer_1 {
    width: 150px;
}
.footer .menu li {
    width: 100%;
}
.footer_2 {
    width: 220px;
}
.powered_cl {
    display: inline-block;
    margin-left: 0;
    line-height: 25px;
}
.contact-right {
    width: 450px;
}
.others_oc_box div {
    width: 30%;
}
.contact-left {
    width: 250px;
}
.business_box {
    margin-right: 0;
    width: 98%;
	padding:1%;
	height:auto;
}
.business_box:nth-child(odd) {
    margin-right: 0;
}
.regional_h_off {
    margin-left: 0;
}
.sailing_sch_ul ul:nth-child(5n+5){
    clear:left;
}
.tarriffs_ul2 ul li {
    width:25%;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
body{overflow-x:hidden;}
#wrapper{ width: 600px;}
.footer_1,
.footer_2,
.footer_3{
	margin-left:0;
	margin-bottom:50px;
	width:100%;
}
.powered_cl {
    display: inline-block;
    line-height: 25px;
}
.menu-inner {
    height: 80px;
}
.menu-inner .brand {
    padding: 0px 0;
}
.footer_3 iframe {
    height: 215px;
    width: 100%;
}
.contact-right {
    float: left;
}
.others_oc_box div {
    width: 30%;
}
.contact-left {
    width: 470px;
}
.business_box {
    margin-right: 0;
    width: 98%;
	padding:1%;
	height:auto;
}
.business_box:nth-child(odd) {
    margin-right: 0;
}
.regional_h_off {
    margin-left: 0;
}
.sailing_sch_ul ul {
    width: 50%;
}
.sailing_sch_ul ul:nth-child(odd){
    clear:left;
}
.tarriffs_ul2 ul li {
    width:25%;
}
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
body{overflow-x:hidden;}
#wrapper{ width: 440px;}
.footer_1,
.footer_2,
.footer_3{
	margin-left:0;
	margin-bottom:50px;
	width:100%;
}
.powered_cl {
    display: inline-block;
    line-height: 25px;
	margin-left:0;
}
.menu-inner {
    height: 80px;
}
.menu-inner .brand {
    padding: 0px 0;
}
.oc_box h2 {
    border-bottom: none;
}
.oc_box ul li {
    border-right: none;
    display: block;
    width: 100%;
}
.footer_3 iframe {
    height: 270px;
    width: 100%;
}
.contact-right {
    float: left;
	width: 420px;
	padding:20px 0 20px 20px;
}
.others_oc_box div {
    display: block;
    margin-bottom: 40px;
    width: 100%;
}
.contact-left {
    width: 410px;
}
.business_box {
    margin-right: 0;
    width: 98%;
	padding:1%;
	height:auto;
}
.business_box:nth-child(odd) {
    margin-right: 0;
}
.regional_h_off {
    margin-left: 0;
}
.sailing_sdl_d input[type="text"] {
    width: 140px;
}
.sailing_sch_ul ul {
    width: 50%;
}
.sailing_sch_ul ul:nth-child(odd){
    clear:left;
}
.tarriffs_ul2 ul li {
    width:33%;
}
.page .cont_area {
    word-break: break-all;
}
}
@media only screen and (max-width: 479px) {
body{overflow-x:hidden;}
#wrapper{ width: 280px;}
.footer_1,
.footer_2,
.footer_3{
	margin-left:0;
	margin-bottom:50px;
	width:100%;
}
.powered_cl {
    display: inline-block;
    line-height: 25px;
	margin-left:0;
}
.menu-inner .brand {
    padding: 0px 0;
}
.oc_box h2 {
    border-bottom: none;
}
.oc_box ul li {
    border-right: none;
    display: block;
    width: 100%;
}
.footer_3 iframe {
    width: 100%;
	height:320px;
}
.contact-right {
    float: left;
	width: 260px;
	padding:20px 0 20px 20px;
}
.others_oc_box div {
    display: block;
    margin-bottom: 40px;
    width: 100%;
}
img.ca_img {
    max-width: 60%;
}
.contact-left {
    width: 280px;
}
.business_box {
    margin-right: 0;
    width: 98%;
	padding:1%;
	height:auto;
}
.business_box:nth-child(odd) {
    margin-right: 0;
}
.regional_h_off {
    margin-left: 0;
}
.sailing_sdl_d {
    float: left;
    width: 100%;
}
.sailing_sdl_d.sailing_sdl_d2 {
    float: left;
}
.sailing_sdl_d input[type="text"] {
    width: 140px;
}
.sailing_sch_ul ul {
    width: 100%;
}
.tarriffs_ul2 ul li {
    width:50%;
}
.regional_box h3 {
    width: 130px;
}
.page .cont_area {
    word-break: break-all;
}
.header_nav {
    height: auto;
}
.page .body_content {
    margin-top: 103px;
}
.index_res {
    margin-top: 103px;
}

.header_details img {
    width: 60px;
}
.header_details span {
    font-size: 12px;
    height: 31px;
    line-height: 31px;
    margin-top: 11px;
    padding: 0 10px;
    width: 160px;
}
.header_details {
    left: 15px;
}
.footer-box-cont.fot-social-icon > input {
    width: 180px;
}
}
@media only screen and (max-width: 359px) {
.t_order2 {
    padding: 10px;
}
}