#media-query-breakpoint { display: none; }
#media-query-breakpoint,
#media-query-breakpoint span:before { content: "1200"; }
@media (max-width: 1199px) {
	/* -------------------------------------------------------------------------
		HEADER LOGO
	------------------------------------------------------------------------- */
	#header.triangle .header-logo:after {width: 100px;}
	#header .header-nav ul li a {padding:0 6px;}
	/* -------------------------------------------------------------------------
		FLEETS
	------------------------------------------------------------------------- */
	.fleets-listing-header { margin-top: 10px; }
	/* -------------------------------------------------------------------------
		CUSTOMERS
	------------------------------------------------------------------------- */
	.customers .customer-testimonial .logo img {position: absolute;top: 50%;left:0;right: 0;margin: -25px auto 0 auto;}
	/* -------------------------------------------------------------------------
		TABS
	------------------------------------------------------------------------- */
	.tabs-navigation { padding-left: 15px; }
	.tabs-content { padding-right: 15px; }
	
	#media-query-breakpoint,
	#media-query-breakpoint span:before { content: "1199"; }
}
@media (min-width:992px) { body {margin-top:130px;} }

@media (max-width: 991px) {
	/* -------------------------------------------------------------------------
		BANNER
	------------------------------------------------------------------------- */
	.textOverSlider > div > div {left:30px;font-size:20px;}
	.textOverSlider > div > div h4 {font-size:30px;line-height:40px;}
	
	#toggle {display:block;}
	#header {position:relative;}
	#header .header-inner {/* margin-top:40px;z-index:9999;height:auto;bottom:inherit;position:absolute; */}
	#header .container:before,
	#header .container:after {display:none;}
	#header.triangle.header-title {height:280px;}
	#header.triangle .header-title-inner {top:150px;}
	#header .header-logo {height:100px;width:100%;margin:30px 0 0;}
	#header .header-logo a {height:100%;width:100%;text-align:center;}
	#header.triangle .header-logo a > img {height:100%;margin:0 auto;float:none;padding:0 70px 0 0;}
	
	
	/* -------------------------------------------------------------------------
		HEADER TOOL-BAR
	------------------------------------------------------------------------- */
	#header .header-tool-bar,
	#header .header-nav {display:none;background:#fff;z-index:5;}
	#header .header-tool-bar .header-right {float: left;text-align: center;}
	#header .header-left > .header-contact li { line-height: 40px; }
	#header .header-left > .header-contact { padding: 0; }
	#header .header-left > .header-contact li,
	#header .header-right > .header-language,
	#header .header-language {padding: 0;margin: 0 auto;display: block;border: none;border-bottom: 1px solid rgba(255,255,255,0.3);text-align: center;}
	#header .header-left > .header-contact li:last-child:before {display:none;}
	#header .header-right > .header-language {margin-bottom:10px;height:40px;line-height:35px;}
	#header .header-right > .header-language li:first-child { margin-left: 0; }
	#header .header-form {position: relative;padding: 0;left: 0;margin: 0 auto;max-width: 230px;}
	#header .header-language { border-top: 1px solid rgba(255,255,255,0.3); }
	#header .header-language .header-btn { display: none; }
	#header .header-language .header-form {position: relative;display: block;}
	#header .header-language .header-form ul {margin: 0 auto;display: table;}
	#header .header-language .header-form li {float: left;}
	#header .header-language .header-form ul li a {background:#162232;}
	/* -------------------------------------------------------------------------
		HEADER NAV
	------------------------------------------------------------------------- */
	#header .header-nav .navbar-right {float: none!important;}
	#header .header-nav li,
	#header .header-nav .has-submenu li {position: relative;display: block;width: auto;float: none;margin: 0;padding: 0;overflow: hidden;line-height: 40px;color: #fff;}
	#header .header-nav .navbar-nav {display:block;float:none;margin:0px auto 10px;max-width:230px;}
	#header.triangle .header-nav ul li{line-height:40px;margin-right:0;margin-top:0px;}
	#header .header-nav ul > li > a {width:100%;line-height:40px;}
	#header .header-nav .has-submenu li > a {padding:0 10px;display:inline-block;line-height:40px;color:#fff;height:40px;}
	#header .header-nav .has-submenu li:hover,
	#header .header-nav .has-submenu li:hover a {background: transparent;color: #fff;}
	#header .header-nav .sub-menu,
	#header .header-nav .sub-menu .sub-menu {position:relative;display:none;padding-left:0;margin-left:20px;top:auto;left:auto;}
	#header .header-nav .sub-menu li {line-height: 40px;}
	#header .header-nav .has-submenu > .sub-menu {position:relative;padding-left:0;left:0;background:none;box-shadow:none;}
	#header .header-nav .has-submenu li {padding-top: 0;padding-bottom: 0;background:none;}
	#header .header-nav .has-submenu li:first-child { padding-top: 0; }
	#header .header-nav .has-submenu li:last-child { padding-bottom: 0; }
	#header .header-nav .has-submenu li:hover a { background: transparent; }
	#header .header-nav .has-submenu li a { color: #162232; }
	#header .header-nav .has-submenu li > a:hover { color: #d0dae6; }
	#header .header-nav .has-submenu li > a:after,
	#header .header-nav .has-submenu:after { display: none; }
	#header .header-nav .has-submenu .submenu-toggle {position:absolute;display:block;right:0;top:0;width:40px;height:40px;color:#fff;cursor:pointer;z-index:99999;}
	#header .header-nav .has-submenu:hover .submenu-toggle {color:#162232;}
	#header .header-nav .has-submenu:hover .submenu-toggle:hover {color:#162232;}
	#header .header-nav .has-submenu.active .submenu-toggle {color:#162232;}
	#header .header-nav .has-submenu.active:hover .submenu-toggle:hover {color:#162232;}

	/******* CUSTOM *******/
	.sidebar {margin-top:50px;float:left;}
	#offersBanner {padding-right:15px;}
	.bannerDiscounts {margin-top:90px;}
	#map-contact2 {width:100%;height:350px;}
	/* -------------------------------------------------------------------------
		FLEETS
	------------------------------------------------------------------------- */
	.fleets .fleet-details-sidebar {margin-top: 20px;margin-left: 0;}
	
	#calcYourPrice .periods > div {padding-left:10px;padding-right:5px;}
	#calcYourPrice .periods > div > div {padding-top:5px;}
	#calcYourPrice .periods > div > div.radio {padding-top:0px;}
	/* -------------------------------------------------------------------------
		NEWS
	------------------------------------------------------------------------- */
	.news .sidebar {margin-left:0;}
	/* -------------------------------------------------------------------------
		CONTACT FORM
	------------------------------------------------------------------------- */
	.contact-form .select-box > input,
	.contact-form .select-box > i { display:none;}
	.contact-form .select-box > select {display:block;width:100%;}
	/* -------------------------------------------------------------------------
		SUPERTABS
	------------------------------------------------------------------------- */
	.tabs-navigation .tab-title-list li { margin-left: 0;}
	.tabs-navigation { padding: 0 15px; }
	.tabs-content {  padding: 0 15px; }
	/* -------------------------------------------------------------------------
		TABLE
	------------------------------------------------------------------------- */
	table {display:block;max-width:100%;overflow-x:scroll;}

	#media-query-breakpoint,
	#media-query-breakpoint span:before { content: "991"; }

	.welcome {padding:50px 0px;}
	.package:nth-child(3) {clear:both;}
	
	#footer #eurocertImg {top:-40px;right:10px;}
}
  
@media (max-width: 767px) {
	/* -------------------------------------------------------------------------
		BANNER
	------------------------------------------------------------------------- */
	#banner {height:300px!important;}
	#banner .banner-bg {height:300px!important;}
	#banner .banner-bg-item {height:300px!important;}
	
	#header.triangle.header-title {height:240px;}
	#header.triangle .header-title-inner {top:90px;}
	/* -------------------------------------------------------------------------
		FLEETS
	------------------------------------------------------------------------- */
	.fleets .fleets-listing-header h5 {display: block;text-align: center;}
	.fleets .fleet-list .fleet-thumb { float: none;width: 100%; height: 100%;margin:0 0 20px 0; }
	.fleets .fleet-list .list-yacht-details {float:left;width:100%;}
	.fleets .fleet-list .fleet-vechicle-content { padding-left: 30px;}
	
	.specs > .rowSpec1 {padding-right: 0px;}
	.specs > .rowSpec2 {padding-left: 0px;}
	.specs > .rowSpec1 > label {width:150px;}
	/* -------------------------------------------------------------------------
		DRIVERS
	------------------------------------------------------------------------- */
	.modal-dialog {width: 320px;margin:50px auto;}
	/* -------------------------------------------------------------------------
		NEWS
	------------------------------------------------------------------------- */
	.news .thumb img { margin-bottom: 20px;}
	/* -------------------------------------------------------------------------
		CONTACT
	------------------------------------------------------------------------- */
	#map-contact2 { height:250px !important;}

	#media-query-breakpoint,
	#media-query-breakpoint span:before { content: "767"; }
	
	.posRel {padding-left:15px;}
	.text_banner_index {margin-top:30px;}
	.textOverSlider > div > div {left:0px!important;padding-left:10px!important;padding-right:10px!important;}
}

@media (max-width: 608px) {
	/* -------------------------------------------------------------------------
		BANNER
	------------------------------------------------------------------------- */
	#banner {height:400px !important; }
	#banner .banner-bg {height:400px !important; }
	#banner .banner-bg-item {height:400px !important; }
	/* -------------------------------------------------------------------------
		CUSTOMERS
	------------------------------------------------------------------------- */
	.customers  .customer-testimonial-content { padding-left: 30px;}
	/* -------------------------------------------------------------------------
		FLEETS
	------------------------------------------------------------------------- */
	.fleets .fleet-list .fleet-vechicle-content { padding-bottom: 20px; }
	.fleets .fleet-list .fleet-vechicle-properties {padding: 0;margin-bottom:0;display:block;width:100%;float:none !important;}
	

	#media-query-breakpoint,
	#media-query-breakpoint span:before { content: "767"; }
}

@media ( max-width: 480px ) {
	h1 {font-size:35px;}
	#header .header-logo {height:100px;width:100%;}
	#header .header-logo a {height:100%;width:100%;text-align:center;}
	#header.triangle .header-logo a > img {height:100%;}
	#header .header-nav .navbar-nav {width:220px;}
	/* -------------------------------------------------------------------------
		BANNER
	------------------------------------------------------------------------- */
	#banner {height:400px !important; }
	#banner .banner-bg {height:400px !important; }
	#banner .banner-bg-item {height:400px !important; }
	/* -------------------------------------------------------------------------
		HEADER-TITLE
	------------------------------------------------------------------------- */
	#header .header-title-inner h3 {float: none !important;text-align: center;}
	#header .breadcrumbs { display: none;}
	/* -------------------------------------------------------------------------
		ESSENTIALS
	------------------------------------------------------------------------- */
	#essentials .tab-title-list .tab-title {display: block;float: none;}
	/* -------------------------------------------------------------------------
		PARTNERS
	------------------------------------------------------------------------- */
	.partners h5:before,
	.partners h5:after { display: none; }

	#media-query-breakpoint,
	#media-query-breakpoint span:before { content: "480"; }
  	.fleets .fleet-list .fleet-vechicle-header > span {position:relative;text-align:right;width:100%;display:inline-block;}
	.fleets .fleet-list .fleet-vechicle-header h5 {padding:0px!important;}
	.fleets .fleet-list .fleet-thumb {margin-left:15px;}
	.explain > div {margin-right: 10px;}
	.explain > div > div.booked {width:20px;}
	.explain > div > div.option {width:20px;}
	
	.contact-map .contact-form {padding-left:0px;padding-right:0px;}
	#footer #eurocertImg {top:-155px;}
	
}

@media ( max-width: 320px ) {
	/* -------------------------------------------------------------------------
		BANNER
	------------------------------------------------------------------------- */
	#banner {height:400px !important; }
	#banner .banner-bg {height:400px !important; }
	#banner .banner-bg-item {height:400px !important; }
	
	/* -------------------------------------------------------------------------
		TABS
	------------------------------------------------------------------------- */
	.tabs-navigation .tab-title-list li { padding-left: 20px; }
	.tabs-navigation .tab-title-list li p, .tabs-content .tab-content-list li p { line-height: 20px; }
	.tabs-navigation .tab-title-list li h5 { margin-top: 35px; }
	.tabs-content .tab-content-list li {position: relative;padding: 40px 20px;height: auto !important;}
	.tabs-content .tab-content-list li .heading{position:relative;top:0;right:0;left:0;bottom:0;}
	/* -------------------------------------------------------------------------
		FLEETS
	------------------------------------------------------------------------- */
	.fleets .layout-list .fleet-vechicle-header h5,
	.fleets .layout-list .fleet-vechicle-header span,
	.fleets .layout-list .fleet-vechicle-properties li,
	.fleets .layout-list .fleet-vechicle-properties li strong,
	.fleets .fleet-details .fleet-vechicle-header h5,
	.fleets .fleet-details .fleet-vechicle-header span,
	.fleets .fleet-details-sidebar .fleet-vechicle-properties li,
	.fleets .fleet-details-sidebar .fleet-vechicle-properties li strong {position:relative;padding:0;margin:0;display: block;float: none;text-align: left;}
	.fleets .layout-list .fleet-vechicle-header span,
	.fleets .fleet-details .fleet-vechicle-header span { top: 0;}
	/* -------------------------------------------------------------------------
		MODAL
	------------------------------------------------------------------------- */
	.modal-dialog { width: 220px;}
	/* -------------------------------------------------------------------------
		NEWS
	------------------------------------------------------------------------- */
	.post .post-header h5,
	.post .post-header span {position: relative;padding: 0;margin: 0;display: block;float: none;text-align: left;}
	/* -------------------------------------------------------------------------
		CUSTOMERS
	------------------------------------------------------------------------- */
	.customers .customer-testimonial-header h5,
	.customers .customer-testimonial-header span {position:relative;padding:0;margin:0;display:block;float:none;text-align:left;}
	.customers .customer-testimonial-header span {top:0;}
	
	#media-query-breakpoint,
	#media-query-breakpoint span:before { content: "320"; }
}