/* ************* Media Queries Tablets ****************** */

@media only screen and ( max-width: 1300px ){ 
.container {max-width: 1200px;padding-left: 15px;padding-right: 15px;}
#wrapper{width: 1170px;}
.searchAudit .input-area.text{width: 86%;}
#nav li a{padding: 5px 20px;}
}
@media only screen and ( max-width: 1200px ) 
{.container {max-width: 1170px;padding-left: 15px;padding-right: 15px;}
#wrapper{width: 1070px;}
#nav li a{padding: 5px 17px;}
.latestPostRight h2{font-size: 17px;}
.headerPart{width:100%;top: 10px;position: relative;}
.headerBox{position:relative; padding-bottom:19px;}
.headerLeft{position:absolute; left:0; top:0;}
.headerRight{position:absolute; right:0; top:0;}
.implinksSection {width: 36%;}
.newseventSection{width: 36%; padding:15px;}
.mediaSection{width: 28%; padding-left:20px;}
.ecitizenMain .ecitizenDetails .navEcitizen li a{width:20%; min-height: 72px; margin: 0 15px;}
.introductionBox li a{font-size:18px}
.introductionSection li:nth-child(2n+1){border-right:none;}
.searchAudit .input-area.text{width: 85%;}
.auditIconTop h4{font-size: 15px;}
.pressPosting .resTab .tabNav li {width: 49%;}
.reportTitle h3{font-size: 20px;}

/*---------inner page--------------*/
.rightFunctionality{width: 28%;}

}
@media only screen and (max-width: 1169px) {
	#wrapper { width: 991px;}
.pressPosting .resTab .tabNav li a {font-size: 21px;}
#nav li a {padding: 5px 11px;}
.latestPostRight h2 {font-size: 16px;}
.searchAudit .input-area.text { width: 84%;}
.reportTitle h3 { font-size: 18px;}
.pressPosting { width: 37%;}
.pressPosting .ui-datepicker-title{font-size: 18px;}
.reportPressColl h3{font-size: 20px;}

/*---------inner page--------------*/
.field-content img{height: 200px;}

}
@media only screen and (max-width: 1023px) {
	#wrapper { width: 98%;}
.headerLeft{width:auto;}
.latestReportBox{top:0;}
.reportPressColl .pressInner li p{font-size: 15px;}
.latestPostRight .latestPostsList li a {font-size: 14px;}
#logo { width: 70%; margin: 0 auto; }
.topStrip .fontResize{display: none;}
.skipContent { display: none; }
.auditState { padding: 30px 0;}
.reportPressColl .pressInner { height: auto;}
.indexBanner{padding: 30px 0;}

/*---------inner page--------------*/
.entryTitle{font-size: 18px;}
}
@media only screen and (max-width: 992px) {
.toggleMenu .mobileMenu{color: #fff;}
.toggleMenu .iconBar{}
.topStrip a{font-size:12px;}
.headNo a, .headTeldir a{font-size:14px;}
/*Navigation*/
#nav {display:none;position:absolute;left:0;right:0;background:#3a484b;}
#nav ul{background:#27b1c6;}
.toggleMenu, #nav .menuIcon {display:block;}
#nav li {float:none;display:block;border:none;}
#nav li a{border-top:1px solid #7e7e7e;}
#nav li.parent {position:relative;}
#nav li .menuIcon, #nav li li .menuIcon {width:46px; height:auto; background-color:#002d63; background-color: rgb(72, 118, 183); background-image:url(../images/down-arrow.gif); background-repeat:no-repeat; background-position:center 15px; position:absolute;right:0;top:0;bottom:0;cursor:pointer;}
#nav li .menuIcon.active, #nav li li .menuIcon.active {background-color:#002d63; background-color: rgba(1, 36, 78, 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:#020303;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:#4876b7;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:#dd4824;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;}
.introductionSection{width:100%;}
.introrowBox .latestNews{width:100%;}
.implinksSection, .newseventSection, .mediaSection{width:50%;}
.footer{text-align:center;}
.footerLeft{padding-right:0; margin-bottom:15px;}
.footerRight{width:100%; margin:0 auto; float:none; text-align: center; display: block;clear: left;}
.footerLeft li{display: inline-block;margin-bottom: 15px; float:none;}
.socialmediaSharing .socialIcons{float:none;}
.socialmediaSharing .socialIcons li{float:none; display:inline-block;}
.footerSlider .owl-theme .owl-controls{display:none;}

.latestPostRight{width: 100%;}
.bannerSilderLeft { margin-bottom: 20px;}
.latestPostRight h2 { font-size: 20px;}
#logo h3{font-size: 20px;}
#logo p{font-size: 16px;line-height: 15px;}
.latestPostRight .latestPostsList li a { font-size: 15px;}
.searchAudit .input-area.text { width: 79%;}
.pressPosting{width: 50%;}
.pressPosting:nth-child(2){width: 46%;margin-right: 0;}
.reportPressColl{width: 100%;margin-top: 20px;}
.bannerSilderLeft{width: 100% !important;}
.bannerTitle{min-height: auto;}

/*------inner page----*/
.rightFunctionality { width: 100%; margin-bottom: 16px;}
.leftContentFunctionality{width: 100%;}
.innerContent{min-height: auto;}
.innerContent .row { margin-bottom: 0;}
}

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

}
/* ************* Mobiles Media Queries ****************** */
@media only screen and (max-width: 767px) {
	.r-tabs .r-tabs-nav {display: none;}
.r-tabs .r-tabs-accordion-title {display: block;}
.sliderBanner .owl-stage .item > img {min-height:225px;}
.formList .boxs > li, .formList .boxs > div {float:none; width:100%;}
.ecitizenMain .ecitizenDetails .navEcitizen li a{width:43%; margin-bottom:20px;min-height: auto;}
.implinksSection, .newseventSection, .mediaSection{width:100%;}
.audirBtn{float: none;display: inline-block;border-bottom: 1px solid;}
.resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{background-color: #4876b7;color: #fff;}
.resTab .r-tabs-accordion-title .r-tabs-anchor{background-color: #013f76;}
.pressDateRight{font-size: 14px;}
.pressPosting ul li a{font-size: 14px;}
.reportPressColl .pressInner{height: auto;}
.pressPosting .pressInner{height: auto;}
.auditIconTop h4{font-size: 14px;}
.footerLeft li{margin-bottom: 0;}
.footerLeft li:after{display: none;}
.footerLeft a{width: 100%;padding: 4px 0;display: inline-block;font-size: 14px;}
.footerLeft li:last-child { border-bottom: 0;}
.headerPart .headerBox { padding: 10px 80px; text-align: center; }
.toggleMenu .mobileMenu { font-size: 1em; font-weight: 700; }
.indexBanner{padding: 20px 0;}
.searchAudit .input-area.text { width: 75%; }
.pressPosting { width: 100%; margin-bottom: 20px; }
.reportTitle { margin-bottom: 18px; }
.pressPosting:nth-child(2){margin: 0 auto;float: inherit;text-align: center;}
.topStrip .fontResize{display: none;}
.skipContent { display: none; }
.reportPressColl h3{text-align: center;}
.footerLeft p { font-size: 0.823em; margin: 0; color: #fff; font-weight: 700; }
.viewall{padding: 10px;}
.auditState { padding: 20px 0; }
.auditIconTop h4{height: auto;}
.auditStack .activityTicker li a{font-size: 14px;}
.latestPostRight .latestPostsList li{list-style-type: none;}

/*------inner page---*/
.rightFunctionality h2{font-size: 18px;}
.photoGalleryList li{width: 47%;}
.entryTitle{font-size: 16px;}

}
@media only screen and (max-width: 639px) {
	.ecitizenMain .ecitizenDetails .navEcitizen li a{width:100%;margin: 0 0 15px 0;}	
	.footerRight .fotterVisitors span{display:block;}
	.implinksSection{padding-top:30px;}
	.introrowBox .latestNews{padding:0;}
	.introductionBox{padding:0;}
	.introductionSection li{width:100%;}
	.latestReportBox{padding:10px 0;}
	.reportPart{background:none; border:none; padding:0;}
	.latestReporTitle{padding: 10px 0 0 20px; border:none;}
	.latestReporDetails{border:none;}
	.latestReporTitle h2:after{bottom:-10px}
	.latestReporTitle h2::before{bottom:-18px;}
	.bannerCaption{padding:30px 15px 30px 0; left: 0; top:65%;}
	.bannerCaption .bannerTitle{width:auto; font-size: 20px;line-height: 1.3;}
	.bannerCaption .knowMore{margin-top:15px;}
	.bannerCaption .bannerTitle span{font-size:12px;}
	.knowMore a{font-size: 12px;padding: 5px 16px;}
	.indexBanner .sliderBanner.owl-theme .owl-controls{bottom:20px;left: 43%;}
	.latestNews .playPause{right:0; bottom:0;}
	.introductionSection h2{font-size:25px;}
	.fontResize{display:none;}
	.headerPart{top:0;}
	.headerBox{padding-bottom:0px; }
	#logo { width: 100%;margin: 0 auto;}
	#logo p { font-size: 14px;}
	.searchAudit .input-area.text {width: 65%;}
	.searchAudit button{font-size: 16px;}
	.pressPosting {width: 100%; margin-bottom: 15px;}
	#datepicker { width: 70%;margin: 0 auto;}
	.pressPosting:nth-child(2){width: 100%;margin: 0;}
	.reportTitle{text-align: center;margin-bottom: 15px;}
	.reportPressColl h3{text-align: center;}
	.bannerSilderLeft .owl-item img {height: 200px;}

	/*------inner page---*/
	.entryContent { padding: 35px 0;}
	.photoGalleryMain .photoGalleryList li{width: 100%;margin: 0 0 15px 0;}
	.field-content img { height: auto;}
	.photoGalleryList li{width: 100%;margin: 0 0 15px 0;}
	.singleList .field-content img { height: auto;}
	.coreListSerach{width: 45%;}
	.coreListSerach input{margin-bottom: 8px;}
	.guidelinesList li{padding: 15px;text-align: left;}
	.guidelinesPdfIcons{position: relative;right: 0;transform: translateY(0px);text-align: right;margin-top: 12px;}
	.guidelinesList li:last-child {margin-bottom: 0;}
	.entryContentWhite .pagination li{margin-bottom: 12px;}

	.headerPart .headerBox { padding: 10px 0; text-align: center; margin-top: 110px; }

	
}


@media only screen and (max-width: 479px) {
.topStrip li:first-child{display:none;}
.topStrip li:before{display:none;}
.topStrip li{padding: 0;}
.toggleMenu{padding:5px}
.toggleMenu .mobileMenu{font-size: 0.9em;}
.headerBox #logo {  width: 100%;margin: 0 auto;margin-top: 10px;}
.headerLeft{position: relative;}
.latestPostRight h2 {font-size: 15px; margin-bottom: 0;}
.latestPostRight .latestPostsList li a { font-size: 14px;}
.searchAudit .input-area.text{ width: 52%;font-size: 14px;}
.searchAudit button {font-size: 14px;}
ul.auditIcons{padding: 0;}
.auditState .resTab .tabContent{padding: 14px;}
.auditIcons li{width: 99%;}
#datepicker{width: 90%;}
.reportPressColl .pressInner li p a{font-size: 14px;}
.reportPressColl .pressInner li p { font-size: 14px;}
.pressDateRight{width: 100%;}
.pressDate{margin-bottom: 10px;}
.auditStack .activityTicker li a{font-size: 14px;}
.audtiMoreClick a{font-size: 14px;}
#logo h3 { font-size: 16px;line-height: 22px;}
.headerPart .headerBox{padding: 14px 0 0px 0;}
.viewAll a{font-size: 14px;display: inline-block;}
.audirBtn{font-size: 14px;}
#datepicker { width: 100%;}
.pressPosting .ui-datepicker-title { font-size: 16px;}
.reportPressColl h3 { font-size: 18px;}
.reportTitle h3 {font-size: 16px;}
.viewall a{font-size: 14px;}
.pressInner a{font-size: 14px;}
.pressInner small{font-size: 13px;}

/*------inner page---*/
.entryTitle{font-size: 16px;}
.breadcrumb{padding-left: 15px;}
.guidelinesList li h5{font-size: 14px;}
.entryContentWhite { padding: 25px 0;}
.entryContent p{font-size: 14px;}
.rightFunctionality ul li a{font-size: 14px;}
.rightFunctionality h2{margin-bottom: 8px;}
.entryContent h5{font-size: 16px;}
.entryContent h3{font-size: 18px;}
.entryContent h4{font-size: 17px;}
.topStrip li{display: inline-block;float: inherit;}
.leftLink { float: inherit; text-align: center; }
.rightLinks { float: inherit; text-align: center; }
.headerPart .headerBox{margin-top: 0;}
.latestPostRight h2{margin-bottom: 10px;}
.reportPressColl .ticker{padding: 15px 12px 0 12px;}
}
@media only screen and (max-width: 360px) {
	.topStrip li{padding: 0;}
	.latestPostRight h2{font-size: 14px;}
	.indexBanner{padding: 30px 0;}
	.auditState{padding: 30px 0;}
	.postingComment{padding: 30px 0;}
	.footerLeft a{font-size: 13px;}
	.pressDateRight { font-size: 13px;}
	.auditStack .activityTicker li a{font-size: 13px;}
	.pressPosting .whatsNewWidgetItem{text-align: center;}
	.searchAudit button{width: 130px;}
	.searchAudit .input-area.text{width: 51%;}
	.entryContent h3{font-size: 16px;}
	#logo h3 { font-size: 14px; line-height: 20px; }
	#logo p { font-size: 12px; }
}