/* ---------Gallery code start there--------- */
.gallery-container {
    background-color: #fff;
    color: #35373a;
    min-height: 100vh;
    padding: 30px 50px;
 }
 .gallery-container h1 {
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
 }
 .gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
 }
 .gallery_img_box{width:20%;display: inline-block;height: 200px;}
 @media(max-width:680px) {
    .gallery_img_box{width:32%;display: inline-block;height: 120px;}
 }
 /* Override bootstrap column paddings */
 .tz-gallery .row > div {
    padding: 2px;
    border:1px solid #ddd;
 }
 .tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
 }
 .tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
 }
 .tz-gallery .lightbox:after {  
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(46, 132, 206, 0.7);
    content: '';
    transition: 0.4s;
 }
 .tz-gallery .lightbox:hover:after,
 .tz-gallery .lightbox:hover:before {
    opacity: 1;
 }
 .baguetteBox-button {background-color: transparent !important;}
 @media(min-width: 768px) {#baguetteBox-overlay .full-image img {display: inline-block;}}
/*------------ multi iteams slider start there---------- */
     @media (max-width: 767px) {
    #multiitemslider .carousel-inner .carousel-item > div {
         display: none;
     }
     #multiitemslider .carousel-inner .carousel-item > div:first-child {
         display: block;
     }
 }
 #multiitemslider .carousel-inner .carousel-item.active,
 #multiitemslider .carousel-inner .carousel-item-next,
 #multiitemslider .carousel-inner .carousel-item-prev {
     display: flex;
 }
 
 /* medium and up screens */
 @media (min-width: 768px) {
     
     #multiitemslider .carousel-inner .carousel-item-end.active,
     #multiitemslider .carousel-inner .carousel-item-next {
       transform: translateX(25%);
     }
     
     #multiitemslider .carousel-inner .carousel-item-start.active, 
     #multiitemslider .carousel-inner .carousel-item-prev {
       transform: translateX(-25%);
     }
 }
 
 #multiitemslider .carousel-inner .carousel-item-end,
 #multiitemslider .carousel-inner .carousel-item-start { 
   transform: translateX(0);
 }