.hbag-grid-slider a img {
  padding: 0px !important;
}

.hbag-grid {

	display: flex !important;

   /* width: 33.33% !important; */

   padding-top: 10px;

   padding-bottom: 10px;

}



.hbw_grid_container {
   max-width: 1280px !important;
   width: 100% !important;
   margin: 0 auto !important;

   /* margin-right: 200px !important;

   margin-left: 200px !important; */

}

.hbw_container {
   max-width: 1280px !important;
   width: 100% !important;
   margin: 0 auto !important;
   padding: 10px;

	/* margin-right: 200px !important;

	margin-left: 200px !important; */

}



.jp-grid-slider {

	padding: 0 !important;

}



.jp-grid-slider img.hbag-image {

	width: 100% !important;

}



.hbag-grid-slider .jp-title {

   color: #fff !important;

   font-weight: 400;

   background: #031856 !important;

   width: 100% !important;

   padding: 4% 2% !important;

   text-align: center !important;

   margin: 0px !important;

   border-radius: 0px 0px 20px 20px !important;

   border-top: solid #ffffff 1px !important;

}



.hbag-grid-slider .jp-title p {

   font-size: 15px;

}



.hbag-grid-slider .grid-slider-controls .jp-controls {

   padding: 15px;

   margin: 0 !important;

   width: 100%;

   display: flex;

   justify-content: space-between;

   align-items: center;

}



.hbag-grid-slider .grid-slider-controls {

   background: #3c4a73;

}



.hbag-grid-slider .jp-time-holder-grid-slider {

	float: none !important;

	color: #ffffff !important;

}



.hbag-grid-slider .hbag-vol-bar {

	width: 30%;

    background: #ffffff;

    border-radius: 20px;

    display: flex;

    align-items: center;

    justify-content: space-evenly
}

.hbag-grid-slider .hbag-vol-bar a {
   vertical-align: text-bottom !important;
}

.hbag-grid-slider .hbag-vol-bar li.jp-mute, .hbag-grid-slider .hbag-vol-bar li.jp-unmute, .hbag-grid-slider .hbag-vol-bar li.jp-volume-max {

   width: 18px !important;

}



a.jp-repeat {

   background: url('../images/repeat.svg') no-repeat !important;

   width: 20px !important;

   height: 20px !important;

   position: relative;

   top: -27px;

}



a.jp-repeat-off {

   background: url('../images/repeat-off.svg') no-repeat !important;

   width: 20px !important;

   height: 20px !important;

   position: relative;

   top: -27px;

   right: 6px;

}



.hbag-grid .hbag-vol-bar a {

   display: flex;

}



/*.slick-initialized .slick-slide { 

   width: 450px !important;

}*/

.slick-next:before, .slick-prev:before {

   line-height: 1.2 !important;

   font-size: 40px !important;

}



/* .hbw_grid_container button {

   width: 40px;

   height: 40px;

   border-radius: 20px;

} */



.hbw_grid_container .draggable {

   margin-left: 50px;

   margin-right: 50px;

}



/*.hbag-image-center {

   min-height: 250px;

   max-height: 250px;

   overflow: hidden;

}*/



.hbag-image-center img {

   min-height: 400px;

   max-height: 400px;

   object-fit: cover;

}

.hbag-grid-slider {
   padding: 10px;
}

.hbag-grid-slider .jp-title p {
   margin: 0 0 10px !important;
}


.slick-slider button {
   width: 48px;
   height: 48px;
   position: absolute;
   top: 50%;
   margin-top: -31px;
   border-radius: 0 !important;
}
 .slick-slider button.slick-prev {
   border-bottom: 6px solid;
   border-left: 6px solid;
   transform: rotate(45deg);
   left: 10px;
   border-color: #000000;
}
   

 .slick-slider button.slick-next {
   border-bottom: 6px solid;
   border-left: 6px solid;
   transform: rotate(-135deg);
   right: 10px;
   border-color: #000000;
}

.hbag-grid-slider .hbag-image-center {
   position: relative;
}

.hbag-buttons-wrapper {
   position: absolute;
   top: 10px;
   right: 5px;
}

aside .hbag-grid-slider .hbag-vol-bar li, aside .jp-interface ul.jp-controls li {
   padding: 0px !important;
}

.hbag-grid-slider .hbag-fav, .hbag-grid-slider .sharing_btn {
   visibility: visible !important;
}