/* mobile styles - just under iPad size */

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

	/* Header */

	header {
		text-align: center;
		padding-bottom: 15px;
	}

	a#wlogo,
	a#slogo {
		float: none;
		text-align: center;
	}
	
	a#slogo {
		margin: 0;
	}
	

	div.site_search,
	div#basket-area {
		float: none;
		text-align: center;
	}
	
	div.site_search input {
		width: 80%;
	}
	
	ul#basket-links {
	    text-align: center;
	}
	
	div.product {
		height: 230px;
	}
	
	div.product h3 {
		font-size: 16px;
		margin: 0px auto;
		float: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		max-width: 100% !important;
		text-align: center;
		padding-top: 20px;
	}
	
	div.product figure {
		float: none;
		width: 115px;
		margin-top: 0;
		text-align: center;
		margin: 20px auto 0;
	}
	
	div.product-hover img {
		top: -40px;
	}
	
	div.product-hover span {
		top: 120px;
	}

	/* Content */

	section#content {
		margin: 0;
		float: none;
	}
	
	section#content img {
		max-width: 100%;
		height: auto;
	}

	aside {
		width: auto;
		float: none;
		text-align: left;
		margin: 0;
		border-top: 1px solid #dde1e4;
		padding-top: 30px !important;

	}

	section#content img {
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	
	section#enquire {
		margin-bottom: 0;
	}
	
	div.buttonset {
		float: left;
		width: auto;
		margin-top: 5px;
		text-align: left;
	}
	
	ul#flags {
		margin-top: 12px;
	}

	ul#member {
		width: 100%;
		margin: 10px 0;
		padding-bottom: 10px;
		border-bottom: 1px solid #dde1e4;
	}
	
	ul#member li {
		margin: 0 15px;
	}

	nav.full {
		padding: 0px;
		width: 100%;
	}
	
	ul.topnav {
		margin-top: 20px;
		margin-bottom: 0;
	}
	
	ul#nav-main-m {
		margin-top: 0;
		text-align: left;
	}
	
	ul.topnav li,
	ul#nav-main-m li {
		display: block;
		margin-right: 0;
		margin-bottom: 10px;
		font-size: 15px;
		padding-bottom: 8px;
		margin-left: 0;
		border-bottom: 1px solid #e3e5e8;
		
	}
	
	
	ul#nav-main-m li.last {
		margin-right: 0 !important;
		border-bottom: 0;
	}
	
	ul.topnav li a,
	ul#nav-main-m li a {
		color: #747a82;
		padding: 0;
	}

	ul.topnav > li a:hover,
	ul.topnav > li.current a,
	ul.topnav li.parent-current a,
	ul#nav-main-m > li a:hover,
	ul#nav-main-m > li.current a,
	ul#nav-main-m li.parent-current a {
		color: #FF7300 !important;
		background-color: #f3f5f8;
	}
	
	
	/* content */
	
	h1 {
		margin-top: 30px !important;
	}
	

	figure img {
		max-width: 100%;
		height: auto;
	}

	figure.page_image {
		float: none;
		margin: 0 0 20px 0;
	}
	
	
	div.product h3 {
		width: 120px;
	}
	
	div.bx-wrapper ul#market-slider li {
		width: 264px !important;
	}
	
	section#duplex-secure ul#secure-slider li, 
	section#market ul#market-slider li {
		height: 380px;
	}
	
	div#market-wrapper .bx-wrapper .bx-prev,
	div#market-wrapper .bx-wrapper .bx-next {
		display: none;
	}

	/* Footer */

	footer {
		text-align: center;
	}

	footer nav#info {
		width: auto;
		float: none;
	}

	footer ul#nav-sub {
		text-align: center;
	}

	p#bluestorm {
		float: none;
		width: auto;
		text-align: center;
	}
	
	table.contact-table td {
		height: 100px;
	}
	
	footer ul#social {
		text-align: center;
	}
	
	footer ul#social li {
		margin-left: 2px;
		margin-right: ;
	}

}

@media only screen and (max-width : 375px) {
	h1{font-size:12px;line-height:20px!important}
  h2{font-size:10px}
	div#banner {
		display: none;	
	}
	
	section#duplex-secure ul#secure-slider li, 
	section#market ul#market-slider li {
		margin-right: 0;
		height: 420px;
	}
	 
	body.home section#content {
		margin: 0;
	}
	
	div#market-wrapper .bx-wrapper .bx-prev,
	div#market-wrapper .bx-wrapper .bx-next {
		display: none;
	}
	 
	div.product {
		height: 230px;
	}
	
	div.product h3 {
		font-size: 16px;
		margin: 0px auto;
		float: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		max-width: 100% !important;
		text-align: center;
		padding-top: 20px;
	}
	
	div.product figure {
		float: none;
		width: 115px;
		margin-top: 0;
		text-align: center;
		margin: 20px auto 0;
	}
	
	div.product-hover img {
		top: -40px;
	}
	
	div.product-hover span {
		top: 120px;
	}
	
	
	div.bx-wrapper ul#market-slider li {
		width: 350px !important;
		margin-right: 0;
	}
	
	img.latest-img {
		float: none;
	}
	
	footer img#wartsila-logo {
		float: none;
		margin-right: 0;
	}
	
	div#footer_wrap {
		padding: 0;
	}
	div#footer_wrap div.four {
		border-bottom: 1px solid #3e4349;
		padding-top: 20px;
	}
	
	div#footer_wrap div.four.register{
		border-bottom: 0;
	}
	table.contact-table {
		float: none;
		width: 100%;
	}
	
	table.contact-table td {
		height: auto;
	}
	
	.latest .button.large {
		position: relative !important;
	}
	
	footer ul#social {
		text-align: center;
	}
	
	footer ul#social li {
		margin-left: 2px;
		margin-right: ;
	}
	
}

@media only screen and (max-width : 320px) {
	
	div#banner {
		display: none;	
	}
	
	div#market-wrapper .bx-wrapper .bx-prev,
	div#market-wrapper .bx-wrapper .bx-next {
		display: none;
	}
	
	
	section#duplex-secure ul#secure-slider li, 
	section#market ul#market-slider li {
		margin-right: 0;
		height: 380px;
	}
	 
	body.home section#content {
		margin: 0;
	}
	 
	div.product {
		height: 230px;
	}
	
	div.product h3 {
		font-size: 16px;
		margin: 0px auto;
		float: none;
		width: 100%;
		max-width: 100% !important;
		text-align: center;
		padding-top: 20px;
	}
	
	div.product figure {
		float: none;
		width: 115px;
		margin-top: 0;
		text-align: center;
		margin: 20px auto 0;
	}
	
	div.product-hover img {
		top: -40px;
	}
	
	div.product-hover span {
		top: 120px;
	}
	
	
	div.bx-wrapper ul#market-slider li {
		width: 300px !important;
		margin-right: 0;
	}
	
	img.latest-img {
		float: none;
	}
	
	div.product {
		border: none;
	}
	
	footer img#wartsila-logo {
		float: none;
		margin-right: 0;
	}
	
	div#footer_wrap {
		padding: 0;
	}
	div#footer_wrap div.four {
		border-bottom: 1px solid #3e4349;
		padding-top: 20px;
	}
	
	div#footer_wrap div.four.register{
		border-bottom: 0;
	}
	table.contact-table {
		float: none;
		width: 100%;
	}
	
	table.contact-table td {
		height: auto;
	}
	
	.latest .button.large {
		position: relative !important;
	}
	
	footer ul#social {
		text-align: center;
	}
	
	footer ul#social li {
		margin-left: 2px;
		margin-right: ;
	}
	
	img.world-map {
		margin-bottom: 20px !important;
	}
	
}