.innerContent table th{text-align:left;}

/* New Home Page Design*/
@media only screen and (max-width:1400px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image { font-size: 31px; }
	#chatbox_logo { bottom: 18% !important; }
}
@media only screen and (max-width:1350px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image { font-size: 30px; }
}
@media only screen and (max-width:1344px){ .executiveBranchList .item { width: 24%; } }
@media only screen and (max-width:1330px){ .main-header .header-right-section .header-right-main-menu .menuPart ul li a { font-size: 1.09em !important; } }
@media only screen and (max-width:1327px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
		font-size: 23px;
	}
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image { font-size: 29px; }
}
@media only screen and (max-width:1319px){
	/*.main-header .header-right-section .header-right-top-section .header-right-top-middle-image { width: 55%; }*/
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box { width: 35%; }
	/*.main-header .header-right-section .header-right-main-menu .menuPart ul li a { padding: 5px 9px !important; }*/
}
@media only screen and (max-width:1315px){ .main-header .main-logo .logo-brand span { font-size: 23px; } }
@media only screen and (max-width:1296px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image { font-size: 28px; }
}
/*@media only screen and (max-width:1296px){ .main-header .header-right-section .header-right-main-menu .menuPart ul li a { padding: 5px 8px !important; } }*/
@media only screen and (max-width:1290px){
	.main-header .header-right-section .header-right-main-menu .menuPart ul li a { padding: 5px 14px !important; }
	.marquee-ticker .marquee-heading { font-size: 15px; }
	.marquee-ticker .marquee-content .marquee-text { font-size: 15px; }
}
@media only screen and (max-width:1272px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image { font-size: 27px; }
}
/*@media only screen and (max-width:1272px){ .main-header .header-right-section .header-right-main-menu .menuPart ul li a { padding: 5px 7px !important; } }*/
@media only screen and (max-width:1267px){
	.main-header .main-logo { width: 16%; }
	.main-header .header-right-section { width: 84%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image { font-size: 29px; }
	.main-header .header-right-section .header-right-main-menu .menuPart ul li a { padding: 5px 13px !important; }
}
@media only screen and (max-width:1266px){ .main-header .main-logo .logo-brand span { font-size: 22px; } }
@media only screen and (max-width:1249px){
	.main-header .header-right-section .header-right-main-menu .menuPart ul li a { padding: 5px 12px !important; }
}
@media only screen and (max-width:1225px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image { font-size: 28px; }
	.main-header .header-right-section .header-right-main-menu .menuPart ul li a { padding: 5px 11px !important; }
	.marquee-ticker .marquee-heading { font-size: 14px; }
	.marquee-ticker .marquee-content .marquee-text { font-size: 14px; }
}
/*@media only screen and (max-width:1218px){ .main-header .main-logo .logo-brand span { font-size: 20px; } }*/
@media only screen and (max-width:1208px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image { width: 55%; }
	.main-safeguarding span { font-size: 24px; }
}
@media only screen and (max-width:1202px){
	.main-header .header-right-section .header-right-main-menu .menuPart ul li a { font-size: 1.06em !important; } 
	/*.indexBanner .sliderBanner .item { height: auto !important; }*/ /*commented by zishan on 23-07-2025*/
}
@media only screen and (max-width:1200px){ .executiveBranchList .item { width: 23.9% !important; } }
@media only screen and (max-width:1185px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
		font-size: 27px !important;
	}
	.main-header .header-right-section .header-right-main-menu .menuPart ul li a { padding: 5px 10px !important; }
}
@media only screen and (max-width:1170px){
	.executiveBranchList .item { width: 23.8% !important; }
	.main-safeguarding span { font-size: 23px; }
}
@media only screen and (max-width:1161px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image { font-size: 26px; }
	.main-header .header-right-section .header-right-main-menu .menuPart ul li a { padding: 5px 9px !important; }
}
@media only screen and (max-width:1153px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box { width: 37% !important; }
	.main-header .header-right-section .header-right-top-section .header-right-top-fonts { width: 8%; }
	.main-header .header-right-section .header-right-main-menu .menuPart ul li a { padding: 5px 10px !important; }
}
@media only screen and (max-width:1147px){
	.main-header .header-right-section .header-right-main-menu .menuPart ul li a { font-size: 1em !important; }
}
@media only screen and (max-width:1143px){
	.main-header .main-logo { width: 18%; }
	.main-header .header-right-section { width: 82%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image { width: 60%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box { width: 32%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group {
		width: 200px;
	}
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 20px;
    }
}
@media only screen and (max-width:1153px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box { width: 37% !important; }
	.main-header .header-right-section .header-right-top-section .header-right-top-fonts { width: 8%; }
	.main-header .header-right-section .header-right-main-menu .menuPart ul li a { padding: 5px 10px !important; }
	.marquee-ticker .marquee-heading { font-size: 13px; }
	.marquee-ticker .marquee-content .marquee-text { font-size: 13px; }
}
@media only screen and (max-width:1147px){
	.main-header .header-right-section .header-right-main-menu .menuPart ul li a { font-size: 1em !important; }
}
@media only screen and (max-width:1143px){
	.main-header .main-logo { width: 18%; }
	.main-header .header-right-section { width: 82%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image { width: 60%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box { width: 32%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group {
		width: 200px;
	}
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 20px;
    }
}
@media only screen and (max-width:1141px){
	.main-career-job-section .career-boxes .middle-block h2 { font-size: 23px; padding: 23px 0; }
}
@media only screen and (max-width:1140px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
		width: 55%; font-size: 26px !important;
	}
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box { width: 40%; }
	.main-career-job-section .career-boxes > div .career-link-block .career-link { font-size: 12px; padding: 10px 10px; }
	.main-career-job-section .career-boxes .middle-block h2 { font-size: 24px; }
}
@media only screen and (max-width:1130px){
	.main-safeguarding span { font-size: 22px; }
}
@media only screen and (max-width:1125px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
		font-size: 25px !important;
	}
}
@media only screen and (max-width:1121px){
	.main-header .main-logo .logo-brand span { font-size: 19px; }
	.main-header .header-right-section .header-right-main-menu .menuPart ul li a { font-size: 0.95em !important; }
}
@media only screen and (max-width:1099px){ .executiveBranchList .item { width: 23.7% !important; } }
@media only screen and (max-width:1091px){
	.main-safeguarding span { word-spacing: 4px; }
}
@media only screen and (max-width:1087px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
		font-size: 24px !important;
	}
	.marquee-ticker .marquee-heading { padding: 10px; }
}
@media only screen and (max-width:1082px){
	.main-safeguarding span { word-spacing: 3px; }
}
@media only screen and (max-width:1076px){
	.main-header .main-logo .logo-brand span { font-size: 18px; }
	.main-header .header-right-section .header-right-main-menu .menuPart ul li a { font-size: 0.90em !important; }
	.main-links-section div.apply-online-box a::before { left: 25px; }
	.main-links-section div.email-us-box a::before { left: 40px; }
	.main-links-section div.join-as-sailor-box a::before { left: 20px; }
	.main-links-section div.join-as-officer-box a::before { left: 20px; }
	.main-links-section div.join-as-officer-box a::after { right: 20px; }
	.main-links-section div.contact-us-box a::before { left: 32px; }
	.main-career-job-section .career-boxes .middle-block h2 { font-size: 21px; }
}
@media only screen and (max-width:1073px){
	.main-safeguarding span { font-size: 21px; }
}
@media only screen and (max-width:1050px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
		width: 55%; font-size: 24px !important;
	}
}
@media only screen and (max-width:1047px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
		font-size: 23px !important;
	}
}
@media only screen and (max-width:1037px){
	.executiveBranchList .item { width: 23.6% !important; }
	.main-safeguarding span { font-size: 20px; }
}
@media only screen and (max-width:1031px){ .main-header .header-right-section .header-right-main-menu .menuPart ul li a { font-size: 0.85em !important; } }
@media only screen and (max-width:1024px){
	.main-header .main-logo .logo-brand span { font-size: 17px; }
	.main-links-section div.apply-online-box a::before { left: 20px; }
	.main-links-section div.apply-online-box a::after { right: 20px; }
	.main-links-section div.email-us-box a::before { left: 35px; }
	.main-links-section div.join-as-sailor-box a::before { left: 15px; }
	.main-links-section div.join-as-sailor-box a::after { right: 15px; }
	.main-links-section div.join-as-officer-box a::before { left: 15px; }
	.main-links-section div.join-as-officer-box a::after { right: 15px; }
	.main-links-section div.contact-us-box a::before { left: 25px; }
}
@media only screen and (max-width:1014px){
	#chatbox_logo { bottom: 21% !important; }
	.marquee-ticker .marquee-heading { padding: 10px 5px; }
}

@media only screen and (max-width:1008px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
		font-size: 22px !important;
	}
}
@media only screen and (max-width:1006px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
		width: 50%; font-size: 20px !important;
	}
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box { width: 40% !important; }
	.main-header .header-right-section .header-right-top-section .header-right-top-fonts { width: 10%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group { width: 215px; }
}
@media only screen and (max-width:996px){
	.main-safeguarding span { letter-spacing: 1px; }
}
@media only screen and (max-width:992px){
	.new-menu #nav li.register-menu { margin: 0 5px 0 0 !important; }
	.main-header .main-logo { width: 20%; }
	.main-header .main-logo .logo-brand { padding-top: 15px; }
	.main-header .main-logo .logo-brand span { font-size: 22px; }
	.main-header .header-right-section { width: 80%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image { width: 55%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box { width: 35%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group { width: 175px; }
	.main-header .header-right-section .header-right-main-menu .new-menu .toggleMenu { text-align: right; padding: 25px 20px; }
	.main-header .header-right-section .header-right-main-menu .new-menu .toggleMenu .mobileMenu { margin-right: 10px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 18px;
    }
}
@media only screen and (max-width:981px){ .executiveBranchList .item { width: 23.5% !important; } }
@media only screen and (max-width:978px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group {
		width: 180px;
	}
	.main-quick-links .quick-links-label span { font-size: 22px; }
	.main-links-section div a { font-size: 16px; }
	.main-career-job-section .career-boxes .middle-block h2 { bottom: 12%; }
	.main-quick-links .quick-links ul li a { font-size: 13px; }
	.main-quick-links .quick-links ul li a img { width: 40%; }
	
	#chatbox_logo { bottom: 18% !important; }
}
@media only screen and (max-width:957px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
		font-size: 19px !important;
	}
}
@media only screen and (max-width:938px){
	.main-career-job-section .career-boxes .middle-block h2 { font-size: 18px; padding: 20px 0px; }
	#chatbox_logo { bottom: 21% !important; }
}
@media only screen and (max-width:926px){
	.main-safeguarding { padding: 12px 20px; }
}
@media only screen and (max-width:924px){
	.main-header .main-logo { width: 18%; }
	.main-header .main-logo .logo-brand span { font-size: 19px; }
	.main-header .header-right-section { width: 82%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
		width: 50%; font-size: 18px !important;
	}
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box { width: 40%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group { width: 180px; }
}
@media only screen and (max-width:916px){
	.main-safeguarding { padding: 12px 12px; }
}
@media only screen and (max-width:900px){
	.main-safeguarding span { word-spacing: 2px; }
}
@media only screen and (max-width:897px){
	.main-header .main-logo .logo-brand span { font-size: 18px; }
	.main-quick-links .quick-links-label span { font-size: 20px; }
	.main-links-section div a { font-size: 14px; padding: 25px 16px 25px 23px; }
	
	#chatbox_logo { bottom: 14% !important; }
}
@media only screen and (max-width:891px){
	.main-safeguarding span { font-size: 19px; }
}
@media only screen and (max-width:888px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
		font-size: 17px !important;
	}
}
@media only screen and (max-width:887px){
	.executiveBranchList .item { width: 32% !important; }
	.executiveBranchList .item:nth-child(3n) { margin-right: 0 !important; }
	.executiveBranchList .item:nth-child(4n) { margin-right: 17px !important; }
	.executiveBranchList .item:nth-child(3n+1) { clear: both; }
}
@media only screen and (max-width:859px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group { width: 175px; }
}
@media only screen and (max-width:857px){
	.main-header { padding: 30px; }
	.main-header .main-logo { width: 25%; padding: 0; }
	.main-header .main-logo .logo-brand span { font-size: 24px; }
	.main-header .header-right-section { width: 75%; padding: 15px 0 0 0; }
	.main-header .header-right-section .header-right-top-section { display: block; padding: 0; margin-bottom: 14px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image { float: right; width: 100%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box {
		float: left; padding-top: 12px; width: 75% !important;
	}
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group { width: 230px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-fonts { float: left; width: 15%; padding-top: 20px; }
	/*.main-header .header-right-section .header-right-main-menu { position: absolute; right: 0%; top: 0; width: 50%; padding: 15px 20px; }*/
	.main-header .header-right-section .header-right-main-menu { position: absolute; right: 0%; top: 17px; width: 50%; padding: 15px 20px; }
	.main-header .header-right-section .header-right-main-menu .new-menu .toggleMenu { padding: 0;}
	.main-links-section div a:before, .main-links-section div a:after { display: none; }
	.main-links-section div a { font-size: 16px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 22px;
    }
}
@media only screen and (max-width:852px){
	.main-safeguarding span { font-size: 18px; }
}
@media only screen and (max-width:839px){
	#chatbox_logo { bottom: 14% !important; }
}
@media only screen and (max-width:822px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
		font-size: 18px !important;
	}
	.main-career-job-section .career-boxes .middle-block h2 { bottom: 0%; }
	.main-career-job-section .career-boxes .middle-block h2::after { display: none; }
	#chatbox_logo { bottom: 16% !important; }
}
@media only screen and (max-width:814px){
	.main-safeguarding span { font-size: 17px; word-spacing: 3px; }
}
@media only screen and (max-width:784px){
	.main-safeguarding span { font-size: 16px; }
}
@media only screen and (max-width:768px){
	.marquee-ticker .marquee-heading { padding: 10px 15px; }
}
@media only screen and (max-width:765px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
		font-size: 19px !important;
	}
	.executiveBranchList { padding-right: 0; }
	.executiveBranchList .item { width: 31% !important; }
}
@media only screen and (max-width:757px){
	.main-header .main-logo { width: 30%; }
	.main-header .header-right-section { width: 70%; }
	.main-header .main-logo .logo-brand { padding-top: 23px; }
	/*.main-header .main-logo .logo-brand span { font-size: 18px; }*/
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
		font-size: 20px !important;
	}
	.main-career-job-section .career-boxes .middle-block .job-icon { display: none; }
	.main-career-job-section .career-boxes > div .career-link-block { width: 75%; }
	.main-career-job-section .career-boxes > div .career-link-block .career-link h3 a { font-size: 15px; }
	.main-career-job-section .career-boxes .middle-block h2::after { display: none; }
}
@media only screen and (max-width:745px){
	.main-safeguarding span { font-size: 15px; }
}
@media only screen and (max-width:728px){
	.main-header .main-logo .logo-brand span { font-size: 22px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
		font-size: 21px !important;
	}
	.main-career-job-section .career-boxes .middle-block h2 { font-size: 16px; }
	.main-quick-links .quick-links-label { width: 25%; }
	.main-quick-links .quick-links { padding: 0; width: 75%; }
	.main-quick-links .quick-links ul { padding: 0; display: block; }
	.main-quick-links .quick-links ul li { float: left; margin: 7px 0px; }
	.main-quick-links .quick-links ul li a img { width: 25%; }
	#chatbox_logo { bottom: 16% !important; }
}
@media only screen and (max-width:707px){
	.main-safeguarding { padding: 12px 25px; }
	.main-safeguarding span { font-size: 25px; word-spacing: 4px; letter-spacing: 2px; }
}
@media only screen and (max-width:699px){
	.main-header .main-logo .logo-brand { padding-top: 28px; }
	/*.main-header .main-logo .logo-brand span { font-size: 21px; }*/
	.main-career-job-section .career-boxes > div { width: 25%; }
	.main-career-job-section .career-boxes .middle-block { display: none; }
	.main-career-job-section .career-boxes > div .career-link-block { width: 75%; }
	.main-career-job-section .career-boxes > div .career-link-block .career-link { font-size: 12px; }
	.main-career-job-section .career-boxes > div .career-link-block .career-link h3 a { font-size: 17px; }
}
@media only screen and (max-width:690px){
	.main-safeguarding span { font-size: 24px; }
}
@media only screen and (max-width:670px){
	/*.main-header .main-logo .logo-brand span { font-size: 20px; }*/
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box { width: 81% !important; }
	.main-header .header-right-section .header-right-top-section .header-right-top-fonts { width: 19%; }
	.main-safeguarding span { font-size: 23px; word-spacing: 5px; }
	#chatbox_logo { bottom: 16% !important; }
}
/*@media only screen and (max-width:640px){
	.main-header .main-logo .logo-brand span { font-size: 19px; }
}*/
@media only screen and (max-width:653px){
	.main-safeguarding span { font-size: 22px; }
}
@media only screen and (max-width:653px){
	.main-safeguarding span { font-size: 21px; }
}
@media only screen and (max-width:628px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box { width: 80% !important; }
	.main-header .header-right-section .header-right-top-section .header-right-top-fonts { width: 20% !important; }
}
@media only screen and (max-width:615px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group {
        width: 200px;
    }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 20px;
    }
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
        font-size: 20px !important;
    }
}
@media only screen and (max-width:612px){
	/*.main-header .main-logo .logo-brand span { font-size: 18px; }*/
	.main-career-job-section .career-boxes > div .career-link-block .career-link { padding: 10px 0px; }
	.main-career-job-section .career-boxes > div .career-link-block .career-link h3 a { font-size: 15px; }
	.main-safeguarding span { font-size: 20px; }
}
@media only screen and (max-width:592px){
	.main-header { padding: 20px; }
	.main-safeguarding { padding: 12px 12px; }
}
@media only screen and (max-width:575px){
	.main-header .header-right-section .header-right-main-menu { width: 60%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group { width: 205px; }
}
@media only screen and (max-width:572px){
	.main-header .main-logo { width: 33%; }
	.main-header .header-right-section { width: 67%; }
	.main-header .main-logo .logo-brand { padding-top: 20px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
        font-size: 19px !important;
    }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group {
        width: 190px;
    }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 19px;
    }
}
@media only screen and (max-width:568px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
        font-size: 18px !important;
    }
	.main-safeguarding span { word-spacing: 4px; }
}
@media only screen and (max-width:558px){
	.main-header { padding: 20px; }
	.main-header .main-logo { width: 30%; padding: 0; }
	.main-header .main-logo img { width: 60%; }
	.main-header .main-logo .logo-brand { padding-top: 18px; }
	.main-header .main-logo .logo-brand span { font-size: 20px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image { padding-top: 15px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box { padding-top: 18px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group { width: 180px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-fonts { padding-top: 26px; }
	.main-career-job-section .career-boxes { display: inline-block; }
	.main-career-job-section .career-boxes > div { float: left; width: 50%; }
	.main-career-job-section .career-boxes > div .career-link-block .career-link h3 a { font-size: 20px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 18px;
    }
	.main-safeguarding span { word-spacing: 3px; }
	#chatbox_logo { bottom: 16% !important; }
}
@media only screen and (max-width:551px){
	.main-safeguarding span { word-spacing: 2px; }
}
@media only screen and (max-width:548px){
	.main-header .main-logo .logo-brand span { font-size: 18px; }
	.header-right-top-search-box { padding-top: 13px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-fonts { padding-top: 25px; }
}
@media only screen and (max-width:547px){
	.executiveBranchList .item { width: 30% !important; }
	.main-safeguarding span { font-size: 19px; }
}
@media only screen and (max-width:541px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
        font-size: 17px !important;
    }
}
@media only screen and (max-width:524px){
	.main-safeguarding span { font-size: 18px; }
}
@media only screen and (max-width:523px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box { padding-top: 12px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group { width: 170px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-fonts { padding-top: 21px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 17px;
    }
}
@media only screen and (max-width:515px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
        font-size: 16px !important;
    }
}
@media only screen and (max-width:505px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box {
        width: 78% !important;
    }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group {
        width: 160px;
    }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 16px;
    }
	.main-safeguarding { padding: 12px 50px; }
	.main-safeguarding span { font-size: 20px; }
	#chatbox_logo { bottom: 19% !important; }
}
@media only screen and (max-width:498px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box {
        width: 85% !important;
    }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group {
        width: 150px;
    }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 15px;
    }
	.main-header .header-right-section .header-right-top-section .header-right-top-fonts {
        width: 15% !important;
        padding-left: 0;
        padding-right: 0;
    }
}
@media only screen and (max-width:497px){
	/*.main-header .main-logo .logo-brand span { font-size: 17px; }*/
	.main-header .header-right-section .header-right-main-menu { width: 70%; }
}
@media only screen and (max-width:489px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
        font-size: 15px !important;
    }
}
@media only screen and (max-width:487px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box { width: 75%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group { width: 140px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-fonts { width: 25%; }
	.main-quick-links .quick-links ul li a { font-size: 11px; }
}
@media only screen and (max-width:481px){
	.executiveBranchList .item { width: 46% !important; }
	.executiveBranchList .item:nth-child(2n) { margin-right: 0 !important; }
	.executiveBranchList .item:nth-child(3n) { margin-right: 17px !important; }
	.executiveBranchList .item:nth-child(3n+1) { clear: none; }
	.executiveBranchList .item:nth-child(2n+1) { clear: both; }
}
@media only screen and (max-width:480px){
	.marquee-ticker .marquee-heading { font-size: 16px; }
	.marquee-ticker .marquee-content .marquee-text { font-size: 16px; }
}
@media only screen and (max-width:475px){
	.main-header .main-logo { width: 32%; }
	.main-header .header-right-section { width: 68%; }
	    .main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
        font-size: 14px !important;
    }
}
@media only screen and (max-width:472px){
	.main-header { display: inline-block; }
	.main-header .main-logo { float: left; width: 100%; }
	.main-header .main-logo img { float: left; width: 25%; }
	.main-header .main-logo .logo-brand { width: 70%; float: left; margin: 35px auto; padding: 0; }
	.main-header .main-logo .logo-brand span { font-size: 30px; }
	.main-header .header-right-section { display: inline-block; width: 100%; padding: 0; }
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image { padding: 0; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box { margin: 15px 0px; width: 85%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box form { float: left; width: 100%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group { width: 77%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-fonts { margin: 15px 0px; width: 15%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
        font-size: 22px !important; margin: 20px 0 0 0;
    }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 24px; text-align: left;
    }
}
@media only screen and (max-width:466px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box { width: 85%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-fonts { width: auto; padding: 21px 0; }
	.main-links-section div a { font-size: 14px; padding: 25px 16px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 23px;
    }
	.main-safeguarding { padding: 12px 12px; }
	.main-safeguarding span { font-size: 20px; }
}
@media only screen and (max-width:447px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 22px;
    }
}
@media only screen and (max-width:436px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 21px;
    }
}
@media only screen and (max-width:426px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
        font-size: 21px !important;
    }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 20px;
    }
}
@media only screen and (max-width:415px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 19px;
    }
}
@media only screen and (max-width:408px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
        font-size: 20px !important; margin: 10px 0 0 0;
    }
}
@media only screen and (max-width:400px){
	.main-header .main-logo .logo-brand { margin: 28px auto; }
	.main-header .main-logo .logo-brand span { font-size: 28px; }
	.main-header .header-right-section .header-right-main-menu { width: 75%; }
	.main-quick-links .quick-links-label { display: none; }
	.main-quick-links .quick-links { width: 100%; }
	.main-quick-links .quick-links ul { padding: 0; }
	#chatbox_logo { bottom: 21% !important; }
}
@media only screen and (max-width:395px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 18px; text-align: center;
    }
}
@media only screen and (max-width:391px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
        font-size: 19px !important;
    }
}
@media only screen and (max-width:387px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group { width: 70%; }
	.main-links-section { display: block; }
	.main-links-section div { width: auto; margin: 10px; }
	.main-links-section div a { padding: 5px 16px; font-size: 15px; }
	.main-career-job-section .career-boxes > div .career-link-block .career-link h3 a { font-size: 17px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        text-align: left;
    }
	.main-safeguarding span { font-size: 19px; }
	#chatbox_logo { bottom: 34% !important; }
	#chatbox_logo img { width: 25% !important; }
	
	#chatbox .wrapper { width: 350px; }
	#chatbox .wrapper .title img { width: 15%; }
	#chatbox .wrapper .title h3 { width: 85%; margin: auto 0; font-size: 15px !important; }
	#chatbox .wrapper .title h4 { width: 10%; font-size: 15px !important; }
}
@media only screen and (max-width:377px){
	.executiveBranchList { width: 100% !important; padding-right: 19px !important; }
	.executiveBranchList .item { width: 100% !important; margin-right: 0 !important; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 19px;
    }
}
@media only screen and (max-width:373px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
        font-size: 18px !important;
    }
	.main-safeguarding span { font-size: 18px; }
}
@media only screen and (max-width:359px){
	.main-header .main-logo .logo-brand { margin: 25px auto; }
	.main-header .main-logo .logo-brand span { font-size: 26px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 19px;
    }
	.main-safeguarding span { font-size: 17px; }
}
@media only screen and (max-width:356px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
        font-size: 17px !important;
    }
}
@media only screen and (max-width:350px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 19px;
    }
}
@media only screen and (max-width:343px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 18px;
    }
	.main-safeguarding span { font-size: 16px; }
}
@media only screen and (max-width:338px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
        font-size: 16px !important;
    }
}
@media only screen and (max-width:336px){
	.main-header-top { text-align: center; }
	.main-header-top p { margin: 0; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 15px;
    }
}
@media only screen and (max-width:333px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box { width: 100% !important; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group { width: 75%; }
	.main-header .header-right-section .header-right-top-section .header-right-top-fonts { display: none; }
	.main-career-job-section .career-boxes > div .career-link-block .career-link { padding: 5px 0px; }
	.main-career-job-section .career-boxes > div .career-link-block .career-link h3 a { font-size: 15px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount {
        font-size: 20px;
        text-align: center;
    }
	#chatbox_logo { bottom: 16% !important; }
}
@media only screen and (max-width:329px){
	.main-header-top p a { font-size: 13px; }
	.main-header .main-logo .logo-brand span { font-size: 22px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .searchFormBlock .form-group { width: 75%; }
	.main-safeguarding span { font-size: 15px; }
}
@media only screen and (max-width:321px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
        font-size: 15px !important;
    }
}
@media only screen and (max-width:318px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount{
        font-size: 19px;
    }
}
@media only screen and (max-width:306px){
	.main-header .header-right-section .header-right-top-section .header-right-top-search-box .totalvisitorcount{
        font-size: 18px;
    }
}
@media only screen and (max-width:303px){
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
        font-size: 14px !important;
    }
}
@media only screen and (max-width:300px){
	.main-header .main-logo { padding: 15px 0; }
	.main-header .main-logo img { width: 30%; }
	.main-header .main-logo .logo-brand { width: auto; padding: 0 10px; }
	.main-header .main-logo .logo-brand span { font-size: 22px; }
	.main-header .header-right-section .header-right-top-section .header-right-top-middle-image {
        margin: 0;
    }
}
/* New Home Page Design*/

@media only screen and (max-width:1200px){.row, #wrapper{max-width:970px;}
#nav{margin-right:0;}
#nav li a{margin:0 16px;padding:10px 15px;}
#logo{width:31%;}
.titlebar{min-width:inherit; max-width: 33%; }
.titlebar h1, .titlebar .mainTitle{font-size:1.500em;}
.subTitle{font-size:0.749em;text-shadow:0 0 0 #fff;}
.joinIndianNavy{height:65px;margin-top:15px;}
.viewMore{top:28px;float:left;}
.rightlogo img{margin-top:15px;}
/*.indexBanner .sliderBanner .item{height:auto;}*/ /*commented by zishan on 23-07-2025*/
.tabber .tabNav{width:30%;}
.tabber .tabContainer{width:70%;}
.r-tabs .homeCarousel{height:213px;overflow:hidden;}
.r-tabs .owl-carousel .owl-item{width:319px!important;}
.item-info{bottom:30px;}
.r-tabs .homeCarousel .owl-controls .owl-buttons .owl-prev{margin-top:-30px;left:15px;}
.r-tabs .homeCarousel .owl-controls .owl-buttons .owl-next{margin-top:-30px;right:15px;}
.homeCarouselTabs .owl-item{display:none;}
.homeCarouselTabs .owl-controls{display:none!important;}
.backLink{position:absolute;right:0;bottom:0;}
.tickerWrap{width:100%;}
.conRecurt{width:55%;}
.applyOnline{width:22.5%;}
.conRecurt .selectfield{width:42%;}
.conRecurt .inputbtn{width:auto;float:left;}
.conRecurt .inputfield{width:34.5%;}
.imgBlockOuter{height:auto;}
.fiveBlockbtm{padding:15px;}
.fiveBlockbtmBg h3{font-size:1.214em;}
.fiveBlockbtm.nobg{bottom:20px;}
#vSlide1 .owl-controls .owl-prev{left:10px;}
#vSlide2 .owl-controls .owl-next{right:5px;}
.mainNavigation.floatMenu{width:950px;}
.megaMenuImg{width:350px;}
.sideContant{width:67%;}
.tabImages li{width:48%;margin:0 3.5% 3.5% 0;}
.tabImages li:nth-child(even){margin-right:0;}
.videoGallery li{width:30%;margin-bottom:3.3%;margin-right:3.3%;}
.pagination{margin-bottom:20px;}
.eligibleMain{padding:30px 0;}
.innerCaption{height:auto;padding:50px 20px;}
.innerBanner img{width:100%!important;height:auto!important;}
.leftImg{width:31%;}
.rightContant,.innerContent .rightContant{width:62%;}
.executiveBranchList .item{width:213px;}
.serviceTabMain .resTab .tabNav li{width:20%;min-height:78px;vertical-align:top;}
.serviceTabMain .resTab .tabNav li a{min-height:78px;padding-left:10px;padding-right:10px;font-size:19px;}
.serviceTabMain .resTab .tabContent{padding:18px 20px 0!important;}
.contactUs li a{width:90px;height:90px;}
.contactUs li h3{margin-top:37px;font-size:1.429em;}
.recruiterContactList ul li{height:auto!important;padding-bottom:18px;}
.recruiterContactList ul li a{margin:0 10px 0 0;}
.recruiterContactList ul li a:last-child{margin-right:0;}
.emailUSForm .form-group{width:47.5%;}
.footerLinks{max-width:500px;}
.applyOnline a:lang(hi){font-size:.96em;}
.bannerHolder{width:68%;}
.bannerEvents{width:32%;}
.bannerEvents .resTab .tabNav li a:hover, .bannerEvents .resTab .tabNav li a, .bannerEvents .resTab .tabNav .r-tabs-state-active a{font-size:16px;}
}
@media only screen and (max-width:1023px){
.bannerHolder,.bannerEvents{width:100%;}
.bannerEvents{width:100%;margin-top:5px;}
.bannerEvents .resTab .tabNav li a:hover, .bannerEvents .resTab .tabNav li a, .bannerEvents .resTab .tabNav .r-tabs-state-active a{font-size:20px;}
.bannerEvents .tickerWrap .viewMore {top: 20px !important;position: relative !important;}
.bannerEvents .tickerWrap .playPause{top:100%;}
.bannerEvents #step-4 .tickerWrap .playPause{top:100%;right:0;}
}
@media only screen and (min-width:993px){#nav.desktopNav{display:block!important;}
}
@media only screen and (max-width:992px){.row, #wrapper{max-width:750px;padding:0 15px;background:none;}
.topStrip .leftLinks > li:first-child{padding-left:0;}
.topStrip .rightLinks{margin-right:0;}
.rightLinks > li:first-child, .rightLinks li.screenReader, .rightLinks li.fontResize, .homeCarousel .owl-controls{display:none!important;}
.toggleMenu{display:block;}

/* commented Babula 10-07-20
.menuOverlay{position:fixed;left:0;right:0;top:0;bottom:0;z-index:998;background-color:rgba(0,0,0,0.7);}
.menuPart{width:240px;height:100%;display:none;position:fixed;overflow-y:auto;left:0;top:0;z-index:999;background-color:#111b69;}
.mobileNav{margin:43px 0 0;padding:0;}
.mobileNav li{width:100%;}
.mobileNav li a{display:block;margin:0;padding:5px 20px;color:#fff;font-size:17px;text-decoration:none;line-height:30px;position:relative;}
.mobileNav li a:after, .mobileNav li a.current:after, .mobileNav li a:focus:after{border:none;}
.megaMenuImg{display:none;}
.mobileNav > li.has-children > a:after{width:8px;height:16px;content:'';position:absolute;left:auto;right:12px;top:17px;bottom:auto;background:url(../images/right-arrow.gif) no-repeat 0 0!important}
.offMenu{width:28px;height:28px;display:block;padding:3px 8px;color:#fff;font-size:15px;font-style:normal;text-decoration:none;cursor:pointer;position:absolute;right:7px;top:7px;z-index:999;-webkit-border-radius:50%;border-radius:50%;border:1px solid #fff;}
.offMenu:hover{color:#fff;}
.backMenu{display:inline-block!important;padding-left:35px!important;text-transform:uppercase;}
.backMenu:before{width:5px;height:7px;content:'';position:absolute;left:19px;top:15px;-webkit-transform:rotate(180deg);transform:rotate(180deg);background:url(../images/right-arrow.gif) left top no-repeat;}
.mobileNav > li.parent a.backMenu:after{background:none!important;}
.megaMenuNav{width:100%;padding:0;}
.mobileNav .megaMenuNav > ul{width:100%;left:0;}
.mobileNav .megaMenuNav > ul ul{width:100%;padding-left:0;background-color:#111b69;}
.hasJS .mobileNav .megaMenuNav > ul ul{opacity:1;margin-left:0;position:absolute;left:-240px;top:40px;}
.mobileNav ul{margin:0;padding:0;border:none;}
.mobileNav .menuIcon{display:block!important;float:right}
.mobileNav .megaMenu, .mobileNav:hover .megaMenu .megaMenu, .mobileNav .hover .megaMenu .megaMenu, .mobileNav .focus .megaMenu .megaMenu, .hasJS .mobileNav .megaMenu, .hasJS .mobileNav .megaMenu{opacity:1;margin-left:0;}
.mobileNav .megaMenu ul li{width:100%;}
.mobileNav .megaMenu .megaMenu{left:0;position:relative;}
.mobileNav li ul li a, .mobileNav > li.parent ul li a.backMenu{background:none!important;}
.mobileNav li ul li a:hover, .mobileNav li ul li > a.selected, .mobileNav ul a:hover, .noJS .mobileNav ul a:focus, .mobileNav ul a.selected, .mobileNav ul > .highlight > a{background:#fff!important;}
.mobileNav li > a:hover, .mobileNav li.hover > a{padding-left:30px;}
.mobileNav ul ul li ul ul{width:100%;padding:0 10px;}
.mobileNav ul li ul{display:none;}
.mobileNav > li > .megaMenu{width:100%!important;padding:0;left:-240px;top:4px;box-shadow:none;min-height:inherit;border:none;position:absolute;}
.mobileNav li{float:none;display:block;border:none;text-align:left}
.mobileNav li .nolink{padding:3px 15px}
.mobileNav li.parent{position:static;}
.mobileNav li .menuIcon,.mobileNav li li .menuIcon{width:34px;height:41px;background-color:#0170c1;background-color:rgba(1,112,193,.85);background-image:url(../images/right-arrow.gif);background-repeat:no-repeat;background-position:center 18px;position:absolute;right:0;top:1px;bottom:0;cursor:pointer}
.mobileNav li > a:hover,.mobileNav li.hover > a,.mobileNav li ul li a:hover,.mobileNav li ul li > a.selected,.mobileNav ul a:hover,.noJS .mobileNav ul a:focus,.mobileNav ul a.selected,.mobileNav > li > a:hover,.mobileNav > li.hover > a,.mobileNav > li.focus > a{background-color:#1070c1;color:#fff}

*/

/*.mobileNav li > a:hover,.mobileNav li.hover > a,.mobileNav li.active > a,.mobileNav li ul li a:hover,.mobileNav li ul li > a.selected,.mobileNav ul a:hover,.noJS .mobileNav ul a:focus,.mobileNav ul a.selected,.mobileNav > li > a:hover,.mobileNav > li.hover > a,.mobileNav > li.focus > a{background-color:#1070c1;color:#fff}*/
/* commented babula 10-07-20
.mobileNav .megaMenu{width:100%;position:static;transition:none;-webkit-transition:none;background-color:#111b69;}
.hasJS .mobileNav .megaMenu{opacity:1}
.mobileNav li ul li,.mobileNav ul a{width:100%}
.mobileNav .megaMenu,.mobileNav:hover .megaMenu .megaMenu,.mobileNav .hover .megaMenu .megaMenu,.mobileNav .focus .megaMenu .megaMenu{margin-left:0}
.mobileNav li ul li a{padding:8px 12px 8px 36px;display:block;line-height:26px;background:url(../images/right-arrow.gif) no-repeat 20px 16px!important;color:#fff!important;border:none}
.mobileNav li ul li ul li ul li a{padding-left:45px;background-position:33px center}
.mobileNav > li > a:hover,.mobileNav > li.hover > a,.mobileNav > li.focus > a,.mobileNav > .highlight > a{background:#1070c1!important;color:#fff}
.mobileNav li ul li a:hover,.mobileNav li ul li > a.active,.mobileNav ul a:hover,.noJS .mobileNav ul a:focus,.mobileNav ul a.selected,.mobileNav ul > .highlight > a{padding-left:45px;background:#24469c url(../images/right-arrow.gif) no-repeat 29px 17px!important;color:#fff!important}
.mobileNav ul li, .mobileNav ul li ul{width:100%;max-width:100%;}
.mobileNav ul li.parent{background:none;}
.mobileNav ul li ul{border:none;background:#fff}
.mobileNav ul li ul li a{color:#fff}
.mobileNav ul li ul li a:hover{background:#1070c1 url(../images/right-arrow.gif) no-repeat 32px 15px!important;color:#fff!important}
.mobileNav ul li ul li.hover a,.mobileNav ul li ul li.focus a{color:#fff!important;background:#1070c1 url(../images/right-arrow.gif) no-repeat 32px 15px!important}
.mobileNav ul li.focus > a{background-image:none}
.mobileNav ul li{border-right:0}
.mobileNav ul li a{width:100%;}
*/
/* New Menu css added for mobile UI issue babula 10-09-20 */
/*Navigation*/
#nav {display:none;position:absolute;left:0;right:0;background:#111b69;}
#nav ul{background:#305d93;}
.toggleMenu, #nav .menuIcon {display:block;}
#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:46px; background-color:#002d63; background-color: rgba(0, 45, 99, 0.5); 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:#111b69;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:#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;}

.new-menu #nav li, .new-menu #nav li a{ display:block;}
.new-menu #nav li.parent.hover ul{ display:block; position:static; width:100%;}
.new-menu #nav li.parent.hover ul li ul{ display:none;}
.new-menu #nav li ul li.parent.hover ul{ display:block;}
.new-menu #nav li li .menuIcon{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;}
.new-menu #nav li.highlited{ float:none;}
/* end 10-09-20 */


#logo{width:50%;padding:5px 0 5px 12px; max-width: 300px;}
.titlebar {  width: 100%;  display: inline-block;  max-width: 100%;}
.logoBarRight { width:100%; padding:10px 0;}
.logoBarRight .linksList { max-width: 300px; margin:0 auto}

.titlebar h1, .titlebar .mainTitle{font-size:20px;}
.rightlogo{position:absolute;right:5px;bottom:78px;}
/*.indexBanner .sliderBanner .item{height:auto;}*/ /*commented by zishan on 23-07-2025*/
.sliderBanner.owl-theme .owl-buttons .owl-prev{left:15px;}
.sliderBanner.owl-theme .owl-buttons .owl-next{right:15px;}
.tabber .tabNav{width:100%;float:none;}
.tabber .tabNav li{width:33.33%;float:left;text-align:center;border-right:2px solid #272b52;border-bottom:none;}
.tabber .tabNav li:last-child{border-right:none;}
.tabber .tabNav li a{padding:20px 5px 15px;line-height:normal;}
.tabber .tabNav li a:before{display:none;}
#amieligible_form #btn_amieligible{height:48px!important;padding:0 20px;line-height:48px;}
.tabber .tabContainer{width:100%;padding-top:15px;}
.tabber .r-tabs-panel.r-tabs-state-active{min-height:175px;}
.r-tabs .ticker{padding:0;}
.r-tabs .homeCarousel{height:172px;overflow:inherit;position:relative;}
.r-tabs .owl-carousel .owl-item{width:226px!important;margin-right:1px;}
.item-info{font-size:18px;bottom:0;}
.backLink{position:relative;}
.r-tabs .homeCarousel.homeCarouselTabs{height:35px;}
.conRecurtBlock{padding-bottom:10px;background:none;}
.conRecurt{width:100%;margin-bottom:15px;background-color:#e7e7e7;}
.wob .conRecurt {background-color: #222222;}
.conRecurt .inputfield span.error {bottom: inherit; position: inherit;}

.conRecurt .selectfield, .conRecurt .inputfield, .conRecurt .inputbtn{width:33.33%;}
.applyOnline{width:50%;text-align:left;}
.applyOnline a{font-size:18px;}
.conRecurt + .applyOnline{border-left:none;}
.applyOnline a{padding:15px 15px 15px 56px;}
.applyOnline a:before{left:20px;}
.applyOnline a:after{right:15px;}
.applyOnline.emailUs a:before{left:20px;}

.applyOnline.joinAsSailor a:before, .applyOnline.joinAsSailor:hover a:before{left:20px;top:24%;}
.applyOnline.joinAsOfficer a:before, .applyOnline.joinAsOfficer:hover a:before{left:20px;top:24%;}
.applyOnline.contactUs a:before, .applyOnline.contactUs:hover a:before{left:20px;top:24%;}

.conRecurt .inputbtn input{width:100%;}
.homeFiveBlock{position:relative;}
.fiveBlockbtmBg{border:none;}
.fiveBlockbtm{padding:0;}
.fiveBlockbtmBg h3{font-size:18px;}
.fiveBlockbtmBg h3 a{padding:10px;}
.imgBlock:hover .fiveBlockbtm{bottom:0;margin-bottom:5%;}
.imgBlockOuter{width:50%;position:static;}
.centerImgBlock, .homeFiveBlock > h2 br{display:none;}
#vSlide2 .owl-controls{left:auto;right:0;}
#vSlide1 .owl-controls, #vSlide2 .owl-controls{margin-top:0;top:13px;}
#vSlide1 .owl-controls{top:15px;}
#vSlide1 .owl-controls .owl-prev{left:auto;right:20px;}
#vSlide2 .owl-controls .owl-next{right:-6px;}
.homeFiveBlock > h2{margin-bottom:10px;color:#fff;font:22px 'oswaldbook';text-transform:uppercase;}
.innerContent:before{bottom:-7px;}
.innerCaption{display:none;}
.innerBanner h2{padding-top:7px;font-size:32px;bottom:15px;}
.sideContant{width:61%;}
.asideBar{width:36%;}
.subMenus{padding:18px 18px 5px;}
.subMenus h3:before{width:20px;height:20px;left:auto;right:0;}
.asideOnline:before, .findRecruiter:before{width:38px;left:auto!important;right:0;}
.findRecruiter:before{width:33px;}
.asideBox h3{font-size:17px;}
.asideBox h3, .asideBox .asideBoxText{padding-left:18px;padding-right:18px;}
.asideBar .asideBox .asideBoxText a:before{left:auto;right:0;}
.videoGallery li{width:47%;margin-bottom:5%;margin-right:5%;}
.videoGallery li:nth-child(2n){margin-right:0;}
/*.leftImg{width:42%;}
.rightContant,.innerContent .rightContant{width:54%;}*/
.executiveBranchList .item{width:31%;margin:0 3.33% 3.33% 0;}
.executiveBranchList .item:last-child, .executiveBranchList .item:nth-child(4n){margin:0 3.33% 3.33% 0;}
.executiveBranchList .item:nth-child(3n){margin-right:0;}
.contactUs li{width:100%;margin:0 0 20px;}
.innerContent .conRecurt .selectfield, .innerContent .conRecurt .inputfield{width:40%;}
.innerContent .conRecurt .inputbtn{width:20%;}
.innerContent .conRecurt .inputbtn input{padding:0;}
.recruiterContactList ul li{width:100%;}
.recruiterContactList ul li:last-child{margin-bottom:0;padding-bottom:0;}
.recruiterContactList ul li:before{border-left:none;}
.recruiterContactList ul li:nth-child(2n){padding-left:0;}
.recruiterContactList ul li:nth-last-child(2), .recruiterContactList ul li:nth-child(2n+1){margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ccc;}
.emailUSForm .form-group{width:100%;margin-right:0;}
.faqTab .accordion .accTrigger{font-size:19px;line-height:28px;text-align:left;background-position:97% center;}
.faqTab .accordion .accTrigger a{padding-left:20px;}
.tableOut table, .tableOut tr, .tableOut td, .tableOut td:before{display:block;font-size:15px;border:none;}
.tableOut table, .tableOut tr .tableOut td:last-child{border-bottom:none;}
.tableOut thead, .tableOut tr th{position:absolute;top:-1000em;left:-1000em;}
.tableOut table tbody{display:block;}
.tableOut tr{border:1px solid #dedede;border-bottom:2px solid #dedede;margin:0 0 20px;}
.tableOut tr td:nth-child(1){border-left:none;}
.tableOut tr td:last-child{border-right:none;}
.tableOut tr:last-child .td, .tableOut td{border-bottom:1px solid #dedede;}
.tableOut td:before{font-family:'proxima_novasemibold';line-height:28px;color:#174471;content:""attr(data-label)"";/*text-align:center;*/}
.footerLinks{width:100%;max-width:inherit;float:left;padding:25px 20px 0;}
.footerLinks p{margin-bottom:10px;}
.slide-out-div1{width:85%;}
.applyOnline a:lang(hi){font-size:1.1em;}
.applyOnline a:lang(hi){padding:15px 20px 12px 50px;}
.applyOnline a:lang(hi):before{left:18px;}
.ticker{float:left;width:100%;position:relative;}
.viewMore{float:right;position:static;top:0;}
.backLink{bottom:10px;position:absolute;}
.playPause{top:auto;bottom:0px;right:100px;}

.ticker-wrapper .ticker {overflow-x: scroll; width: 96%;}
.ticker-wrapper.has-js {height: 88px;}
.ticker-controls {width: 100%;}
.footerLogo {margin: 0 auto;}
.pagevisitor {margin-bottom: 10px;}

.pft-video { width: 96%; }

}
@media only screen and (max-width:768px){.titlebar{padding-bottom:12px;padding-right:17px;}
.titlebar h1, .titlebar .mainTitle{font-size:19px;}
.subTitle{font-size:12px;letter-spacing:0.5px;}
.homeCarousel .owl-controls{display:block!important;}
.homeCarousel.homeCarouselTabs .owl-controls{display:none!important;}
.r-tabs .homeCarousel{height:auto;}
.r-tabs .owl-carousel .owl-item{width:16.6%!important;margin-right:2px;}
.r-tabs .homeCarousel .owl-controls .owl-buttons .owl-prev{margin-top:-35px;}
.tabber .tabNav li a{font-size:20px;}
.item-info{font-size:17px;padding-top:14px;padding-bottom:10px;}
.fiveBlockbtmBg h3{font-size:16px;}
.sideContant, .asideBar{width:100%;}
.innerBanner h2{padding:6px 15px 0;font-size:28px;line-height:40px;}
.videoGallery li{width:31.33%;margin:0 3% 3% 0;}
.videoGallery li:nth-child(2n){margin-right:3%;}
.videoGallery li:nth-child(3n){margin-right:0;}
.leftImg{width:100%;padding-bottom:25px;}
.rightContant,.innerContent .rightContant{width:100% !important;}
.applyNow a{padding:15px 0 10px;font-size:25px;line-height:normal;}
.serviceTabMain .resTab .tabNav li{width:33%;margin-bottom:-1px;}
.serviceTabMain .resTab .tabNav li:nth-child(3n){border-bottom:1px solid #ffa800;}
.executiveBranch{text-align:center;}
ul.bulletText li, .boxBulletText ul li{margin-bottom:0;text-align:left;}
.contactUs li{width:48%;}
.contactUs li:nth-child(2n){float:right;}
.contactUs li h3{margin-left:15px;}
.innerContent h2{font-size:21px;line-height:normal;}
table .accordion .accTrigger{font-size:15px;}
.slide-out-div1{width:92%;display:none;}
.mobileBoxRow .mobileText{font-size:15px;}
.mobileBoxRow .mobileText p{margin-bottom:10px;}
.iosIcon, .androidIcon, .windowsIcon{margin-right:5px;margin-bottom:5px;}
.slide-out-div{width:270px;transform:translateX(272px);display:none;}
.sidePanel1{display:none;}

.serviceTabMain .resTab .tabNav li a { font-size: 1.2em; }
.serviceTabMain .resTab .tabNav li { width: 23%; }
.rightContant {text-align: left !important;}

.pft-video { width: 45%; }

/*Zishan 23-07-2025*/
.marquee-ticker .marquee-heading { width: 20%; }
.main-banner-section { display: block; }
.main-banner-section .main-news, .main-banner-section .main-upcoming-section { width: 100%; }
.main-banner-section .main-banner { width: 100%; padding: 0; margin: 10px 0; }
/*Zishan 23-07-2025*/
}
@media only screen and (max-width:600px){.tabber .tabNav li a{font-size:19px;}
#amieligible_form #btn_amieligible{height:42px!important;padding:0 15px;font-size:16px;line-height:44px;}
.conRecurt .selectfield, .conRecurt .inputfield{width:37%;}
.conRecurt .inputbtn{width:26%;}
.imgBlock, .imgBlock img{width:100%;}
.imgBlock{height:200px;margin-bottom:4.5%;}
.imgBlockOuter{width:49%;}
#vSlide2.imgBlockOuter{float:right;}
.applyOnline a{font-size:16px;}
.innerBanner h2{font-size:1.143em;line-height:24px;}
.videoGallery li, .executiveBranchList .item{width:48.5%;}
.videoGallery li:nth-child(3n){margin-right:3%;}
.videoGallery li:nth-child(2n){margin-right:0;}
.eligBoxmain{width:100%;}
.executiveBranchList .item, .executiveBranchList .item:nth-child(3n){margin-right:3%;margin-bottom:3%;}
.executiveBranchList .item:nth-child(2n){margin-right:0;}
.breadCrumb .first-item{margin-right:25px!important;padding-right:0;}
.breadCrumb li + li:after{padding:0;}
.breadCrumb ol li{padding-right:10px;}
.breadCrumb ol li a{padding-left:0;}
.breadCrumb ol li:last-child{padding-bottom:0;padding-left:0;}
.contactUs li{width:100%;}
.contactUs li:nth-child(2n){float:left;}
.innerContent .conRecurt .selectfield, .innerContent .conRecurt .inputfield{width:38%;}
.innerContent .conRecurt .inputbtn{width:24%;}
.slide-out-div1 .popup_slide_window{overflow:hidden;overflow-Y:scroll;padding:46px 10px 20px;}
.mobileBoxRow .mobileText{padding-left:122px;margin-left:-110px;}
.popup_slide_window h2{font-size:20px;}
.mobileBoxRow .mobileImg{width:110px;padding:29px 7px 42px 8px;}
.mobileBoxRow .mobileImg img{width:100%;}
.appIconRow{display:block;}
#logo{max-width:56%;}
.rightlogo{width:42%;bottom:75px;}
.joinIndianNavy{max-width:100%;width:auto;}
.mt-news,.modern-ticker ul{width:100% !important;max-width:450px !important;}
.modern-ticker,.mt-body{height:100px;}
.mt-controls{bottom:0;left:0;}
.faqTab .accordion .accTrigger{font-size:17px;line-height:20px;}

#logo { max-width: 100%; }
#logo { text-align: center; width: 100%; }
.rightlogo { display: none; }
.titlebar {text-align: center;}
.serviceTabMain .resTab .tabNav li {width: 50%;}
.bannerEvents .resTab .tabNav li a:hover, .bannerEvents .resTab .tabNav li a, .bannerEvents .resTab .tabNav .r-tabs-state-active a{font-size:16px;}

.pft-video { width: 97%; }
.marquee-ticker .marquee-heading { width: 25%; }
}
@media only screen and (max-width:480px){#wrapper{margin-bottom:15px;}
.topStrip{padding:15px 0 10px;}
.topStrip .leftLinks, .topStrip .rightLinks, .topStrip .leftLinks li, .topStrip .rightLinks li{float:none;display:inline-block;margin:0;text-align:center;vertical-align:top;}
.topStrip .leftLinks, .topStrip .rightLinks{width:100%;margin-bottom:10px;}
.topStrip .rightLinks{margin-bottom:0;}
.topStrip .rightLinks li.lang{margin-right:-4px;border-right:1px solid #fff;}
.topStrip .rightLinks li.lang + li ul > li:first-child{margin-right:-4px;}
.topStrip .rightLinks li.search{margin-top:-5px;}
.topStrip li.search .inputSearch .error{text-align:left;}
#logo{width:237px;max-width:250px;float:none;margin:0 auto;padding-left:0;}
.topStrip li{padding:0 10px;}
.rightlogo{width:60px;display:none;bottom:78px;}
.titlebar h1, .titlebar .mainTitle{font:15px 'proxima_nova_rgregular';text-transform:capitalize;letter-spacing:0; text-align: center}

.tabber .tabNav li{width:100%;margin-bottom:10px;border:none;}
.tabber .tabNav li a{padding-top:18px;padding-bottom:12px;}
/*.tabber .tabNav li:last-child, .applyOnline.emailUs{margin-bottom:0;}*/
.tabber .tabNav li:last-child {margin-bottom:0;}
.r-tabs .owl-carousel .item{border:none;}
.homeCarousel .owl-controls{width:36px;position:absolute;left:auto;right:0;}
.r-tabs .homeCarousel{margin-top:35px;}
.r-tabs .homeCarousel.homeCarouselTabs{margin-top:0;}
.r-tabs .homeCarousel .owl-controls .owl-buttons .owl-prev, .r-tabs .homeCarousel .owl-controls .owl-buttons .owl-next{width:16px;height:16px;margin-top:-30px;opacity:0.8;-webkit-border-radius:inherit;border-radius:inherit;}
.r-tabs .homeCarousel .owl-controls .owl-buttons .owl-prev{left:0;}
.r-tabs .homeCarousel .owl-controls .owl-buttons .owl-next{right:0;}
.r-tabs .homeCarousel .owl-controls .owl-buttons .owl-prev, .r-tabs .homeCarousel .owl-controls .owl-buttons .owl-prev:hover{background-position:-112px -150px;}
.r-tabs .homeCarousel .owl-controls .owl-buttons .owl-next, .r-tabs .homeCarousel .owl-controls .owl-buttons .owl-next:hover{background-position:-127px -150px;}
.r-tabs .homeCarousel .owl-controls .owl-buttons .owl-prev:hover, .r-tabs .homeCarousel .owl-controls .owl-buttons .owl-next:hover{opacity:1;}
.tickerWrap, .r-tabs h3, .sideContant, .rightContant{text-align:left;}
.conRecurt h2, .homeFiveBlock > h2{margin-bottom:10px;font-size:21px;}
.conRecurt .selectfield, .conRecurt .inputfield, .conRecurt .inputbtn{width:100%;padding-bottom:10px;}
.selectboxit-container.selectboxit-container{max-width:inherit;}
.conRecurt .inputfield{padding-left:0;padding-right:0;}
.conRecurt .inputbtn{padding-bottom:0;}
.applyOnline{width:100%;margin-bottom:15px;border:none;}
.applyOnline a{padding-top:12px;padding-bottom:12px;}
.applyOnline.emailUs a:before{background-position:-135px -93px;}
/*.breadCrumb, .innerContent .conRecurt h2, .recruiterContactList, .innerContent table td:before, .responsiveTable th:first-child, .responsiveTable td:first-child, .panel.panel-default, .searchListing{text-align:center;}*/
.innerContent{padding:15px;}
.resTab .tabNav li, .faqTab .tabNav li, .resTab .tabNav li a, .faqTab .tabNav li a{display:block;}
.tabImages li{width:100%;margin-right:0;}
.innerContent h2, .searchListing li h2, .noResultFound{font-size:1.429em;}
.innerContent h3{margin-bottom:10px;font-size:1.357em;}
.innerContent h4{margin-bottom:10px;font-size:1.214em;}
.videoGallery li, .videoGallery li:nth-child(3n){width:100%;margin:0 auto 15px;}
.eligibleMain{padding:20px 0;}
.leftImg img, .rightContant .bulletText li, .innerContent .conRecurt .selectfield, .innerContent .conRecurt .inputfield, .innerContent .conRecurt .inputbtn{width:100%;}
.applyNow, .executiveBranchMain, .serviceTabMain{margin-left:-15px;margin-right:-15px;}
.applyNow a{padding:18px 0 12px;font-size:1.429em;}
.resTab .tabNav li, .faqTab .tabNav li{margin-right:0;}
.executiveBranchList .item-info{font-size:1.357em;}
.executiveBranchList .item:hover .item-info{font-size:1.429em;}
.executiveBranchList .item span.readMore{font-size:1.000em !important;}
.leftImg, .executiveBranchList{width:80%;float:none;margin:0 auto;}
.executiveBranchList .item, .serviceTabMain .resTab .tabNav li{width:100%;}
.executiveBranchList .item, .executiveBranchList .item:nth-child(3n), .executiveBranchList .item:nth-child(4n), .executiveBranchList .item:last-child{margin:0 0 15px;}
.serviceTabMain .resTab .tabNav li, .serviceTabMain .resTab .tabNav li a{min-height:inherit;}
.contactUs li a{width:80px;height:80px;}
.contactUs li a img{width:40px;margin:-20px 0 0 -20px;}
.contactUs li h3{margin-top:32px;}
.emailUSForm{text-align:left;}
.emailUSForm .btns input, .innerContent .searchFormBlock .btn.btn-primary{width:100%;}
.faqTab .accordion .accTrigger a{padding-right:42px;}
.innerContent .searchFormBlock .form-group{width:100%;padding-bottom:15px;}
.pagination{text-align:center;}
.pagination ul{float:none;margin:15px auto 0;display:table;}
.govtLogosLt, .govtLogosRt{float:none;display:block;vertical-align:top;padding-bottom:25px;}
.footerLinks{padding:0;}
.footerLinks ul{margin-bottom:15px;}
.footerLinks li{display:block;margin:0;padding:0;line-height:normal;border-right:none;border-bottom:1px solid #313b89;}
.footerLinks li:last-child{border-bottom:none;}
.footerLinks li a{display:block;padding:8px 0;font-size:15px;}
.footerLinks li a:hover{background-color:#313b89;text-decoration:none;}
.footerLinks p{margin-bottom:20px;padding:0 20px;}
.pagevisitor{margin-bottom:10px;display:none;}
table .accordion{min-width:inherit;}
.activityTicker{width:100%;}
.playPause{right:auto;left:50px;}

.selectboxit-text {display: block; overflow: hidden; white-space: nowrap; width: 89%;}
.selectboxit-arrow-container {position: absolute; right: 5px; top: 0;}
.selectboxit-container .selectboxit-list li {line-height: 24px;}

.footerLogo ul li { width: 25%; }
.footerLogo ul li img { width: 100%; }

.apply-agniveer a { font-size: 20px; }
.pft-video { width: 92%; }
.marquee-ticker { display: block; }
.marquee-ticker .marquee-heading, .marquee-ticker .marquee-content { width: 100%; }
}
@media only screen and (max-width:320px){#logo{width:232px;}
.titlebar{padding:12px 0;}
.titlebar h1, .titlebar .mainTitle{font-size:14px;}
.imgBlockOuter, .leftImg, .executiveBranchList{width:100%;}
.imgBlock{margin-bottom:10px;}
.applyNow a{padding:15px 0 10px;font-size:19px;}

.indexBanner, .innerBanner{display:none;}

.titlebar{min-height:inherit;padding:12px 0 10px;text-align:center;background-image:none;}
.subTitle{display:none;font-size:12px;letter-spacing:0.4px;}

.apply-agniveer a { font-size: 18px; }
.pft-video { width: 92%; }

}