﻿/*Large devices (desktops, 992px and up)*/
/*Bootstrap col-lg*/
@media screen and (min-width: 992px) {
	/*.container{
		max-width: 1280px  !important;
	}*/
	.topMenuBar {
		text-align: left;
	}

	.sf-menu {
		display: inline-block;
		height: 70px;
		/*padding-inline-start: calc(-10px + 3%);*/
	}

		.sf-menu li {
			padding: 15px 15px 10px 15px;
			height: 70px;
			display: inline-block;
		}

			.sf-menu li a {
				color: #3e6ea4;
				text-align: center;
				font-weight: normal;
				padding-top: 15px;
			}

				.sf-menu li a:hover {
					color: #009cce;
				}

		.sf-menu ul {
			top: 70px;
			display: none;
			position: absolute;
			width: 700px;
			left: 25%;
			right: 25%;
			min-height: 300px;
			padding: 0px 15px 15px 15px;
			box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, .1);
			background-image: linear-gradient(#177bae 0px, #177bae 65px, #fff 65px)
		}

	.liClose {
		display: none;
	}

	.divMobileNav {
		display: none;
	}

	.footerContent {
		text-align: left;
	}

	.footer_header {
		margin-bottom: 20px;
	}

	.divTugLogoSm {
		display: none;
	}

	.footer_background_color {
		height: 445px;
	}

	#wrap {
		padding-bottom: 475px;
	}

	.sf-menu ul li {
		width: 400px;
		display: block;
		height: auto;
		padding: 20px 10px 0px 10px;
	}

		.sf-menu ul li a {
			text-align: left;
			color: #333;
			padding: 0px;
		}

			.sf-menu ul li a:hover {
				color: #26bccd;
			}

	.liMenuParent {
		font-size: 18pt;
		padding-bottom: 15px !important;
	}

		.liMenuParent a {
			color: #fff !important;
		}

	.sf-menu ul .liSubImg {
		position: absolute;
		right: 0px;
		top: 0px;
		height: 300px;
		width: 250px;
		padding: 25px;
		text-align: center;
	}

	.liSubImg img {
		width: 200px;
		float: right;
		background-color: white;
		box-shadow: 0 0 3px rgba(0,0,0,0.5)
	}

	.liSubImg span {
		width: 200px;
		display: inline-block;
		float: right;
	}

	.material-icons {
		vertical-align: bottom;
	}
}

@media(min-width: 1200px) {
	.sf-menu li a {
		padding-top: 9px;
	}

	.sf-menu {
		display: inline-block;
		height: 70px;
		/*padding-inline-start: 40px;*/
	}

		.sf-menu ul {
			top: 70px;
			display: none;
			position: absolute;
			width: 850px;
			left: 22.5%;
			right: 25%;
			min-height: 300px;
			padding: 0px 15px 15px 15px;
			box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, .1);
			
		}
		.sf-menu ul li{
			width: 600px;
			
		}
}
