.videos-grids{
    display: inline-block;
width: 31.333%;
margin-left: 2%;
background: white;
margin-bottom: 60px;
/* border: solid 2px white !important; */
transition: 0.3s;

}

.pagination-dots{
    margin-left: 10px;
}

.responsive .container {
    max-width: 1310px !important;
}


.container-categories{
float: left;
width: 100%;
}
.pagination a{
background: #ed1515 !important;
border: solid 0px !important;
color: white !important;
text-decoration: unset !important;
}
.container-videos{
float: left;
width: 100%;
min-height:600px !important;
}
.container-paginat-videos{
float: left;
width: 100%;
text-align:center;
}
.list-categories{
list-style: none !important;
margin-bottom: 35px;
}
.list-categories li{
margin:0px !important;
}
.list-categories li a{
}
/*
.youtube-image-player{
width: 50px;
filter: brightness(0) invert(1);
}
*/
.videos-grids h3{
color: black !important;
/* font-size: 80% !important; */
font-size: 17px;
line-height: 120%;
padding: 10px;
text-align: left;
font-weight: 600;
}
.video-meta-container{
}
.list-categories div{
    display: inline-block;
padding: 7px 2px 7px 0px;
color: white !important;
width: 100%;
}
.list-categories div a{
text-decoration: unset !important;
font-size: 18px !important;
color: black !important;
cursor: pointer;
border-bottom: solid 2px transparent;
padding-bottom: 6px;
text-transform: uppercase;
font-weight: 900;
text-transform:capitalize;
font-weight: 500;
}
.list-categories div a:hover{
border-bottom: solid 0px white;
color:white;
}
.list-categories div a.showlist{
border-bottom: solid 0px white;
}
.videos-grids:hover{
/*transform: scale(1.08)*/
}
.video-meta-container a{
    background: #ececec !important;
width: 100%;
text-align: center;
display: inline-block;
color: black !important;
text-decoration: unset !important;
font-size: 12px;
text-transform: uppercase;
height: 35px;
line-height: 3;
/*padding-left: 10px;*/
font-weight:700;
}
.video-meta-container .video-meta{
min-height: 120px;
padding: 0px 5px 0px 5px;
}
#div_content{
width:100%;
margin: 0 auto;
min-height:100px;
height: auto;
}
#div_content div{
margin-bottom:0px;
}

.clear{
clear:both;
/*margin-top: 20px;*/
}

#searchResult{
list-style: none;
padding: 0px;
width: 100%;
/* position: absolute; */
margin: 0;
z-index: 1000;
margin-top: 10px;
max-height: 140px;
overflow: scroll;
margin-bottom: 0px;
overflow-y: scroll;
background:white !important;
overflow-x:hidden;
}
#searchResult li:hover{
background: rgba(27, 21, 237, 0.54);
color: white !important;

}
#searchResult li{
    padding: 4px;
margin: 0px !important;
font-size: 15px !important;
color: gray !important;
}



#searchResult li:nth-child(even){
}
#searchResult li:hover{
cursor: pointer;
}
input[type=text]{
padding: 5px;
width: 250px;
letter-spacing: 1px;
}
.serach-form input[type="submit"]{
background: #131313;
color: white !important;
border-radius: 6px;
padding: 10px 11px;
}
.serach-form input[type="submit"]:hover{
background: #131313;
color: white !important;
}
.hideme{
display:none !important;
}
.search-button-container{
float: left;
width: 100%;
}
.search-container{
width: 100%;
float: left;
position: relative;
}
.pagination-section{
width: 90%;
float: left;
text-align: right;
margin-bottom: 25px;
margin-top: 25px;
padding-right:10% ;
}
.pagination-section button{
    background: #ffffff !important;
color: #6f6f6f !important;
border-radius: 9% !important;
text-transform: uppercase !important;
font-weight: 300 !important;
font-size: 15px;
padding: 11px 14px;
margin-left: 0px;
border: solid 0px #dddddd;
cursor:pointer;

}



.pagination-section button:focus, .search-word:focus {outline:0 !important;}

.pagination-section button:hover, .pagination-section button.active-page, .pagination-section .active-page button{
 
color: #ff4d17 !important;

}


.div_content{
position:relative;
}
.label-player{
    font-weight: 600 !important;
color: black !important;
font-size: 18px !important;
line-height: 45px;
}
.player-section{
width: 74% !important;
display: inline-block;
/* float: left; */
}
.container-sidebar{
width: 25% ;
/* display: inline-block; */
float: left;
margin-right: 1%;
padding-top: 0px;
}
.search-container{
width:100%;
display:inline-block;
}
.pages{
display:inline-block;
min-width:55%;
text-align:center;
}
.search-word{
position: absolute;
top: -5px;
right: 0px;
color: black !important;
background: transparent;
border-color: transparent;
}
.search-word:hover{
position: absolute;
top: 0px;
right: 0px;
color: black !important;
background: transparent;
border-color: transparent;
}

.search-container input[type="text"]{
    margin-bottom:0px !important;
}

.list-categories h2{
font-size: 18px;
color: black !important;
text-transform: capitalize !important;
}

.list-categories .fa{
margin-left:10px !important;
display:none;
}

.list-categories div:hover a, .list-categories div .category.showlist {
color: #ff4d17 !important;
}

.list-categories div:hover a .fa{
display: inline-block !important;
}

.videos-grids .fa{
display:none !important;
float: right;
margin-top: 12px;
margin-right: 10px;
}

.videos-grids:hover a{
/*text-align:left !important;*/
background: #ff5722 !important;

color: #f2f2f2 !important;

}

.videos-grids:hover .fa{
display:inline-block !important;
}
#top .main_color input[type='text']{
background-color: #ececec !important;
padding: 10px 30px 10px 10px;
font-size:16px !important;
}

.videos-grids:hover .youtube-image-player{

filter: unset;
}

.videos-grids:hover .av-caption-image-overlay-bg{
opacity: 0.6 !important;
background-color: #fff6f6 !important;
}
.avia-caption-title {
font-family:"Avenir Next";
font-weight:600;
font-size:50px !important;
}
#txt_search::placeholder {
color: #999999 !important;
font-size:14px !important;
font-family:"Poppins" !important;
}
.fa-2x {

font-size: 1em !important;

}
.loding-animation{
    max-width: 100px !important;
}


.more-testimonials2{
    display:none;
}

.more-testimonials{

    margin-top: 10px;
   }


.pagination-section-container{
    min-height: 100px !important;
}

.animation-container{
    text-align:center !important;
    margin-top: 80px !important;
}

.more-testimonials a, .more-testimonials2 a{
    color: #525151 !important;
text-decoration: unset !important;
font-style: italic !important;
font-size:14px;
}
.more-testimonials2 a{

font-size:17px !important;
}


.more-testimonials a .fa,  .more-testimonials2 a .fa{
    margin-left:10px;
}
.more-testimonials a .fa{
    display:none;
}

.more-testimonials a:hover .fa{
    display:inline-block;
    color: #ff4d17 !important;

}
.more-testimonials a:hover{

    color: #ff4d17 !important;

}

.accordion {
background-color: transparent;
color: #444;
cursor: pointer;
padding: 18px 25px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
position:relative;
font-size: 18px;
    color: black !important;

}

.active, .accordion:hover {
background-color: transparent;
}

.panel {
padding: 0 18px;
display: none;
background-color: transparent;
overflow: hidden;
width:100%;
}


.accoordion-mobile{
    padding: 0px 20px;
    display:none;
    width:100% !important;
}

@media screen and (max-width: 1025px) {
    .player-section {
        width: 60% !important;
        display: inline-block;
    }

    .container-sidebar {
width: 39%;
/* display: inline-block; */
float: left;
margin-right: 1%;
padding-top: 0px;
}
.videos-grids {
display: inline-block;
width: 47%;
margin-right: 1%;
background: white;
margin-bottom: 20px;
transition: 0.3s;
}
.list-categories div {
display: inline-block;
padding: 10px 15px 5px 11px;
color: white !important;
}
}
@media screen and (max-width: 992px) {
.videos-grids {
width: 47%;
margin-right: 1%;
background: white;
margin-bottom: 20px;
transition: 0.3s;
}
}


/* On screens that are 600px or less, set the background color to olive */


@media screen and (max-width: 812px) {

    .pagination-section button{
      
    padding: 11px 10px;
    
    
    }
    .pagination-section{
          padding-right: 0%; 
    }
    .animation-container{
        text-align:center !important;
        margin-top: 200px !important;
    }
    .accoordion-mobile{
        display:inline-block;
    }

    .panel div a{
        color:black !important;
        text-decoration: unset !important;
    }

    .panel div a.showlist{
        color: #ff4d17 !important;
        text-decoration: unset !important;
    }



    .panel div{
        width: 100%;
        padding: 6px 0px;
    }
    .list-categories{
        display:none !important;
    }
    .nn{
        display: inline-block;
width: 50%;
float: left;
margin: 0px;
    }
    .more-testimonials{
        display:none !important;
    }
    .more-testimonials2{
        display:inline-block !important;
        margin-bottom: 15px;
    }
    .list-categories div a {

font-size: 16px !important;

}

.more-testimonials{
margin-top: 22px;
text-align: center;
}

.list-categories div .category.showlist {
color: white !important;
}

.list-categories div .category.showlist .fa {
display:none !important;
}

    .list-categories div:hover a .fa {
display: none !important;
}

.list-categories div:hover a  {
display: white !important;
}
.container-videoplayer .container{
width:100% !important;
max-width:100% !important;
}
.container-videoplayer .content{
padding:0px !important;
}
.avia-image-container-inner, .avia_image {
width:100%;
}
.container-videos{
    max-width: 100%;
    margin-left: 0%;
    margin-top: 24px;
}
.videos-grids {
width: 100%;
margin-left: 0%;
background: white;
margin-bottom: 20px;
transition: 0.3s;
}
.container-categories {
margin-top: 0px !important;
}
.list-categories div {
display: inline-block;
padding: 13px 15px 15px 15px;
color: white !important;
width: 50%;
background: #485b6e;
border: solid 2px;
text-align: center;
}
.list-categories div a {

color: white !important;
}
#div_content {
padding: 10px;
}

.container-sidebar {
width: 100%;
/* display: inline-block; */
float: left;
margin-right: 1%;
padding-top: 0px;
}

.player-section {
width: 100% !important;
display: inline-block;
}

.pagination-section {
width: 100%;
float: unset;
text-align: center;

}

.pagination-section .pages{
/*display:none;*/
}

.video-meta-container .video-meta {
min-height: 60px;
padding: 0px 5px 0px 5px;
}


}