/*----------Responsive Css Start----------*/

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

    .header {
    padding-bottom: 15px;
    height: 110px;
}

    .logo {

    max-width: 150px;
    margin: auto;

}
.main-panel {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 110px;
}

.filter-panel
{left: -240px; top: 110px; display: none;box-shadow: 6px 6px 6px 1px rgba(0,0,0,0.15);}

.banner-caption {
    bottom: 5px;
    font-size: 13px;
    padding: 3px 7px;

}
.banner-caption svg {
    left: -16px;

}
.video-pane {
    width: calc(100%/1) !important;
    margin: 0 auto 10px;
}


.footer
{
    position: static;
}

.fancybox-caption-wrap {
display: none !important;
}

.fancybox-slide--iframe .fancybox-content {

    height: 360px !important;
}

}



@media only screen and (min-width : 481px) and (max-width : 767px){
.video-pane {
width: calc(100%/2 - 10px) !important;
margin: 0 5px 10px;
}
.banner-caption {
    bottom: 10px;
    font-size: 16px;
    padding: 5px 10px;
}




}


@media only screen and (min-width : 768px) and (max-width :991px){
.main-panel {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.filter-panel
{left: -240px;display: none; box-shadow: 6px 6px 6px 1px rgba(0,0,0,0.15);}

.video-pane-title {
    margin: 10px auto 0 !important;
    font-size: 14px;
}


.footer
{
    position: static;
}



.fancybox-caption h6 {
    color: #fff;
}

.fancybox-caption-wrap {
    padding: 0 20px !important;
    pointer-events: auto !important;
    height: 20% !important;
}

.fancybox-slide--iframe .fancybox-content {

    height: 360px !important;
}

}


@media only screen and (min-width : 992px) and (max-width :1169px){

.video-pane-title {
    margin: 10px auto 0 !important;
    font-size: 14px;
}


}



/*----------Responsive Css End----------*/