.post img, #logo { max-width: 100%; height: auto; width: auto; }

#mobile_nav { display: none; padding: 5px 15px; position: relative; padding: 10px 20px 10px 50px; color: #fff; background: #111; line-height: 40px; text-transform: uppercase; font-family: 'Titillium Web', Arial, sans-serif; font-size: 1.3em; }
#mobile_nav:hover { color: #fff; text-decoration: none; }
	#mobile_nav > span { display: block; width: 26px; height: 22px; background: url(../images/responsive_arrow.png) no-repeat; position: absolute; top: 50%; left: 50%; margin: -11px 0px 0px -62px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
	#mobile_nav.opened > span { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
#mobile_menu { position: absolute; top: 50px; left: 50%; width: 460px; margin-left: -230px; text-align: center; z-index: 1000; padding: 15px 0 9px; display: none; }
	#mobile_menu li { line-height: 1.44em; font-size: 20px; }
	#mobile_menu ul { display: block !important; visibility: visible !important; }
#mobile_nav, #mobile_menu { background: #111; }

#mobile_menu a { font-style: normal; color: #fff; }
#mobile_menu li.current-menu-item > a, #mobile_menu a:hover { color: #fff; text-decoration: none; }

nav#top-menu ul.mobile_nav { width: 320px; border: 1px solid #d6d6d6; background: #fafafa; display: none; }
.mobile_nav li ul { position: relative; top: 0; width: auto; display: block !important; visibility: visible !important; }

ul#top-menu ul { display: none; }

.wp-caption { max-width: 96%; padding: 8px; }
embed, iframe, object, video { max-width: 100%; }





@media only screen and ( min-width: 1360px ) and ( max-width: 1600px ) {
	.container { width: 1160px; }
	
	ul#top-menu li { padding: 0px 10px; }
	
	#home-section-2 article ul li img { width: 90%; }
	
	#left-area { width: 840px; }
	#sidebar { width: 300px; }
	
}



@media only screen and ( min-width: 960px ) and ( max-width: 1360px ) {
	.container { width: 960px; }
	
	#logo { height: 68px !important; }
	ul#top-menu li { padding: 0px 7px; }
		ul#top-menu li a { font-size: 0.8rem; }
	
	/* Homepage Styles */
	#homepage-bar .bar-1 { font-size: 1.6rem; }
	#homepage-bar .bar-2 a.button { padding: 22px 40px 20px; }
	#home-section-2 article h2, #home-brands article h2 { font-size: 1.8rem; }
	#home-section-2 article ul li img { width: 90%; }
	
	#category-name { padding: 140px 0 60px; }
		h1.category-title { font-size: 2.8rem; }
	#content { background-position: 620px 0px; }
		#left-area { width: 650px; }
			h3 { font-size: 2.0rem; line-height: 2rem; }
			h4, h5, h6 { font-size: 1.6rem; line-height: 1.6rem; }
			li.et_pt_blogentry a.et_pt_thumb { height: auto !important; }
			h2.et_pt_title { font-size: 1.2rem; line-height: 1.4rem; margin-bottom: 10px; }
		#sidebar { width: 300px; }
			.widget { width: 260px; }
				.widget img { width: 100%; }
	
	ul#footer-cols li span i { min-width: 30px; text-align: left; }
}



@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
	.container { width: 750px; }
	body { font-size: 1.0rem; }
	
	#header { padding: 10px 0px; float: none; text-align: center; }
	#logo { float: none; margin: 0 auto; height: 50px !important; }
	#header-contacts { position: relative; text-align: center; }
		#header-contacts a { display: block; line-height: 0.7rem; padding: 20px 0 0; }
			#header-contacts a:last-of-type i { float: none; }
	#navigation { position: relative; float: none; text-align: center; }
		#navigation::before, #navigation::after { display: none; }
		ul#top-menu { float: none; }
			ul#top-menu li { padding: 0px 6px; }
				ul#top-menu li a { font-size: 0.8rem; }
	
	/* Homepage Styles */
	#homepage-bar { padding: 20px 20px; background: #333659; float: left; width: 100%; }
	#homepage-bar .bar-1, #homepage-bar .bar-2 { float: left; position: relative; top: 0px; background: #333659; padding: 0px 0px; }
	#homepage-bar .bar-1 { width: 60%; font-size: 1.6rem; }
	#homepage-bar .bar-2 { width: 40%; }
		#homepage-bar .bar-2 a.button { padding: 22px 40px 20px; }
		#homepage-bar .bar-1::after, #homepage-bar .bar-2::before { display: none; }
	#homepage-main-content { padding: 80px 0px 80px; }
	#home-section-2 article h2, #home-brands article h2 { font-size: 1.8rem; }
	#home-section-2 article ul li img { width: 90%; }
	
	
	#category-name { padding: 60px 0 60px; }
		h1.category-title { font-size: 2rem; }
		#breadcrumbs { line-height: 22px; }
	#content { }
		#left-area { width: 480px; }
			h2, h3 { font-size: 2.0rem; line-height: 2rem; }
			h4, h5, h6 { font-size: 1.6rem; line-height: 1.6rem; }
			li.et_pt_blogentry { float: none !important; width: 100% !important; margin-right: 0 !important; padding: 10px !important; }
				.post-thumbnail { max-width: 400px !important; }
				li.et_pt_blogentry a.et_pt_thumb { height: auto !important; }
				h2.et_pt_title { font-size: 1.2rem; line-height: 1.4rem; margin-bottom: 10px; }
		#sidebar { width: 260px; font-size: 0.9rem; padding-left: 20px; }
			.widget h3.title { line-height: 1.2rem; font-size: 1rem; }
			.widget { width: 240px; }
				.widget img { width: 100%; }
			.widget p { padding-bottom: 5px; }
	
	#footer-ctabar span { max-width: 400px; }
	ul#footer-cols li { width: 50%; float: left; }
		ul#footer-cols li:last-child { display: none; }
	#footer-topbar ul li img.ftlogo { width: 70%; }
}





@media only screen and ( max-width: 767px ) {
	.container { width: 460px; }
	body { font-size: 1.0rem; }
	
	#header { padding: 10px 0px; float: none; text-align: center; }
	#logo { float: none; margin: 0 auto; height: auto !important; }
	#header-contacts { position: relative; text-align: center; float: left; width: 100%; }
		#header-contacts a { display: block; clear: both; line-height: 1rem; padding: 0 0; margin-top: 0; top: 0; }
			#header-contacts a:first-of-type { line-height: 3rem; }
			#header-contacts a i { float: left; margin-bottom: 20px; }
	#navigation { display: none; }
	
	#homepage-slider { display: none; }
	
	/* Homepage Styles */
	#homepage-bar { padding: 20px 20px; background: #333659; float: none; width: auto; }
	#homepage-bar .bar-1, #homepage-bar .bar-2 { float: none; display: block; width: auto; text-align: center; position: relative; top: 0px; background: #333659; padding: 0px 0px; line-height: 2rem; font-size: 1.6rem; }
		#homepage-bar .bar-2 a.button { margin-top: 20px; padding: 22px 40px 20px; }
		#homepage-bar .bar-1::after, #homepage-bar .bar-2::before { display: none; }
	#homepage-main-content { padding: 80px 0px 80px; }
		#homepage-main-content h1, #homepage-main-content h1 em { font-size: 1.6rem; line-height: 1.8rem; margin-bottom: 0; }
	#home-section-2 article h2, #home-brands article h2 { font-size: 1.5rem; margin-bottom: 30px; }
	#home-section-2 article ul li { float: none; width: auto; margin-bottom: 30px; }
		#home-section-2 article ul li img { width: 90%; margin-bottom: 0px; }
	
	
	#category-name { padding: 50px 0px; }
		h1.category-title { font-size: 2rem; line-height: 2rem; }
		p.description { font-size: 0.9rem; }
		#breadcrumbs { line-height: 22px; }
		a#page-header-am { position: relative; bottom: 0px; left: 0px; margin: 0 auto; text-align: center; display: block; padding-bottom: 10px; }
	#content { }
		#left-area { display: block; float: none; width: auto; margin-bottom: 20px; }
			h1 { font-size: 2rem; }
			h3 { font-size: 2.0rem; line-height: 2rem; }
			h4, h5, h6 { font-size: 1.6rem; line-height: 1.6rem; }
			li.et_pt_blogentry { float: none !important; width: 100% !important; margin-right: 0 !important; padding: 10px !important; }
				li.et_pt_blogentry a.et_pt_thumb { height: auto !important; }
				h2.et_pt_title { font-size: 1.2rem; line-height: 1.4rem; margin-bottom: 10px; }
				.boat-hire-capacity { font-size: 1.1rem; bottom: 12px; left: 15px; }
					.boat-hire-capacity i { font-size: 1.4rem !important; }
				.boat-hire-rate { bottom: 60px !important; }
					.post ul li.et_pt_blogentry:hover .boat-hire-rate { bottom: 60px !important;font-size: 1.8rem !important; line-height: 1.8rem !important; }
		#sidebar { display: block; float: none; width: auto; padding-left: 0px; padding-right: 0px; font-size: 1rem; }
			.widget h3.title { line-height: 1.2rem; font-size: 1rem; }
			.widget, .widget img { float: left; width: 100%; max-width: 460px; }
			.widget p { padding-bottom: 5px; }
				
	#footer-ctabar span, #footer-ctabar a.button { max-width: inherit; display: block; float: none; text-align: center; }
		#footer-ctabar a.button { margin-top: 20px; }
	#footer { padding: 40px 0px 0px; }
	ul#footer-cols li { width: 100%; float: none; text-align: center; padding-right: 0px; }
		ul#footer-cols li:last-child { display: none; }
	#footer-topbar ul li img.ftlogo { width: 70%; }
	#footer-bottom { margin-top: 20px; padding: 10px 10px 60px; }
		#copyright, #developed { float: none; text-align: center; }
	#footer-toggle-menu { display: block; }
	
	#back-top { bottom: 60px; right: 0px; }
	
}





@media only screen and ( max-width: 479px ) {
	.container { width: 300px; }
	body { font-size: 1.0rem; }
	
	#header { padding: 10px 0px; float: none; text-align: center; }
	#logo { float: none; margin: 10px auto 2px; height: auto !important; }
	#header-contacts { display: none; position: relative; text-align: center; float: left; width: 100%; }
		#header-contacts a { display: block; clear: both; line-height: 1rem; padding: 0 0; margin-top: 0; top: 0; }
			#header-contacts a:first-of-type { line-height: 3rem; }
			#header-contacts a i { float: left; margin-bottom: 20px; }
			#header-contacts a br { display: none; clear: none; }
	#navigation { display: none; }
	
	#homepage-slider { display: none; }
	
	/* Homepage Styles */
	#homepage-bar { padding: 50px 45px; background: #333659; float: none; width: auto; }
	#homepage-bar .bar-1, #homepage-bar .bar-2 { float: none; display: block; width: auto; text-align: center; position: relative; top: 0px; background: #333659; padding: 0px 0px; line-height: 2.3rem; font-size: 2rem; }
		#homepage-bar .bar-2 a.button { margin-top: 20px; padding: 22px 40px 20px; }
		#homepage-bar .bar-1::after, #homepage-bar .bar-2::before { display: none; }
	#homepage-main-content { padding: 80px 0px 80px; }
		#homepage-main-content h1, #homepage-main-content h1 em { font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 0; }
	#home-section-2 article h2, #home-brands article h2 { font-size: 1.5rem; margin-bottom: 30px; }
	#home-section-2 article ul { flex-flow: row wrap; }
		#home-section-2 article ul li { float: none; width: 100%; margin-bottom: 30px; }
		#home-section-2 article ul li img { width: 90%; margin-bottom: 0px; }
	
	
	#category-name { padding: 50px 0px; }
		h1.category-title { font-size: 1.3rem; line-height: 1.8rem; }
		p.description { font-size: 0.9rem; }
	#content { margin-top: 20px; }
		#left-area { display: block; float: none; width: auto; margin-bottom: 20px; }
			h1 { font-size: 2rem; }
			h2, h3, h4, h5, h6 { font-size: 1.4rem; line-height: 1.8rem; }
			p { line-height: 1.5rem; }
			.post { padding: 0 0 50px !important; }
			.post-thumbnail { float: none !important; margin-left: 0 !important; margin-bottom: 15px; }
			.one_third, .one_half { width: auto !important; float: none !important; margin-right: 0 !important; }
			#boat-hire-others ul li { float: none; width: 100%; padding-right: 0; margin-bottom: 20px; }
			ul#et_pt_blog { float: none !important; width: auto !important; }
				li.et_pt_blogentry { float: none !important; width: auto !important; }
			input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input.text, input.title, textarea, select { padding: 7px !important; font-size: 0.9rem !important; }
			input[type="button"], input[type="submit"], button, .button, a.read-more, .reply-container a, #commentform input#submit { padding: 17px 10px 15px; font-size: 0.9rem !important; }
			
		#sidebar { display: block; float: none; width: auto; padding-left: 0px; font-size: 1rem; }
			.widget h3.title { line-height: 1.2rem; font-size: 1rem; }
			.widget, .widget img { float: left; width: 100%; max-width: 300px; }
			.widget p { padding-bottom: 5px; }
	
	#footer-ctabar span, #footer-ctabar a.button { max-width: inherit; display: block; float: none; text-align: center; }
		#footer-ctabar a.button { margin-top: 20px; }
	#footer { padding: 40px 0px 0px; font-size: 1rem !important; }
	ul#footer-cols li { width: 100%; float: none; text-align: center; padding-right: 0px; }
		ul#footer-cols li span { font-size: 0.9rem; line-height: 1.3rem; }
		ul#footer-cols li:last-child { display: none; }
		#footer ul#footer-cols li.ftr-brands div { line-height: 2rem; font-size: 0.9rem; }
	#footer-topbar ul li img.ftlogo { width: 70%; }
	#footer-bottom { margin-top: 20px; padding: 10px 10px 60px; }
		#copyright, #developed { float: none; text-align: center; }
	#footer-toggle-menu { display: block; }
	
	#back-top { bottom: 60px; right: 0px; }
	
	.et-protected { width: auto !important; }
		.et-protected-form { background: none !important; }
			.et-protected-form p input { margin: 0 !important; }

}