/* 19-12-2018 New CSS */
@media only screen and (min-width: 1170px) {
	#nav ul {display:block !important;}
}

/* ************* Media Queries Tablets ****************** */
@media only screen and (max-width: 1169px) {
.container {padding: 0 20px; max-width: 970px;}
.leftContent {float: none; width: 100%;}
.asidebar {float: none; width: 100%;}
.usefulInfor {width: 45%; float: left; margin-bottom: 0; margin-right: 20px;}
.trainingCourseBlock2 {float: left; width: 300px;}

#footer {text-align: center; padding: 25px 0;}
.footerLeft { float: none; width: 100%;}
.footerRight {float: none; width: 100%;}
.socialMedia {text-align: center; margin: 20px 0;}
.downloadMobileApp {position: inherit; left: inherit; bottom: inherit; margin: 0 auto 20px;}
.getMobileApp {right: 25px;}

.trainingUsefulMain { width: 100%; }
.trainingCourses { width: 49%; float: left; }
.trainingCoursesBg { width: 100%; float: none; padding: 20px; }
.trainingCoursesImage { float: none; width: auto; }
.usefulLinks { width: 49%; float: right; }
.usefulLinksBg { width: 100%; float: none; padding: 20px; }
.usefulLinksImage { float: none; width: auto; }
.informationBlockTab { width: 100%; }

.informationBlock {padding-top: 30px;}
.aboutInfoBlock {margin-top: 0; box-shadow: inherit;}

/*.aboutInfoContent {width: 100%; margin-bottom: 20px;}*/
.aboutInfoContent { width: 65%; margin-bottom: 0; padding: 20px; }
/*.director-general-aqa {float: none; width: 314px; margin: 0 auto;}*/
.director-general-aqa {float: right; width: 35%; margin: 0 auto; padding-top: 20px;}
.director-general-aqa img {width: 100%;}
.dirGeneral { width: 49%; margin: 0 0.5%; }
.zoneWiseMap {float: none; margin: 0 auto; width: auto;}
.aboutInfoContentRight {float: none; width: 100%; text-align: left; margin-top: 20px;}
.activitiesBlockMain .owl-theme .owl-controls .owl-nav .owl-prev {left: 0;}
.activitiesBlockMain .owl-theme .owl-controls .owl-nav .owl-next {right: 0;}

#logo {float: left; text-align: left;}
#nav, #nav ul {display: block;}
.mainNavigation {float: none; text-align: center; background-color: #f2f2f2; margin: 0; padding-right: 0; padding-top: 0;}
#nav li a {padding: 10px;}
#nav li { display: inline-block; float: none; }
.otherLinks .container > ul.otherLinksMobile {display: block !important;}
.otherLinks .container > ul {display: none !important;}
.otherLinks ul li {float: none; width: auto;}

.contactUsMain ul li {width: 47%;}
.contactUsMain ul li:nth-child(even) {margin-right: 20px;}
.contactUsMain ul li:nth-child(3n+3) {margin-right: 20px;}

.missionVisionMainBlock .missionBlockTab { float: left; width: 100%; border-right: none; padding-right: 0; margin-right: 0; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; }
.missionVisionMainBlock .valuesBlock {width: 100%;}
.missionVisionMainBlock .valuesBlock li {float: left; width: 50%;}
.mainNavigation:before {width: 63px; height: 106px; top: -110px; background-size: 60px auto; right: 170px;}
.informationBlockTab .newsDate { width: 10%; }
.latestNewsTicker .newsDescription { width: 90%; float: left; padding-left: 20px; }
.selectZone { text-align: left; }
.zonetitle { text-align: right; }
.missionVisionMainBlock{ margin: 20px 0; }
.usefulLinks { margin-bottom: 20px; }
.usefulInfor { float: left; width:  49%; margin-right: 0; }
.trainingCourseBlock2 { float: right; width:  49%;}

#chartContainer #home { width: 270px; }
#chartContainer li { width: 190px; }
#chartContainer { width: 1350px; }
.chartCover .content { overflow-x: scroll; }
#chartContainer li a.org { padding: 5px 10px; }
#chartContainer li a.redChart { font-size: 17px; padding: 10px 10px; }
#chartContainer li a { padding: 7px; }

/* 19-12-2018 New CSS */
/*Navigation*/
.mainNavigation {float: right; width: 300px; text-align: left; clear: right; }
.toggleMenu .menuTitle {font-size: 16px;}
#nav > li > a:before{display: none;}

#nav {display:none;position:absolute;left:0;right:0;background:#073e74;}
#nav ul{background:#305d93;}
.toggleMenu, #nav .menuIcon { display: inline-block; width: 120px; float: right; padding: 53px 0;}
#nav .menuIcon{padding: 0}
#nav li {float:none;display:block;border:none;}
#nav li a{border-top:1px solid #002d63}
#nav li.parent {position:relative;}
#nav li .menuIcon, #nav li li .menuIcon {width:46px; height:auto; background-color:#002d63; background-color: rgba(0, 45, 99, 0.5); background-position:center 20px; 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:#002d63;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:10px 20px;display:block;line-height:30px;font-size:14px; color: #fff;}
#nav li ul li a {padding:7px 55px 7px 25px; display:block;line-height:21px; 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:#305d93;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:#305d93;color: #fff;}


.topStrip ul.rightLinks li { display: none; }
.topStrip ul.rightLinks li.loginButton, .topStrip ul.rightLinks li.language, .topStrip ul.rightLinks li.search { display: block; }

}

@media only screen and (max-width: 1023px) {
.indexBanner .bannerCaption {text-align: center;}

.organisation-chart-dgaqa, .interactions-chart-dgaqa, .values-stores {margin-bottom: 20px;}

.feedbackForm{margin-bottom: 20px;}
}

@media only screen and (max-width: 959px) {
#nav li a {padding: 10px 8px;}
.rightLinks li { display: none; }
.rightLinks li.loginButton, .rightLinks li.language, .rightLinks li.search { display: block; }
.indexBanner .bannerCaption .bannerInCont{max-width: inherit; width: auto;}
.contactUsMain ul li {width: 100%; margin-right: 0; min-height: auto;}
.contactUsMain ul li:nth-child(even) {margin-right: 0;}
.contactUsMain ul li:nth-child(3n+3) {margin-right: 0;}
.accordion .accTrigger{height: auto;}
.innerBanner .bannerCaption {position: inherit; color: #25498e; }
.indexBanner .bannerCaption .bannerInCont { font-size: 14px; }

.sitemap .sitemapDiv {width: 48%;}

}
@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) {
#logo {float: left; text-align: left;}


/*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;}
.mainNavigation:before { top: 18px; right: 10px; display: none;}
.toggleMenu { width:  80px; padding: 0; margin-top: 53px;}
.innerBanner .bannerCaption h2 { font-size: 24px; }
.innerContent {	padding: 10px 0 20px 0; }
.leftContent h3 { font-size: 16px; padding-right: 25%; }
}
@media only screen and (max-width: 768px) {
.r-tabs .r-tabs-nav {display: none;}
.r-tabs .r-tabs-accordion-title {display: block;}
.informationBlockTab ul.activityTicker li {min-height: 90px;}
.latestNewsTabMain {position: relative;}
.informationBlockTab .playPause, .informationBlockTab .viewAll {bottom: 20px;}
.informationBlockTab {min-height: auto;}
#newsTikker0 { height: 180px !important; margin-bottom: 30px; }
.informationBlockTab .playPause { position: inherit; margin-bottom: 20px; display: inline-block; }
.informationBlockTab .viewAll { position: inherit; float: right; }
.activitiesTitle { font-size: 15px; }
.informationBlockTab, .honourBoard { padding:  20px; }
.honourBoard li { width: 100%; margin:  0 0 20px; }
.gallery li { width: 50%; max-height: 200px; }
}
/* ************* Mobiles Media Queries ****************** */
@media only screen and (max-width: 767px) {
.formList .boxs > li, .formList .boxs > div {float:none; width:100%;}
.width50p {width:100%;}
.getMobileApp {display: none;}
.retiredPersonsMain ul li {width: 48%;}
.retiredPersonsMain ul li:nth-child(2n) {margin-right: 0;}
.retiredPersonsMain ul li:nth-child(3n) {margin-right: 20px;}
.resTab .tabContent p:last-child { margin-bottom: 20px; }
.resTab .r-tabs-accordion-title .r-tabs-anchor { border-bottom: 1px solid #eee; }
.otherLinks ul li a { font-size: 15px; }
.moduleSearch { padding:  20px; }
.moduleSearch li { width: 100%; padding-right: 0; padding-bottom: 15px }
.moduleSearch li:first-child .inputCol, .moduleSearch li .inputCol { width:  100%; }
.moduleSearch li:last-child { margin-bottom: 0; padding-bottom: 0;}
.moduleSearch li .btnSearchReset{ margin-top: 0; }
.litebox-overlay .litebox-text { line-height: 30px; }

/* 19-12-2018 New CSS */
.mainNavigation::before {right: 140px;}
}


@media only screen and (max-width: 639px) {
.formList .boxs {margin-left:0;}
.formList .box {float:none; width:auto; margin-left:0;}
#logo {float: none; text-align: center;}
.mainNavigation {float: none; width: auto; margin: 0;}
.toggleMenu, #nav .menuIcon { display: inline-block; width: 100%; float: none; padding: 15px 20px; background-color: #f2f2f2; }
.toggleMenu {margin: 15px 0;}
.usefulInfor {width: 100%; float: none; margin-bottom: 20px; margin-right: 0;}
.trainingCourseBlock2 {float: none; width: 100%;}
.indexBanner .bannerCaption {position: inherit; top: inherit;}
.indexBanner .bannerCaption .container {max-width: 100% !important; padding: 0 !important;}
.indexBanner .bannerCaption .bannerInCont {max-width: 100%; width: 100%; background-color:#111; font-size: 13px;}
.indexBanner .sliderBanner .bannerCaption .bannerInCont .leftAnimate {transform: inherit;}
.indexBanner .sliderBanner .bannerCaption .bannerInCont .rightAnimate {transform: inherit;}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {height: 30px; width: 30px;}
.indexBanner .owl-theme .owl-controls {top: 40%;}
.indexBanner .owl-theme .owl-controls .owl-nav .owl-next::after { height: 30px; top: 0; width: 30px; }
.indexBanner .owl-theme .owl-controls .owl-nav .owl-prev::after { height: 30px; top: 0; width: 30px; }
.retiredPersonsMain ul li {width: 100%; margin-right: 0;}
.retiredPersonsMain ul li:nth-child(2n) {margin-right: 0;}
.retiredPersonsMain ul li:nth-child(3n) {margin-right: 0;}
.col50 li, .otherLinksInner ul li, .feedbackForm .fieldCol {width: 100%;}
.selectZone {float: none; margin: 0 0 15px; width: 100%; text-align: center;}
.zonetitle {float: none; width: 100%; text-align: center;}
.selectZone .customSelect {width: 230px; text-align: left;}
.missionVisionMainBlock .valuesBlock li {float: none; width: 100%;}
.dirGeneral { width: 100%; margin: 0; }
.informationBlockTab .newsDate {width: 100%;text-align: left;}
.latestNewsTicker .newsDescription {width: 100%;padding-left: 0;font-size: 1em;	padding-top: 5px;}
.informationBlockTab .newsDate span { display: inline-block; }
.innerBanner .bannerCaption h2 {font-size: 20px;}
.gallery li { width: 100%; max-height: inherit; }
.records { width: 100%; text-align: center; float: none; margin: 0 0 10px 0; }
.pagingbar .txt { float: none; }
.paging { padding:  0; }
#logo { width: auto; margin:  0 auto; display: inline-block;}
.logoText h3 { width:  205px; font-size: 12px; }
.logoText { padding-left: 7px; }
.logoText h2 { font-size: 30px; line-height: 30px; }
#logo img { width: 100px; }
.photoGallery .backBtn, .videoGallery .backBtn { position:  static; margin-bottom: 10px; }
.leftContent h3 { width: 100%; padding-right: 0; }

.mainNavigation::before {right: 0; top: auto; bottom: 80px;}

.topStrip ul { text-align: center; width: 100%; display: block; }
.topStrip li { float: none; padding: 0 7px 0 8px; position: relative; display: inline-block; }
.topStrip ul.rightLinks li.loginButton, .topStrip ul.rightLinks li.language { display: inline-block; }
ul.rightLinks { position: relative; }
.topStrip ul.rightLinks li.search { left: auto; right: 10px; bottom: 0; position: absolute; top: auto; }
.language .customSelect {width: 95px;}

.aboutInfoContent {width: 100%;}
.director-general-aqa {float: none; width: auto; margin: 0 auto 20px; clear: both; padding: 0 20px;}

.sitemap .sitemapDiv {width: 100%;}

.feedbackForm.loginformCenter{width: 100%;}
}

@media only screen and (max-width: 480px) {
.rightLinks li.loginButton, .rightLinks li.language { display: none; }
.director-general-aqa {width: 100%; float: left;}
.director-general-aqa img {width: 100%;}
.trainingCourses { width: 100%; float: none; }
.usefulLinks { width: 100%; float: none; }
.indexBanner .bannerCaption .bannerInCont {font-size: 12px;}
.informationBlockTab .newsDate {width: auto; margin-right: 0; margin-bottom: 0;}
.latestNewsTicker .newsDescription {width: 100%;}
.innerBanner img {display: none;}
h2 {font-size: 1.308em;}
.usefulInfor h3, h4 {font-size: 1.154em;}
.leftContent h3 {font-size: 1.231em;}
.informationBlockTab { margin-top: 20px; }
/*.usefulLinksImage, .trainingCoursesImage { max-height: auto; }*/
.toggleMenu { padding:  10px 15px; }
.container { padding:  0 15px; }
.informationBlock {	padding-top: 10px; }
.aboutInfoContent { padding:  15px; }


#logo { width: 320px; display: block;}
#logo img { width: 80px; }
.logoText .text2 {font-size: 12px;}
.mainNavigation::before {display: none;}



.topStrip ul.rightLinks li.search {background-color: transparent;}
.topStrip ul.rightLinks li.search a{display: none;}
.search .form-wrapper { background-color: #25498e; display: none; padding: 5px 0; position: inherit; right: inherit; top: inherit; width: 100%; z-index: 2; margin: 0 auto; left: inherit; display: inline-block !important; height: auto !important; padding-top: 0; }
.topStrip ul.rightLinks li.search { left: auto; right: auto; bottom: auto; position: inherit; top: auto; display: inline-block; width: 100%; margin: 5px 0 5px 0; }
.search .form-wrapper .form-item { float: none; width: 100%; }
.search .goBtn { position: absolute; top: 0; right: 0; }

.captchBox .formControl, .captchBox .errorInbox {float: left; width: 100%; margin-bottom: 10px;}
.captchImg {margin-left: 0;}
.captchImg .refreshIcon {margin-left: 15px;}

}

@media only screen and (max-width: 359px) {
.indexBanner .bannerCaption {display: none;}

}
/*
     FILE ARCHIVED ON 08:56:53 Jun 15, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:16:20 Jun 18, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.508
  exclusion.robots: 0.027
  exclusion.robots.policy: 0.015
  esindex: 0.011
  cdx.remote: 8.262
  LoadShardBlock: 120.553 (3)
  PetaboxLoader3.datanode: 114.43 (4)
  PetaboxLoader3.resolve: 137.134 (2)
  load_resource: 159.638
*/