/*!
 * Generic Responsive Styles v1.0.0
 * Copyright 2024 Epirus Marinas
 */
@media only screen and (min-width: 1200px) {	
	
	.container{
		max-width: 1400px;	 
	}
	
}
@media only screen and (max-width: 1399px) {
	
}
@media only screen and (max-width: 1199px) {
	
}
@media only screen and (max-width: 991px) {
	
	.numbers .number {
		font-size: 60px;
	}
	.numbers .txt {
		font-size: 17px;
	}
}
@media only screen and (max-width: 767px) {
	
	footer .widget h3{
		font-size: 22px;
	}
	footer .widget h3 a{
		display: block;
	}
	footer .widget .widget-body{
		display: none;
		margin: 15px 0;
		padding-left: 15px;
	}
	
	body .cpbs-main .cpbs-main-content .cpbs-main-content-step-1 .cpbs-form-panel > div:first-child{
		padding: 0;
		position: relative;
	}
	body .cpbs-main .cpbs-main-content .cpbs-main-content-step-1 .cpbs-form-panel > div:first-child > div{
		padding: 30px 10px 30px 20px;
	}
	body .cpbs-main .cpbs-google-map{
		display: none;
	}
	.showcase h1 {
		font-size: 50px;
		line-height: 44px;
		margin-bottom: 10px;
	}
	.showcase h3 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	.btn-large .button_su_inner {
		font-size: 16px;
		padding: 15px 40px;
	}
	.nice-bg h3{
		font-size: 36px;
		line-height: 40px;
		margin-bottom: 15px;
	}
	.nice-bg h3:after{
		display: none;
	}
	.back-to-top {
		right: 10px;
		bottom: 15px;
	}
	.image-banner h3{
		font-size: 40px;
		line-height: 40px;
	}
	.page-header h1 {
		font-size: 45px;
		line-height: 52px;
	}
	.marinas-list .marina-li h2 {
		font-size: 34px;
		line-height: 40px;
		margin-bottom: 15px;
	}
	.inner-marina-wrapper{
		padding: 10px 30px;
	}
	.woocommerce-MyAccount-navigation{
		padding: 10px 20px;
		margin-bottom: 30px;
	}
	.showcase h1{
		max-width: 90%;
	}
	
}
@media only screen and (max-width: 575px) {
	
	html, body{
		overflow-x: hidden;
	}
	body .cpbs-width-300.cpbs-main .cpbs-main-content .cpbs-main-content-step-1 .cpbs-form-panel > div:first-child > div > div > div > div > div{
		flex-basis: auto;
	}
	body .cpbs-width-300.cpbs-main .cpbs-main-content .cpbs-main-content-step-1 .cpbs-form-panel > div:first-child > div > div > div > div > .cpbs-form-field + .cpbs-form-field{
		border-left-width: 0px;
	}
	.logo img, .logo svg{
		height: 36px;
	}
	header .button_su_inner{
		padding: 9px 20px;
	}
	.mmenu-trigger{
	  height: 44px;
	  line-height: 44px;
	  width: 40px;
	  font-size: 20px;
	}
	.showcase h1 {
		font-size: 34px;
		line-height: 36px;
	}
	.showcase h3 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 20px;
	}
	.btn-large .button_su_inner {
		font-size: 15px;
		padding: 12px 20px;
	}
	.image-banner h3{
		font-size: 30px;
		line-height: 30px;
	}
	.page-header h1 {
		font-size: 34px;
		line-height: 45px;
	}
	.marinas-list .marina-li h2 {
		font-size: 30px;
		line-height: 34px;
		margin-bottom: 10px;
	}
	.inner-marina-wrapper{
		padding: 8px 20px;
	}
	.showcase h1{
		max-width: 100%;
	}
	
}
@media only screen and (max-width: 420px) {
	
	.logo img, .logo svg {
		height: 30px;
	}
	header .button_su_inner {
		padding: 7px 10px;
	}
	header .button_su_inner i{
		display: none;
	}
	.mmenu-trigger {
		height: 40px;
		line-height: 40px;
		width: 30px;
		font-size: 20px;
	}
	
}
@media only screen and (max-width: 350px) {
	
	header .button_su_inner {
		padding: 7px 5px;
	}
	.logo img, .logo svg {
		height: 28px;
	}
	
}