/* Large Screens (Desktops) */

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

}

@media only screen and (max-width : 1430px) {
	.section {
		max-width: 1200px;
	}

	#finance .textImage .text {
		width: 560px;
	}
	
	.textImage .text,
	.textImage .image {
		width: 560px;
	}
	
	.centeredText .overlay {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	#features .listing li .overlay {
		padding: 20px;
	}

	.imageSlider .section {
		padding-left: 35px;
		padding-right: 35px;
	}

	.imageSlider .slides .owl-nav .owl-prev {
		left: -43px;
	}

	.imageSlider .slides .owl-nav .owl-next {
		right: -43px;
	}

	#contact .cols .left {
		margin-left: 70px;
	}

	#contact .cols .right {
		margin-right: 70px;
	}

	#equipment .imageText .text {
		width: 530px;
	}
	
	#info .section {
		padding-top: 75px;
		padding-bottom: 75px;
	}
	
}

/* Medium Screens (Tablets - Landscape) */

@media only screen and (max-width : 1225px) {
	.section {
		max-width: 970px;
	}
	
	#header .logo {
		width: 206px;
	}

	#header #navigation ul li {
		margin-right: 18px;
	}
		
	#banner .overlay .section {
		font-size: 33px;
	}
	
	#banner .overlay .section .title {
		font-size: 80px;
	}
	
	#banner .overlay .section .linkBtn {
		margin-top: 25px;
	}

	#engine .logo {
		right: 160px;
	}
	
	#centres .listing li {
		width: 190px;
	}

	#finance .textImage .text {
		width: 493px;
	}

	#finance .textImage .image {
		width: 451px;
	}

	#equipment .imageText .image {
		width: 539px;
	}

	#equipment .imageText .text {
		width: 412px;
	}
	
	.textImage .text {
		width: 493px;
	}

	.textImage .image {
		width: 451px;
	}
	
	.centeredText .overlay {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	#features .listing {
		--gap: 10px;
	}

	#features .listing li .overlay {
		font-size: 25px;
	}

	.titleBold {
		font-size: 53px;
	}

	.imageSlider .section {
		padding-left: 45px;
		padding-right: 45px;
	}

	#video .listing {
		--gap: 20px;
	}

	#contact .cols .left {
		margin-left: 0;
	}

	#contact .cols .right {
		width: 512px;	
		margin-right: 0;
	}

	#footer .logo {
		width: 205px;
		margin-right: 34px;
	}

}

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}

	#header .logo {
		width: 170px;
		margin-left: 80px;
	}

	#header #navigation ul li {
		margin-right: 16px;
	}

	#header .options .login {
		margin-left: 14px;
	}

	#slider .slides .owl-nav {
		left: 2.5%;
		right: 2.5%;
	}

	#slider .slides .owl-nav .owl-prev, #slider .slides .owl-nav .owl-next {
		width: 17px;
		height: 31px;
	}
	
	#banner .overlay .section {
		font-size: 28px;
	}
	
	#banner .overlay .section .title {
		font-size: 70px;
	}
	
	#banner .overlay .section .linkBtn {
		margin-top: 23px;
	}
	
	#ourModels .tabs li {
		min-width: 130px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#engine .section {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	#engine .logo {
		right: 64px;
		width: 182px;
		top: 43px;
	}

	#service .section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	#service .listing li {
		width: 230px;
	}

	#finance .textImage .text {
		width: 358px;
	}

	#finance .textImage .image {
		width: 341px;
	}

	#keyFeatures .listing li {
		margin-bottom: 5px;
	}

	#keyFeatures .listing li p.title {
		font-size: 16px;
	}

	#equipment .imageText {
		display: block;
	}

	#equipment .imageText .text {
		width: 100%;
	}

	#equipment .imageText .image {
		max-width: 650px;
		width: 100%;
		margin: 0 auto 20px;
	}

	#contact .cols .left {
		width: 340px;
	}
	
	#contact .cols .left .contacts li .ico {
		margin-right: 14px;
	}

	#contact .cols .right {
		width: 350px;
	}
	
	#contact .cols .right .newsletter {
		padding: 30px 23px;
	}

	#contact .cols .right .newsletter .form .label {
		width: 30px;
	}

	#contact .cols .right .newsletter .form button {
		width: 92px;
	}

	#buildBoat .options {
		width: 337px;
	}

	#buildBoat .options .info {
		padding: 20px;
	}

	#buildBoat .options .more {
		padding: 20px 20px 0;
	}

	#buildBoat .options .more .btns {
		flex-direction: column;
	}

	#buildBoat .options .more .btns .bttn {
		margin-bottom: 10px;
	}

	#buildBoat .options .more .btns .bttn:last-child {
		margin-bottom: 0;
	}

	#footer .section {
		flex-wrap: wrap;
	}

	#footer .copyright {
		order: 20;
		text-align: right;
		width: 100%;
		flex-shrink: 0;
		margin: 20px 0 0;
	}
	
	.heading {
		font-size: 40px;
	}

	.subheading {
		font-size: 28px;
	}
}

/* Extra Small Screens */

@media only screen and (max-width : 767px) {
	#menuBtn {
		display: block;
	}	

	#mainWrapper {
		padding-top: 0;
	}

	#header {
		position: static;
	}

	#header .section {
		display: block;
		height: auto;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	#header .logo {
		position: static;
		display: block;
		margin: 0 auto 15px;
		transform: none;
		width: 222px;
	}

	#header .options {
		justify-content: center;
	}

	#header #navigation {
		display: none;
	}
	
	#banner .overlay .section {
		font-size: 22px;
	}
	
	#banner .overlay .section .title {
		font-size: 55px;
	}
	
	#banner .overlay .section .linkBtn {
		margin-top: 15px;
	}

	#intro,
	#slider .slides li {
		height: 100vh;
	}

	#intro .overlay .section {
		min-height: 335px;
	}

	#intro .overlay .text {
		max-width: 100%;
		text-align: center;
	}

	#modelsTab .tabs {
		display: block;
	}

	#modelsTab .tabs li {
		border: 0;
		border-bottom: 1px solid #000;
	}

	#ourModels .tabs {
		display: block;
	}

	#ourModels .models .model ul li {
		width: 50%;
	}
	
	#slider .slides li .overlay .text {
		padding-left: 20px;
		padding-right: 20px;
		max-width: 300px;
	}

	#slider .slides li .overlay .section .text .subtext {
		width: auto;
	}

	.products li {
		width: 50%;
	}

	#engine .section {
		text-align: center;
		padding-top: 46px;
		padding-bottom: 46px;
	}

	#engine .logo {
		position: static;
		display: block;
		margin: 0 auto 30px;
	}

	#engine .listing {
		flex-wrap: wrap;
	}

	#engine .listing li {
		width: 100%;
		margin: 0 0 20px;
	}

	#service .listing li {
		width: 100%;
	}

	#service .text {
		max-width: 100%;
		text-align: center;
		margin-bottom: 40px;
	}

	#service .listing li {
		margin-right: 0;
	}

	#service .listing li a .txt {
		text-align: center;
		padding-bottom: 16px;
	}

	#service .listing li a .txt .title {
		display: block;
		margin-bottom: 20px;
	}

	#service .listing li a .txt .title i {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}

	#service .listing li a .txt .title em:before {
		left: 50%;
		transform: translateX(-50%);
	}

	#centres .listing li {
		width: 210px;
	}

	#keyFeatures .listing li {
		width: 50%;
		margin-bottom: 5px;
	}

	#buildSummary {
        padding: 10px;
    }

    #buildSummary .sec .head {
        font-size: 16px;
    }

    #buildSummary .sec .option {
        width: auto;
        flex: 1;
        padding-right: 10px;
    }

    #buildSummary .sec .data {
        font-size: 14px;
    }

	#finance {
		text-align: center;
	}

	#finance .textImage {
		flex-direction: column;
	}

	#finance .textImage .text {
		width: 100%;
	}

	#finance .textImage .text>:last-child {
		margin-bottom: 0;
	}

	#finance .textImage .image {
		order: -1;
		width: 100%;
		min-height: auto;
		margin-bottom: 20px;
	}	
	
	#info .section {
		padding-top: 35px;
		padding-bottom: 60px;
	}
	
	.textImage {
		flex-direction: column;
	}

	.textImage .image {
		order: -1;
		width: 95%;
		margin: 0 auto;
	}

	.textImage .text {
		width: 100%;
		text-align: center;
	}
	
	.centeredText .overlay {
		padding-top: 60px;
		padding-bottom: 60px;
		font-size: 20px;
	}

	.imageSlider .section {
		padding: 60px 15px;
	}

	.imageSlider .slides .owl-nav {
		filter: none;
	}

	.imageSlider .slides .owl-nav .owl-prev {
		left: 15px;
	}

	.imageSlider .slides .owl-nav .owl-next {
		right: 15px;
	}
	
	.imageSlider .slides .owl-dots {
		margin-top: 20px;
	}

	.imageSlider .slides .owl-dots .owl-dot {
		margin: 3px 6px;
	}

	#video .listing li {
		width: 100%;
		text-align: center;
	}

	#features .section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	#features .listing {
		--gap: 5px;
	}

	#features .listing li {
		width: calc(50% - calc(var(--gap) * 2));
	}

	#features .listing li .overlay {
		padding: 10px;
		font-size: 20px;
	}

	#buildBoat {
		display: block;
	}

	#buildBoat .image {
		padding-bottom: 63.17829457364341%;
	}

	#buildBoat .options {
		width: 100%;
	}
	
	#buildBoat .options .info {
		text-align: center;
	}

	#buildBoat .options .more .title {
		text-align: center;
	}

	#buildBoat .options .more .choices .choice .data {
		position: relative;
	}

	#buildBoat .options .more .choices .choice .data .listing.horizontal li {
		width: 50%;
	}

	#equipment .imageText .text {
		text-align: center;
	}

	#contact {
		text-align: center;
	}

	#contact .cols {
		display: block;
	}

	#contact .cols .left {
		width: 100%;
	}

	#contact .cols .left .contacts li:first-child {
		padding-top: 0;
	}

	#contact .cols .left .contacts li a,
	#contact .cols .left .contacts li {
		flex-direction: column;
	}

	#contact .cols .left .contacts li .ico {
		margin: 0 auto 10px;
	}

	#contact .cols .left .contacts li .text .title {
		margin-bottom: 8px;
	}

	#contact .cols .right {
		width: 100%;
	}

	#contact .cols .right .newsletter {
		padding: 20px 15px;
		margin-top: 30px;
	}

	#contact .cols .right .newsletter .title {
		display: block;
	}

	#contact .cols .right .newsletter .title p:before {
		left: 50%;
		transform: translateX(-50%);
	}

	#contact .cols .right .newsletter .title .ico {
		margin: 0 auto 10px;
	}
	
	#contact .cols .right .newsletter .form .field input {
		padding: 0 10px;
	}

	#footer .section {
		flex-direction: column;
		padding-top: var(--section-gap);
		padding-bottom: var(--section-gap);
	}
	
	#footer .logo {
		margin: 0 0 20px;
		width: 240px;
	}

	#footer .links {
		display: block;
		margin: 0;
		width: 100%;
		text-align: center;
	}
	
	#footer .links li {
		padding: 0;
		margin-bottom: 15px;
	}

	#footer .links li:before {
		display: none;
	}

	#footer .links li:last-child {
		margin-bottom: 0;
	}

	#footer .copyright {
		text-align: center;
	}

	.linkBtns {
		flex-direction: column;
		align-items: center;
	}

	.linkBtns .linkBtn {
		margin: 5px 0;
	}

	.linkBtn {
		margin-left: auto;
		margin-right: auto;
	}

	.heading {
		font-size: 30px;
	}

}

@media only screen and (max-width : 478px) { 
    #buildSummary .sec .head,
    #buildSummary .sec .data {
        flex-direction: column;
        gap: 4px;
    }

    #buildSummary .sec .option {
        width: 100%;
        padding-right: 0;
        font-weight: bold;
    }

    #buildSummary .sec .selection {
        width: 100%;
    }

    #buildSummary .sec .data .option:empty {
        display: none;
    }

    #buildSummary .header {
        padding: 12px 15px;
    }

	#keyFeatures .listing li {
		width: 100%;
	}
}

@media only screen and (max-width : 400px) { 
	.products li {
		width: 100%;
		text-align: center;
	}

	.products li .text .name:before {
		left: 50%;
		transform: translateX(-50%);
	}
}