.new-display.new-template.node-type-landing-page .view-givaudan-gallery-view  .content-main .panel-pane .field-items ul,
.new-display.new-template.node-type-story-item .view-givaudan-gallery-view  .content-main .panel-pane .field-items ul{
  margin-left: 0;
}
.view-givaudan-gallery-view  div{
  line-height: 0 !important;
}
/*.view-givaudan-gallery-view{
  margin-top: 20px;
}*/
.view-givaudan-gallery-view .field-content ul li .field-name-field-gallery-images-title{
  margin-top: 18px;
}
.view-givaudan-gallery-view .field-content ul li .field-name-field-gallery-images-title .field-items .field-item *{
  /*color: #1D1D1D !important;*/
  font-size: 14px;
  line-height: 22px;
  font-family: "Fedra Sans Alt Pro Book";
}

.viewer-opened .view-givaudan-gallery-view.active .contextual-links-wrapper{
  display:none;
}
.view-givaudan-gallery-view .field-name-field-gallery-images-body{
  display:none;
}

.two-columns.view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li,
.two-columns.view-givaudan-gallery-view.view-mode-default .views-field-field-gallery-images .field-content li
{
  width: 168px;
  height: auto;
  margin-right: 61px;
  text-align: center;
  margin-bottom: 61px;
}

.view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li,
.view-givaudan-gallery-view.view-mode-default .views-field-field-gallery-images .field-content li{
  /*  width: 196px;
    text-align: center;
    margin-right: 27px;*/
  width: 168px;
  height: auto;
  margin-right: 61px;
  text-align: center;
  margin-bottom: 50px;
}

.view-givaudan-gallery-view .field-name-field-gallery-images-title .field-items .field-item{
  padding-bottom: 0;
}

.view-givaudan-gallery-view .field-name-field-gallery-images-title .field-items .field-item p{
  white-space: normal;
  font-family: "Fedra Sans Alt Pro Book";
  font-size: 14px;
  text-align: left;
  padding-bottom: 0 !important;
}

.view-givaudan-gallery-view.view-mode-slider .field-name-field-gallery-images-title .field-items .field-item p{
  color: #FFFFFF;
}

.desktop-breakpoint .one-column .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(5n),
.desktop-breakpoint .one-column .view-givaudan-gallery-view.view-mode-default .views-field-field-gallery-images .field-content li:nth-child(5n){
  margin-right: 0;
}

.view-givaudan-gallery-view .field-content li img{
  width:100%;
}

.view-givaudan-gallery-view li.active+li{
  text-align: left !important;
}

.view-givaudan-gallery-view.view-mode-slider li{
  margin:auto;
}

.view-givaudan-gallery-view.view-mode-slider li.slick-slide{
  height: auto;
}

.view-givaudan-gallery-view.view-mode-slider li img{
  width: 100%;
  height: 400px;
  object-fit: contain;
  background-color: transparent;
}

.desktop-breakpoint .two-columns .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(3n),
.tablet-breakpoint .two-columns .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(3n),
.desktop-breakpoint .two-columns .view-givaudan-gallery-view.view-mode-default .views-field-field-gallery-images .field-content li:nth-child(3n),
.tablet-breakpoint .two-columns .view-givaudan-gallery-view.view-mode-default .views-field-field-gallery-images .field-content li:nth-child(3n){
  margin-right: 0;
}

.view-givaudan-gallery-view.view-mode-block li img{
  width: 168px;
  height: 168px;
  cursor: pointer;
}

.view-givaudan-gallery-view.view-mode-default li img{
  width: 168px;
  height: 168px;
}

.view-givaudan-gallery-view .field-name-field-field-gallery-images-image .field-item {
  position: relative;
}

.view-givaudan-gallery-view.view-mode-block .field-name-field-field-gallery-images-image .field-item{
  cursor: pointer;
}
.view-givaudan-gallery-view.view-mode-block .field-name-field-field-gallery-images-image .field-item::after {
  content: '';
  background-color: #1D1D1D;
  position: absolute;
  /*  width: 148px;*/
  width: 100%;
  /*height: 148px;*/
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px;
  display:none;
  background-image: url('../images/ico_watch.svg');
  background-repeat: no-repeat;
  background-position: center 54%;
  background-size: 35px;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out, background-position 0.5s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out, background-position 0.5s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, background-position 0.5s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, background-position 0.5s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, background-position 0.5s ease-in-out;
}


.view-givaudan-gallery-view.view-mode-block .field-name-field-field-gallery-images-image .field-item::after{
  opacity: 0;
  display: block;
}
.view-givaudan-gallery-view.view-mode-block .field-name-field-field-gallery-images-image .field-item:hover::after{
  display: block;
  opacity: 1;
  background-position: center;
}

.viewer-opened .view-givaudan-gallery-view .field-name-field-gallery-images-title .field-item p,
.viewer-opened .view-givaudan-gallery-view .field-name-field-gallery-images-title .field-item div{
  color: #FFFFFF;
}

.view-givaudan-gallery-view.active .field-name-field-gallery-images-title .field-item p,
.view-givaudan-gallery-view.active .field-name-field-gallery-images-title .field-item div{
  text-align: left;
}

/*---slider---*/

.view-givaudan-gallery-view.view-mode-slider{
  padding-bottom: 40px;
}

.view-givaudan-gallery-view.view-mode-slider .slick-slider .prev{
  position: absolute;
  top: calc(50% - 25px);
  left:20px;
}

.view-givaudan-gallery-view.view-mode-slider .slick-slider .next{
  position: absolute;
  top: calc(50% - 25px);
  right:20px;
}

.view-givaudan-gallery-view.view-mode-slider .field-name-field-field-gallery-images-image .field-item a:hover::after{
  display:none;
}

.view-givaudan-gallery-view.view-mode-slider .slick-slider .slick-arrow{
  background-color: transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 0;
}

.view-givaudan-gallery-view .slick-dots li{
  min-width: 20px !important;
  width: 20px !important;
}

.view-givaudan-gallery-view.view-mode-slider .field-name-field-gallery-images-title{
  position: absolute;
  bottom: 0;
  left: 2%;
  right: 2%;
  width: 96%;
}

.view-givaudan-gallery-view.view-mode-slider .field-name-field-gallery-images-title .field-item{
  padding-bottom: 0;
  text-align: center;
}

.view-givaudan-gallery-view ul.slick-dots{
  bottom:-40px;
}

.view-givaudan-gallery-view ul.slick-dots li{
  width: 20px;
  margin-right: 10px;
  border-radius: 50%;
}

.view-givaudan-gallery-view ul.slick-dots li button::before{
  content: ' ';
  background-color: #000000;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.view-givaudan-gallery-view.view-mode-slider .field-name-field-field-gallery-images-image .field-item:hover::after{
  display: none;
}

/*-- viewer ---*/

.view-givaudan-gallery-view .field-name-field-viewer-image{
  display:none;
}

.viewer-opened .view-givaudan-gallery-view.active .field-name-field-viewer-image{
  display:block;
}

.viewer-opened .view-givaudan-gallery-view.active .field-name-field-field-gallery-images-image{
  display: none;
}

.viewer-opened .view-givaudan-gallery-view.active {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #000000;
  overflow: hidden;
  z-index: 501;
}

.viewer-opened .view-givaudan-gallery-view.active .view-content{
  top: 15vh;
  position: absolute;
  left: 20%;
  height: 85vh;
}

.viewer-opened .view-givaudan-gallery-view li img{
  width: 80%;
  height: auto;
  margin-top: 10%;
  max-height: 48vh;
  object-fit: contain;
  object-position: left;
  opacity: 0.5;
  transition: all 1s ease-in-out;
  margin: auto;
  -webkit-box-shadow: inset -16px 0px 14px -10px rgba(0,0,0,0.59);
  -moz-box-shadow: inset -16px 0px 14px -10px rgba(0,0,0,0.59);
  box-shadow: inset -16px 0px 14px -10px rgba(0,0,0,0.59);
}

.viewer-opened .view-givaudan-gallery-view.active li.active .field-item{
  height: 60vh;
  display: flex;
}

.viewer-opened .view-givaudan-gallery-view.active li.active .field-item img{
  width: 100%;
  height: auto;
  max-height: 60vh;
  object-fit: contain;
  object-position: center;
  opacity: 1;
  margin-top: 0;
  cursor: initial;
  padding-right: 1vw;
  padding-left: 1vw;
  box-sizing: border-box;
  margin: auto;
  -webkit-box-shadow: inset -16px 0px 14px -10px rgba(0,0,0,0.59);
  -moz-box-shadow: inset -16px 0px 14px -10px rgba(0,0,0,0.59);
  box-shadow: inset -16px 0px 14px -10px rgba(0,0,0,0.59);
  transition: all 1s ease-in-out;
}

.viewer-opened .view-givaudan-gallery-view.active li.active .field-item img.portrait{
  width: auto;
  height: 100%;
}

.viewer-opened{
  height: 100vh;
  overflow-y: hidden;
}

.viewer-opened .view-givaudan-gallery-view.active ul{
  display:flex;
  position: absolute;
}

.viewer-opened .view-givaudan-gallery-view.active li {
  width: 55vw !important;
  margin-right: 20vw !important;
  flex: 0 0 auto;
}

.viewer-opened .view-givaudan-gallery-view.active .field-name-field-field-gallery-images-image .field-item:hover::after{
  display: none;
}

.viewer-opened .view-givaudan-gallery-view.active .view-content .counter > span{
  font-family: "Fedra Serif B Pro Book";
  font-size: 92px;
  line-height: 70px;
}
.viewer-opened .view-givaudan-gallery-view.active .view-content .counter .total{
  top: -12px;
  position: absolute;
}
.viewer-opened .view-givaudan-gallery-view.active .view-content .counter{
  width: 20vw;
  height: auto;
  display: block;
  position: absolute;
  left: 55vw;
  /*top: 25vh;*/
  top: 10px;
  color: white;
}

.viewer-opened .view-givaudan-gallery-view .view-content .counter .total{
  font-size: 92px;
}

.viewer-opened .view-givaudan-gallery-view.active .view-content .counter .current-slide{
  position: relative;
  vertical-align: middle;
}

.viewer-opened .view-givaudan-gallery-view.active .view-content .counter .counter-info{
  margin-top: 10px;
}

.viewer-opened .view-givaudan-gallery-view.active li .content{
  position: relative;
}

.viewer-opened .field-name-field-gallery-images-title li.previous .field-item{
  display:none !important;
}

.viewer-opened .view-givaudan-gallery-view.active li.previous .field-item img{
  object-position: right;
  position: absolute;
  right: -5vw;
}

.viewer-opened .view-givaudan-gallery-view.active li .content .field-name-field-gallery-images-title {
  display: none;
}

.viewer-opened .view-givaudan-gallery-view.active li.active .content .field-name-field-gallery-images-body{
  display:block;
}

.viewer-opened .view-givaudan-gallery-view.active li.active .content .field-name-field-gallery-images-body .field-item{
  font-size: 20px;
  line-height: 24px;
  padding-top: 0;
}

.viewer-opened .view-givaudan-gallery-view.active li.active .content .field-name-field-gallery-images-body .field-item *,
.viewer-opened .view-givaudan-gallery-view.active li.active .content .field-name-field-gallery-images-body .field-item p{
  color: #FFFFFF;
  font-size: 20px;
  line-height: 24px;
  font-family: "Fedra Sans Alt Pro Book";
}

.viewer-opened .view-givaudan-gallery-view.active .view-content .buttons{
  width: 10vw;
  height: auto;
  display: flex;
  position: absolute;
  left: 55vw;
  bottom: 25vh;
  color: white;
  min-width: 100px;
  justify-content: space-between;
  min-width:170px;
}

.viewer-opened .view-givaudan-gallery-view.active .view-content .buttons .viewer-button:not(.clickable) svg{
  cursor: default;
}
.viewer-opened .view-givaudan-gallery-view.active .view-content .buttons .viewer-button.clickable svg:hover{
  height: 50px;
  width: 50px;
  transition: width 0.2s, height 0.2s;
  -wekit-transition: width 0.2s, height 0.2s;
  -moz-transition: width 0.2s, height 0.2s;
  -o-transition: width 0.2s, height 0.2s;
  -ms-transition: width 0.2s, height 0.2s;
}
.viewer-opened .view-givaudan-gallery-view.active .view-content .buttons .viewer-button svg{
  bottom: 0;
  position: absolute;
}
.viewer-opened .view-givaudan-gallery-view.active .view-content .buttons .viewer-button:last-child{
  right: 4vw;
}
.viewer-opened .view-givaudan-gallery-view.active .view-content .buttons .viewer-button{
  width: auto;
  height: auto;
  z-index: 4;
  cursor: pointer;
  position: relative;
}

.viewer-opened .view-givaudan-gallery-view.active .view-content .buttons .viewer-button:not(.clickable){
  opacity: 0.5;
}

.viewer-opened .view-givaudan-gallery-view.active .view-content .buttons .viewer-button.prev svg g g g,
.viewer-opened .view-givaudan-gallery-view.active .view-content .buttons .viewer-button.next svg g g g{
  stroke-width:1;
  stroke: #FFFFFF;
}

body .close-viewer {
  position: absolute;
  /*top: 0;*/
  top: -100px;
  top: -15%;
  color: white;
  right: -78vw;
  width: 20px;
  height: 20px;
  z-index: 502;
  font-size: 25px;
  cursor: pointer;
  padding: 5px;
}

.viewer-opened-mobile .view-givaudan-gallery-view.active .view-content div.counter .counter-info .field-item{
  overflow: hidden;
}

.viewer-opened .view-givaudan-gallery-view.active .view-content .counter.counter-animated-next{
  opacity:0 !important;
  transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
}

.viewer-opened .view-givaudan-gallery-view.active .view-content .counter.counter-animated-next .current-slide{
  top: -50px !important;
  opacity:0 !important;
  transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
}

.viewer-opened .view-givaudan-gallery-view.active .field-name-field-viewer-image .field-item.to-animate::after {
  content: '';
  background-color: #000000;
  position: absolute;
  height: 100%;
  right: 0;
  left: 0;
}

.view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:not(.active) .field-item{
  transition: left 5s ease-in-out;
  -webkit-transition: left 5s ease-in-out;
  -moz-transition: left 5s ease-in-out;
  -o-transition: left 5s ease-in-out;
  -ms-transition: left 5s ease-in-out;
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;

}
.viewer-opened .view-givaudan-gallery-view .field-name-field-viewer-image .field-item.to-animate.animated::after  {
  transition: left 2s ease-in-out;
  -webkit-transition: left 2s ease-in-out;
  -moz-transition: left 2s ease-in-out;
  -o-transition: left 2s ease-in-out;
  -ms-transition: left 2s ease-in-out;
}
.viewer-opened .view-givaudan-gallery-view.active .field-name-field-viewer-image .field-item.to-animate.animated::after  {
  left: 100%;
  -webkit-box-shadow: inset -16px 0px 14px -10px rgba(0,0,0,0.59);
  -moz-box-shadow: inset -16px 0px 14px -10px rgba(0,0,0,0.59);
  box-shadow: inset -16px 0px 14px -10px rgba(0,0,0,0.59);
}

.viewer-opened .view-givaudan-gallery-view.active li .content .field-name-field-gallery-images-body .field-item{
  position: absolute;
  top: 32vh;
  left: 55vw;
  width: 13vw;
  max-height: 123px;
  display:block;
  padding-right: 20px;
  box-sizing: border-box;
  text-align: left;
  color: #FFFFFF;
  overflow: hidden;
  padding-top: 50px;
  opacity: 0;
  transition: opacity 2s ease-in-out, padding-top 1s ease-in-out;
  -webkit-transition: opacity 2s ease-in-out, padding-top 1s ease-in-out;
  -moz-transition: opacity 2s ease-in-out, padding-top 1s ease-in-out;
  -o-transition: opacity 2s ease-in-out, padding-top 1s ease-in-out;
  -ms-transition: opacity 2s ease-in-out, padding-top 1s ease-in-out;
}

.viewer-opened .view-givaudan-gallery-view .field-name-field-gallery-images-body{
  display: block;
}
.viewer-opened .view-givaudan-gallery-view.active .view-content .counter .total.to-animate{
  opacity:0;
  top: 50px;
  transition: opacity 2s ease-in-out, top 2s ease-in-out;
  -webkit-transition: opacity 2s ease-in-out, top 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out, top 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out, top 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out, top 2s ease-in-out;
}
.viewer-opened .view-givaudan-gallery-view.active .view-content .counter .current-slide.to-animate{
  opacity:0;
  top: 50px;
  transition: opacity 2s ease-in-out, top 1s ease-in-out;
  -webkit-transition: opacity 2s ease-in-out, top 1s ease-in-out;
  -moz-transition: opacity 2s ease-in-out, top 1s ease-in-out;
  -o-transition: opacity 2s ease-in-out, top 1s ease-in-out;
  -ms-transition: opacity 2s ease-in-out, top 1s ease-in-out;
}

.viewer-opened .view-givaudan-gallery-view.active .view-content .counter .total.to-animate.animated{
  opacity:1;
  top: 0;
}
.viewer-opened .view-givaudan-gallery-view.active .view-content .counter .current-slide.to-animate.animated{
  opacity:1;
  top: 0;
  padding-top:0;
}

.view-givaudan-gallery-view li .content .field-name-field-gallery-images-body .field-item{
  opacity: 0;
}
.viewer-opened .view-givaudan-gallery-view.active li.active .content .field-name-field-gallery-images-body .field-item{
  font-family: "Fedra Sans Alt Pro Book";
}
.viewer-opened .view-givaudan-gallery-view.active li.active .content .field-name-field-gallery-images-body .field-item,
.viewer-opened .view-givaudan-gallery-view.active li.active .content .field-name-field-gallery-images-body .field-item.to-animate{
  opacity:0 ;
  top: 38vh;
  transition: opacity 1s ease-in-out, top 2s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out, top 2s ease-in-out;
  -moz-transition: opacity 1s ease-in-out, top 2s ease-in-out;
  -o-transition: opacity 1s ease-in-out, top 2s ease-in-out;
  -ms-transition: opacity 1s ease-in-out, top 2s ease-in-out;
}

.viewer-opened .view-givaudan-gallery-view.active li.active .content .field-name-field-gallery-images-body .field-item.to-animate.animated{
  opacity:1;
  top: 115px;
}

.viewer-opened .view-givaudan-gallery-view.active .view-content .buttons.to-animate{
  opacity:0;
  bottom: 21vh;
  transition: opacity 2s ease-in-out, bottom 1s ease-in-out;
  -webkit-transition: opacity 2s ease-in-out, bottom 1s ease-in-out;
  -moz-transition: opacity 2s ease-in-out, bottom 1s ease-in-out;
  -o-transition: opacity 2s ease-in-out, bottom 1s ease-in-out;
  -ms-transition: opacity 2s ease-in-out, bottom 1s ease-in-out;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
}

.new-display.new-template.viewer-opened .view-givaudan-gallery-view.active .view-content .buttons.to-animate.animated{
  opacity:1;
  bottom: 25vh;
}

.new-display.new-template.viewer-opened.node-type-story-item .view-givaudan-gallery-view li .content .field-name-field-gallery-images-body .field-item{
  top:38vh;
  opacity: 0;
}
.new-display.new-template.viewer-opened.node-type-story-item .view-givaudan-gallery-view.active .view-content .counter{
  /*Ver isto*/
  /*//top:calc(20vh + 20px);*/
}

.new-display.new-template.node-type-story-item.viewer-opened .view-givaudan-gallery-view.active .view-content .buttons.to-animate.animated{
  bottom: calc(25vh - 20px) !important;
}
.new-display.new-template.node-type-story-item .view-givaudan-gallery-view  .content-main .panel-pane .field-items ul{
  padding-top: 20px;
}


.new-display.new-template.node-type-story-item.viewer-opened .view-givaudan-gallery-view.active{
  /*top:-20px;*/
}
.node-type-story-item.new-display .section-small .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li{
  margin-right: 77px;
}

.node-type-story-item.new-display .section-small .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(4n){
  margin-right: 0;
}

.node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li,
.node-type-story-item.new-display .section-wide .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li{
  margin-right: 70px;
}

.node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(5n),
.node-type-story-item.new-display .section-wide .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(5n){
  margin-right: 0;
}


.node-type-story-item.new-display:not(.viewer-opened) .section-full .view-givaudan-gallery-view.view-mode-block{
  width: 1120px;
  margin: auto;
}

.new-display.new-template.node-type-story-item.viewer-opened .close-viewer{
  top:calc(-15% + 20px);
}

.new-display.new-template .content-main .panel-pane .field-items .views-field-field-gallery-images ol,
.new-display.new-template .content-main .panel-pane .field-items .views-field-field-gallery-images ul,
.new-display.new-template .content-main .panel-pane .views-field-field-gallery-images .text  > ol,
.new-display.new-template .content-main .panel-pane .views-field-field-gallery-images .text > ul {
  margin-left: 0px;
}

@media (min-width: 768px) and (max-width:1119px){


  .new-display.new-template.node-type-landing-page .view-givaudan-gallery-view  .content-main .panel-pane .field-items ul,
  .new-display.new-template.node-type-story-item .view-givaudan-gallery-view  .content-main .panel-pane .field-items ul{
    width: 768px;
    margin: auto;
  }

  .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li,
  .view-givaudan-gallery-view.view-mode-default .views-field-field-gallery-images .field-content li{
    margin-right: 34px;
    margin-left: 34px;
  }

  /*    .tablet-breakpoint.page-node .two-columns .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li{
        margin-right: 102px;
      }
  
      .tablet-breakpoint.page-node .two-columns .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(3n){
        margin-right: 0;
      }*/

  .new-display.new-template.node-type-story-item .view-givaudan-gallery-view  .content-main .panel-pane .field-items ul{
    padding-top: 20px;
    width: 768px;
    margin: auto;
  }

  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block{
    margin: auto;
    width: 768px;
  }

  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content ul{
    margin: initial;
    width: 1024px;
  }

  .node-type-story-item.new-display .section-small .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li{
    margin-right: 102px;
    margin-left: 15px;
  }

  .node-type-story-item.new-display .section-small .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(3n){
    margin-right: 0px
  }

  .node-type-story-item.new-display .section-small .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(4n){
    margin-right: 102px;
  }

  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li,
  .node-type-story-item.new-display .section-wide .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li{
    margin-right: 102px;
    margin-left: 15px;
  }

  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(3n),
  .node-type-story-item.new-display .section-wide .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(3n){
    margin-right: 0px;
  }


  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(5n),
  .node-type-story-item.new-display .section-wide .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(5n){
    margin-right: 102px;
  }
}


/*.new-display.new-template .view-givaudan-gallery-view .content-main .panel-pane .field-items ol,
.new-display.new-template .view-givaudan-gallery-view .content-main .panel-pane .field-items ul,
.new-display.new-template .view-givaudan-gallery-view .content-main .panel-pane .text > ol,
.new-display.new-template .view-givaudan-gallery-view .content-main .panel-pane .text > ul {
  margin-left: 0px;
}
*/
@media (min-width: 768px) and (max-width:1119px) and (orientation: landscape) {
  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content ul{
    margin: auto;
    width: 865px;
  }
}

/*  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
   .node-type-story-item.new-display .section-small .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(3n){
    margin-right: 77px;
  }
   .node-type-story-item.new-display .section-small .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(4n){
    margin-right: 0px;
  }

}*/



@media (max-width: 1119px) {
  /** galerry viewer **/
  .view-givaudan-gallery-view .field-name-field-gallery-images-title,
  .view-givaudan-gallery-view .counter{
    text-align: left;
  }

  .view-givaudan-gallery-view.view-mode-block .field-name-field-field-gallery-images-image .field-item:hover::after,
  .mobile-breakpoint .view-givaudan-gallery-view .field-name-field-field-gallery-images-image .field-item::after {
    display: none;
  }

  .viewer-opened-mobile .view-givaudan-gallery-view.active,
  .viewer-opened-tablet .view-givaudan-gallery-view.active {
    position: fixed;
    background-color: #000000;
    height: 100vh;
    width: 100vw !important;
    top: 0;
    left: 0;
    z-index: 502;
  }
  .viewer-opened-mobile .view-givaudan-gallery-view.active div.view-content,
  .viewer-opened-tablet .view-givaudan-gallery-view.active div.view-content{
    top: 5%;
    height: 50%;
    left: 0;
    width: 100vw;
    background: black;
  }

  .viewer-opened-mobile .view-givaudan-gallery-view.active .content .field-name-field-gallery-images-title,
  .viewer-opened-tablet .view-givaudan-gallery-view.active .content .field-name-field-gallery-images-title{
    display:none;
  }

  .viewer-opened-mobile .view-givaudan-gallery-view.active .view-content div.buttons,
  .viewer-opened-tablet .view-givaudan-gallery-view.active .view-content div.buttons{
    display: none;
  }

  .viewer-opened-mobile .view-givaudan-gallery-view.active .view-content div.counter,
  .viewer-opened-tablet .view-givaudan-gallery-view.active .view-content div.counter{
    position: absolute;
    left: 10%;
    bottom: 0;
    height: 35vh;
    width: 90%;
  }
  .viewer-opened-mobile .view-givaudan-gallery-view.active .view-content div.counter > span.total,
  .viewer-opened-tablet .view-givaudan-gallery-view.active .view-content div.counter > span.total{
    bottom: 5px;
    left: 4px;
    position: relative;
  }
  .viewer-opened-mobile .view-givaudan-gallery-view.active .view-content div.counter > span,
  .viewer-opened-tablet .view-givaudan-gallery-view.active .view-content div.counter > span{
    color: #FFFFFF !important;
    font-size:50px !important;
    line-height: 52px;
    font-family: "Fedra Serif B Pro Book";
  }

  .viewer-opened-mobile .view-givaudan-gallery-view.active .view-content div.counter .counter-info,
  .viewer-opened-tablet .view-givaudan-gallery-view.active .view-content div.counter .counter-info{
    margin-top: 10px;
  }
  .viewer-opened-mobile .view-givaudan-gallery-view.active .view-content div.counter .counter-info .field-item > * ,
  .viewer-opened-tablet .view-givaudan-gallery-view.active .view-content div.counter .counter-info .field-item > *{
    font-size: 12px;
    line-height: 22px;
    color:#fff;
  }

  .viewer-opened-mobile .view-givaudan-gallery-view ul,
  .viewer-opened-tablet .view-givaudan-gallery-view ul{
    left: 10vw;
    height: 50vh;
    margin-top: 10vh !important;
  }

  .viewer-opened-mobile .view-givaudan-gallery-view.active li,
  .viewer-opened-tablet .view-givaudan-gallery-view.active li{
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .viewer-opened-mobile .view-givaudan-gallery-view.active li{
    margin-right: 0 !important;
    margin-left: 8px !important;
  }

  .viewer-opened-mobile .view-givaudan-gallery-view.active li img,
  .viewer-opened-tablet .view-givaudan-gallery-view.active li img{
    object-fit: contain;
    max-height: 50vh;
    height: auto;
  }

  .viewer-opened-mobile .view-givaudan-gallery-view.active li.slick-active img,
  .viewer-opened-tablet .view-givaudan-gallery-view.active li.slick-active img{
    width: 80vw !important;
    max-height: 50vh;
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -o-transition: height 0.5s;
    -ms-transition: height 0.5s;
    height: 60vh;
  }

  body div.close-viewer {
    top: 5%;
    right: 5%;
    color: white;
    font-size: 25px;
    position: absolute;
    padding: 5px;
    cursor: pointer;
  }

  .viewer-opened-mobile .view-givaudan-gallery-view .field-name-field-field-gallery-images-image .field-item::after,
  .viewer-opened-tablet .view-givaudan-gallery-view .field-name-field-field-gallery-images-image .field-item::after{
    display: none;
  }

  .viewer-opened-mobile .view-givaudan-gallery-view.active li.slick-slide.prev .content,
  .viewer-opened-mobile .view-givaudan-gallery-view.active li.slick-slide.next .content,
  .viewer-opened-tablet .view-givaudan-gallery-view.active li.slick-slide.prev .content,
  .viewer-opened-tablet .view-givaudan-gallery-view.active li.slick-slide.next .content{
    position:relative;
  }

  .viewer-opened-mobile .view-givaudan-gallery-view.active li.slick-slide.next .content,
  .viewer-opened-tablet .view-givaudan-gallery-view.active li.slick-slide.next .content{
    margin-left: -10vw;
  }

  .viewer-opened-mobile .view-givaudan-gallery-view.active li.slick-slide.prev .field-items,
  .viewer-opened-tablet .view-givaudan-gallery-view.active li.slick-slide.prev .field-items{
    text-align: right;
  }

  .viewer-opened-mobile .view-givaudan-gallery-view.active li.slick-slide.prev img,
  .viewer-opened-tablet .view-givaudan-gallery-view.active li.slick-slide.prev img{
    object-position: right;
    position: absolute;
    right: 5vw;
    height: 56vh !important;
    width: 60vh !important;
    object-fit: cover;
    top: -3vh;
    opacity: 0.5;
    max-height: 60vh;
  }

  .viewer-opened-mobile .view-givaudan-gallery-view.active li.slick-slide.next .field-items,
  .viewer-opened-tablet .view-givaudan-gallery-view.active li.slick-slide.next .field-items{
    text-align: left;
  }

  .viewer-opened-mobile .view-givaudan-gallery-view.active li.slick-slide.next img,
  .viewer-opened-tablet .view-givaudan-gallery-view.active li.slick-slide.next img{
    object-position: left;
    position: absolute;
    left: -5vw;
    height: 56vh !important;
    width: 60vh !important;
    object-fit: cover;
    top: -3vh;
    opacity: 0.5;
    max-height: 60vh;
  }

  .mobile-breakpoint.page-node .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li.slick-active img{
    height: 60vh;
  }

  .view-givaudan-gallery-view .slick-slider .slick-list{
    overflow: visible;
  }

  .viewer-opened-tablet .view-givaudan-gallery-view.active .view-content div.counter .counter-info .field-item,
  .viewer-opened-mobile .view-givaudan-gallery-view.active .view-content div.counter .counter-info .field-item{
    max-height: 90px;
    width: 90%;
  }
}
@media (max-width: 767px) {

  .view-givaudan-gallery-view.view-mode-default li img{
    width: 148px;
    height: auto;
  }


  .two-columns.view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li,
  .two-columns.view-givaudan-gallery-view.view-mode-default .views-field-field-gallery-images .field-content li{
    width: 160px;
  }
  .view-givaudan-gallery-view .field-content ul li .field-name-field-gallery-images-title .field-items .field-item > p {
    margin-left: 8px;
  }

  .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li,
  .view-givaudan-gallery-view.view-mode-default .views-field-field-gallery-images .field-content li{
    /*  width: 196px;
      text-align: center;
      margin-right: 27px;*/
    width: 160px;
    margin-right: 0px;
  }

  .view-givaudan-gallery-view.view-mode-slider{
    overflow: hidden;
  }

  .mobile-breakpoint.page-node .view-givaudan-gallery-view.view-mode-slider li img{
    height: 300px;
    width: 320px;
  }

  .mobile-breakpoint.page-node .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li{
    min-width: 148px;
    width:148px;
    margin-right: 24px;
    margin-bottom: 24px;
  }

  .mobile-breakpoint.page-node .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li img{
    width:148px;
    height: auto;
  }

  .mobile-breakpoint.page-node .view-givaudan-gallery-view .slick-dots li,
  .mobile-breakpoint.page-node .view-givaudan-gallery-view .slick-dots li:nth-child(2n){
    min-width: 20px;
    margin-right: 5px;
  }

  .mobile-breakpoint.page-node .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(2n) {
    margin-right: 0;
  }

  /** image gallery slider **/
  .view-givaudan-gallery-view.view-mode-slider ul.slick-slider .slick-arrow{
    display: none !important;
  }

  .view-givaudan-gallery-view.view-mode-slider ul.slick-slider .slick-dots{
    position: relative;
    bottom: -15px;
  }

  .view-givaudan-gallery-view.view-mode-slider .field.field-name-field-gallery-images-title{
    position: relative;
    text-align: left;
    padding: 2% 2% 0 2%;
  }

  .view-givaudan-gallery-view.view-mode-slider .field-name-field-gallery-images-title .field-items .field-item p{
    color: black;
  }

  .view-givaudan-gallery-view.view-mode-block .field-name-field-gallery-images-title .field-items .field-item{
    padding-top: 10px;
  }

  .page-node .two-columns .view-givaudan-gallery-view ul li{
    width: 196px;
    text-align: center;
    margin-right: auto;
  }

  .new-display.new-template.node-type-story-item .view-givaudan-gallery-view  .content-main .panel-pane .field-items ul{
    padding-top: 20px;
    width: 320px;
    margin: auto;
  }

  .node-type-story-item.new-display .section-small .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li{
    margin-right: 10px;
  }

  .node-type-story-item.new-display .section-wide .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li,

  .node-type-story-item.new-display .section-wide .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(3n),
  .node-type-story-item.new-display .section-wide .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(5n){
    margin-right: 10px;
  }

  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block{
    margin: auto;
    width: 320px;
  }

  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(2n),
  .node-type-story-item.new-display .section-wide .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(2n),
  .node-type-story-item.new-display .section-small .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(2n){
    margin-right: 0px !important;
  }

  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li,
  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(5n),
  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(3n){
    margin-right: 23px;
  }

  .node-type-story-item.new-display:not(.viewer-opened) .section-full .view-givaudan-gallery-view.view-mode-block{
    width: 320px;
    margin: auto;
  }

}

@media (max-width: 768px) and (orientation: landscape) {
  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block:not(.active) .views-field-field-gallery-images .field-content ul{
    margin: auto;
    width: 320px;
  }
}

@media (max-width: 320px){
  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content ul{
    margin-left: 7px;
    width: 320px;
  }

  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li,
  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(5n),
  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li:nth-child(3n){
    margin-right: 10px;
  }

  .mobile-breakpoint.page-node .view-givaudan-gallery-view.view-mode-block .views-field-field-gallery-images .field-content li {
    min-width: 130px;
    width: 130px;
    margin-right: 24px;
    margin-bottom: 24px;
  }

}

@media (min-width: 768px) and (max-width: 1119px){
  .node-type-story-item.new-display .view-givaudan-gallery-view.view-mode-block:not(.active) .views-field-field-gallery-images .field-content li,
  .node-type-story-item.new-display .view-givaudan-gallery-view.view-mode-block:not(.active) .views-field-field-gallery-images .field-content ul li:nth-child(1){
    margin-left: 39px !important;
    margin-right: 78px !important;
  }

  .node-type-story-item.new-display .view-givaudan-gallery-view.view-mode-block:not(.active) .views-field-field-gallery-images .field-content li:nth-child(3n + 2),
  .node-type-story-item.new-display .view-givaudan-gallery-view.view-mode-block:not(.active) .views-field-field-gallery-images .field-content li:nth-child(2){
    margin-left: 0px !important;
    margin-right: 78px !important;
  }

  .node-type-story-item.new-display .view-givaudan-gallery-view.view-mode-block:not(.active) .views-field-field-gallery-images .field-content li:nth-child(3n){
    margin-left: 0px !important;
    margin-right: 39px !important;
  }

  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block:not(.active) .views-field-field-gallery-images .field-content ul{
    width: 100%;
  }

  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block:not(.active){
    width: 738px;       
  }
}

@media (max-width: 767px){
  .node-type-story-item.new-display .section-wide .view-givaudan-gallery-view.view-mode-block:not(.active) .views-field-field-gallery-images .field-content li,
  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block:not(.active) .views-field-field-gallery-images .field-content li,
  .node-type-story-item.new-display .section-small .view-givaudan-gallery-view.view-mode-block:not(.active) .views-field-field-gallery-images .field-content li{
    margin-right: 24px !important;
  }

  .node-type-story-item.new-display .section-wide .view-givaudan-gallery-view.view-mode-block:not(.active) .views-field-field-gallery-images .field-content li:nth-child(2n),
  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block:not(.active) .views-field-field-gallery-images .field-content li:nth-child(2n),
  .node-type-story-item.new-display .section-small .view-givaudan-gallery-view.view-mode-block:not(.active) .views-field-field-gallery-images .field-content li:nth-child(2n){
    margin-right: 0px !important;
  }

  .node-type-story-item.new-display .section-full .view-givaudan-gallery-view.view-mode-block:not(.active),
  .node-type-story-item.new-display .section-wide .view-givaudan-gallery-view.view-mode-block:not(.active),
  .node-type-story-item.new-display .section-small .view-givaudan-gallery-view.view-mode-block:not(.active){
    width: 320px;
    margin: auto;
  }
}