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

@media only screen and ( max-width: 1300px ) 
{.container {padding-left: 20px;padding-right: 20px;}

}


@media only screen and ( max-width: 1200px ){
.container {padding-left: 15px;padding-right: 15px;}
.headerBox{position:relative; padding-bottom:19px;}
.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;}
}
@media only screen and (max-width: 1169px) {
	.headerPart{flex: 0 0 70%; max-width: 70%;}
	#logo h3{font-size: 20px;}
	.footerLeft li{padding: 6px 13px;}
	#nav li a{padding: 5px 14px;font-size: 15px;}
	.latestReportsSection h2{font-size: 22px;}
	.latestNewsAbout h2{font-size: 22px;}
	.rightReportContent{width: 75%;}
	.latestNews h2{font-size: 22px;}
	.footerLeft a{font-size: 14px;}
	.mediaBoxs h2{font-size: 18px;}
	.latestReportsSection .searchReort input{font-size: 18px;}
	.latestNews .tickerDivBlock{height: 216px !important;}
	.holderIndiaImg img{width: 180px;}
	.rightFunctionality{width: 28%;}
	.entryContent{padding: 30px 0;}

}
@media only screen and (max-width: 1023px) {
.latestReportBox{top:0;}
#nav li a{padding: 5px 15px;font-size: 14px;}
}
@media only screen and (max-width: 991px) {
.container {max-width: 991px;}
.latestNews .tickerDivBlock {height: auto !important;}
.toggleMenu .iconBar{}
.topStrip a{font-size:11px;}
.headNo a, .headTeldir a{font-size:14px;}
/*Navigation*/
#nav {display:none;position:absolute;left:0;right:0;background:#49cbdf;}
#nav ul{background:#27b1c6;}
.toggleMenu, #nav .menuIcon {display:block;}
#nav li {float:none;display:block;border:none;}
#nav li a{border-top:1px solid #aeaeae;}
#nav li.parent {position:relative;}
#nav li .menuIcon, #nav li li .menuIcon {width:46px; height:auto; background-color:#002d63; background-color: rgb(255 255 255); 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: rgb(46 49 61);}
#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:#484f66;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;background: #313850;color: #fff;}
#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-color: #6a6a6a;}
#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:#f73;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;}
.footerRight{width:100%; margin:0 auto; float:none; text-align: center; display: block;clear: left;}
.footerLeft li{display: inline-block; float:none;}
.socialmediaSharing .socialIcons{float:none;}
.socialmediaSharing .socialIcons li{float:none; display:inline-block;}
.footerSlider .owl-theme .owl-controls{display:none;}
.CopyrightText{width: 100%;}


.latestReportsLeft{width: 100%;}
.introrowBox .latestNewsTop{width: 100%;}

.rightFunctionality {width: 100%;margin-bottom: 20px;}
.leftContentFunctionality{width: 100%;}
.bannerCaption{width: 500px;}

}

@media only screen and (max-width: 768px) {
	.breadcrumb{display: none;}
.r-tabs .r-tabs-nav {display: none;}
.r-tabs .r-tabs-accordion-title {display: block;}
.latestNews .tickerDivBlock { height: auto !important;}
.mediaBoxs h2 { font-size: 22px; font-weight: 700;}
.footerLeft li{margin-bottom: 0;}
.footerLeft{margin-bottom: 0;}
.indexBanner .owl-prev{width: 48px;width: 48px;background-size: 13px !important;}
.indexBanner .owl-next{width: 48px;width: 48px;background-size: 13px !important;}
.sliderBanner .item{min-height: 250px;}
.indexBanner .sliderBanner.owl-theme .owl-controls{transform: translateY(-30px);}
.entryTitle{font-size: 20px;}
.rightFunctionality h2{font-size: 18px;}
.innerContent{min-height: auto;}

}
/* ************* Mobiles Media Queries ****************** */

@media only screen and (max-width: 767px) {
	.toggleMenu{padding: 10px 15px;}
#logo h3 { font-size: 16px; line-height: 22px; }
.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%;}
.rightReportContent{width: 72%;}
.mediaBoxs{width: 100%;margin-right: 0;margin-bottom: 15px;display: inline-block;}
.mediaBoxs:nth-child(2){border: 0;}
.singleList .photoGalleryList li{width: 47%;}
.introrowBox{padding: 20px 0;}
.rightLinks li{display: none;}
.langDropDown { display: block !important; }
#logo a {font-size: 14px;}
.mediaBoxs{min-height: auto;}
.CopyrightText p{font-size: 13px;}
.footerLeft li { padding: 3px 12px; }
.latestReportsSection .tickerDivBlock { height: auto !important; }
.headerPart { flex: 0 0 63%; max-width: 63%; }
.bannerCaption { width: 440px; background-color: #ffffffbf;padding: 18px 15px 18px 60px; }
.indexBanner .owl-prev{width: 35px;height: 35px;}
.indexBanner .owl-next{width: 35px;height: 35px;}

}
@media only screen and (max-width: 639px) {
	.ecitizenMain .ecitizenDetails .navEcitizen li a{width:100%;margin: 0 0 15px 0;}
	.footerLeft li{margin-bottom:10px; padding: 0 10px;}
	.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: 10px 15px; left: 0; top: auto; width: 100%; bottom: -32px; }
	.indexBanner .owl-prev, .owl-next:hover{width: 35px;height: 35px;}
	.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;}	
	.latestNews .playPause{right:0; bottom:0;}
	.introductionSection h2{font-size:25px;}
	.fontResize{display:none;}	
	.headerBox{padding-bottom:10px; }

	.headerLeft{bottom: 5px;top: auto;}
	.headerPart { flex: 0 0 100%; max-width: 100%; }
	#logo h3{font-size: 15px;line-height: 22px;}
	#logo p{font-size: 13px;}
	.bannerCaption:before{display: none;}
	.headerRight{position: absolute;right: 0;}
	.latestReportsSection .searchReort input{width: 100%;}
	.latestReportsSection .searchReort{position: relative;right: 0;}
	.rightReportContent{width: 100%;}
	.introrowBox .latestNews{float: left;}
	.latestNews h2{margin-top: 10px;padding-left: 50px;font-size: 18px;}
	.rightReportImg{margin-bottom: 15px;}
	.introrowBox{padding: 25px 0;}
	.footerLeft li:before{top: 8px;}
	.holderIndiaImg{width: 100%;max-width: 100%;}
	.holderIndiaImg img { width: 100%;}
	.entryContent .row{margin-bottom: 0;}
	.breadcrumb{width: 100%;}
	.entryContent p{text-align: left;}
	.rightFunctionality h2{font-size: 18px;}
	.headerLeft img { width: 86px;}
	.photoGalleryList{margin: 0 0px;}
	.photoGalleryMain .photoGalleryList li{width: 100%;margin-left: 0;}
	.coreListSeletc{ width: 45%;}
	.sliderBanner .item{min-height: 218px;}
	.singleList .photoGalleryList li{width: 46%;}
	.singleList .field-content img{height: 160px;}
	.mediaBoxs ul li a{font-size: 14px;}
	.latestNewsAbout p{font-size: 14px;}
	.mediaBoxs .view-all{font-size: 14px;}
	.latestReportsSection h2 { font-size: 18px; }
}


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

.topStrip li:first-child{display:none;}
.topStrip li:before{display:none;}
.mainNavigation{border-top:1px solid #fc5349;}
.headerBox #logo{width: 68%;margin: 0 auto;}
.toggleMenu{padding:5px}
.headerPart{margin-top: 16px;}
.headerLeft img {width: 76px;}
.headerRight img {width: 90px;}
.toggleMenu .mobileMenu{font-size: 1.15em;font-weight: 600;}
.headerBox #logo{width: 100%;margin-top: -20px;}
#logo h3{font-size: 15px;line-height: 22px;}
.latestReportsSection h2{font-size: 20px;}
.latestNews h2 {font-size: 20px;}
.entryContent .row{margin-bottom: 0;}
.faq .accordion .accTrigger:after{font-size: 37px;}
.footerLeft li{padding-bottom: 10px;}
.footerLeft li{margin-bottom:10px; padding: 0 10px;padding-bottom: 10px;}
.footerLeft li:before{display: none;}
.photoGalleryMain .photoGalleryList li{width: 100%;margin-left: 0;}
.headerLeft {bottom: 5px;}
.coreListSeletc{margin-bottom: 10px;}
.singleList .photoGalleryList li{width: 100%;margin-left: 0;}
.singleList .field-content img {height: auto;}
.entryTitle{font-size: 16px;}
.rightFunctionality h2{font-size: 16px;}
.footerLeft li{margin-bottom: 0;}
.latestNews h2 { font-size: 16px; }
.latestNewsAbout h2 { font-size: 16px; }
.latestReportsSection h2 { font-size: 16px; }
.latestReportsSection .searchReort input { font-size: 14px; }
.read-more-link a{font-size: 14px;}
.mediaBoxs ul{min-height: auto;}

}
@media only screen and (max-width: 360px) {
	#logo h3{font-size: 14px;line-height: 20px;}
	.bannerCaption p{font-size: 13px;}
	.bannerCaption a { font-size: 13px; }
	#logo p {font-size: 12px;}	
	.latestReportsSection ul li a{font-size: 15px;}
	.entryContent .row{margin-bottom: 0;}
	.latestNewsAbout p { font-size: 13px; }
	.mediaBoxs ul li a { font-size: 13px; }
	.footerLeft li{padding-bottom: 0;}
    .footerLeft a { font-size: 13px; }

}