/*Standard layout*/
@media only screen and (min-width:1025px) {
/* FOCUS */
#block-introductiontextfront .focus-wrap .focus-left .focus-title {font-size:50px;}
#block-introductiontextfront .focus-wrap .focus-left .focus-subtitle {font-size:16px;line-height:28px;}
#block-introductiontextfront .focus-wrap .focus-right .focus-desc {font-size:18px;line-height:32px;}
#block-introductiontextfront .focus-wrap .focus-left {text-align:right;border-right:1px solid rgba(36,92,140,1);padding:100px 50px 100px 0;}
#block-introductiontextfront .focus-wrap .focus-right {padding:100px 0 100px 50px;}
/* JEWELRY */
.block-views .view-jewelry .view-content {-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:stretch;align-items:stretch;-webkit-justify-content:space-between;justify-content:space-between;align-content:space-between;}
.block-views .view-jewelry .view-content .jewelry-row {position:relative;width:20%;margin-right:15px;}
.block-views .view-jewelry .view-content .jewelry-row:last-child {margin-right:0 !important;}
/* BLUE REGIONS */
#blue-wrap .blue-regions {-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:stretch;align-items:stretch;-webkit-justify-content:space-between;justify-content:space-between;align-content:space-between;}
#blue-wrap .blue-regions .dark-blue {width:50%;padding:0;background-color:rgba(41,52,153,1);}
#blue-wrap .blue-regions .light-blue {width:50%;padding:0;background-color:rgba(52,186,232,1);}
/* PREFOOTER */
.pre-footer .region-prefooter {-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:stretch;align-items:stretch;-webkit-justify-content:space-between;justify-content:space-between;align-content:space-between;}
#block-prefooteritems ul.prefooter-items {text-align:left;}
#block-sociallinks ul {text-align:left;}
#block-sociallinks ul li {display:inline-block;list-style-type:none;list-style-image:none;}
#block-prefooteritems ul.prefooter-items li {margin:0 25px 0 0;}
}

/*Tablet landscape*/
@media only screen and (min-width:769px) and (max-width:1024px) {
/* FOCUS */
#block-introductiontextfront .focus-wrap .focus-left .focus-title {font-size:50px;}
#block-introductiontextfront .focus-wrap .focus-left .focus-subtitle {font-size:16px;line-height:28px;}
#block-introductiontextfront .focus-wrap .focus-right .focus-desc {font-size:18px;line-height:32px;}
#block-introductiontextfront .focus-wrap .focus-left {text-align:right;border-right:1px solid rgba(36,92,140,1);padding:100px 50px 100px 0;}
#block-introductiontextfront .focus-wrap .focus-right {padding:100px 0 100px 50px;}
/* JEWELRY */
.block-views .view-jewelry .view-content {-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:stretch;align-items:stretch;-webkit-justify-content:space-between;justify-content:space-between;align-content:space-between;}
.block-views .view-jewelry .view-content .jewelry-row {position:relative;width:20%;margin-right:15px;}
.block-views .view-jewelry .view-content .jewelry-row:last-child {margin-right:0 !important;}
/* BLUE REGIONS */
#blue-wrap .blue-regions {-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:stretch;align-items:stretch;-webkit-justify-content:space-between;justify-content:space-between;align-content:space-between;}
#blue-wrap .blue-regions .dark-blue {width:50%;padding:0;background-color:rgba(41,52,153,1);}
#blue-wrap .blue-regions .light-blue {width:50%;padding:0;background-color:rgba(52,186,232,1);}
/* PREFOOTER */
.pre-footer .region-prefooter {-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:stretch;align-items:stretch;-webkit-justify-content:space-between;justify-content:space-between;align-content:space-between;}
#block-prefooteritems ul.prefooter-items {text-align:left;}
#block-sociallinks ul {text-align:left;}
#block-sociallinks ul li {display:inline-block;list-style-type:none;list-style-image:none;}
#block-prefooteritems ul.prefooter-items li {margin:0 25px 0 0;}
}

/*Tablet portrait*/
@media only screen and (min-width:581px) and (max-width:768px) {
/* JEWELRY */
.block-views .view-jewelry .view-content .jewelry-row {float:left;width:49%;margin:0 1% 25px 0;}
.cbp-af-header,.cbp-af-header-shrink {background-color:rgba(22, 27, 74, 1) !important;padding:25px 0;}
.path-frontpage .focus .region-focus {padding:150px 0 !important;}
.path-frontpage .focus.container-fluid {background-size:cover !important;}
.path-frontpage .experiences.container-fluid {margin:-225px 0 0 !important;}
#block-views-block-jewelry-block-1 h2.block-title::after {left:0;top:-15px !important;}
#block-views-block-jewelry-block-2 h2.block-title::after {left:0;top:-15px !important;}
.mdih-wrap .one,.mdih-wrap .one img {float:left;max-width:100%;width:100%;box-sizing:border-box;margin-bottom:15px;}
.mdih-wrap .two,.mdih-wrap .two img {float:left;max-width:100%;width:100%;box-sizing:border-box;margin-bottom:15px;}
.experiences #block-views-block-experience-carousel-block-1 .view-footer .expfoot-cta i {padding:13px 25px !important;}
.experiences #block-views-block-experience-carousel-block-1 .view-footer .expfoot-cta span {padding:0 0 0 60px;font-size:14px;}
/* MAIN CONTAINER */
.path-frontpage .main-container {max-width:100%;width:100%;box-sizing:border-box;padding:0;margin:0;}
.path-frontpage .main-container .row,.path-frontpage .main-container .row .col-sm-12 {padding:0;margin:0;}
.path-experiences .main-container {max-width:100%;width:100%;box-sizing:border-box;padding:0;margin:0;}
.path-experiences .main-container .row,.path-experiences .main-container .row .col-sm-12 {padding:0;margin:0;}
.path-affordable-travel .main-container {max-width:100%;width:100%;box-sizing:border-box;padding:0;margin:0;}
.path-affordable-travel .main-container .row,.path-affordable-travel .main-container .row .col-sm-12 {padding:0;margin:0;}
.path-cruises .main-container {max-width:100%;width:100%;box-sizing:border-box;padding:0;margin:0;}
.path-cruises .main-container .row,.path-cruises .main-container .row .col-sm-12 {padding:0;margin:0;}
/* HEADER */
#block-sitebrandinglogo {float:left;padding-left:15px;}
#block-mainnavigation {padding:15px 0;}
#block-mainnavigation,#block-mainnavigation ul.navbar-nav {width:100%;max-width:100%;text-align:center;margin:0;}
#block-mainnavigation ul.navbar-nav li {padding:0;margin:0;}
#block-mainnavigation ul.navbar-nav li a {margin:0 !important;padding:0;}
/* FOCUS */
.focus .page-header {font-size:36px;}
#block-introductiontextfront .focus-wrap .focus-left,#block-introductiontextfront .focus-wrap .focus-right {text-align:center;}
#block-introductiontextfront .focus-wrap .focus-left {margin:0 0 25px 0;}
#block-introductiontextfront .focus-wrap .focus-left .focus-title {font-size:28px;}
#block-introductiontextfront .focus-wrap .focus-left .focus-subtitle {font-size:14px;line-height:22px;}
#block-introductiontextfront .focus-wrap .focus-left .focus-desc {font-size:14px;line-height:22px;}
/* MAIN CONTAINER */
.path-frontpage .main-container .row .col-sm-12 {max-width:90%;margin:0 auto;}
/* EXPERIENCES */
.experiences #block-views-block-experience-carousel-block-1 .view-footer .expfoot-cta span {}
.path-experiences .view-experiences .view-header,.path-experiences .view-experiences .view-footer {padding:0 15px;}
.quote #block-experiencetext .experience-title {font-size:26px;}
/* BLUE REGIONS */
#blue-wrap .blue-regions .dark-blue .region-darkblue,#blue-wrap .blue-regions .light-blue .region-lightblue {max-width:585px;margin:0 auto;float:none;}
/* PREFOOTER */
#block-prefooteritems ul {width:100%;max-width:100%;box-sizing:border-box;text-align:center;}
#block-prefooteritems ul li {float:left;width:100%;max-width:100%;box-sizing:border-box;padding:0 0 15px 0;}
#block-sociallinks ul {max-width: 100px;margin:0 auto;text-align:center;}
#block-sociallinks ul li {text-align:center;}
}

/*Smalltouch landscape*/
@media only screen and (min-width:321px) and (max-width:580px) {
/* JEWELRY */
.block-views .view-jewelry .view-content .jewelry-row {float:left;width:49%;margin:0 1% 25px 0;}
.cbp-af-header,.cbp-af-header-shrink {background-color:rgba(22, 27, 74, 1) !important;padding:25px 0;}
.path-frontpage .focus .region-focus {padding:150px 0 !important;}
.path-frontpage .focus.container-fluid {background-size:cover !important;}
.path-frontpage .experiences.container-fluid {margin:-225px 0 0 !important;}
#block-views-block-jewelry-block-1 h2.block-title::after {left:0;top:-15px !important;}
#block-views-block-jewelry-block-2 h2.block-title::after {left:0;top:-15px !important;}
.mdih-wrap .one,.mdih-wrap .one img {float:left;max-width:100%;width:100%;box-sizing:border-box;margin-bottom:15px;}
.mdih-wrap .two,.mdih-wrap .two img {float:left;max-width:100%;width:100%;box-sizing:border-box;margin-bottom:15px;}
.experiences #block-views-block-experience-carousel-block-1 .view-footer .expfoot-cta i {padding:13px 25px !important;}
.experiences #block-views-block-experience-carousel-block-1 .view-footer .expfoot-cta span {padding:0 0 0 60px;font-size:14px;}
/* MAIN CONTAINER */
.path-frontpage .main-container {max-width:100%;width:100%;box-sizing:border-box;padding:0;margin:0;}
.path-frontpage .main-container .row,.path-frontpage .main-container .row .col-sm-12 {padding:0;margin:0;}
.path-experiences .main-container {max-width:100%;width:100%;box-sizing:border-box;padding:0;margin:0;}
.path-experiences .main-container .row,.path-experiences .main-container .row .col-sm-12 {padding:0;margin:0;}
.path-affordable-travel .main-container {max-width:100%;width:100%;box-sizing:border-box;padding:0;margin:0;}
.path-affordable-travel .main-container .row,.path-affordable-travel .main-container .row .col-sm-12 {padding:0;margin:0;}
.path-cruises .main-container {max-width:100%;width:100%;box-sizing:border-box;padding:0;margin:0;}
.path-cruises .main-container .row,.path-cruises .main-container .row .col-sm-12 {padding:0;margin:0;}
/* HEADER */
#block-sitebrandinglogo {float:left;padding-left:15px;}
#block-mainnavigation {padding:15px 0;}
#block-mainnavigation,#block-mainnavigation ul.navbar-nav {width:100%;max-width:100%;text-align:center;margin:0;}
#block-mainnavigation ul.navbar-nav li {padding:0;margin:0;}
#block-mainnavigation ul.navbar-nav li a {margin:0 !important;padding:0;}
/* FOCUS */
.focus .page-header {font-size:36px;}
#block-introductiontextfront .focus-wrap .focus-left,#block-introductiontextfront .focus-wrap .focus-right {text-align:center;}
#block-introductiontextfront .focus-wrap .focus-left {margin:0 0 25px 0;}
#block-introductiontextfront .focus-wrap .focus-left .focus-title {font-size:28px;}
#block-introductiontextfront .focus-wrap .focus-left .focus-subtitle {font-size:14px;line-height:22px;}
#block-introductiontextfront .focus-wrap .focus-left .focus-desc {font-size:14px;line-height:22px;}
/* MAIN CONTAINER */
.path-frontpage .main-container .row .col-sm-12 {max-width:90%;margin:0 auto;}
/* EXPERIENCES */
.experiences #block-views-block-experience-carousel-block-1 .view-footer .expfoot-cta span {}
.path-experiences .view-experiences .view-header,.path-experiences .view-experiences .view-footer {padding:0 15px;}
.quote #block-experiencetext .experience-title {font-size:26px;}
/* BLUE REGIONS */
#blue-wrap .blue-regions .dark-blue .region-darkblue,#blue-wrap .blue-regions .light-blue .region-lightblue {max-width:585px;margin:0 auto;float:none;}
/* PREFOOTER */
#block-prefooteritems ul {width:100%;max-width:100%;box-sizing:border-box;text-align:center;}
#block-prefooteritems ul li {float:left;width:100%;max-width:100%;box-sizing:border-box;padding:0 0 15px 0;}
#block-sociallinks ul {max-width: 100px;margin:0 auto;text-align:center;}
#block-sociallinks ul li {text-align:center;}
}

/*Smalltouch portrait */
@media only screen and (max-width:320px) {
.cbp-af-header,.cbp-af-header-shrink {background-color:rgba(22, 27, 74, 1) !important;padding:25px 0;}
.path-frontpage .focus .region-focus {padding:150px 0 !important;}
.path-frontpage .focus.container-fluid {background-size:cover !important;}
.path-frontpage .experiences.container-fluid {margin:-225px 0 0 !important;}
#block-views-block-jewelry-block-1 h2.block-title::after {left:0;top:-15px !important;}
#block-views-block-jewelry-block-2 h2.block-title::after {left:0;top:-15px !important;}
.mdih-wrap .one,.mdih-wrap .one img {float:left;max-width:100%;width:100%;box-sizing:border-box;margin-bottom:15px;}
.mdih-wrap .two,.mdih-wrap .two img {float:left;max-width:100%;width:100%;box-sizing:border-box;margin-bottom:15px;}
.experiences #block-views-block-experience-carousel-block-1 .view-footer .expfoot-cta i {padding:13px 25px !important;}
.experiences #block-views-block-experience-carousel-block-1 .view-footer .expfoot-cta span {padding:0 0 0 60px;font-size:14px;}
/* MAIN CONTAINER */
.path-frontpage .main-container {max-width:100%;width:100%;box-sizing:border-box;padding:0;margin:0;}
.path-frontpage .main-container .row,.path-frontpage .main-container .row .col-sm-12 {padding:0;margin:0;}
.path-experiences .main-container {max-width:100%;width:100%;box-sizing:border-box;padding:0;margin:0;}
.path-experiences .main-container .row,.path-experiences .main-container .row .col-sm-12 {padding:0;margin:0;}
.path-affordable-travel .main-container {max-width:100%;width:100%;box-sizing:border-box;padding:0;margin:0;}
.path-affordable-travel .main-container .row,.path-affordable-travel .main-container .row .col-sm-12 {padding:0;margin:0;}
.path-cruises .main-container {max-width:100%;width:100%;box-sizing:border-box;padding:0;margin:0;}
.path-cruises .main-container .row,.path-cruises .main-container .row .col-sm-12 {padding:0;margin:0;}
/* HEADER */
#block-sitebrandinglogo {float:left;padding-left:15px;}
#block-mainnavigation {padding:15px 0;}
#block-mainnavigation,#block-mainnavigation ul.navbar-nav {width:100%;max-width:100%;text-align:center;margin:0;}
#block-mainnavigation ul.navbar-nav li {padding:0;margin:0;}
#block-mainnavigation ul.navbar-nav li a {margin:0 !important;padding:0;}
/* FOCUS */
.focus .page-header {font-size:36px;}
#block-introductiontextfront .focus-wrap .focus-left,#block-introductiontextfront .focus-wrap .focus-right {text-align:center;}
#block-introductiontextfront .focus-wrap .focus-left {margin:0 0 25px 0;}
#block-introductiontextfront .focus-wrap .focus-left .focus-title {font-size:28px;}
#block-introductiontextfront .focus-wrap .focus-left .focus-subtitle {font-size:14px;line-height:22px;}
#block-introductiontextfront .focus-wrap .focus-left .focus-desc {font-size:14px;line-height:22px;}
/* MAIN CONTAINER */
.path-frontpage .main-container .row .col-sm-12 {max-width:90%;margin:0 auto;}
/* EXPERIENCES */
.experiences #block-views-block-experience-carousel-block-1 .view-footer .expfoot-cta span {}
.path-experiences .view-experiences .view-header,.path-experiences .view-experiences .view-footer {padding:0 15px;}
.quote #block-experiencetext .experience-title {font-size:26px;}
/* JEWELRY */
.block-views .view-jewelry .view-content .jewelry-row {position:relative;width:90%;margin:0 auto 25px auto;}
/* BLUE REGIONS */
#blue-wrap .blue-regions .dark-blue .region-darkblue,#blue-wrap .blue-regions .light-blue .region-lightblue {max-width:585px;margin:0 auto;float:none;}
/* PREFOOTER */
#block-prefooteritems ul {width:100%;max-width:100%;box-sizing:border-box;text-align:center;}
#block-prefooteritems ul li {float:left;width:100%;max-width:100%;box-sizing:border-box;padding:0 0 15px 0;}
#block-sociallinks ul {max-width: 100px;margin:0 auto;text-align:center;}
#block-sociallinks ul li {text-align:center;}
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
