/* Style for PCs */
@media screen and (min-width: 1025px) {

/* Cruising */
.topvideo {
width:100%;
height: auto;
display: block;
position: relative;
background-image: url("../img/cruising/topvbg.jpg");
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
video {
width:100%;
height: auto;
display: block;
}
.vcov {
width:100%;
height: 100%;
min-height: 100%;
position: absolute;
top:0;
left:0;
z-index:1100;
background-color:rgba(0,30,36,0.21);
background-image: url("../img/cruising/topcov.png");
background-repeat: no-repeat;
background-position: 0 bottom;
background-size: 100% auto;
}
.vcc {
width:100%;
height: 100%;
min-height: 100%;
position: absolute;
top:0;
left:0;
z-index:1200;
display: flex;
justify-content: center;
align-items: center;
}
.vcc .vccbox {
width:100%;
height: auto;
display: block;
padding-bottom: 100px;
}
.vcc h2 {
width:100%;
height: auto;
display: block;
text-align:center;
font-size:26px;
line-height: 1em;
text-shadow: 0px 2px 5px rgba(0,0,0,0.4);
color:#fff;
padding:210px 0 0 0;
background-image: url("../img/cruising/toplogo.png");
background-repeat: no-repeat;
background-position: center top;
background-size: auto 200px;
margin-bottom: 20px;
}
.vcc  h3 {
width:100%;
height: auto;
display: block;
text-align:center;
font-size:24px;
font-weight: 700;
color:#fff;
margin-bottom: 15px;
}
.vcc p {
width:100%;
height: 40px;
display: block;
text-align:center!important;
font-size: 20px;
font-weight: 700;
line-height: 40px;
color:rgba(108,238,203,1.00);
}
.vcc p br {
display: none;
}

.cruising_toptitle {
font-size:40px!important;
color:#3BB8A5;
font-weight: 700!important;
line-height: 1.25em;
letter-spacing: -1px;
margin-bottom: 10px;
}
.cruising_topcom {
font-size:20px!important;
color:#333;
font-weight: 700!important;
line-height: 1.8em;
margin-bottom: 40px;
}

/* cruising list  */
ul.crusinglist {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 70px;
}
ul.crusinglist li {
width:45.85%;
height: auto;
display: block;
padding:0px;
margin:0 2% 30px;
}
ul.crusinglist li img {
width:100%;
height: auto;
display: block;
overflow: hidden;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
ul.crusinglist li .crlcc {
width:100%;
height: auto;
display: block;
padding:15px 0 0 0;
text-align: center;
}
ul.crusinglist li .crlcc p {
font-size:18px;
font-weight: 700;
color: #006468;
line-height: 1.25em;
}

/* Cruising price */
.cruisingprice {
width:100%;
height: auto;
display: block;
text-align: center;
padding:60px 0;
background-color: #3BB8A5;
margin-bottom: 100px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.cruisingprice h2.crup_title {
font-size:40px!important;
color:#fff;
font-weight: 700!important;
line-height: 1.25em;
letter-spacing: -1px;
margin-bottom: 20px;
}
.cruisingprice p.crup_price {
font-size:40px;
color: #fff;
font-weight: 700;
line-height: 1.25em;
margin-bottom: 15px;
}
.cruisingprice p.crup_price strong {
font-size:50px;
font-weight: 700;
}
.cruisingprice p.crup_com {
font-size:12px;
color: #fff;
line-height: 1.25em;
margin-bottom: 0px;
}

/*Cruising gallery */
ul.cruise_gallery {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
}
ul.cruise_gallery li {
width:23.85%;
height: auto;
display: block;
margin:0.5%;
}
ul.cruise_gallery li img {
width:100%;
height: auto;
display: block;
overflow: hidden;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

p.ccbotton {
width:50%;
height: auto;
display: block;
font-size:16px;
font-weight: 700;
line-height: 1.25em;
text-align: center;
margin:0px auto 50px;
}
p.ccbotton a {
width:100%;
height: auto;
display: block;
color:#fff;
padding:15px 5px;
text-decoration: none;
background-color:#3BB8A5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
p.ccbotton a br {
display: none;
}
	
}


/* Style for iPad Pro */
@media screen and (min-width: 641px) and (max-width: 1024px) {

/* Cruising */
.topvideo {
width:100%;
height: auto;
display: block;
position: relative;
background-image: url("../img/cruising/topvbg.jpg");
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
video {
width:100%;
height: auto;
display: block;
}
.vcov {
width:100%;
height: 100%;
min-height: 100%;
position: absolute;
top:0;
left:0;
z-index:1100;
background-color:rgba(0,30,36,0.21);
background-image: url("../img/cruising/topcov.png");
background-repeat: no-repeat;
background-position: 0 bottom;
background-size: 100% auto;
}
.vcc {
width:100%;
height: 100%;
min-height: 100%;
position: absolute;
top:0;
left:0;
z-index:1200;
display: flex;
justify-content: center;
align-items: center;
}
.vcc .vccbox {
width:100%;
height: auto;
display: block;
padding-bottom: 100px;
}
.vcc h2 {
width:100%;
height: auto;
display: block;
text-align:center;
font-size:22px;
line-height: 1em;
text-shadow: 0px 2px 5px rgba(0,0,0,0.4);
color:#fff;
padding:110px 0 0 0;
background-image: url("../img/cruising/toplogo.png");
background-repeat: no-repeat;
background-position: center top;
background-size: auto 100px;
margin-bottom: 20px;
}
.vcc  h3 {
width:100%;
height: auto;
display: block;
text-align:center;
font-size:18px;
font-weight: 700;
color:#fff;
margin-bottom: 15px;
}
.vcc p {
width:100%;
height: 40px;
display: block;
text-align:center!important;
font-size: 16px;
font-weight: 700;
line-height: 40px;
color:rgba(108,238,203,1.00);
}
.vcc p br {
display: none;
}

.cruising_toptitle {
font-size:30px!important;
color:#3BB8A5;
font-weight: 700!important;
line-height: 1.25em;
letter-spacing: -1px;
margin-bottom: 10px;
}
.cruising_topcom {
font-size:18px!important;
color:#333;
font-weight: 700!important;
line-height: 1.8em;
margin-bottom: 40px;
}

/* cruising list  */
ul.crusinglist {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 70px;
}
ul.crusinglist li {
width:45.85%;
height: auto;
display: block;
padding:0px;
margin:0 2% 30px;
}
ul.crusinglist li img {
width:100%;
height: auto;
display: block;
overflow: hidden;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
ul.crusinglist li .crlcc {
width:100%;
height: auto;
display: block;
padding:15px 0 0 0;
text-align: center;
}
ul.crusinglist li .crlcc p {
font-size:18px;
font-weight: 700;
color: #006468;
line-height: 1.25em;
}

/* Cruising price */
.cruisingprice {
width:100%;
height: auto;
display: block;
text-align: center;
padding:60px 0;
background-color: #3BB8A5;
margin-bottom: 100px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.cruisingprice h2.crup_title {
font-size:40px!important;
color:#fff;
font-weight: 700!important;
line-height: 1.25em;
letter-spacing: -1px;
margin-bottom: 20px;
}
.cruisingprice p.crup_price {
font-size:40px;
color: #fff;
font-weight: 700;
line-height: 1.25em;
margin-bottom: 15px;
}
.cruisingprice p.crup_price strong {
font-size:50px;
font-weight: 700;
}
.cruisingprice p.crup_com {
font-size:12px;
color: #fff;
line-height: 1.25em;
margin-bottom: 0px;
}

/*Cruising gallery */
ul.cruise_gallery {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
}
ul.cruise_gallery li {
width:23.85%;
height: auto;
display: block;
margin:0.5%;
}
ul.cruise_gallery li img {
width:100%;
height: auto;
display: block;
overflow: hidden;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

p.ccbotton {
width:50%;
height: auto;
display: block;
font-size:16px;
font-weight: 700;
line-height: 1.25em;
text-align: center;
margin:0px auto 50px;
}
p.ccbotton a {
width:100%;
height: auto;
display: block;
color:#fff;
padding:15px 5px;
text-decoration: none;
background-color:#3BB8A5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
p.ccbotton a br {
display: none;
}

}

/* Style for Smartphone */
@media screen and (max-width: 640px) {

/* Cruising */
.topvideo {
width:100%;
height: auto;
display: block;
position: relative;
background-image: url("../img/cruising/topvbg.jpg");
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
video {
display:none;
}
.vcov {
width:100%;
height: auto;
display: block;
background-color:rgba(0,30,36,0.21);
background-image: url("../img/cruising/topcov.png");
background-repeat: no-repeat;
background-position: 0 bottom;
background-size: 100% auto;
}
.vcc {
width:100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
}
.vcc .vccbox {
width:100%;
height: auto;
display: block;
padding: 40px 5% 80px;
}
.vcc h2 {
width:100%;
height: auto;
display: block;
text-align:center;
font-size:16px;
line-height: 1em;
text-shadow: 0px 2px 5px rgba(0,0,0,0.4);
color:#fff;
padding:90px 0 0 0;
background-image: url("../img/cruising/toplogo.png");
background-repeat: no-repeat;
background-position: center top;
background-size: auto 80px;
margin-bottom: 20px;
}
.vcc  h3 {
text-align:center;
font-size:14px;
font-weight: 700;
line-height: 2em;
color:#fff;
margin:0 auto 15px;
}
.vcc  h3 br {
display: none;
}
.vcc p {
width:100%;
height: 40px;
display: block;
text-align:center!important;
font-size: 14px;
font-weight: 700;
line-height: 1.6em;
color:rgba(108,238,203,1.00);
margin:0 auto;
}

.cruising_toptitle {
font-size:24px!important;
color:#3BB8A5;
font-weight: 700!important;
line-height: 1.25em;
letter-spacing: -1px;
margin-bottom: 10px;
}
.cruising_toptitle br {
display: none;
}
.cruising_topcom {
font-size:14px!important;
color:#333;
font-weight: 700!important;
line-height: 1.8em;
margin-bottom: 40px;
}
.cruising_topcom br {
display: none;
}
.tac {
text-align: left!important;
}

/* cruising list  */
ul.crusinglist {
width:100%;
height: auto;
display: block;
margin-bottom: 40px;
}
ul.crusinglist li {
width:100%;
height: auto;
display: block;
margin:0 0 5px;
}
ul.crusinglist li img {
width:30%;
height: auto;
display: block;
overflow: hidden;
float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
ul.crusinglist li .crlcc {
width:65%;
height: auto;
display: block;
padding:15px 0 0 0;
float: right;
}
ul.crusinglist li .crlcc p {
font-size:14px;
font-weight: 700;
color: #006468;
line-height: 1.25em;
}

/* Cruising price */
.cruisingprice {
width:100%;
height: auto;
display: block;
padding:40px 5%;
background-color: #3BB8A5;
margin-bottom: 40px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.cruisingprice h2.crup_title {
font-size:20px!important;
color:#fff;
font-weight: 700!important;
line-height: 1.25em;
letter-spacing: 0px;
text-align: center;
margin-bottom: 20px;
}
.cruisingprice p.crup_price {
font-size:18px;
color: #fff;
font-weight: 700;
line-height: 1.25em;
text-align: center;
margin-bottom: 15px;
}
.cruisingprice p.crup_price strong {
font-size:26px;
font-weight: 700;
}
.cruisingprice p.crup_com {
font-size:12px;
color: #fff;
line-height: 1.25em;
text-align: left;
margin-bottom: 0px;
}

/*Cruising gallery */
ul.cruise_gallery {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
}
ul.cruise_gallery li {
width:48.85%;
height: auto;
display: block;
margin:0.5%;
}
ul.cruise_gallery li img {
width:100%;
height: auto;
display: block;
overflow: hidden;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

p.ccbotton {
width:100%;
height: auto;
display: block;
font-size:16px;
font-weight: 700;
line-height: 1.25em;
text-align: center;
margin:0px auto 50px;
}
p.ccbotton a {
width:100%;
height: auto;
display: block;
color:#fff;
padding:15px 15px;
text-decoration: none;
background-color:#3BB8A5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


}