/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*custom responsive css*/
/*-----------------
desktop extra large screen max-width: 2560px
---------------------*/
@media only screen
    and (max-width: 2560px)
    and (min-width:1826px) {
}
@media only screen and (min-width:1441px) {
    .container-fluid{
        width: 1320px;
    }
}
@media only screen and (max-width:1440px) {
    .container-fluid{
        width: 95%;
        margin:0 auto;
    }
}
@media only screen and (max-width:1024px) {
    .container-fluid{
        width: 100%;
        margin:0 auto;
    }
}
/*-----------------
Handbook screen max-width: 1824px
---------------------*/
@media only screen
    and (max-width: 1824px)
    and (min-width:1461px) {
}
/*-----------------
laptop (mdpi) responsive css max-width: 1024px
---------------------*/
@media only screen
    and (max-width: 1280px)
    and (min-width:1025px) {
}
/*-----------------
tablet(ipad) responsive css max-width: 1024px
---------------------*/

@media (max-width: 1024px) and (min-width: 768px){
	.home-page .top-news-block .side-content{
		margin-top: 2rem;
	}
	.home-page .top-news-block .side-content .box {
			width: 50%;
			display: inline-block;
		}
	header .bottom-header-block .menu .elem {
    font-size: 0.613em;
        padding: 0% 0.7%;
	}
	header .bottom-header-block .menu .elem a{
		padding: 1rem .02rem;
	}
}
@media (max-width:991px){

}
@media (max-width: 991px) and (min-width: 768px){
    .home-page .category-block .bottom-cat-block.avtaar-wrapper .avtaar-list,.home-page .section-gap.category-6 .avtaar-list{
        flex: 49%;
    }
    .home-page .category-block .top-cat-block .col-sm-4{
        flex: 33%;
    }
    .home-page .top-news-block .right-block .tab-contain{
        min-height: 42.7rem;
    }
}
@media (max-width: 769px) and (min-width: 767px){

    .show-only-for-tab{
        display: block !important;
    }
    .social-share,.social-share + .extra-info-header{
        display: none;
    }
}
@media (max-width: 767px){
    .home-page .category-block .bottom-cat-block.avtaar-wrapper .avtaar-list,.home-page .section-gap.category-6 .avtaar-list{
        flex: 100%;
    }
    .home-page .category-block .top-cat-block .col-sm-4{
        flex: 100%;
    }
}
/*-----------------
for Desktop (by garima) max-width: 640px
---------------------*/
/*-----------------
tablet(ipad mini) responsive css max-width: 768px
---------------------*/
@media (max-width: 769px) {
    .no-padding{
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
header nav.navbar.navbar-fixed-top .navbar-collapse.side-menu.collapse{
    position: fixed;
    top: 0px;
    background: #fff;
    left: -79vw;
    bottom: 0px;
    height: 100%;
    padding-top: 5.8rem;
    width: 78vw;
    display: block;
    visibility: hidden !important;
        opacity:1;
    transition: .25s cubic-bezier(0.17, 0.02, 0.68, 0.85);
    -moz-transition: .25s cubic-bezier(0.17, 0.02, 0.68, 0.85);
    -o-transition: .25s cubic-bezier(0.17, 0.02, 0.68, 0.85);
	max-height: 100%;
    -webkit-transition: .25s cubic-bezier(0.17, 0.02, 0.68, 0.85);
    }
header nav.navbar.navbar-fixed-top .navbar-collapse.side-menu.collapse.active{
   left: 0px;
    z-index: 13;
    visibility: visible !important;
}
header nav.navbar.navbar-fixed-top .navbar-collapse.side-menu.bottom-header-block .menu .elem{

    display: block;
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
    text-align: left;
}

	header nav.navbar.navbar-fixed-top .navbar-collapse.side-menu.bottom-header-block .menu .elem.dropdown:after {
    position: absolute;
    right: 1px;
    background: rgba(212, 212, 212, 0.33);
    padding: 1rem 1.1rem;
}
header .bottom-header-block .menu .elem a.home-icon:before {
    padding-bottom: 10px;
    line-height: 0rem;
}
	header .bottom-header-block .menu .elem a.home-icon:focus:before {
		width: 100%;
	}
	header .bottom-header-block .menu{
		margin-top: 4.3rem;
        overflow: hidden;
        padding-top: 2rem;
        overflow-y: scroll;
	}
	header .bottom-header-block .menu .elem:before{
		bottom: 0px;
	}
header .bottom-header-block .menu .elem{
	border-left: 0px;
}
header .navbar-brand .img-responsive {
    height: 53px;
    object-fit: contain;
/*    margin-top: 18px;*/
}
header .navbar-header .extra-info-header {
    padding-top: 0;
    text-align: center;
}
	header nav.navbar .navbar-toggle.navbar-toggle-button.active .icon-bar{
		background-color: #555;
	}
header .navbar-brand {
    height: auto;
    float: none;
    display: block;
    padding: 0;
    width: 80%;
   float: right;
    padding-bottom: 1rem;
    position: relative;
    left: 5%;
}
	header .bottom-header-block .menu .search{
		display: none;
	}
	.inner-page.video-page .video-detail-box.card .right-block{
		margin-top: 1.5rem;
		padding-top: 1.5rem;
		border-top: 1px solid #e2e2e2;
	}
 .card .inner-card-wrap{
		border: 1px solid #e2e2e2;
	}
	header .menu li.dropdown.open ul.dropdown-menu {
    position: relative;
    max-height: 200px;
    overflow-y: scroll;
		min-width: 100%;
}
	header nav.navbar.navbar-fixed-top .navbar-collapse.side-menu.collapse.active .logo-fixed{
		display: block;
	}

	.home-page .top-news-block .content-block, .inner-page.category-page .news-article .content-block{
		display: block;
	}
}
/*-----------------
for Windows  phone max-width: 640px
---------------------*/
@media (max-width:767px){
    .home-page .category-block .top-cat-block{
        display: block;
    }
    .news-flash-block .category-card {
    width: auto;
}
    .news-flash-block .border:before{
        top: 50%;
    left: .9rem;
    }
    .news-flash-block marquee{
        padding-left: 1rem;
    }
    .pl-0{
        padding-left: 1.5rem !important;
    }
}



@media (max-width: 640px) {
    .home-page .top-news-block .left-block.figure-wrapper.avtaar-wrapper {
    margin-bottom: 3rem;
}
	.equal-height-parent,.equal-height-parent>.equal-height-child{
		display: block;
	}
	.home-page .featured-video-block .featured-video-right-block {
    padding: 0;
}
    .home-page .top-news-block .right-block .tab-contain{
        min-height: 78.7rem;
    }
	/*.home-page .section-gap aside.side-content{
		display: none;
	}*/
}
/*-----------------
for smart  phone max-width: 460px
---------------------*/
@media (max-width: 460px) {
  .inner-page .extra-news-block .left-block .card .row{
    display: block;
  }
  .inner-page .extra-news-block .left-block .card .extra-related-block{
    max-width: 100%;
  }
	.inner-page .left-block .card .social-tags .social-share li{
		width: 16.4vw;
	}
	.inner-page.search-page .extra-related-block{
		display: block;
	}
	.search-box > .search-inner-box .form-group{
		padding-top: 35vh;
	}
	.inner-page .extra-news-block .left-block .card .row {
    display: block;
    flex-flow: row wrap;
}
	.main-wrapper{
		margin-top: 75px;
	}
.no-padding-left {
    padding-left: 1.5rem !important;
}
.inner-page.search-page .related-video-search .box-wrap {
    position: relative;
    margin-bottom: 1.8rem;
}
	.inner-page .extra-related-block .card {
    padding: 0;
    margin-bottom: 2.4rem;
}
.inner-page .left-block {
    margin-bottom: 2rem;
}
.inner-page .extra-news-block .left-block .card .extra-related-block figure {
    margin-bottom: 2rem;
    /*border-bottom: 1px solid #e2e2e2;*/
    padding-bottom: 1rem;
}
.inner-page .extra-news-block .left-block .card .extra-related-block:not(:last-child) {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
	.home-page .side-content{
		margin-top: 2rem;
	}
.home-page .category-block .top-cat-block figure {
    margin-bottom: 2rem;
}
	.card .inner-card-wrap{
		margin-bottom: 2rem;
	}
}
/*-----------------
for smart  phone max-width: 420px
---------------------*/
@media (max-width: 425px) {

}
/*-----------------
for smart  phone max-width: 384px
---------------------*/
@media (max-width: 384px) {

}
/*-----------------
for smart  phone max-width: 375px
---------------------*/
@media (max-width: 375px) {

	header .top-header.navbar-inverse .navbar-list .block-elem {
    padding: .59rem .8rem;
}
}
/*-----------------
for smart  phone max-width: 320px
---------------------*/
@media (max-width: 320px) {

  header nav.navbar.navbar-fixed-top .navbar-collapse.side-menu.collapse .login-menu .menu li:not(.header-search) {
    padding: .9rem 0rem .9rem .2rem;
	}
        /*added by garima*/
}