@media (max-width:1399px) {
    #nav li a { font-size: var(--font10px);}
}
@media(max-width:1350px){
			/*media*/
	.mediaHeader h2 { font-size: var(--font18px);}
}
@media (max-width:1199px){
	/*other section*/
	.otherSectionLink { font-size: var(--font18px);}
/*media*/
.resTab .tabNav li a { padding: 10px 4px;}
.mediaCover{ padding: 15px;}
.mediaHeader { padding: 10px 0;}
/*servces start*/
.servicesBoxRow .col:last-child .servicesBox { border-radius: 0;}
.servicesBox { font-size: var(--font16px);}

/*navigation start*/
.mainLogo { max-width: 250px; }
#nav li a { padding:0 5px;}
#nav ul {display:block !important;}
.toggleMenu {padding:7px 15px;}
#nav {display:none;position:absolute;left:0;right:0;background:#073e74;}
#nav ul {background:#305d93;}
.toggleMenu, #nav .menuIcon, .mobileNav, #navMob li .menuIcon, #navMob li li .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:auto;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:#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-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;
}
#navMob .accessibility{display: none;}
.mobileMenu {
	text-indent: -9999px;
	font-size: 0;
}
.toggleMenu {
	background: #fff;
	display:flex;
	justify-content:center;

}
.mainNavigation #nav { display:none !important; }
	/*navigation end*/
}
@media(max-width:991px){

	/*services*/
	.servicesBoxRow .col:first-child .servicesBox {  border-radius:0px;}
	.servicesBoxRow .col{ flex: 0 0 33%;   max-width: 33%;}
	.servicesBoxRow .col:nth-child(4),
		.servicesBoxRow .col:nth-child(5){ flex: 0 0 49.5%;   max-width: 49.5%;}
}
@media(max-width:767px){
	/*profiles*/
	.proInfo { margin:0px;}
	/*home banner search*/
	.homeBannerSearch { position: static; transform: none;max-width: 100%;}
		/*services*/
	.servicesBoxRow .col:first-child .servicesBox {  border-radius:0px;}
	.servicesBoxRow .col{ flex: 0 0 49.5%;   max-width: 49.5%;}
	.servicesBoxRow .col:nth-child(4){ flex: 0 0 49.5%;   max-width: 49.5%;}
		.servicesBoxRow .col:nth-child(5){ flex: 0 0 100%;   max-width:99%;}
}
@media(max-width:479px){
	/*services*/
		.servicesBoxRow .col{ flex: 0 0 100%;   max-width: 100%;}
	.servicesBoxRow .col:nth-child(4){ flex: 0 0 100%;   max-width: 100%;}
		.servicesBoxRow .col:nth-child(5){ flex: 0 0 100%;   max-width:100%;}
}