@font-face {
    font-family: 'Product Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Regular'), url('https://www.geo.tv//assets/front/css/ramazan-template/fonts/ProductSans-Regular.woff') format('woff');
}


@font-face {
    font-family: 'Product Sans Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Italic'), url('https://www.geo.tv//assets/front/css/ramazan-template/fonts/ProductSans-Italic.woff') format('woff');
}


@font-face {
    font-family: 'Product Sans Thin Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Thin Regular'), url('https://www.geo.tv//assets/front/css/ramazan-template/fonts/ProductSans-Thin.woff') format('woff');
}


@font-face {
    font-family: 'Product Sans Light Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Light Regular'), url('https://www.geo.tv//assets/front/css/ramazan-template/fonts/ProductSans-Light.woff') format('woff');
}


@font-face {
    font-family: 'Product Sans Medium Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Medium Regular'), url('https://www.geo.tv//assets/front/css/ramazan-template/fonts/ProductSans-Medium.woff') format('woff');
}


@font-face {
    font-family: 'Product Sans Black Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Black Regular'), url('https://www.geo.tv//assets/front/css/ramazan-template/fonts/ProductSans-Black.woff') format('woff');
}


@font-face {
    font-family: 'Product Sans Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Thin Italic'), url('https://www.geo.tv//assets/front/css/ramazan-template/fonts/ProductSans-ThinItalic.woff') format('woff');
}


@font-face {
    font-family: 'Product Sans Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Light Italic'), url('https://www.geo.tv//assets/front/css/ramazan-template/fonts/ProductSans-LightItalic.woff') format('woff');
}


@font-face {
    font-family: 'Product Sans Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Medium Italic'), url('https://www.geo.tv//assets/front/css/ramazan-template/fonts/ProductSans-MediumItalic.woff') format('woff');
}


@font-face {
    font-family: 'Product Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Bold'), url('https://www.geo.tv//assets/front/css/ramazan-template/fonts/ProductSans-Bold.woff') format('woff');
}


@font-face {
    font-family: 'Product Sans Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Bold Italic'), url('https://www.geo.tv//assets/front/css/ramazan-template/fonts/ProductSans-BoldItalic.woff') format('woff');
}


@font-face {
    font-family: 'Product Sans Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Black Italic'), url('https://www.geo.tv//assets/front/css/ramazan-template/fonts/ProductSans-BlackItalic.woff') format('woff');
}

.categorybg.trending-mobile-header.ramzan_shan header{
	padding: 5px;
}
.categorybg.trending-mobile-header.ramzan_shan header .mobile-header{
	margin: 0;
}
body.ramzan_shan header{
    padding: 5px 0;
    margin-bottom: 0;
}
body.ramzan_shan header .desktop-header{
    display: none;
}
body.ramzan_shan header .mobile-header{
    display: block;
    margin: 0;
}
body.ramzan_shan header .mobile-header .header-right{
    float: right;
    border: 1px solid #E7E9EB;
    border-radius: 5px;
    margin-top: 6px;
}
body.ramzan_shan header .mobile-header .header-right ul{
    margin: 0;
    padding: 4px 33px;
}
body.ramzan_shan header .mobile-header .header-right ul li a{
   color: #21409A;
    font-size: 23px;
}
.top_ramazan_banner{
    width: 100%;
    float:left;
    position: relative;
}
.top_ramazan_banner img{
    width: 100%;
}
.top_ramazan_banner img.food_text{
    max-width: 31%;
    width: auto;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.ramzan_content_first{
    width: 100%;
    float:left;
    margin-top: -15px;
    position: relative;
}
.ramzan_content_first ul{
    padding: 0;
}
.ramzan_content_first ul:nth-child(2){
    width: 260px;
    float:left;
    margin-right: 2%;
}
.ramzan_content_first ul:nth-child(1){
    width: 61%;
    width: -webkit-calc(100% - 260px - 2%);
    width: calc(100% - 260px - 2%);
    float: right;
}

.ramzan_content_first ul li{
    list-style: none;
    margin-bottom: 10px;
    width: 100%;
    float:left;
}
.ramzan_content_first ul li .ramzan_pic{
    width: 100%;
    float:left;
}
.ramzan_content_first ul li .ramzan_pic img{
    width: 100%;
    border-radius: 4px;
}
.ramzan_content_first ul li .ramzan_title{
    width: 100%;
    float:left;
}
.ramzan_content_first ul li .ramzan_title h1{
    font-size: 32px;
    font-family: 'Product Sans Bold';
    color:#202124;
    letter-spacing: 1px;
    margin: 10px 0;
}
.ramzan_content_first ul li .ramzan_title h2{
    font-size: 18px;
    font-family: 'Product Sans Bold';
    color:#202124;
    letter-spacing: 1px;
    margin: 10px 0;
}
.ramzan_time_post{
    color: #707070;
    font-size: 12px;
    font-family: 'Product Sans Regular';
}
.r_c_first_left{
    width: 61%;
    width: -webkit-calc(100% - 260px - 2%);
    width: calc(100% - 260px - 2%);
    float: left;
}
.r_c_first_right{
    width: 260px;
    float:left;
    margin-left: 2%;
}
.ramzan_content_first .r_c_first_right ul:nth-child(1){
    width: 100%;
    float:left;
    margin: 0;
}
.ramzan_content_second{
    margin: 30px 0;
}
.ramzan_c_s_slider{
    width: 61%;
    width: -webkit-calc(100% - 300px - 40px);
    width: calc(100% - 300px - 40px);
    float: left;
}
.ramzan_c_s_slider a{
    display: inline-block;
}
.ramzan_ads_right{
    width: 300px;
    float: right;
    margin-left: 40px;
}
.ramzan_c_s_slider .swiper-button-next, .ramzan_c_s_slider .swiper-container-rtl .swiper-button-prev {
    background-image: url(https://www.geo.tv//assets/front/css/ramazan-template/images/slider_right.png);
    right: 17px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(https://www.geo.tv//assets/front/css/ramazan-template/images/slider_left.png);
    left: 17px;
}
.ramzan_c_s_slider .swiper-button-next, .ramzan_c_s_slider .swiper-button-prev{
    width: 33.8px;
    background-size: auto;
    background-color: transparent;
    top:50%;
}
.slider-title-area{
    bottom: 0;
    margin-left: 0;
    padding: 7rem 1.6rem 1.6rem;
    position: absolute;
    width: 100%;
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,.95) 0,transparent 100%);
    background: linear-gradient(0deg,rgba(0,0,0,.95) 0,transparent 100%);
}
.slider-title-area h2{
    font-size: 18px;
    color: #fff;
    margin: 0;
    font-family: 'Product Sans Bold';
}
.heading_title{
    width: 100%;
    float:left;
}
.heading_title h4{
    font-family: 'Product Sans Bold';
    font-size: 40px;
    color: #FF294E;
}
.heading_title span{
    font-family: 'Product Sans Light Regular';
    margin-left: 18px;
}
.ramzan_content_third{
    margin: 20px 0 50px 0;
}
.video_title{
    width: 100%;
    display: inline-block;
    text-align: center;
}
.video_title h4{
    font-family: 'Product Sans Bold';
    font-size: 40px;
    color: #202124;
    text-transform: uppercase;
}
.tabs{
    width: 100%;
    float:left;
}
.tabs_click ul{
    padding: 0;
    margin: 0;
    text-align: center;
}
.tabs_click ul li{
    list-style: none;
    display: inline-block;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: .84rem 2.14rem;
    -webkit-border-radius: 10em;
    border-radius: 10em;
    margin: 20px 10px;
}
.tabs_click ul li.active{
    border: 2px solid #FF294E;
    background-color: transparent;
}
.tabs_click ul li.active a{
    color: #FF294E;
}
.tabs_click ul li a{
    font-family: 'Product Sans Bold';
    font-size: 15px;
    color: #929292;
}
.tabs_pic{
    width: 100%;
    float:left;
    position: relative;
}
.tabs_pic img{
    width: 100%;
    border-radius: 4px;
}
.ramzan_video_icon{
    position: absolute;
    max-width: 100%;
    width: 58px;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
}
.tabs_heading{
    width: 100%;
    float:left;
}
.tab-content{
    width: 100%;
    float:left;
}
.tab-content ul{
    margin: 0;
    padding: 0;
}
.tab-content ul li{
    list-style: none;
    width: 24%;
    float: left;
    margin-right: .5%;
    margin-right: .5%;
    margin-top: 20px;
}
/*.tab-content ul li:nth-child(4){
    margin-right: 0;
}
.tab-content ul li:nth-child(8){
    margin-right: 0;
}*/
.tab-content ul li h3{
    color: #202124;
    font-family: 'Product Sans Bold';
    font-size: 16px;
    margin: 5px 0;
    min-height: 70px;
}
.ramzan_footer{
    width: 100%;
    float:left;
    background-image: url(https://www.geo.tv//assets/front/css/ramazan-template/images/footer.jpg);
    padding: 35px 0;
    background: #000;
}
.footer_social{
    width: 100%;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #707070;
    padding-bottom: 35px;
}
.footer_social ul{
    padding: 0;
    margin: 0;
}
.footer_social ul li{
    list-style: none;
    display: inline-block;
    margin: 0 20px;
}

.footer_social ul li a{
    color: #fff;
    font-family: 'Product Sans Bold';
    font-size: 16px;
}
.footer_social ul li a:hover{
    color: #fff !important;
}
.footer_social ul li .social_text{
    margin-left: 5px;
}
.footer_logo{
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 30px 0;
}
.footer_logo img{
    margin: 0 10px;
}
.footer_text{
    width: 100%;
    display: inline-block;
    text-align: center;
}
.footer_text p{
    font-family: 'Product Sans Regular';
    color: #fff;
    font-size: 16px;
}
.swiper-slide img {
    border-radius: 4px;
}
@media (min-width: 1300px){
    .container{
        width: 1190px;
    }
}

@media (max-width: 992px){
    .r_c_first_left {
        width: -webkit-calc(100% - 200px - 2%);
        width: calc(100% - 200px - 2%);
    }
    .r_c_first_right {
        width: 200px;
    }
    .ramzan_content_first ul:nth-child(2) {
        width: 200px;
    }
    .ramzan_content_first ul:nth-child(1) {
        width: -webkit-calc(100% - 200px - 2%);
        width: calc(100% - 200px - 2%);
    }
    .ramzan_content_first ul li .ramzan_title h2{
        font-size: 16px;
    }
    .ramzan_c_s_slider {
        width: 100%;
    }
    .ramzan_ads_right {
        width: 100%;
        margin-left: 0;
        text-align: center;
        margin-top: 20px;
    }
    .tab-content ul li h3{
        font-size: 14px;

    }
}
@media (max-width: 767px){
    .ramzan_content_first{
        margin-top: 15px;
    }
    .r_c_first_left {
        width: 100%;
    }
    .ramzan_content_first ul:nth-child(1){
        width: 100%;
    }
    .ramzan_content_first ul:nth-child(2){
        width: 100%;
    }
    .r_c_first_right {
        width: 100%;
        margin-left: 0;
    }
    .tab-content ul li {
        width: 49%;
    }
    .tab-content ul li h3{
        min-height: 44px;

    }
}
@media (max-width: 600px){
    .ramzan_content_first ul li .ramzan_title h1{
        font-size: 26px;
    }
    .tab-content ul li h3{
        font-size: 14px;
    }
    .heading_title h4{
        font-size: 30px;
    }
}
@media (max-width: 480px){
    .tab-content ul li {
        width: 100%;
    }
    .tab-content ul li h3{
        min-height: auto;

    }
    .ramzan_content_first {
        margin-top: 15px;
    }
    .footer_social ul li .social_text{
	display:none;
    }
	.ramzan_footer{
		padding: 20px 0;
	}
	.footer_social{
		padding-bottom: 20px;
	}
}