.temp-grid-three-col{
    padding:80px 0;
    text-align:center;
    clear:both
}
.temp-grid-three-col .template-list-section .glide__slide a{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 14px;
    height: 50px;
    width: 90%;
    margin: auto;
    margin-bottom: 20px; 
    max-width: 100%;
}
@media screen  and (min-width:768px )and (max-width:992px){
    .temp-grid-three-col .template-list-section .glide__slide a.btn{
        font-size:1.4rem;
    } 
}
.temp-grid-three-col .template-list-section .glide__slide:hover .img-btn-wrapper .orange-btn{
    display:block;
}
.temp-grid-three-col .template-list-section .img-title{
    font-weight: 700;
    font-size:2.0rem;
    line-height:2.7rem;
    text-align: center;
    margin:0;
}
.img-btn-wrapper{
    position: relative;
    border: 2px solid #bedaee;
    margin-bottom: 20px;
}
.temp-grid-three-col .template-list-section .glide__slide:hover .img-btn-wrapper{
    border: 2px solid #FFBC42;
}
.temp-grid-three-col .js-zoom {
    background: #FFBC42;
    box-shadow: 1px 8px 10px 0px rgba(255, 188, 66, 0.20);
    cursor: pointer;
    padding: 8px;
    height: 48px;
    width: 48px;
    position: absolute;
    top: -1px;
    right: -1px;
    display: none;
}
.temp-grid-three-col .js-zoom:hover{
    background-color: #FFAD0F!important;
  }
  .temp-grid-three-col .js-zoom:focus{
    background-color: #FE9C08!important;
  }
.temp-grid-three-col .js-zoom:before {
    content: "";
    background: url(https://www.hloom.com/app/themes/hloom-child/img/zoom.png)no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 8px;
}
.temp-grid-three-col .img-btn-wrapper img{
    background-color: #fff;
}
.glide-section{position: relative;width: 100%;box-sizing: border-box;padding-bottom: 1px;}
.glide-section * {box-sizing: inherit; }
.glide__track {overflow: hidden; }
.glide__slides {
      position: relative;
      width: 100%;
      list-style: none;
      backface-visibility: hidden;
      transform-style: preserve-3d;
      touch-action: pan-Y;
      overflow: hidden;
      padding: 0;
      white-space: nowrap;
      display: flex;
      flex-wrap: nowrap!important;
      /* will-change: transform;  */
}
.glide__slides--dragging {user-select: none; }
.glide__slide {
      width: 100%;
      height: 100%;
      flex-shrink: 0;
      white-space: normal;
      user-select: none;
      -webkit-touch-callout: none;
      -webkit-tap-highlight-color: transparent; 
}
@media screen  and (min-width:768px ){
.temp-grid-three-col.no-slider-on-dt .template-list-section .glide__slide:hover a{
    display: block;
}
}

@media only screen and (min-width:768px){

    .no-slider-on-dt .glide__arrows,.no-slider-on-dt .glide__bullets{
        display:none;
    }
    .temp-grid-three-col .template-list-section{
        display:flex;
        justify-content: space-around;
        list-style:none;
        margin:0;
    }
    .temp-grid-three-col .template-list-section .glide__slide{
        width:31%;
    }
}
@media only screen and (max-width:767px){
    .no-slider-on-dt .glide-section .glide__slide{
        flex-direction: column-reverse;
        display: flex;
    }
    .temp-grid-three-col .template-list-section .glide__slide:hover .img-btn-wrapper .orange-btn{
        display:none;
    }
    .no-slider-on-dt .template-list-section .glide__slide:hover .img-btn-wrapper .orange-btn{
        display:block!important;
    }
    .temp-grid-three-col .template-list-section .img-title{
        margin-bottom:15px;
        min-height: 55px;
    }
    .top-info{
        padding:0 30px;
    }
    .temp-grid-three-col .template-list-section .glide__slide:hover .img-btn-wrapper .orange-btn{
        display:none;
    }
    .no-slider-on-dt .template-list-section .glide__slide:hover .img-btn-wrapper .orange-btn{
        display:block!important;
    }
    .temp-grid-three-col .template-list-section .img-title{
        margin-bottom:15px;
        opacity:0;
    }
    .temp-grid-three-col .template-list-section .glide__slide--active .img-title{
        margin-bottom:15px;
        opacity:0;
        min-height: 55px;
    }
    .no-slider-on-dt .glide-resume-temp .glide__bullet {
        display:inline-block;
        width: 8px;
        height: 8px;
        background: #D9D9D9;
        margin: 0 3px;
        border-radius: 50%;
        padding: 0;
        border:0;
    }
    .no-slider-on-dt  .glide-resume-temp .glide__bullet.glide__bullet--active{
        background: #0C6EBB;
    }
    .temp-grid-three-col .container{
        padding:0!important;
    }
 /****************/
 .no-slider-on-dt .glide__arrows {
    -webkit-touch-callout: none;
    user-select: none;
    position: absolute;
    bottom:45px;
    width: 100%;
}
.no-slider-on-dt .glide__arrow {
    background: transparent;
    position: absolute;
    font-size: 0;
    display: inline-block;
    border: none;
    width: 62px;
    border-radius: 50%;
    height: 62px;
    box-shadow: none;
}
.no-slider-on-dt .glide__bullet {
    width: 8px;
    height: 8px;
    border: 0;
    border-radius: 50%;
    margin: 0 3px;
    background: #C4C4C4;
    display: inline-block;
    padding: 0;
}
.no-slider-on-dt .glide__bullet.glide__bullet--active {
    background: #0C6EBB;
}
.no-slider-on-dt .glide__arrow.glide__arrow--left {
    left: 30px;
    right:auto;
}
.no-slider-on-dt .glide__arrow.glide__arrow--right {
    right: 30px;
    left:auto;
}
.no-slider-on-dt .glide__arrow:before {
    position: absolute;
    content: '';
    width: 24px;
    border-radius: 46px;
    height: 3px;
    transform-origin: 0 0;
    position: absolute;
    background: #0077d6;
    top: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.no-slider-on-dt .glide__arrow.glide__arrow--left:after {
    border-width: 3px 0 0 3px;
    transform: rotate( -45deg);
    content: "";
    border-color: #0077d6;
    border-style: solid;
    width: 10px;
    padding: 4px;
    display: block;
    position: relative;
    top: -13px;
    left: -8px;
    margin: 0 auto;
}
.no-slider-on-dt .glide__arrow.glide__arrow--right:after {
    border-width: 3px 3px 0 0;
    transform: rotate( 45deg);
    content: "";
    border-color: #0077d6;
    border-style: solid;
    width: 10px;
    padding: 4px;
    display: block;
    position: absolute;
    top: 26px;
    right: 18px;
}
}