/* ************* Media Queries Tablets ****************** */
@media only screen and (max-width: 1200px) {
.container{padding:0 15px;}
}
@media only screen and (max-width: 1169px) {
.commmonContentBox{padding:15px;}
.classifiedSlider .owl-next, .condolencesList .owl-next{margin-right:-15px !important;}
.classifiedSlider .owl-prev, .condolencesList .owl-prev{margin-left:-15px !important;}
.geryBgText{margin:30px -15px 0;}
}
@media only screen and (max-width: 1023px) {

}
@media only screen and (max-width: 979px) {
.aboutContent .cols8, .aboutContent .cols4, .classified .cols8, .classified .cols4{width:100%;}
.eventsWrap{margin-bottom:30px;}
#footer {text-align:center;}
#footer .cols4, #footer .cols8{width:100%; margin-top:15px;}
.footerLinks{display:inline-block; margin:0 auto; margin-bottom:5px;}
.sliderGallerySection .cols4{width:50%;}
.newsImage{text-align:center;}
.submitAdd {margin-top:40px;}
.ticketContactDetail h2{font-size:26px;}
.toggleMenuWrap ul{width:49%;}

.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
.mfp-arrow-right { -webkit-transform-origin: 100%;  transform-origin: 100%; }
.mfp-container { padding-left: 6px; padding-right: 6px; }
}

@media only screen and (max-width: 819px) {

}

@media only screen and (min-width: 801px) {#nav ul {display:block !important;}
}
@media only screen and (max-width: 800px) {
/*Navigation*/
#nav {display:none;position:absolute;left:0;right:0;background:#6f090e;}
#nav ul{background:#6f090e;}
.toggleMenu, #nav .menuIcon {display:block;}
#nav li {float:none;display:block;border:none;}
#nav li a{border-top:1px solid #520306}
#nav li.parent {position:relative;}
#nav li .menuIcon, #nav li li .menuIcon {width:46px; height:40px; background-color:#900; background-color: rgba(151, 0, 7, 0.5); background-image:url(images/down-arrow.png); background-repeat:no-repeat; background-position:center 10px; position:absolute;right:0;top:0;bottom:0;cursor:pointer;}
#nav li .menuIcon.active, #nav li li .menuIcon.active {background-color:#900; background-color: rgba(151, 0, 7, 0.5);}
#nav li > a:hover, #nav li.hover > a, #nav li.active > a, #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a {background-color:#900;color: #fff;}
#nav ul {width:100%;display:none;position:static;transition:none;-webkit-transition:none;}
.hasJS #nav ul{opacity:1;}
#nav li ul li, #nav ul a {width:100%}
#nav > li:hover > ul, #nav li li:hover > ul, #nav li li li:hover > ul {display:none;}
#nav ul, #nav *:hover ul ul, #nav .hover ul ul, #nav .focus ul ul {margin-left:0;}
#nav li a {padding-left:15px;padding-right:15px;display:block;line-height:30px;font-size:14px;}
#nav li ul li a {padding:7px 55px 7px 25px; display:block;line-height:21px; background:url(images/right-arrow.gif) no-repeat 15px 15px;color:#fff;border:none}
#nav li ul li ul li a {padding-left:45px;background-position:33px center}
#nav li ul li ul li ul li a {padding-left:60px;background-position:45px center}
#nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a {background-color:#6f090e;color: #fff;}
#nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a {background-color:#6f090e;color: #fff;}

/*Responsive Table*/
.responsiveTable, .responsiveTable tr, .responsiveTable td, .responsiveTable td:before { display:block; text-align:left; border:none;	/* Converts a table, table row, table column and table column:before into a block element */ }
.responsiveTable, .responsiveTable tr, .responsiveTable td:last-child { border-bottom:none; }
.responsiveTable thead, .responsiveTable tr th { position:absolute;	/* Hides table head but not using display none */ top:-1000em; left:-1000em; }
.responsiveTable tr { border:1px solid #eeeeee; border-bottom:2px solid #eeeeee;  margin:0 0 20px; }
.responsiveTable tr td:nth-child(1) { /* first column of the row */ border-left:none;}
.responsiveTable tr td:last-child { /* last column of the row */ border-right:none; }
.responsiveTable tr:last-child .td, .responsiveTable td { /* Column in the last row and column */ border-bottom:1px solid #eeeeee; }
.responsiveTable td:before { /* prints the value of data-label attribute before the column data */ font-weight:bold; padding-right:20px; line-height:27px; color:#174471; content:" "attr(data-label)"";	/* call the attribute value of data-label and adds a string // */ }
.responsiveTable tbody {display:block;}
.responsiveTable tr td {padding:5px 15px; width:auto !important;}
/*Responsive css*/
.content .cols8, .content .cols4, .content .cols6{width:100%;}
.minHeightDiv {min-height:auto;}
.rightLogo{margin:20px;}
/*********new added for khabar and epb news**********/
.khabarNewsletter #contentPart .container, .khabarNewsletter #footer .container, .epbNews #contentPart .container, .epbNews  #footer .container{width:calc(100% - 20px);}
.fullWidthImg img{max-width:100%; height:auto; width:auto;}
.personSaidWrap{margin:0 -15px;}
.khabarNewsletter #header .container, .epbNews #header .container{padding:0 10px;}
.mainNavigation{ clear:both;}
#nav li a{ color:#fff;}
#nav li li a {font-size:14px;}
.toggleMenu .iconBar { background-position:0 4px; transition:all 0.3s ease 0ms;}
.toggleMenu.active .iconBar{ background-position:0 -25px}
#nav ul li a{ border-top:1px solid #520306;}
.toggleMenu{ padding:10px 15px}
.toggleMenu{ background:#a70003;}
.toggleMenu .mobileMenu{ font-size:14px;}
}
@media only screen and (max-width: 768px) {
.r-tabs .r-tabs-nav {display: none;}
.r-tabs .r-tabs-accordion-title {display: block;}
}
/* ************* Mobiles Media Queries ****************** */
@media only screen and (max-width: 767px) {
.formList .boxs > li, .formList .boxs > div {float:none; width:100%;}
.width50p {width:100%;}

.classified .cols3{width:50%; margin-bottom:30px;}
.condolencesList li{width:33.33%; margin-bottom:20px; min-height:170px;}
.logoLeft{width:65%;}
.rightLogo{width:12%; text-align:center; margin:20px 10px;}
.navigation li a{padding:18px 10px;}
.programImageCaption h2{font-size:32px;}
.programeSchdule p{font-size:18px; padding-right:170px;}
.programeSchdule .bigText{font-size:32px;}
.eventBg h2{font-weight:600;}
.eventBg h2{padding:10px 0;}
.modal{ width:auto;}
.jdWrap .logoLeft{ width:100%;}
}
@media only screen and (max-width: 639px) {
.formList .boxs {margin-left:0;}
.formList .box {float:none; width:auto; margin-left:0;}
.condolencesList li{width:50%; min-height:160px;}
.authorName{display:block;}
.content h2{font-size:22px;}
.condolencesWrap h3.greenText{font-size:18px;}
.programeSchdule .bigText{font-size:24px;}
.programeSchdule p{font-size:14px; padding-right:0;}
.programeSchdule .bigText{position:static;}
.programImageCaption{bottom:5px;}
.programeSchdule .bigText{font-size:28px;}
/*********new added for khabar and epb news**********/
.centerBlockText img{margin-right:0; display:block; margin-bottom:10px;}
.imgDivWithCaption.mrgR20{margin-right:0; margin-bottom:20px;}
.centerBlockText{text-align:left !important;}
}
@media only screen and (max-width: 599px) {
.contentWithImg .contImage{float:none; max-width:100%; margin-bottom:20px; width:100%;}
.contentWithImg .contDesc{padding-right:0;}
.toggleMenuWrap{padding:20px;}
.toggleMenuIcon{padding:18px 10px 11px; font-size:36px;}
.navigation ul{padding-right:40px;}
.toggleMenuWrap li a{font-size:18px;}
.navigation li{font-size:15px;}
.programeSchdule .bigText{font-size:16px;}
.programImageCaption{padding:10px; width:calc(100% - 20px); left:10px;}
.commonForm .feildCol{width:100%;}
.majalisCalendar .cal_calendar{table-layout:fixed;}
/*********new added for khabar and epb news**********/
.khabarNewsletter h1#logo{font-size:50px;}
.dev li .pull-right { width:100%; display:block; text-align:left; padding:10px 0;}
.dev li:before, .dev li:after{ content:" "; display:table;}
.dev li:after{ clear:both;}
.djcarouselBlock .item{ height:auto;}
.jdWrap .contentWithImg .imgThumbLt, .jdWrap .newsBox .imgThumbLt{ width:100%; margin:0 0 10px; text-align:center;}
}
@media only screen and (max-width: 479px) {
.classified .cols3{width:100%; padding:0 15px;}
.classified h2{text-align:center;}
.condolencesList li{width:100%; min-height:auto;}
/*.navigation{padding-bottom:50px;}*/
.navigation > ul{padding-right:0;  border-bottom:1px solid rgba(255,255,255,0.7);}
.navigation > ul li a{padding:10px 5px;}
.toggleMenuIcon{position:absolute; right:0; bottom:0; padding:7px 10px 7px;}
.toggleMenuWrap{top:107px;}
.logoutBtn{padding:11px 15px;}
.navigation li a i{font-size:20px;}
.month{font-size:18px;}
.toggleMenuWrap ul{width:100%; padding-right:0; margin-bottom:10px;}
.toggleMenuWrap li{margin-bottom:10px; font-size:14px;}
.loginFormWrap, .bgForm{padding-left:15px; padding-right:15px;}
.forgotLink{display:block; margin-top:15px; margin-left:0;}
/*********new added for khabar and epb news**********/
.khabarNewsletter .imgRight, .khabarNewsletter .imgLeft, .epbNews .imgRight, .epbNews .imgLeft{float:none; margin-left:0; width:100%; max-width:none;}
.khabarNewsletter .imgRight img, .epbNews .imgRight img{width:100%; height:auto;}
.khabarNewsletter h1#logo{font-size:40px;}
.epbNews .newsWrap .imgLeft, .epbNews .newsWrap .imgRight{max-width:100%;}
.UpdateProfileMap input.button{ width:100%; margin-bottom:10px;}
.content .cols4{ padding:5px 0;}
.condolencesDetail .name, .condolencesDetail .place, .condolencesDetail span { width:100%; }

.topStripLeft{ margin:5px 0px; width:100%; text-align:center;}
.welcomeText{ padding:5px 0; text-align:center;}
.logoutBtn{ padding:5px;}
.profile a{ padding:5px 5px; display:inline-block;}
.topStripRight, .profile, .welcomeText, .bulletinRt{ float:none; display:inline-block;}
.topStrip, .bulletinRt{ text-align:center;}
#logo a{ font-size:35px; line-height:30px;}
#logo .subLine{ font-size:11px;}
.logoLeft, .bulletinRt{ width:100%; margin:0; padding:5px 0;}
.logoLeft{ padding-top:10px;}
#header .container, #contentPart .cols12, #contentPart .cols8{ padding:0;}
.owlCarousel .item{ height:inherit}
.owl-theme .owl-controls .owl-nav{ display:none;}
.owl-dots{ bottom:15px;}
}
}
@media only screen and (max-width: 400px) {
.navigation > ul li a{padding:10px 5px;}
.navigation li a i{display:none;}
/*********new added for khabar and epb news**********/
.khabarNewsletter h1#logo{font-size:36px;}
.registrationMap .phoneNumber{ width:100%!important; margin:5px 0;}
.registrationMap .countryCode, .registrationMap .cityCode{width:30%!important;}
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

.mfp-img-mobile .mfp-image-holder {padding-left: 0; padding-right: 0; }
.mfp-img-mobile img.mfp-img {padding: 0; }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
.mfp-img-mobile .mfp-figure small {display: inline; margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0;  top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
.mfp-img-mobile .mfp-close {top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}