html{scroll-behavior: smooth;}
.brand-listing-container{background-color: #fff;padding-bottom: 35px;}
.brand-listing-container .title-section{margin: 30px 0;}
.brand-listing-container .title-section .title-brands {position: relative; line-height: normal; text-align: center; max-width: 80%; margin: 0 auto; font-size: 48px;}
.brand-listing-container .title-section .title-brands::after{position: absolute; width: 100%; border-bottom: 1px solid #ccc; content: "";left: 0; right: 0; top: 50%;}
.brand-listing-container .title-section .title-brands span{background-color: #fff; position: relative; z-index: 1; padding: 0 15px; font-family: 'robotobold'; color: #fcb316;}
.brand-listing-container .brands-slider{min-height: 240px;}
.brand-listing-container .brands-slider .brands_slider .item .brand-logo{border: 1px solid #c7c5c5;}
.brand-listing-container .brands-slider .brands_slider .item .top.brand-logo{margin-bottom: 28px;}
.brand-listing-container .brands-slider .brands_slider{max-width: 80%; margin: 0 auto; position: relative;}
.brand-listing-container .brands-slider .brands_slider .item a{display: block; max-height: 105px; max-width: 140px; margin: 0 auto;}
.brand-listing-container .brands-slider .brands_slider .item a img{max-width: 135px; max-height: 100px; margin: 0 auto; width: auto;}
.brand-listing-container .brands-slider .brands_slider .owl-stage-outer{padding: 15px 0;}
.brand-listing-container .brands-slider .brands_slider .owl-stage-outer .owl-stage{margin: 0 auto;}
.brand-listing-container .brands-slider .brands_slider.hidden-opacity{opacity: 0;}
.brand-listing-container .brands-slider .brands_slider{opacity: 1; transition: all 0.5s ease-in-out;}	
.brand-listing-container .brands-slider .brands_slider .owl-nav{margin: 0;}
.brand-listing-container .brands-slider .brands_slider .owl-nav .owl-prev{position: absolute; left: -40px; top: 0px; width: 35px; height: 100%; font-size: 40px; margin: 0px; color: #dedede;-webkit-transition: all .3s ease-in-out}
.brand-listing-container .brands-slider .brands_slider .owl-nav .owl-next{width: 35px;right: -40px; margin: 0px; display: block; position: absolute; top: 0%; z-index: 10; cursor: pointer; opacity: 1; -webkit-transition: all .3s ease-in-out;height: 100%; font-size: 40px; color: #dedede;}
.brand-listing-container .brands-slider .brands_slider .owl-nav .owl-next:hover,.brands-slider .brands_slider .owl-nav .owl-prev:hover{background: transparent; color: #a0a0a0;}
.brand-listing-container .brands-slider .brands_slider .owl-nav .owl-prev i,.brand-listing-container .brands-slider .brands_slider .owl-nav .owl-next i{position: absolute; left: 0; right: 0; top: 50%; line-height: 0;}
.brand-listing-container .brands-listing .category{margin: 0 auto; margin-bottom: 30px;}
.brand-listing-container .brands-listing .category:last-child{margin-bottom: 0;}
.brand-listing-container .brands-listing .category .title{padding: 10px 30px; border-top: 1px solid #d7d6d6; border-bottom: 1px solid #d7d6d6; margin-bottom: 10px; font-size: 24px; text-align: left;}
.brand-listing-container .brands-listing .category .list{padding: 15px 30px; max-height: 400px; overflow-y: auto;}
.brand-listing-container .brands-listing .category .list li{display: inline-block;padding:10px 5px 10px 0; width: 20%; float: left;}
.brand-listing-container .brands-listing .category .list li a{max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; line-height: normal;}
.brand-listing-container .pagination-box{margin: 25px 0;}
.brand-listing-container .pagination-box .pagination-inner{max-width: 80%; margin: 0 auto;text-align: center; transition: all 0.2s ease-in-out;}
.brand-listing-container .pagination-box .pagination-inner a{display: inline-block; padding: 5px 8px; margin: 5px; border: 1px solid #d7d7d7; background: #f5f5f5; border-radius: 5px;color: #000; min-width: 25px; text-decoration: none; transition: all 0.5s ease-in-out;}
.brand-listing-container .pagination-box .pagination-inner a:hover, .pagination-box .pagination-inner a.active-dir{background: #f9b128; border-color: #f9b128;}
.brand-listing-container .pagination-box.brand-pagination-sticky{position: fixed;bottom: 0; width: 100%; left: 0; right: 0; margin: 0; background: #464646; padding: 25px; z-index: 9; box-shadow: 0 -4px 10px 2px rgb(204, 204, 204,0.5);}
.brand-listing-container .brand-search-box.stick-padding{padding-top: 85px;} 
.brand-listing-container .brand-search-box .brand-search-inner{max-width: 80%; margin: 0 auto; text-align: center;}
.brand-listing-container .brand-search-box{margin: 25px 0;}
.brand-listing-container .brand-search-box .brand-search-inner .search-container{position: relative; max-width: 800px; margin: 0 auto;}
.brand-listing-container .brand-search-box .brand-search-inner .search-container input[type="text"]{width: 100%; background: #f5f5f5; border-radius: 5px; border: 1px solid #d7d7d7; padding: 15px;padding-right: 80px;}
.brand-listing-container .brand-search-box .brand-search-inner .search-container .search-btn{position: absolute; right: 0px; padding: 15px; top: 0; font-size: 20px; cursor: pointer; color: #aaa;}
.brand-listing-container .brand-search-box .brand-search-inner .search-container .reset-btn{position: absolute;  right: 50px; top: 0; font-size: 20px; padding: 15px 5px; cursor: pointer; display: none; color: #aaa;}
.brands-listing { width:auto; max-width: 80%; }
.brands-listing .panel-heading[data-toggle="collapse"]:after { color: #464646; font-size: 16px; }
.load_more { float: right; margin-top: 10px; color: #edb246; font-weight: bold; text-decoration: underline;} 
.brands-listing .panel-heading[data-toggle="collapse"]:after { color: #737373 !important; }
.brands-listing .panel-title { cursor: pointer; }

.brands-listing .panel-heading { position: relative;}
.brands-listing .panel-heading[data-toggle="collapse"]:after {font-family: 'Glyphicons Halflings'; content: "\e072"; /* "play" icon */ position: absolute;color: #b0c5d8; font-size: 18px; line-height: 22px;right: 20px;top: calc(50% - 10px);

  /* rotate "play" icon from > (right arrow) to down arrow */
  -webkit-transform: rotate(-90deg);
  -moz-transform:    rotate(-90deg);
  -ms-transform:     rotate(-90deg);
  -o-transform:      rotate(-90deg);
  transform:         rotate(-90deg);
}
.brands-listing .panel-heading[data-toggle="collapse"].collapsed:after {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
  -webkit-transform: rotate(90deg);
  -moz-transform:    rotate(90deg);
  -ms-transform:     rotate(90deg);
  -o-transform:      rotate(90deg);
  transform:         rotate(90deg);
}
/*================================================================================================
Media Query Start here
==================================================================================================*/
@media only screen and (max-width: 1799px) {
	.brand-listing-container .title-section .title-brands{font-size: 36px;}
	.brand-listing-container .brands-slider .brands_slider .item .top.brand-logo{margin-bottom: 15px;}
}
 @media only screen and (max-width: 1599px) {
	 .brand-listing-container .brands-slider .brands_slider .item a{max-width: 120px;}
	 .brand-listing-container .title-section .title-brands{font-size: 28px;}
	 .brand-listing-container .brands-slider .brands_slider .item .top.brand-logo{margin-bottom: 10px;}
	 .brand-listing-container .pagination-box .pagination-inner a{margin: 5px 2px;}
}
 @media only screen and (max-width: 1365px) {
	 .brand-listing-container .pagination-box{-webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
	 .brand-listing-container{position: relative;}
	 .brand-listing-container .pagination-box.brand-pagination-bottom{position: absolute; bottom: 0;}
	 .brand-listing-container .pagination-box .pagination-inner{height: 100%; overflow-y: auto;}
	 .brand-listing-container .brand-search-box.stick-padding{padding-top: 0;}
	 .brand-listing-container .pagination-box{width: 50px; position: absolute; left: 15px;}
	 .brand-listing-container .pagination-box .pagination-inner a{display: block; padding: 2px; font-size: 12px;min-width: 10px; max-width: 20px; margin: 2px auto; word-break: break-word;}
	 .brand-listing-container .pagination-box.brand-pagination-sticky{right: unset; left: 15px; width: 50px; padding: 10px 5px;overflow: hidden; height: 100%; background: #f9f9f9; box-shadow: 0 10px 10px 2px rgb(204, 204, 204,0.5);}
	 .brand-listing-container .title-section{margin: 20px 0;}
	 .brand-listing-container .title-section .title-brands{font-size: 26px;}
	 .brand-listing-container .brands-listing .category .list li{width: 25%;}
	 .brand-listing-container .brands-listing .category .title{font-size: 20px;}
}
@media only screen and (max-width: 1279px){
	.brand-listing-container .title-section .title-brands{font-size: 24px;}
}
@media only screen and (max-width: 1160px) {
	.brand-listing-container .brands-listing .category .title{font-size: 18px;}
	.brand-listing-container .brands-listing .category .list li{width: 33.33%;}
}
@media only screen and (max-width: 1024px){
}
 @media only screen and (max-width: 1023px) {
	 .brand-listing-container .title-section{margin: 15px 0;}
	 .brand-listing-container .title-section .title-brands{font-size: 20px;}
	 .brand-listing-container .brands-listing .category .list li{padding: 10px 10px 10px 0;}
}
 @media only screen and (max-width: 990px) {
}
@media only screen and (max-width: 991px) {
}
 @media only screen and (max-width: 979px) {
}
 @media only screen and (max-width: 767px) {
	 .brand-listing-container .brands-slider .brands_slider .owl-nav .owl-next{right: -25px;}
	 .brand-listing-container .brands-slider .brands_slider .owl-nav .owl-prev{left: -25px;}
	 .brand-listing-container .brands-slider .brands_slider .owl-nav .owl-prev, .brand-listing-container .brands-slider .brands_slider .owl-nav .owl-next{width: 20px;}
	 .brand-listing-container .brands-slider .brands_slider .owl-nav .owl-prev i, .brand-listing-container .brands-slider .brands_slider .owl-nav .owl-next i{font-size: 20px;}
	 .brand-listing-container .pagination-box{width: 30px; left: 0;}
	 .brand-listing-container .pagination-box.brand-pagination-sticky{left: 0; width: 30px; padding: 20px 0px 10px 0px; box-shadow: none;  background: transparent;}
	 .brand-listing-container .pagination-box .pagination-inner a{border: 0; background: transparent;}
	 .pagination-box .pagination-inner a.active-dir{background: #f9b128;}
	 .brand-listing-container{padding: 0; padding-bottom: 25px;}
	 .brand-listing-container .brands-listing .category .list li{width: 50%;}
	 .brand-listing-container .title-section{margin: 10px 0;}
	 .brand-listing-container .title-section .title-brands{font-size: 18px;}
	 .brand-listing-container .brands-listing .category { margin-bottom: 15px; }
}
 @media only screen and (max-width: 639px) {
}
@media screen and (max-width: 480px) {
	.brand-listing-container .brands-slider .brands_slider{max-width: 83%;}
}
 @media only screen and (max-width: 479px) {
	 .brand-listing-container .title-section .title-brands{font-size: 16px;}
}
 @media only screen and (max-width: 359px) {
}