body 
{
    font-family:'Jost', sans-serif;
}

.navbar-expand-lg .navbar-nav .dropdown-menu
{
    background:#222;
}

.navbar-expand-lg .navbar-nav .dropdown-menu li a 
{
    margin-left:0px;
}

.col-five
{
    -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.header 
{
    width:100%;
    padding:10px 0px;
    background:rgba(0,0,0,0.9);
    position:fixed;
    top:0px;
    left:0px;
    z-index:2000;
}

img.img-logo 
{
    width:100%;
}

.main-menu 
{
    background:none;
    margin-top:10px;
}

a.navbar-brand 
{
    display:none;
}

.main-menu ul li a 
{
    color:#fff;
    text-transform:uppercase;
    font-size:14px;
    margin-left:10px;
}

.slider img 
{
    width:100%;
    object-fit:cover;
}

h3.div-title 
{
    color:#1D4D8B;
    text-transform:uppercase;
    font-size:16px;
}

h2.div-subtitle
{
    font-size:36px;
    text-transform:uppercase;
}

.watches
{
    padding-top:90px;
}

a.more-link 
{
    display:inline-block;
    padding:10px 15px;
    color:#1D4D8B;
    font-weight:500;
    margin-top:10px;
    border:solid 1px #1D4D8B;
    font-size:15px;
    margin-top:30px;
}

.watch-single 
{
    margin-top:30px;
    text-align:center;
    transition:linear 0.2s transform;
}

.watch-single:hover 
{
    transform:scale(1.08);
    transition:linear 0.2s transform;
}

.image-watch 
{
}

.image-watch img
{
    width:190px;
    height:190px;
}

.watch-single h5
{
    color:#777;
    font-size:15px;
    margin-top:10px;
}

.watch-single h4 
{
    color:#222;
    font-size:17px;
}


.foot-logo 
{
    width:200px;
    margin-top:15px;
}

.watch-banner 
{
    background-attachment: fixed;
    background-size:cover;
    height:40vh;
}

.watch-cover 
{
    margin-top:30px;
}

.watch-cover img 
{
    width:100%;
    height:340px;
    object-fit: cover;
}

.footer 
{
    background:#000;
    margin-top:120px;
    padding-top:90px;
    padding-bottom:90px;
}

.footer h3 
{
    color:#4173b4;
    font-size:16px;
    text-transform:uppercase;
    margin-top:20px;
}

.footer ul 
{
    list-style-type:none;
    margin-left:0px;
    padding:0px;
}

.footer ul li a 
{
    color:#fff;
    display:inline-block;
    margin-top:16px;
    font-weight:300;
}

.footer p 
{
    color:#fff;
    line-height:32px;
    margin-top:20px;
    font-weight:300;
    font-size:16px;
}

.footer-credit 
{
    border-top:solid 1px #4173b4;
    padding-top:30px;
    text-align:center;
    color:#fff;
    margin-top:90px;
}

.bread-crumb
{
    text-align:center;
    background:#000;
    padding-top:20px;
    padding-bottom:40px;
    color:#fff;
    padding-top:18vh;
}

.bread-crumb h1 
{
    font-weight:600;
    text-transform:uppercase;
    display:none;
}

.single-display 
{
    padding-top:90px;
}

.watch-display
{
    border:solid 1px #777;
}

.watch-display img 
{
    width:100%;
}

.img-hover-zoom { /* [1.1] Set it as per your need */
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
  }
  
  /* [2] Transition property for smooth transformation of images */
  .img-hover-zoom img {
    transition: transform .5s ease;
  }
  
  /* [3] Finally, transforming the image when container gets hovered */
  .img-hover-zoom:hover img {
    transform: scale(1.5);
  }

.single-display h3 
{
    color:#666;
    font-size:20px;
    margin-top:25px;
}

.single-display h4 
{
    margin-top:30px;
    font-size:18px;
}

.single-display h6 
{
    font-size:17px;
    font-weight:400;
}

.single-display 
{
    font-size:16px;
    font-weight:300;
}

.other-images 
{
    margin-top:15px;
}

.other-images img 
{
    width:100%;
    height:120px;
    object-fit:cover;
    border:solid 1px #aaa;
    margin-top:15px;
}

.single-display a 
{
    background:#222;
    color:#fff;
    text-decoration:none;
    padding:10px 20px;
    display:inline-block;
    margin-top:30px;
}
 .watch-inside
  {
      background:#f1f1f1;
      padding:15px 5px;
  }
  
  .about-boutique
  {
      background:#111;
      color:#fff;
      padding-top:90px;
      margin-top:90px;
      padding-bottom:90px;
  }
  
  .blogs 
  {
      padding-top:90px;
  }
  
  .blog-single 
  {
      margin-top:30px;
  }
  
  .blog-single a 
  {
      text-decoration:none;
  }
  
  .blog-single img 
  {
      width:100%;
      height:200px;
      object-fit:cover;
  }
  
  .blog-single h2 
  {
      font-size:18px;
      color:#222;
      margin-top:20px;
  }
  
    .hide-mobile 
    {
        display:inline-block;
    }
    
    .hide-desktop 
    {
        display:none;
    }
    
    .slider img 
    {
        height:100vh;
    }
    
    @-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.2, 1.2);
  }
}

img-hover-zoom {
  height: 300px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.2);
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.2, 1.2);
  }
}

.carousel-inner .carousel-item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}

.bread-crumb 
{
    padding-top:100px;
}

.header
{
    background:rgba(0,0,0,0.8);
}

.header.small { 
    background:rgba(0,0,0,0.8);
   }

img.feature-cover
{
   width:100%;
   height:90vh;
   object-fit:cover;
}

.single-display ul li 
{
    font-size:16px !important;
}
  
  @media only screen and (max-width: 600px) {
    .col-five 
    {
        width:100%;
        max-width:100%;
        flex:none;
    }
    
    .navbar-toggler
    {
        color:#fff;
    }
    
    .footer 
    {
        text-align:center;
    }
    
    .header 
    {
        position:relative;
        background:#000;
    }
    
    .hide-mobile 
    {
        display:none;
    }
    
    .hide-desktop 
    {
        display:inline-block;
    }
    
    .footer img 
    {
        max-width:50%;
        margin:0px auto;
    }
    
    .bread-crumb 
    {
        padding-top:10px;
    }
    
    .bread-crumb h1 
    {
        font-size:24px;
    }
    
    img.feature-cover
    {
       width:100%;
       height:auto;
       object-fit:cover;
       margin-bottom:-30px;
    }
    
    .slider img 
    {
        height:auto;
    }
      
  }