/* Bertazzoni 2024 CSS
Author: Julius Cris Delos Reyes */






/*Fonts 2026*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

#box {
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, red 50%, blue 50%);
}

.fill {
  height: 100%;
  min-height: 100%;
}

.align-by-vertical-middle-css {
  display: table-cell;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  vertical-align: middle;
  text-align: center;
}

/*Fonts*/
@font-face {
    font-family: 'Gotham Book';
    src: url('fonts/Gotham-Book.woff2') format('woff2'),
        url('fonts/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.gotham-book {
    font-family: 'Gotham Book';
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.woff2') format('woff2'),
        url('fonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.gotham-bold {
	font-family: 'Gotham';
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Light';
    src: url('fonts/Gotham-Light.woff2') format('woff2'),
        url('fonts/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.gotham-light {
	font-family: 'Gotham Light';
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Akzidenz-Grotesk BQ';
    src: url('fonts/AkzidenzGroteskBQ-Medium.woff2') format('woff2'),
        url('fonts/AkzidenzGroteskBQ-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.akzibq {
    font-family: 'Akzidenz-Grotesk BQ';
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Berthold Akzidenz Grotesk BE';
    src: url('fonts/AkzidenzGroteskBE-Light.woff2') format('woff2'),
        url('fonts/AkzidenzGroteskBE-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.akzibe {
    font-family: 'Berthold Akzidenz Grotesk BE';
    font-weight: 300;
    font-style: normal;
}



html {
	scroll-behavior: smooth;
	margin: 0px 0px;
  overflow-x: hidden;
}


body {
  overflow-x: hidden;
}

.copyright p, .copyright p span , .copyright a {color: #191919 !important;}

.mainkv-radius {
  -webkit-border-top-left-radius: 5rem;
  -webkit-border-top-right-radius: 5rem;
  -moz-border-radius-topleft: 5rem;
  -moz-border-radius-topright: 5rem;
  border-top-left-radius: 5rem;
  border-top-right-radius: 5rem;
}

.rounded25 {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.rounded15 {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.rounded5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
 
.darkgreen {background: #006555;}
.yellow {background: #edb639;}
.skyblue {background: #e7edf6;}
.lightorange {background: #feebdf;}
.lightgreen {background: #e3f2e9;}
.lightbrown {background: #f2dfc9;}
.lightbrownbg {background: #fffae7}
.blue {background-color: #2447b2 !important;}
.orange {background-color: #ff563a !important;}
.offwhite {background-color: #ffffff !important;}

.modelname_ {font-size: small; letter-spacing: 1px;}
.modelname {font-size: small; letter-spacing: 1px;}
.modelno {font-size: smaller; letter-spacing: 1px;}

.title-h2 {color: #e9e2db !important; letter-spacing: 5.5px; font-size: 34px;}
.subtitle-h4 {color: #e9e2db !important; letter-spacing: 5px; font-size: 18px;}
.subtitle-h5 {color: #e9e2db !important; letter-spacing: 4px; font-size: 16px}

/* Columns Background */
.im1 {
  background-image:url(images/brandstory1.png);
  background-repeat:no-repeat;
  background-size:contain;
}

.im2 {
  background-image:url(https://sg.bertazzoni.com/promotions-sg/20240108/ime.jpeg);
  background-repeat:no-repeat;
  background-size:cover;
}

.ex1 {
  background-image:url(images/exceptional1a.png);
  background-repeat:no-repeat;
  background-size:contain;
-webkit-border-radius: 27px;
-moz-border-radius: 27px;
border-radius: 27px;
}

.ex2 {
  background-image:url(images/exceptional2a.png);
  background-repeat:no-repeat;
  background-size:contain;
-webkit-border-radius: 27px;
-moz-border-radius: 27px;
border-radius: 27px;
}

.ex3 {
  background-image:url(images/exceptional3a.png);
  background-repeat:no-repeat;
  background-size:contain;
-webkit-border-radius: 27px;
-moz-border-radius: 27px;
border-radius: 27px;
}

.search {
  background-image:url(images/search1.png);
  background-repeat:no-repeat;
  background-size:contain;
  max-width: 140px;
}

.shopee {
  background-image:url(images/shopee1.png);
  background-repeat:no-repeat;
  background-size:contain;
}

.lazada {
  background-image:url(images/lazada1.png);
  background-repeat:no-repeat;
  background-size:contain;
}

.download {
  background-image:url(images/download-a1.png);
  background-repeat:no-repeat;
  background-size:contain;
}

.download2 {
  background-image:url(images/dc1.png);
  background-repeat:no-repeat;
  background-size:contain;
}

.download3 {
  background-image:url(images/downcat1.png);
  background-repeat:no-repeat;
  background-size:contain;
}

.readmore {
  background-image:url(images/readmore1.png);
  background-repeat:no-repeat;
  background-size:contain;
}

.bookapt {
  background-image:url(images/appointment1.png);
  background-repeat:no-repeat;
  background-size:contain;
}

.download-m {
  background-image:url(images/download1-m.png);
  background-repeat:no-repeat;
  background-size:contain;
}

.mbundle1 {
  background-image:url(images/bundle-b1a.png);
  background-repeat:no-repeat;
  background-size:contain;
}

.mbundle2 {
  background-image:url(images/bundle-b1b.png);
  background-repeat:no-repeat;
  background-size:contain;
}

.pbundle1 {
  background-image:url(images/pro1a.png);
  background-repeat:no-repeat;
  background-size:contain;
}

.pbundle2 {
  background-image:url(images/pro2a.png);
  background-repeat:no-repeat;
  background-size:contain;
}


.seriesb1 {
  background-image:url(images/bundle-b1.png);
  background-repeat:no-repeat;
  background-size:contain;
}

.seriesp1 {
  background-image:url(images/pop-b1.png);
  background-repeat:no-repeat;
  background-size:contain;
}

.seriesb2 {
  background-image:url(images/bundle-g1.png);
  background-repeat:no-repeat;
  background-size:contain;
}

.seriesp2 {
  background-image:url(images/pop-g1.png);
  background-repeat:no-repeat;
  background-size:contain;
}

.seriesb3 {
  background-image:url(images/bundle-br1.png);
  background-repeat:no-repeat;
  background-size:contain;
}

.seriesp3 {
  background-image:url(images/pop-br1.png);
  background-repeat:no-repeat;
  background-size:contain;
}


a.exc .jofa {
  background: rgba(36, 71, 178, .5);
  transition-duration:1.25s;
}
a.exc:hover .jofa {
  background: rgba(36, 71, 178, 1);
}

.exbar {
  color: #FFFFFF; 
  position: absolute; 
  bottom: 0; 
  z-index: 99; 
  -webkit-border-bottom-right-radius: 11px; 
  -webkit-border-bottom-left-radius: 11px; 
  -moz-border-radius-bottomright: 11px; 
  -moz-border-radius-bottomleft: 11px; 
  border-bottom-right-radius: 11px; 
  border-bottom-left-radius: 11px; 
  border: none;
}

/*.tab-pane.fade {
  transition: all 0.2s;
  transform: translateY(1rem);
}

.tab-pane.fade.show {
  transform: translateY(0rem);
}*./
        
/* Image Fade */
        
.ihv {
  opacity:0;
  transition-duration:1.25s;
}
.ihv:hover {
  opacity:1;
}

.ihv2 {
  opacity:0;
  transition-duration:1.25s;
}
.ihv2:hover {
  opacity:1;
}

.pickbox {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.pickbox2 {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.pp-divider {
    position: absolute;
    right: -9px;
    top: 49.9%;
}

.plusDiv {
    position: absolute;
    right: -12%;
    top: 32%; 
}

.plus2Div {
    position: absolute;
    right: 6%;
    top: 32%; 
}



.nav-link.active > .pbundle1 {
    background-image: url(images/pro1b.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.nav-link.active > .pbundle2 {
    background-image: url(images/pro2b.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.nav-link.active > .mbundle1 {
    background-image: url(images/bundle-b2a.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.nav-link.active > .mbundle2 {
    background-image: url(images/bundle-b2b.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.nav-link.active > .seriesb1 {
    background-image: url(images/bundle-b2.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.nav-link.active > .seriesp1 {
    background-image: url(images/pop-b2.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.nav-link.active > .seriesb2 {
    background-image: url(images/bundle-g2.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.nav-link.active > .seriesp2 {
    background-image: url(images/pop-g2.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.nav-link.active > .seriesb3 {
    background-image: url(images/bundle-br2.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.nav-link.active > .seriesp3 {
    background-image: url(images/pop-br2.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: transparent;
}



.card-header {
  background: #f9f4eb;
}

.card-header .collapsed, .btn-link, .btn-link:hover {
  color: #b42d31;
}

.card-body > P {
  font-size: smaller;
  line-height: initial;
}

/*Sticky Navbar*/
.navbar {
  overflow: hidden;
  position: fixed;
  top: 28%;
  right: -16px;
  width: 70px;
  display: inline-block;
  z-index: 99999;
}

.navbar a {
  /*float: right;*/
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 0px;
  /*padding: 14px 20px;*/
  text-decoration: none;
  font-size: 17px;
  /*clear: both;
  background-color: #000000;*/
}

.navbar a:hover {
  /*background: transparent;*/
  color: #ddd;
}

#slide{
  position: fixed;
  width: 300px; 
  height: 54px;
  transition: right 0.4s ease-in-out;
  -o-transition: right 0.4s ease-in-out;
  -ms-transition: right 0.4s ease-in-out;
  -moz-transition: right 0.4s ease-in-out;
  -webkit-transition: right 0.4s ease-in-out;
}
#toggle{
  position: absolute;
  right: 268px;
  height: 54px;
  /*padding: 15px 18px;*/
  width: 54px;
  /*-webkit-border-radius: 50rem;
  -moz-border-radius: 50rem;
  border-radius: 50rem;*/
-webkit-border-radius: 50rem;
-moz-border-radius: 50rem;
border-radius: 50rem;
}
.box {
  padding: 15px;
  height: 54px;
}
#slide:hover{
  right: 0px;
}


#slide:hover > .box {
    margin-left: -22px;
-webkit-border-radius: 50rem;
-moz-border-radius: 50rem;
border-radius: 50rem;
background: #cc3e3d;
}
#slide > .bg1,
#slide > .bg2,
#slide > .bg3,
#slide > .bg4 {background-color: transparent; transition: 0.3s;}

#slide:hover > .bg1 {background-color: #e8e4db; transition: 0.3s;}
#slide:hover > .bg2 {background-color: #e8e4db; transition: 0.3s;}
#slide:hover > .bg3 {background-color: #e8e4db; transition: 0.3s;}
#slide:hover > .bg4 {background-color: #e8e4db; transition: 0.3s;}

.price1 {font-size: 36px;}
.price2 {font-size: 15px; letter-spacing: 0.5px;}



.shop-border-left {border-left: thin solid #343332;}
.section-intro {max-width: 1600px; padding: 20px 50px;}
.section-intro h1 {font-size: x-large; text-transform: uppercase; font-weight: 400; letter-spacing: 5pt;}
.section-intro p {font-size: 15px; letter-spacing: 1px; font-weight: 300;}
a.shop-online {text-decoration: none; display: inline-block;}
a.shop-online:hover, a.download:hover, a.search:hover {text-decoration: none; cursor:  pointer !important;}
a.ytvideo:hover {text-decoration: underline; text-decoration-color: #FFFFFF; cursor:  pointer !important;}
a.ytvideo:hover i {color: #ddd !important;}
.desktopframe {max-width: 100%; height: 100vh;}

#accordion p {font-size: smaller;}
#accordion p strong {font-weight: 700;}

.white {text-transform: uppercase; background: #ffffff; font-weight: 500; color: #212529; font-size: small; }
.black {text-transform: uppercase; background: #000000; font-weight: 500; color: #f0f1f2; font-size: small; }

button.white:hover, a.white:hover {background: #f0f1f2; color: #000000; text-decoration: none;}
button.black:hover, a.black:hover {background: #212529; color: #ffffff; text-decoration: none;}

a.boxlink {color: #000000; text-decoration: none; cursor: pointer;}
a.boxlink:hover  {text-decoration: none !important;}
/*Sticky Navbar End*/

.topradius {
	-webkit-border-top-left-radius: 80px;
	-webkit-border-top-right-radius: 80px;
	-moz-border-radius-topleft: 80px;
	-moz-border-radius-topright: 80px;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	padding-top: 100px;
	margin-top: -4.9rem!important;
}

.traditionradius {
	-webkit-border-top-left-radius: 80px !important;
	-webkit-border-top-right-radius: 80px !important;
	-moz-border-radius-topleft: 80px !important;
	-moz-border-radius-topright: 80px !important;
	border-top-left-radius: 80px !important;
	border-top-right-radius: 80px !important;
}

.bluerad {
	-webkit-border-bottom-right-radius: 80px;
	-webkit-border-bottom-left-radius: 80px;
	-moz-border-radius-bottomright: 80px;
	-moz-border-radius-bottomleft: 80px;
	border-bottom-right-radius: 80px;
	border-bottom-left-radius: 80px;
}

.orangerad {
	-webkit-border-bottom-right-radius: 80px;
	-webkit-border-bottom-left-radius: 80px;
	-moz-border-radius-bottomright: 80px;
	-moz-border-radius-bottomleft: 80px;
	border-bottom-right-radius: 80px;
	border-bottom-left-radius: 80px;
}

.offwhiterad {
	-webkit-border-bottom-right-radius: 80px;
	-webkit-border-bottom-left-radius: 80px;
	-moz-border-radius-bottomright: 80px;
	-moz-border-radius-bottomleft: 80px;
	border-bottom-right-radius: 80px;
	border-bottom-left-radius: 80px;
}

.topbtnradius {
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	border-radius: 80px;
	padding-top: 100px;
	margin-top: -4.9rem!important;
}

.boxradius {
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
}

.nav-pills .nav-link {
	border-radius: 0px;
    border: none !important;
}

.dbtn {
    display: inline-block;
    padding: 20px 40px;
    color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    vertical-align: middle;
    font-family: "Rubik One", sans-serif;
    text-decoration: none;
    font-size: 4vw;
    transition: all 0.5s;
    /* background-color: #3498db; */
    border: thin solid #000;
}

.dbtn::before {
    top: -14px;
    height: 13px;
    width: 100%;
    left: 8px;
    transform: skewX(130deg);
    /* background-color: #196090; */
    border: thin solid #000;
  }


.dbtn::after {
    right: -17px;
    height: 100%;
    width: 15px;
    bottom: 6px;
    transform: skewY(140deg);
    /* background-color: #124364; */
    border: thin solid #000;
}


.button::after, .button::before {
  position: absolute;
  content: "";
  transition: all 0.5s;
}

.button {
  display: inline-block;
  padding: 20px 40px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  vertical-align: middle;
  font-family: "Rubik One", sans-serif;
  text-decoration: none;
  font-size: 4vw;
  transition: all 0.5s;
  background-color: #3498db;
}
.button::before {
  bottom: -15px;
  height: 15px;
  width: 100%;
  left: 8px;
  transform: skewX(45deg);
  background-color: #196090;
}
.button::after {
  right: -15px;
  height: 100%;
  width: 15px;
  bottom: -8px;
  transform: skewY(45deg);
  background-color: #124364;
}
.button:active {
  margin-left: 10px;
  margin-top: 10px;
}
.button:active::before {
  bottom: -5px;
  height: 5px;
  left: 3px;
}
.button:active::after {
  right: -5px;
  width: 5px;
  bottom: -3px;
}

.inner-img {transform: scale(1); transition: 0.3s;}
.inner-img:hover {transform: scale(1.04); transition: 0.3s;}

.carousel-indicators {
  top: 0 !important;

}

.carb {border: none; padding: 10px 5px; text-transform: uppercase; color: #eae3da; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; font-size: 0.9vw; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal;}

.active button {}
button {}

.carb.active {background: #815344; font-weight: 500;}
.carb {background: #b3806c; font-weight: normal; }

#carousel2 button {background: transparent; min-width: 7%;}



.carousel-control-next, .carousel-control-prev {
  width: auto !important;
  opacity: 1 !important;
}

.videoround {
  -webkit-border-radius: 55px;
  -moz-border-radius: 55px;
  border-radius: 55px; 
}

.vidshadow1 {
  -webkit-box-shadow: 10px 10px 0px 0px rgba(36,71,178,1);
  -moz-box-shadow: 10px 10px 0px 0px rgba(36,71,178,1);
  box-shadow: 10px 10px 0px 0px rgba(36,71,178,1);
}

.vidshadow2 {
  -webkit-box-shadow: 10px 10px 0px 0px rgba(230,100,50,1);
  -moz-box-shadow: 10px 10px  0px 0px rgba(230,100,50,1);
  box-shadow: 10px 10px 0px 0px rgba(230,100,50,1);
}

.vidshadow3 {
  -webkit-box-shadow: 10px 10px 0px 0px rgba(173,46,70,1);
  -moz-box-shadow: 10px 10px 0px 0px rgba(173,46,70,1);
  box-shadow: 10px 10px 0px 0px rgba(173,46,70,1);
}


a.popop {text-decoration: none; color: inherit;}
a.popop:hover img {transform: scale(1.1); transition: transform .2s ease;}



a#modernsouls-tab:active > div.bar,
a#localbites-tab:active > div.bar,
a#hawkertables-tab:active > div.bar {display: block;}


/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .shop-border-left {border-left: none;}
  .section-intro {padding: 20px 35px;}
  .section-intro h1 {font-size: 20px; letter-spacing: 4pt;}
  .section-intro p {letter-spacing: 0px; font-size: 14px;}
  .mobileframe {height: 90vh;}
  .navbar {top: 38%}
  .heritage {background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .7)), url('img/mobile-heritage.jpg'); background-size: cover; background-position: center;}
  .professional {background: linear-gradient(rgba(49, 49, 49, .6), rgba(49, 49, 49, .7)), url('img/mobile-professional.jpg'); background-size: cover; background-position: center;}
  .modern {background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .7)), url('img/mobile-modern.jpg'); background-size: cover; background-position: center;}

  .modern .section-intro h1 {color: #FFFFFF;}
  .modern .section-intro p {color: #FFFFFF;} 
  .copyright {border-right: none;}

  /*.professional, .modern, .heritage {height: 100vh;}*/

  #header .logo img {max-height: 70px;}
  #header {padding: 10px 0px; position: inherit !important;}
  .modal, .modal-backdrop {position: fixed !important;}
  .kv-rounded {
    -webkit-border-radius: 30px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 30px;
    -moz-border-radius-bottomleft: 0;
    border-radius: 30px;
    border-bottom-left-radius: 0;
  }
  .bundletitle span  {
    letter-spacing: 0px;
    font-size: large;
  }
  .rep {bottom: 0px !important; }

  .fa-chevron-down {font-size: 14px !important;}

  .popdesc {
    font-size: 12px;
    font-weight: 400;
    line-height: initial;
  }

  .seriestext {font-size: 13px; color: #FFFFFF !important; word-break: break-word;}
  .promotiontext {font-size: 13px; color: #FFFFFF !important;}

  .blogo {max-width: 50px !important;}

    .excdesc {
        color: #FFFFFF; margin-top: -75%; z-index: 10; position: relative;
    }

    .series {max-width: 200px;}
    .pp-divider {display: none;}
    .pp-border {border-right: none;}
    .learnmore {position: unset; bottom: auto;}
    .bbb {max-width: 800px;}
    #slide {right: -300px;}
    .box {}
    #toggle {padding: 2px 2px;}

    .bd-title {font-size: x-large; color: #f3ebdf;}
    .bd-subtitle {font-size: medium; color: #f7f0e8; text-decoration: none;}

}


/* Small devices (landscape phones) */
@media (min-width: 320px) and (max-width: 575.98px) {
  .shop-border-left {border-left: none;}
  .section-intro {padding: 20px 35px;}
  .section-intro h1 {font-size: 20px;}
  .section-intro p {font-size: 14px;}
  .mobileframe {height: 90vh;}
  .navbar {top: 30%}
  .heritage {background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .7)), url('img/mobile-heritage.jpg'); background-size: cover; background-position: center;}
  .professional {background: linear-gradient(rgba(49, 49, 49, .6), rgba(49, 49, 49, .7)), url('img/mobile-professional.jpg'); background-size: cover; background-position: center;}
  .modern {background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .7)), url('img/mobile-modern.jpg'); background-size: cover; background-position: center;}

  .modern .section-intro h1 {color: #FFFFFF;}
  .modern .section-intro p {color: #FFFFFF;}
  .copyright {border-right: none;}

  /*.professional, .modern, .heritage {height: 100vh;}  */

  #header {padding: 10px 0px; position: inherit !important;}
  .modal, .modal-backdrop {position: fixed !important;}
  .kv-rounded {
    -webkit-border-radius: 30px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 30px;
    -moz-border-radius-bottomleft: 0;
    border-radius: 30px;
    border-bottom-left-radius: 0;
  }
.bundletitle span  {
  letter-spacing: 0px;
  font-size: large;
}
.rep {bottom: 25px !important; }

.fa-chevron-down {font-size: 14px !important;}

.seriestext {font-size: 13px; color: #FFFFFF !important; word-break: break-word;}
.promotiontext {font-size: 13px; color: #FFFFFF !important;}
.blogo {max-width: 50px !important;}
video#bertazzoniVideo {width: 100%; height: 40vh;}
.replaytext {background: none;color: #FFFFFF;font-size: small;font-weight: 500;max-width: 100px;}
.imgrep {max-width: 25px;}
.collab2 p, .collab3 p {letter-spacing: -1px;}

    .excdesc {
        color: #FFFFFF; margin-top: -75%; z-index: 10; position: relative;
    }

    .series {max-width: 200px;}
    .pp-divider {display: none;}
    .pp-border {border-right: none;}
    .tab-icon {max-width: 45px;}

    .learnmore {position: unset; bottom: auto;}
    .bbb {max-width: 800px;}
    #slide {right: -265px;}
    .box {}
    #toggle {padding: 2px 2px;}

    .bd-title {font-size: x-large; color: #f3ebdf;}
    .bd-subtitle {font-size: medium; color: #f7f0e8; text-decoration: none;}

}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .shop-border-left {border-left: none;}
  .section-intro {padding: 20px 35px;}
  .section-intro h1 {font-size: 20px;}
  .section-intro p {font-size: 14px;}
  .mobileframe {height: 90vh;}
  .navbar {top: 30%}
  .heritage {background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .7)), url('img/mobile-heritage.jpg'); background-size: cover; background-position: center;}
  .professional {background: linear-gradient(rgba(49, 49, 49, .6), rgba(49, 49, 49, .7)), url('img/mobile-professional.jpg'); background-size: cover; background-position: center;}
  .modern {background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .7)), url('img/mobile-modern.jpg'); background-size: cover; background-position: center;}

  .modern .section-intro h1 {color: #FFFFFF;}
  .modern .section-intro p {color: #FFFFFF;}
  .copyright {border-right: none;}

  /*.professional, .modern, .heritage {height: 100vh;}  */

  #header {padding: 10px 0px; position: inherit !important;}
  .modal, .modal-backdrop {position: fixed !important;}
  .kv-rounded {
    -webkit-border-radius: 30px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 30px;
    -moz-border-radius-bottomleft: 0;
    border-radius: 30px;
    border-bottom-left-radius: 0;
  }

  .bundletitle span  {
    letter-spacing: 0px;
    font-size: x-large;
  }
  .rep {bottom: 25px !important; }

  .fa-chevron-down {font-size: 14px !important;}

  .seriestext {font-size: 13px; color: #FFFFFF !important; word-break: break-word;}
  .promotiontext {font-size: 13px; color: #FFFFFF !important;}

  .blogo {max-width: 50px;}
  video#bertazzoniVideo {width: 100%; height: 50vh;}
  .replaytext {background: none;color: #FFFFFF;font-size: small;font-weight: 500;max-width: 100px;}
  .imgrep {max-width: 25px;}

    .excdesc {
        color: #FFFFFF; margin-top: -60%; z-index: 10; position: relative;
    }

    .series {max-width: 200px;}
    .pp-divider {display: none;}
    .pp-border {border-right: none;}
    .tab-icon {max-width: 60px;}
    .learnmore {position: unset; bottom: auto;}
    .bbb {max-width: 460px;}
    #slide {right: -300px;}
    .box {}
    #toggle {padding: 2px 2px;}

    .bd-title {font-size: xx-large; color: #f3ebdf;}
    .bd-subtitle {font-size: large; color: #f7f0e8; text-decoration: none;}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
  .section-intro h1 {font-weight: 300; font-size: 20px;}
  .desktopframe {min-height: 100vh;}
  /*.pro {background: linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .4)), url('https://sg.bertazzoni.com/promotions-sg/20240108/img/be2.jpg'); background-size: cover; background-position: top center;}
  .modern {background: linear-gradient(rgba(49, 49, 49, .4), rgba(49, 49, 49, .5)), url('img/desktop-md-3.jpg'); background-size: cover; background-position: top center;}*/
  .elegance {height: 600px;}
  .heritage {background: url('img/heritage_md.jpg'); background-size: cover; background-position: center;}
  .professional {background: url('img/professional_md2.jpg'); background-size: cover; background-position: center; max-width: 100%;}
  .modern {background: url('img/modern_md2.jpg'); background-size: cover; background-position: center;}

  .modern > .section-intro > div:nth-child(2) {max-width: 300px; text-shadow:  2px 1px 3px rgba(255, 255, 255, 0.7);}
  .pickbox2 {min-height: 377px; height: 100% !important;}
  .bundle > p > strong {font-size: x-large !important;}
  .bundle strong {font-size: 16px !important;}
  .bundle span {font-size: 14px !important;}
  .modal, .modal-backdrop {position: fixed !important;}
  .kv-rounded {
    -webkit-border-radius: 30px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 30px;
    -moz-border-radius-bottomleft: 0;
    border-radius: 30px;
    border-bottom-left-radius: 0;
  }
  .bundletitle span  {letter-spacing: 8px;}
  .series-label {max-width: 80px; padding: 0 0 0 10px;}
  .rep {bottom: 20px !important; }
  .shop-border-left {border-left: none;}
  .seriestext {font-size: 14px; color: #FFFFFF !important; word-break: break-word;}
  .promotiontext {font-size: 14px; color: #FFFFFF !important;}
  .blogo {max-width: 80px;}
    
    .excdesc {
        color: #FFFFFF; margin-top: -74%; z-index: 10; position: relative;
    }

    .series {max-width: 250px;}
    .pp-divider {display: none;}
    .pp-border {border-right: none;}
    .tab-icon {max-width: 80px;}
    .learnmore {position: absolute; bottom: 5px;}
    .bbb {max-width: 560px;}

    .modernplus {
        position: absolute;
        right: -4%;
        top: 22%; 
    }

    .modernplus2 {
        position: absolute;
        right: -4%;
        top: 22%; 
    }

    .proplus {
        position: absolute;
        right: -5%;
        top: 22%; 
    }

    .proplus2 {
        position: absolute;
        right: -2%;
        top: 22%; 
    }

    .proplus3 {
        position: absolute;
        right: -9%;
        top: 22%; 
    }

    .proplus4 {
        position: absolute;
        right: 0%;
        top: 22%; 
    }

    .heritageplus {
        position: absolute;
        right: 0%;
        top: 22%; 
    }

    .heritageplus2 {
        position: absolute;
        right: 0%;
        top: 22%; 
    }

    .dominoplus {
        position: absolute;
        right: -7%;
        top: 18%; 
    }

    .dominoplus2 {
        position: absolute;
        right: -7%;
        top: 18%; 
    }

    .dominoplus3 {
        position: absolute;
        right: -4%;
        top: 18%; 
    }

    .dominoplus4 {
        position: absolute;
        right: -7%;
        top: 18%; 
    }

    #slide {right: -258px;}
    .foodarrow-left {left: 40px;}
    .foodarrow-right {right: 70px;}

    .bd-title {font-size: large; color: #f3ebdf;}
    .bd-subtitle {font-size: smaller; color: #f7f0e8; text-decoration: none;}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .elegance {
  height: 850px;
  }
  .section-intro h1 {font-weight: 300;}
  .pickbox2 {min-height: 300px; height: 100% !important;}
  .pickbox {min-height: 620px !important; height: 100% !important;}
  .heritage {background: url('img/heritage_lg.jpg'); background-size: cover; background-position: center;}
  .professional {background: url('img/professional_lg2.jpg'); background-size: cover; background-position: center; max-width: 100%;}
  .modern {background: url('img/modern_lg2.jpg'); background-size: cover; background-position: center;}
  .section-intro {padding: 20px 30px;}
  .modern > .section-intro > div:nth-child(2) {max-width: 380px; text-shadow:  2px 1px 3px rgba(255, 255, 255, 0.7);}
  .pickbox2 strong {font-size: 14px !important;}
  .pickbox2 span, .pickbox2 p {font-size: 12px !important;}
  .series-label {
    max-width: 65px;
    padding: 0 0 0 10px;
  }
  .rep {
    bottom: 20px; 
  }

  .seriestext {line-height: 20px;}
  .blogo {max-width: 80px;}
    
    .excdesc {
        color: #FFFFFF; margin-top: -60%; z-index: 10; position: relative;
    }

    .series {max-width: 250px;}
    .pp-divider {display: block;}
    .pp-border {border-right: thin solid;}
    .tab-icon {max-width: 80px;}
    .learnmore {position: absolute; bottom: 5px;}
    .bbb {max-width: 794px;}

    .modernplus {
        position: absolute;
        right: -7%;
        top: 32%; 
    }

    .modernplus2 {
        position: absolute;
        right: -2%;
        top: 32%; 
    }

    .proplus {
        position: absolute;
        right: -7%;
        top: 32%; 
    }

    .proplus2 {
        position: absolute;
        right: 0%;
        top: 32%; 
    }

    .proplus3 {
        position: absolute;
        right: -9%;
        top: 32%; 
    }

    .proplus4 {
        position: absolute;
        right: 6%;
        top: 32%; 
    }

    .heritageplus {
        position: absolute;
        right: 0%;
        top: 32%; 
    }

    .heritageplus2 {
        position: absolute;
        right: 0%;
        top: 32%; 
    }

    .dominoplus {
        position: absolute;
        right: -7%;
        top: 32%; 
    }

    .dominoplus2 {
        position: absolute;
        right: -7%;
        top: 32%; 
    }

    .dominoplus3 {
        position: absolute;
        right: -4%;
        top: 32%; 
    }

    .dominoplus4 {
        position: absolute;
        right: -7%;
        top: 32%; 
    }
    #slide {right: -258px;}
    .foodarrow-left {left: 70px;}
    .foodarrow-right {right: 70px;}

    .bd-title {font-size: large; color: #f3ebdf;}
    .bd-subtitle {font-size: smaller; color: #f7f0e8; text-decoration: none;}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .elegance {height: 950px;}
  .section-intro h1 {font-weight: 400;}
  .pickbox2 {min-height: 365px; height: 100% !important;}
  .pickbox {min-height: 762px !important; height: 100% !important;}
  .heritage {background: url('img/heritage_xl.jpg'); background-size: cover; background-position: center;}
  .professional {background: url('img/professional_xl2.jpeg'); background-size: cover; background-position: center; max-width: 100%;}
  .modern {background: url('img/modern_xl.jpg'); background-size: cover; background-position: center;}
  .series-label {
    max-width: 90px;
    padding: 0 0 0 10px;
  }
  .rep {
    bottom: 15px !important; 
  }

  .seriestext {font-size: 16px; color: #FFFFFF; word-break: keep-all; line-height: inherit;}
  .promotiontext {font-size: 16px; color: #FFFFFF;}
  .blogo {max-width: 80px;}
    
    .excdesc {
        color: #FFFFFF; margin-top: -60%; z-index: 10; position: relative;
    }

    .series {max-width: 250px;}
    .pp-divider {display: block;}
    .pp-border {border-right: thin solid;}
    .tab-icon {max-width: 80px;}
    .learnmore {position: absolute; bottom: 5px;}
    .bbb {max-width: 794px;}

    .modernplus {
        position: absolute;
        right: -7%;
        top: 32%; 
    }

    .modernplus2 {
        position: absolute;
        right: -2%;
        top: 32%; 
    }

    .proplus {
        position: absolute;
        right: -7%;
        top: 32%; 
    }

    .proplus2 {
        position: absolute;
        right: 0%;
        top: 32%; 
    }

    .proplus3 {
        position: absolute;
        right: -9%;
        top: 32%; 
    }

    .proplus4 {
        position: absolute;
        right: 6%;
        top: 32%; 
    }

    .heritageplus {
        position: absolute;
        right: 0%;
        top: 32%; 
    }

    .heritageplus2 {
        position: absolute;
        right: 0%;
        top: 32%; 
    }

    .dominoplus {
        position: absolute;
        right: -7%;
        top: 32%; 
    }

    .dominoplus2 {
        position: absolute;
        right: -7%;
        top: 32%; 
    }

    .dominoplus3 {
        position: absolute;
        right: -4%;
        top: 32%; 
    }

    .dominoplus4 {
        position: absolute;
        right: -7%;
        top: 32%; 
    }
    #slide {right: -258px;}
    .foodarrow-left {left: 70px;}
    .foodarrow-right {right: 70px;}

    .bd-title {font-size: large; color: #f3ebdf;}
    .bd-subtitle {font-size: smaller; color: #f7f0e8; text-decoration: none;}

}

/* XX large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {
  .series-label {
    max-width: 120px;
    padding: 0 0 0 10px;
  }
  .pickbox2 {min-height: 377px; height: 100% !important;}
  .rep {bottom: 25px !important; }
  .seriestext {font-size: 16px; color: #FFFFFF; word-break: keep-all; line-height: inherit;}
  .promotiontext {font-size: 16px; color: #FFFFFF;} 
    
    .excdesc {
        color: #FFFFFF; margin-top: -60%; z-index: 10; position: relative;
    }

    .series {max-width: 250px;}
    .pp-divider {display: block;}
    .pp-border {border-right: thin solid;}
    .tab-icon {max-width: 80px;}
    .learnmore {position: absolute; bottom: 5px;}
    .bbb {max-width: 794px;}

    .modernplus {
        position: absolute;
        right: -1%;
        top: 32%; 
    }

    .modernplus2 {
        position: absolute;
        right: -2%;
        top: 32%; 
    }

    .proplus {
        position: absolute;
        right: -7%;
        top: 32%; 
    }

    .proplus2 {
        position: absolute;
        right: 0%;
        top: 32%; 
    }

    .proplus3 {
        position: absolute;
        right: -9%;
        top: 32%; 
    }

    .proplus4 {
        position: absolute;
        right: 6%;
        top: 32%; 
    }

    .heritageplus {
        position: absolute;
        right: 0%;
        top: 32%; 
    }

    .heritageplus2 {
        position: absolute;
        right: 0%;
        top: 32%; 
    }

    .dominoplus {
        position: absolute;
        right: -7%;
        top: 32%; 
    }

    .dominoplus2 {
        position: absolute;
        right: -7%;
        top: 32%; 
    }

    .dominoplus3 {
        position: absolute;
        right: -4%;
        top: 32%; 
    }

    .dominoplus4 {
        position: absolute;
        right: -7%;
        top: 32%; 
    }
    #slide {right: -258px;}
    .foodarrow-left {left: 70px;}
    .foodarrow-right {right: 70px;}

    .bd-title {font-size: large; color: #f3ebdf;}
    .bd-subtitle {font-size: smaller; color: #f7f0e8; text-decoration: none;}
}

/* XX large devices (large desktops, 1400px and up) */
@media (min-width: 1600px) {
  .series-label {max-width: 145px; padding: 0 0 0 10px;}
  .blogo {max-width: 80px;}

    
    .excdesc {
        color: #FFFFFF; margin-top: -60%; z-index: 10; position: relative;
    }

    .series {max-width: 250px;}
    .pp-divider {display: block;}
    .pp-border {border-right: thin solid;}
    .tab-icon {max-width: 80px;}
    .learnmore {position: absolute; bottom: 5px;}
    .bbb {max-width: 794px;}

    .modernplus {
        position: absolute;
        right: -7%;
        top: 32%; 
    }

    .modernplus2 {
        position: absolute;
        right: -2%;
        top: 32%; 
    }

    .proplus {
        position: absolute;
        right: -7%;
        top: 32%; 
    }

    .proplus2 {
        position: absolute;
        right: 0%;
        top: 32%; 
    }

    .proplus3 {
        position: absolute;
        right: -9%;
        top: 32%; 
    }

    .proplus4 {
        position: absolute;
        right: 6%;
        top: 32%; 
    }

    .heritageplus {
        position: absolute;
        right: 0%;
        top: 32%; 
    }

    .heritageplus2 {
        position: absolute;
        right: 0%;
        top: 32%; 
    }

    .dominoplus {
        position: absolute;
        right: -7%;
        top: 32%; 
    }

    .dominoplus2 {
        position: absolute;
        right: -7%;
        top: 32%; 
    }

    .dominoplus3 {
        position: absolute;
        right: -4%;
        top: 32%; 
    }

    .dominoplus4 {
        position: absolute;
        right: -7%;
        top: 32%; 
    }

    #slide {right: -258px;}
    .foodarrow-left {left: 70px;}
    .foodarrow-right {right: 70px;}

    .bd-title {font-size: large; color: #f3ebdf;}
    .bd-subtitle {font-size: smaller; color: #f7f0e8; text-decoration: none;}
}

@media only screen and (min-width: 320px) and (max-width: 425px){
  .carb {font-size: 3px !important; letter-spacing: 0px !important;}
}

@media only screen and (min-width: 426px) and (max-width: 575px){
  .carb {font-size: 4.4px !important; letter-spacing: 0px !important;}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
  .carb {font-size: 5px !important; letter-spacing: 0px !important;}
}

div#navbarNavDropdown {
  position: fixed;
  width: 100%;
}