.zo-search button.search-clear,
.zo-search.added-placeholder .search-icon{
    display: none;
}
.zo-search .search-icon,
.zo-search.added-placeholder .search-clear{
    display: block;
}
.search-wrap .cat-search{
    background: transparent;
}

.category-desc h2+p {
   max-width: 88%;
   margin-bottom: 0
}

.zw-product-header, .zcr-vdo-banner-sec, .zcr-vdo-banner-sec {
   background-color: #061B27;
   color: #fff
}

.category-list a.active,.category-list a:hover {
   background: #fff;
   color: var(--zwc-link-clr);
   border-color: var(--zwc-link-clr)
}

.zw-template-inner .content-wrap {
   padding: 30px 0 40px
}

.zcr-vdo-banner-sec .content-wrap {
   padding: 40px 0 70px 0;
   text-align: center;
   min-height: 320px
}

h1 {
   margin: 0 auto 20px;
   max-width: 700px
}

.zcr-vdo-banner-sec p {
   max-width: 550px;
   margin: 0 auto
}

.search-back-btn p {
   color: var(--zwc-link-clr);
   border-color: var(--zwc-link-clr);
   border-bottom: 1px solid;
   display: inline-block
}

.videoslist-wrapper {
   min-height: 300px
}

.category-list a {
   border: 1px solid #e2e3e5;
   margin: 0
}

.videoslist-wrapper .thumb-desc p,.videoslist-wrapper .thumb-img p {
   display: none
}

.videoslist-wrapper .thumb-img {
   padding: 0;
   border: 1px solid #e2e2e2;
   background: #fff;
   border-radius: 6px 6px 0 0
}

span.cat-search,.search-icon {
   margin: unset;
   top: 10px
}

.videos-inner>div {
   padding-bottom: 70px
}

.video-slider {
   margin: 0 -15px 0
}

.video-slider .slick-next,.video-slider .slick-prev {
   top: -38px;
   border: 1px solid #000;
   padding: 25px;
   border-radius: 50%
}

.video-slider .slick-next:hover,.video-slider .slick-prev:hover {
   background: #e2f0fd;
   border-color: var(--zwc-link-clr)
}

.video-slider .slick-next::after,.video-slider .slick-next::before,.video-slider .slick-prev::after,.video-slider .slick-prev::before {
   transition: none
}

.video-slider .slick-next:hover::after,.video-slider .slick-next:hover::before,.video-slider .slick-prev:hover::after,.video-slider .slick-prev:hover::before {
   background: var(--zwc-link-clr)
}

.video-slider .slick-next {
   right: calc(0% + 8px)
}

.video-slider .slick-prev {
   left: calc(100% - 100px)
}

.video-slider .slick-prev:after {
   bottom: 10px;
   left: 23px
}

.video-slider .slick-prev:before {
   top: 10px;
   left: 23px
}

.video-slider .slick-next:after {
   bottom: 10px;
   right: 23px
}

.video-slider .slick-next:before {
   top: 10px;
   right: 23px
}

.video-slider li,.svideos-list li {
   margin-left: 15px;
   margin-right: 15px;
   position: relative;
   top: 0;
   margin-top: 20px
}

.video-slider li:hover,.svideos-list li:hover {
   box-shadow: 0 10px 12px rgba(0,0,0,0.25);
   top: -10px
}

.video-duration {
   margin-bottom: 0
}

.category-desc h2>span {
   display: none
}

.category-desc a {
   color: var(--zwc-link-clr);
   border-color: var(--zwc-link-clr);
   top: 6px
}

.category-list a.active::before {
   display: none
}

.category-desc a span {
   display: inline-block;
   padding-left: 3px
}

.category-list a {
   background: #fff
}

.category-list a,.cat-device-only {
   padding: 10px 20px;
   text-transform: unset
}

.category-list.zmakefixed a {
   padding: 10px 13px;
   font-size: 13px
}

.zo-down-arrow {
   top: 12px
}

.videos-inner>div:last-child {
   padding-bottom: 0
}

.category-list .cat-search,.category-list .zo-search {
   display: none
}

.search-wrap {
   position: relative;
   margin: 40px auto 0;
   max-width: 550px
}

.search-wrap .zo-search {
   width: 100%;
   position: relative;
   top: unset;
   opacity: unset;
   visibility: unset;
   border-color: transparent
}

@media(max-width: 991px) {
   .category-desc a {
       position:absolute
   }

   .zw-template-inner .videoslist-wrapper .content-wrap {
       padding-top: 30px
   }

   .category-list {
       top: 30px
   }

   .videos-inner {
       padding-top: 80px
   }

   .cat-device-only {
       position: relative;
       font-size: 16px
   }

   .zo-down-arrow {
       top: 18px;
       left: unset;
       right: 10px;
       position: absolute;
       border-width: 9px 6px 0
   }

   .category-list {
       padding: 0
   }

   .category-list a:first-child {
       border-top: 1px solid #91877e
   }
}

@media(max-width: 767px) {
   .category-desc a {
       position:static
   }

   .video-slider {
       margin-top: 0
   }

   .category-desc h2+p {
       max-width: 100%;
       margin-bottom: 15px
   }
}

@media(min-width: 992px) and (max-width:1280px) {
   .category-list,.category-list.zmakefixed {
       width:98%;
       max-width: 100%
   }
}

@media(min-width: 992px) {
   .category-list {
       top:auto
   }

   .category-list-items {
       display: flex;
       flex-wrap: wrap;
       gap: 15px
   }

   .category-list.zmakefixed {
       top: 0;
       padding-top: 20px
   }

   .zo-search {
       width: 230px;
       opacity: 1;
       visibility: visible;
       border: 1px solid #999;
       border-radius: 5px
   }

   .zo-search .zo-search-filed {
       padding: 10px 30px 10px 15px
   }
}

@media(min-width: 1200px) {
   .category-list.zmakefixed {
       top:62px;
       max-width: 1280px
   }
}

.zwc-watch-video-btn {
   position: relative;
   z-index: 1;
   display: inline-block;
   text-align: center;
   font-family: var(--zf-primary-semibold);
   font-size: 15px;
   border-radius: 4px;
   padding: 14px 48px 14px 14px;
   cursor: pointer;
   text-transform: uppercase;
   border: 1px solid transparent;
   color: var(--white);
   line-height: normal;
   margin: 30px 0 0;
   background: var(--zcr-dark-bg);
}

.zwc-watch-video-btn:before,.zwc-watch-video-btn:after {
   position: absolute;
   content: ''
}

.zwc-watch-video-btn:before {
   background: #fff;
   width: 24px;
   height: 24px;
   top: calc(50% - 12px);
   right: 14px;
   border-radius: 100%
}

.zwc-watch-video-btn:after {
   border-left: 8px solid #000;
   border-top: 5px solid transparent;
   border-bottom: 5px solid transparent;
   top: calc(50% - 5px);
   right: 21px;
}

.zwc-watch-video-btn:hover{
   border-color: #fff;
}