/**
 * Use this file to conditionally override styles for devices.
 * If you adjust the media queries in the theme settings you should
 * adjust them here so they match.
 */

/* Smartphone portrait */
@media only screen and (max-width:320px) {
	#logo {width:182px; height:30px; padding-bottom:5px;}
	#search-block-form, .view-homepage-slideshow, #content img {display:none;}
	.nav ul.menu { width: 100%; float: left; margin-top: 0;}
	.nav li a, .nav .menu li a {font-size: .8em; padding: 0.5em .5em;}
	.social {width:130px;}
	#block-menu-menu-services {width:98%;}
	#block-menu-menu-services ul.menu li, #block-menu-menu-services ul.menu li, #block-menu-menu-services ul.menu li.leaf { list-style-image: none;list-style-type: none; width: 90%; font-size:98%; display:block; text-align:center; clear:both; height:20px; border-bottom:1px solid #666; }
	thead th {width:50%; text-align: left}
	.social {width: 90px; float:right; padding-top:20px;}
    li.request {background-image: url("../requestcallback_mobile.png"); width:20px; height:20px}
	li.email {background-image: url("../email_mobile.png");width:20px;height:20px;}
	li.linked {background-image: url("../linked_mobile.png");width:20px;height:20px;}
	p#footer_controls img {display:none;}
}

/* Smartphone landscape */
@media only screen and (min-width:321px) and (max-width:480px) {
	#logo {width:182px; height:30px; padding-bottom:5px;}
	#search-block-form, .view-homepage-slideshow, #content img {display:none;}
	.nav ul.menu { width: 100%; float: left; margin-top: 0;}
	.nav li a, .nav .menu li a {font-size: .8em; padding: 0.5em .5em;}
	.social {width:130px;}
	#block-menu-menu-services {width:98%;}
	#block-menu-menu-services ul.menu li, #block-menu-menu-services ul.menu li, #block-menu-menu-services ul.menu li.leaf { list-style-image: none;list-style-type: none; width: 90%; font-size:98%; display:block; text-align:center; clear:both; height:20px; border-bottom:1px solid #666; }
	thead th {width:50%; text-align: left}
	.social {width: 90px; float:right; padding-top:20px;}
    li.request {background-image: url("../requestcallback_mobile.png"); width:20px; height:20px}
	li.email {background-image: url("../email_mobile.png");width:20px;height:20px;}
	li.linked {background-image: url("../linked_mobile.png");width:20px;height:20px;}
}

/* Tablet portrait */
@media only screen and (min-width:481px) and (max-width:768px) {
	#logo {background-image: url("/sites/default/files/cruise_logo_landscape.png"); background-repeat:no-repeat;}	
	#search-block-form, .view-homepage-slideshow, #content img {display:none;}
	.nav ul.menu { width: 100%; float: left; margin-top: 0;}
	.nav li a, .nav .menu li a {font-size: 1em; padding: 0.5em .5em;}
	.social {width:130px;}
	#block-menu-menu-services {width:98%;}
	#block-menu-menu-services ul.menu li, #block-menu-menu-services ul.menu li, #block-menu-menu-services ul.menu li.leaf { list-style-image: none;list-style-type: none; width: 90%; font-size:98%; display:block; text-align:center; clear:both; height:20px; border-bottom:1px solid #666; }
	thead th {width:50%; text-align: left}
	
}

/* Tablet landscape */
@media only screen and (min-width:769px) and (max-width:1024px) {
	
}

/* Standard layout */
@media only screen and (min-width:960px) {
}