/* RESPONSIVE ELEMENTS SAILING */

/* MOBILES PORTRAIT SMALL*/
@media only screen and (max-width:374px) {
    #homepage {height:250px;}
	.header-nav ul li a { padding:16px 15px 0px 0px; }
    .logo { max-width:140px; padding:13px 0 0px 20px; }
    h1 { font-size:46px; }
    h1.white { font-size:38px; }
    h1.feat { font-size:46px; }
    #slidecaption { font-size:60px; font-weight:500; margin-bottom:20px; }
    .slidedescription { font-size:20px; font-weight:300; }
    .card { position:relative; width:100%; text-align:center; padding:0px 0 100px 0; }
    .contact-social-icons li a { font-size:16px; width:34px; height:34px; }
    .lines, .adress { font-size:22px; width:100%; }
    #copyright { padding:0px 20px 0 20px; }
    .flickity-fullscreen-button .flickity-button-icon { width:26px; height:26px; right:0px; top:-2px; }
    .flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit { display:block; right:50px; top:40px; }
    .flickity-enabled.is-fullscreen .flickity-page-dots { display:none; }
    .flickity-prev-next-button { display:none; }
    .flickity-enabled.is-fullscreen .flickity-prev-next-button { display:block; width:60px; height:60px; }
    .flickity-enabled.is-fullscreen .flickity-prev-next-button.previous { left:50px; }
    .flickity-enabled.is-fullscreen .flickity-prev-next-button.next { right:50px; }
    .carousel { height:260px; }
    .carousel-cell { height:260px; }
    .carousel-cell-image { height:100%; width:auto; }
    .parallax { width:100%; height:260px; }
    .prlx1, .prlx2, .prlx3, .prlx4 { -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; background-attachment:scroll; background-position:top; background-repeat:no-repeat; }
    .prlx-text { font-size:28px; width:330px; }
    .beneteau { display:block; }
    .beneteau-img { max-width:300px; height:auto; padding:20px 0px; }
    .orca { display:block; }
    .orca-img { max-width:300px; height:auto; padding:20px 0px; }
    .knots { display:block; }
    .knots-img { width:auto; max-height:60px; padding:15px 0px; margin:0px 20px; }
	.detail-button { margin:-10px 0 0 0; }
    .detail-button-service { margin:40px 0px 0px 17px; float:left; }
    .clients { font-size:13px; line-height:1.4; -webkit-text-align-last:left; -moz-text-align-last:left; text-align:justify; }
    .parallax { position:relative; width:100%; height:180px; overflow:hidden; }
    .prlx-text { font-size:22px; line-height:1.3; font-weight:500; width:250px; }
    #brushstroke { position:absolute; width:95%; height:auto; margin:32px 0 0 12px; display:flex; justify-content:center; align-items:center; overflow:hidden; }
    .brushstroke { background-width:500px; height:60px; background-image:url('../images/brushstroke/brushstroke-01.png'); background-repeat:no-repeat; background-size:cover; background-size:100%; }
    .features { width:240px; text-align:left !important; line-height:1.1; }
}
    
/* MOBILES PORTRAIT */
@media only screen and (min-width:375px) and (max-width:480px) {
    #homepage {height:250px;}
	.header-nav ul li a { padding:16px 20px 0px 0px; }
	h1 { font-size:54px; }
    h1.white { font-size:48px; }
    h1.feat { font-size:54px; }
    #supersized {height:350px;}
    #slidecaption { font-size:60px; font-weight:500; margin-bottom:20px; }
    .slidedescription { font-size:20px; font-weight:300; }
    .card { position:relative; width:100%; text-align:center; padding:0px 0 100px 0; }
    .contact-social-icons li a { font-size:20px; width:40px; height:40px; }
    .lines, .adress { font-size:22px; width:100%; }
    #copyright { padding:0px 20px 0 20px; }
    .flickity-fullscreen-button .flickity-button-icon { width:26px; height:26px; right:0px; top:-2px; }
    .flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit { display:block; right:50px; top:40px; }
    .flickity-enabled.is-fullscreen .flickity-page-dots { display:none; }
    .flickity-prev-next-button { display:none; }
    .flickity-enabled.is-fullscreen .flickity-prev-next-button { display:block; width:60px; height:60px; }
    .flickity-enabled.is-fullscreen .flickity-prev-next-button.previous { left:50px; }
    .flickity-enabled.is-fullscreen .flickity-prev-next-button.next { right:50px; }
    .carousel { height:260px; }
    .carousel-cell { height:260px; }
    .carousel-cell-image { height:100%; width:auto; }
    .parallax { width:100%; height:230px; }
    .prlx1, .prlx2, .prlx3, .prlx4 { -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; background-attachment:scroll; background-position:top; background-repeat:no-repeat; }
    .prlx-text { font-size:28px; width:330px; }
    .beneteau { display:block; }
    .beneteau-img { max-width:300px; height:auto; padding:20px 0px; }
    .orca { display:block; }
    .orca-img { max-width:300px; height:auto; padding:20px 0px; }
    .knots { display:block; }
    .knots-img { width:auto; max-height:70px; padding:15px 0px; margin:0px 20px; }
	.detail-button { margin:-10px 0px 0px 0px; }
    .detail-button-service { margin:40px 0px 0px 17px; float:left; }
    .box { margin-top:0px; }
    .clients { font-size:16px; line-height:1.4; -webkit-text-align-last:left; -moz-text-align-last:left; text-align:justify; }
    .hmove { 
    -webkit-animation:tickerh linear 40s infinite;
    -moz-animation:tickerh linear 40s infinite;
    -o-animation:tickerh linear 40s infinite;
    animation:tickerh linear 40s infinite; }
    #brushstroke { position:absolute; width:108%; height:auto; margin:40px 0 0 12px; display:flex; justify-content:center; align-items:center; overflow:hidden; }
    .brushstroke { background-width:375px; height:60px; background-image:url('../images/brushstroke/brushstroke-01.png'); background-repeat:no-repeat; background-size:80%; }
}

/* MOBILES LANDSCAPE  */
@media only screen and (min-width:481px) and (max-width:1023px) {
    #homepage { height:310px; }
    /*nav { display:none; }*/
    #supersized {height:310px;}
    #slidecaption { font-size:90px; font-weight:500; }
    .card { position:relative; width:100%; text-align:center; padding:55px 0 90px 0; }
    h1 { font-size:54px; }
    h1.white { font-size:54px; }
    h1.feat { font-size:54px; }
    .lines, .adress { font-size:22px; width:100%; }
    .one-text { font-size:16px; }
    .flickity-prev-next-button { display:none; }
    .flickity-enabled.is-fullscreen .flickity-prev-next-button { display:block; width:60px; height:60px; }
    .flickity-enabled.is-fullscreen .flickity-prev-next-button.previous { left:60px; }
    .flickity-enabled.is-fullscreen .flickity-prev-next-button.next { right:60px; }
    .flickity-page-dots { display:none; }
    .flickity-fullscreen-button .flickity-button-icon { width:26px; height:26px; right:0px; top:0px; }
    .flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit { display:block; right:60px; top:44px; }
    .flickity-enabled.is-fullscreen .flickity-page-dots { display:none; }
    .carousel { height:300px; }
    .carousel-cell { height:300px; }
    .carousel-cell-image { height:auto; width:100%; }
    .parallax { width:100%; height:220px; }
    .prlx1, .prlx2, .prlx3, .prlx4 { -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; background-attachment:scroll; background-position:top; background-repeat:no-repeat; }
    .prlx-text { font-size:24px; width:320px; }
    .beneteau { display:block; }
    .beneteau-img { max-width:200px; padding:20px 20px; }
    .orca { display:block; }
    .orca-img { max-width:200px; height:auto; padding:20px 20px; }
    .detail-button { margin:-10px 0px 30px 0px; }
    .detail-button-service { margin:40px 35px 0px 17px; float:left; }
	.box { width:100%; margin:25px 0px 0 0px; }
    .clients { font-size:16px; line-height:1.4; -webkit-text-align-last:left; -moz-text-align-last:left; text-align:justify; }
    #brushstroke { position:absolute; width:80%; height:auto; margin:35px 0 0 110px; display:flex; justify-content:center; align-items:center; overflow:hidden; }
    .brushstroke { background-width:500px; height:60px; background-image:url('../images/brushstroke/brushstroke-01.png'); background-repeat:no-repeat; background-size:cover; background-size:80%;}
    .box { width:270px; text-align:left !important; line-height:1.1; }
}
 
/* TABLETS */
@media only screen and (min-width:1024px) and (max-width:1399px) {
    .one-text { font-size:14px; }
    .contact-social-icons li { margin:0 5px 0 5px; }
    .social-icons { vertical-align:middle; display:table-cell; position:absolute; top:18px; right:5px; }
    .social-icons li a { width:28px; height:28px; line-height:1.8; font-size:15px; }
    .selectnav { display:none; }
    .flickity-prev-next-button { display:none; }
    .flickity-enabled.is-fullscreen .flickity-prev-next-button { display:block; width:80px; height:80px; }
    .flickity-enabled.is-fullscreen .flickity-prev-next-button.previous { left:90px; }
    .flickity-enabled.is-fullscreen .flickity-prev-next-button.next { right:90px; }
    .flickity-enabled.is-fullscreen .flickity-page-dots { display:none; }
    .parallax { position:relative; width:100%; height:300px; overflow:hidden; }
    .prlx1, .prlx2, .prlx3, .prlx4 { -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; background-attachment:fixed; background-position:top; background-repeat:no-repeat; }
    .prlx-text { font-size:34px; }
    .clients img { width:100px; height:100px; }
    .beneteau { display:block; }
    .beneteau-img { max-width:300px; height:auto; padding:20px 25px; }
    .orca { display:block; }
    .orca-img { max-width:300px; height:auto; padding:20px 25px; }
    .detail-button { margin:-10px 0px 30px 0px; }
	.detail-button-service { margin:30px 0px 0px 17px; float:left; }
	.box { width:90%; margin:30px 0px 0px 0px; }
    #brushstroke { position:absolute; width:90%; height:auto; margin:40px 0 0 90px; display:flex; justify-content:center; align-items:center; overflow:hidden; }
    .brushstroke { background-width:500px; height:60px; background-image:url('../images/brushstroke/brushstroke-01.png'); background-repeat:no-repeat; background-size:cover; background-size:90%;}
}

/* WIDESCREENS */
@media only screen and ( min-width:1400px ) {
    nav .container, #homepage .container, #homepage .container .sixteen.columns { width:96%; }
    .flickity-prev-next-button { display:none; }
    .flickity-enabled.is-fullscreen .flickity-prev-next-button { display:block; }
    .flickity-enabled.is-fullscreen .flickity-page-dots { display:none; }
}