.cmtop80{ margin-top:80px }
.cpaddb90 { padding-bottom:90px }
.appright{ padding-top:10px !important; padding-left:10px !important }


.custom-text{ font-size: 11px;  text-align:justify; margin-top:10px;margin-bottom:10px;
    line-height: 15px; font-family: 'Gotham', 'Arial'; color:#696968 }

.testo-body {
font-family: 'Helvetica Neue Light';
  font-size: 14px;
  margin-top:10px;

}
.text-right{ text-align:right }
.response span.measures {
  font-size: 9px;
  color: #000;
  font-weight: normal;
  font-family: 'Helvetica Neue UltraLight', sans-serif;
}
.mt10 {
  margin-top: 10px;
}
.pr10 {
  padding-right: 10px;
}
.text-headline1::before {
  padding-right: 3px;
  display: inline-block;
  content: '—';
}
.mt15 {  margin-top: 15px; }
a:focus,a:active { text-decoration:none; color:#fff }
.h1 {font-family: 'Cormorant Garamond', serif; text-align: center; font-size: 20px; color:#fff; text-transform: uppercase}
.mt601 {  margin-top: 40px; }
.pr10 {  padding-right: 10px;}
.mt30 {  margin-top: 30px;}
.mt20 {  margin-top: 20px;}
.mt70 {  margin-top: 70px;}
  @media only screen and (max-width: 1200px)
{.right-sidebar {
  position: absolute;
  right: 30px;
  top: 10%;
  z-index: 100;
  width: 40%;
}
.right-sidebar .content {
  margin-top: 0px;
  color: #fff;
  text-align: justify;
  font-size: 14px;
  font-family: 'Helvetica Neue UltraLight';
  letter-spacing: 1.2px;
}
}

.right-sidebar { background-color: rgba(0, 0, 0, .5);  padding: 10px;    position: absolute;  right: 80px;  top: 20%;  z-index: 100;  width: 30%;}
.right-sidebar .content { margin-top: 0px;color: #fff !important; text-align: justify;  font-size: 12px;font-family: 'Helvetica Neue UltraLight';
  letter-spacing: 1.2px;  padding: 10px; }
#menu-main-menu .menu-item  { cursor: pointer;  font-weight: 500;  font-family: 'Cormorant Garamond', serif;  font-size:1.1rem;}

#hamburger {  background-color: transparent;  cursor: pointer;  display: block; position: relative;  height:40px;  width:40px;}
.barA-X, .barB-X, .barC-X {  background-color: #ccc !important;  height: 1px !important; border: 1px !important;}
.barA-X {  background-color: #ccc !important;  height: 2px !important;  left: 21px;  position: absolute;  top: 15px !important;  width: 45%;  -moz-transform: rotate(45deg);  -webkit-transform: rotate(45deg);  -o-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);  border: 1px !important;}
.barA-X { background-color: #ccc !important; height: 2px !important;  left: 21px;  position: absolute;  top: 15px !important;  width: 45%;  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);  -o-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg); border: 1px !important;
}
.barB-X { background-color: #ccc !important;  height: 2px !important;left: 21px;position: absolute;top: 15px !important;  width: 68% !important;  -moz-transform: rotate(135deg);  -webkit-transform: rotate(135deg);  -o-transform: rotate(135deg);  -ms-transform: rotate(135deg);  transform: rotate(135deg);     border: 1px !important;
}
.barA-X, .barB-X, .barC-X { background-color: #ccc !important;  height: 1px !important;border: 1px !important;}
.barC-X { opacity: 0 !important; height: 0.010em !important;}
a:hover { text-decoration:none; color:#fff }
.footer-toggle a:hover { text-decoration:none; color:#333 }
.allect-toggle a:hover { text-decoration:none; color:#333 }
#barA{background-color: #ccc;height: 0px;right:0;position: absolute;top: 9px;width: 70%;opacity: 1;transition: all 0.4s ease-in-out;  border-bottom: 1px solid #ccc;}
#barB{ background-color: #ccc;border: 0px #ccc solid;height: 0.5px;right:0;position: absolute;top: 14px;width: 70%;opacity: 1;transition: all 0.4s ease-in-out;border-bottom: 1px solid #ccc; }
#barC{background-color: #ccc;border: 0px #ccc solid;height: 0.5px;right:0;position: absolute;top: 19px;width: 70%;opacity: 1;transition: all 0.4s ease-in-out;border-bottom: 1px solid #ccc;}

.footerterm { display:block !important }


  .slide-approach .approach-content p small {max-width:60ch!important;}
  .slide-approach .approach-content h2 {font-size:2.5rem!important;}  
  .slide-approach .approach-number {display:none!important;}  
  .slider-vertical-wrapper.is-disabled .slide { max-height:100vh!important; }
  .slide .slide-background {  padding: 3.75rem 3.75rem 0 3.75rem!important}
  ul#menu-main-menu > li.menu-item {  /*width:50%!important;*/}
  
  @media (max-width: 1023.98px) {ul#menu-main-menu > li.menu-item { /*height:20%!important;*/}}
  
  .slide-image-carousel .images-carousel-item .bottom, .slide-text-carousel .images-carousel-item .bottom {
    bottom:auto!important;
    font-size:20px!important;
    letter-spacing:2px!important;
    font-family: "Gotham", "Arial", "Helvetica", sans-serif!important;
    text-shadow:0px 0px 20px rgba(0,0,0,0.8);
  }
  #header-bottom-1{display:none !important}
  @media (max-width: 768px) { 
    #side-left{ display:none !important}
    #side-right{ display:none !important}
    #header-bottom{ display:none !important}
    #header-bottom-1{ display:block !important}
    #menu-main-menu .menu-item  { cursor: pointer;  font-weight: 300;  font-family: 'Cormorant Garamond', serif;  font-size:16px;}
    
    
  .wrapper-brand-book {padding: 0px!important;}
    .wrapper-brand-book .container {  padding:0px!important;}
  }
  @media (max-width: 1123.98px) { 
    .footerterm { display:none !important }
    #header-bottom-1{ display:block !important}
    #header-bottom{ display:none !important}     
  }
  .text-hero-project {font-size:3rem!important;}  
  .single-project-block h1.project-title span {display:inline!important;} 
  .single-project-block .project-block-container-columns {   justify-content: flex-start!important;}  
  .col-top .project-description { padding-top:0px!important;  } 
  .single-content h3 {font-size:24px; }

  .scheda-prodotto h3.titolo, .scheda-prodotto h1.titolo {
  font-family: 'Helvetica Neue Light', sans-serif;
  font-size: 12px;
  color: #000;
  letter-spacing: 1.5px;
  margin-bottom: 0px;
  font-weight: 500;
  margin-top: -3px;
}
.header-top-item{ margin-top:10px }
.scheda-prodotto h3.titolo span{
  /*letter-spacing: 2px;
  font-family: 'Helvetica Neue UltraLight', sans-serif;
  font-size: 10px;
  margin-top: 5px;
  color: #333;
  */
  text-transform: lowercase;
font-family: 'Helvetica Neue Light', sans-serif;
font-size: .65rem;
letter-spacing: 0.1px;
margin-top: 2px;
color: #333;
}
.mleft15{ margin-left:15px !important }
.mleft20{ margin-left:20px !important }
.mleft35{ margin-left:35px !important }
.mleft35a1{ margin-left:15px !important }
.mleft35b{ margin-left:35px !important }

.mtop15{ margin-top:15px  !important }
.mtop10{ margin-top:10px  !important }
.mleft20a { margin-left:35px  !important }
.mleft45a { margin-left:35px  !important }
.mleft25a { margin-left:25px  !important }


.mleft90{ margin-left:85px !important}
@media (max-width: 768px){
.mleft20a { margin-left:20px  !important }
  .mleft35a { margin-left:92px !important } 
  .mleft35b { margin-left:17px !important } 
  .mleft35a1{ margin-left:85px !important }
  .mleft45a { margin-left:17px  !important }
  .mleft23a { margin-left:12px  !important }
  
  .mleft15{ margin-left:35px !important }
  .mleft90{ margin-left:50px !important}
  .mtop15a{ margin-top:5px !important }
  .cmtop80{ margin-top:0px !important}
  .scheda-prodotto h4.categoria {
  letter-spacing: 2px;
  font-family: 'Helvetica Neue Light', sans-serif;
  font-size: 10px;
  margin-top: 5px;
  color: #333;
}
}
.response {
  font-size: 11px;
  color: #333;
  font-weight: normal;
  font-family: 'Helvetica Neue Light', sans-serif;
  letter-spacing: 1px;
  line-height: 17px;
  font-weight: 300;
}
.scheda-prodotto h3.titolo, .scheda-prodotto h1.titolo {
  font-family: 'Helvetica Neue Medium', sans-serif;
  font-size: 12px;
  color: #000;
  letter-spacing: .5px;
  margin-bottom: 0px;
  font-weight: 500;
  margin-top: -3px;
}
.response span {
  font-size: 10px;
  color: #000;
  font-weight: normal;
  font-family: 'Helvetica Neue Light', sans-serif;
}
.enquire a {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 5px;
  width: auto;
  margin-bottom: 0;
  text-align: center;
  line-height: 38px;
  font-weight: 500;
  font-size: 12px;
  color: #000;
  text-transform: uppercase;
}
.enquire a {
  text-align: center;
  border: 0.00055rem solid #000;
    border-top-color: rgb(0, 0, 0);
    border-right-color: rgb(0, 0, 0);
    border-bottom-color: rgb(0, 0, 0);
    border-left-color: rgb(0, 0, 0);
  background-color: transparent;
  transition: all .3s ease-in-out;
  font-weight: 500;
  font-size: 12px;
  color: #000;
}
.enquire a {
  border: 1px solid #bebcbc;
  padding: 10px;
  font-size: 9px;
  color: #696968;
  font-family: 'Helvetica Neue Light', sans-serif;
}
.btn-enquire {
  font-family: 'Helvetica Neue Light', sans-serif;
  padding: 5px 10px !important;
  font-size: 10px !important;
  width: 80px !important;
  height: 20px !important;
  line-height: 8px !important;
  background-color: #fff !important;
  color: #717171 !important;
  border-color: #ccc !important;
  border-radius: 0px;
}

@media (max-width: 767.98px){
  #header-bottom-1{   padding-top:5px; height:60px !important; padding-top:10px }  
  #header-bottom-1.open {background-color:#fff !important;}
    .header .header-top .header-top-container .header-top-item, .header .header-bottom .header-top-container .header-top-item {
      width: 15%;
      
    }
    #hamburger { margin-top: 8px;}
    .response span { font-size: 9px; }
    .noMobCol { display:none }
}


.overlay2:before {
  content: "";
  inset: 0;
  position: absolute;
  background: rgba(0,0,0, 0.8);
  z-index: 2;
  transition: 0.5s;
  visibility: hidden;
  opacity: 1;
}
 

.overlay2:hover img {
  transform: scale(1.2);
}

.overlay:before {
  content: "";
  inset: 0;
  position: absolute;
  background: transparent;
  z-index: 2;
  transition: 0.5s;
  visibility: hidden;
  opacity: 0;
}
.overlay:hover:before {
  visibility: visible;
  opacity: 1;
}

.overlay:hover img {
  transform: scale(1.2);
}
.portfolio-info {
  opacity: 0;
  position: absolute;
  inset: auto 40px 40px 40px;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  padding: 20px;
}
.portfolio-info1 {
  opacity: 1;
  position: absolute;
  inset: auto 0px 60px 0px;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  padding: 20px;
}

.portfolio-info1 h4{ width:100% !important }
.portfolio-info1 h4 a{ width:100% !important; text-align:center !important; display:flex; }

.overlay:hover .portfolio-info {
  opacity: 1;
  inset: auto 10px 0 10px;
}
 
.portfolio-info   h4 a{
  font-size: 20px !important;
  text-align: center !important;
  font-weight: 400 !important;
  font-family: 'Cormorant Garamond', serif;
  color: #fff !important;
  margin-bottom: 30px;
  text-transform: none;
  display: block !important;
  width:100%  !important;
}
.portfolio-info h2 a {
  font-size: 12px !important;  
  font-weight: 300;
    text-align: center !important;
  color: #fff;  text-transform: none;
  font-family: 'Helvetica Neue UltraLight' !important;
  letter-spacing: 1.5px;
  width:100%  !important;
}
h1{  font-family: 'Cormorant Garamond', serif; text-transform: uppercase; font-size: 35px;margin-bottom:20px}
.content {  font-family: 'Cormorant Garamond', serif; font-size: 20px; }
.overlay{ background-size:cover; background-repeat:no-repeat; background-position:center;  }
.overlay1{ background-size:cover; background-repeat:no-repeat; background-position:center;  }
.overlay2{ background-size:cover; background-repeat:no-repeat; background-position:center;  }
.lcontent{margin-top:0px; height:100vh; position:relative;z-index:0;display:block;  background-color: #fff;}
 




.hero{ background-size:cover; background-repeat:no-repeat; background-position:center;  } 
.overlayBB { position: absolute;  bottom:10px;    background-color: rgba(0, 0, 0, 0.3);   z-index: 2;    width: 90%;   height: 160px;}
.sidebar-inner{ display: block; z-index: 3; position: absolute;  bottom:20px; width: 80%; }
.sidebar-inner h4{ margin-bottom:20px; }
.sidebar-inner h2{ margin-top:10px;font-size:14px }
.sidebar-inner h2 a { text-align: left; width: 100% !important; display: block}
#visMobile{ display:none }
  

section{ padding:30px }
   section .container {  } 
   .contentText { padding:40px 100px; text-align: center; font-size:25px}
   .sfondo { height:100vh; width:100%; position:relative; background-size:cover;background-image: url("https://www.melchiorristudiogallery.com/images/melchiorri-studio-gallery-1.jpg?t=2212"); background-position:center; background-repeat: no-repeat; background-color: #000; }
   .sfondo.about{ background-image: url(https://www.melchiorristudiogallery.com/images/slider4_1.jpg?t=1679154730) }
   .sfondo.custom{ background-image: url(https://www.melchiorristudiogallery.com/images/costum-commissions.jpg?t=167eee14730) }
  
   .sfondo.unique_piece{ background-image: url(https://www.melchiorristudiogallery.com/images/unique_pieces_2.jpg) }
   .sfondo.atelier{ background-image: url(https://www.melchiorristudiogallery.com/images/london.jpg?t=1679205861) }
   .hero.ateliers{ background-image: url(https://www.melchiorristudiogallery.com/images/milano2.jpg?t=1681652036) }
    @media only screen and (max-width: 768px) { 
      #side-left{ display:none !important}
      #side-right{ display:none !important}
      .noscroll { overflow-y:hidden !important }
      section{ padding:30px } 
      .contentText { padding:20px 20px; text-align: center; font-size:20px}
      .sfondo { height:100vh; width:100%; position:relative; background-size:cover;background-image: url("https://www.melchiorristudiogallery.com/images/melchiorri-studio-gallery-1mob.jpg?t=1123333121s"); background-position:center; background-repeat: no-repeat; background-color: #000; }
      .sfondo.unique_piece{ background-image: url(https://www.melchiorristudiogallery.com/images/unique_pieces_mod_1b.jpg) }
      .sfondo.atelier{ background-image: url(https://www.melchiorristudiogallery.com/images/london.jpg?t=1679205861) }
      .hero.ateliers{ background-image: url(https://www.melchiorristudiogallery.com/images/milano2_v.jpg?t=1681sss652036) }
       .sfondo.unique_piece{ background-image: url(https://www.melchiorristudiogallery.com/images/about-vert.jpg?t=1679154730111) }
     
  }
 


.contentText { padding:20px 20% !important; text-align: center; margin-top:0px} 
.text-content {   padding: 20px 20px;  text-align: center;  font-size: 25px;}

.visOnlyMobile{ display:none }



.testo-body img{ width:110px; margin-top:6px }
#menu-img{  display: block}
  #menu-img-mob{  display: none}

.content.about img{ padding-top:4px; width:130px }
.caption { display:none }
@media (max-width: 767.98px){
  .custom-text{margin-top:80px;}
  .caption {   display: block;    position: absolute;    bottom: 30px;    color: #333;    width: 93%;    text-align: center;    margin: 0px auto;    padding: 0px;}
    .caption h4 {  width: 100%; text-align: center !important;} 
.caption h4 a{  width: 100% !important; text-align: center; display:block !important}  

    .hero{ min-height:300px;border-bottom:20px solid #fff;  } 
    .overlayBB { position: absolute;  bottom:10px;    background-color: rgba(0, 0, 0, 0.3);   z-index: 2;    width: 70%;   height: 100px;}
    .sidebar-inner{ display: block; z-index: 3; position: absolute;  bottom:20px; }
    .sidebar-inner h4{ margin-bottom:10px; }
    .sidebar-inner h2{ margin-top:5px;font-size:14px }
    .sidebar-inner h2 a { text-align: center; width: 100% !important; display: block}
    h1{ font-size: 28px }
    .content{ font-size:18px; line-height:25px }
    .content.about { font-size:12px; line-height:15px }
    
    .lcontent{ display:none }
    #visMobile{ display:block }
    #side-left{ display:none !important}
    #side-right{ display:none !important}
    .noscroll { overflow-y:hidden !important }
    section{ padding:30px } 
  .contentText { padding:20px 10% !important; text-align: center; margin-top:30px} 
  .text-content {   padding: 20px 20px;  text-align: center;  font-size: 20px;}
  .testo-body img{ width: 95px; margin-top: 7px; }
  #menu-img{  display: none}
  #menu-img-mob{  display: block}
  .header-top-item {
    width: 15%;
    
}
.visOnlyMobile{ display:block; margin:40px  0px; padding:0px ! important}
.visOnlyMobile .scheda-prodotto{  padding:0px ! important}


 }


   
.scrollD1 a { color:#efefef !important; font-family: 'Helvetica Neue Light', sans-serif; font-weight:100 }
.portfolio-info h4 a.collection{ font-size:16px !important; text-transform:uppercase; }
.subcategory{font-size:12px; text-transform: uppercase; margin-top:-5px}
.contentText h1 {font-size:20px; margin:50px auto; margin-top:100px}