/*Extra Small devices (phones, below 576px)*/
/*Bootstrap col-xs*/
 @media screen and (min-width: 0px) and (max-width: 991px) {
   
	.container{
		max-width: 100% !important;
	}
	.topMenuBar {
		text-align: center;
	}
	.sf-menu{
		border-top: 1px solid #ddd;
		position: fixed;
		padding-left: 0px;
		left: 0;
		width: 300px;
		height: 101vh;
		background-color: #337ab8;
		top: -1px;
		box-shadow: 6px 0 6px rgba(10, 10, 10, .4);
		display: none;
	}
	.sf-menu li{
		width: 100%;
		background-color: #337ab8;
		border-bottom: none;
		height: 40px;
		display:  inline-table;
	}
	.sf-menu li:hover{
		background-color: #0088ff;
	}
	.sf-menu li ul{
		position: relative;
		visibility: visible !important;
		width: 100%;
		opacity: 1;
	}

    .liSubImg{
        display: none !important;
    }
    .sf-menu .material-icons{
        display: none !important;
    }

     	.sf-menu li li {
         	width: 100%;
    	}
        .sf-menu li a{
		color: #fff;
		text-align: left;
		font-weight: bold;
		padding: 10px 15px 10px 15px;
		height: 40px;
	}
	.sf-menu li ul li{
		
		position: relative;
		width: 100%;
		height: 40px;
		display: inline-block;
	}
	.sf-menu li ul li a{
		padding: 10px 15px 10px 50px;
	}
	.sf-menu .liClose{
		text-align: right;
		font-family: arial;
		color: #fff;
		font-size: 16pt;
		padding: 15px;
	}
	.sf-menu .liClose:hover{
		background-color: #337ab8;
	}
	.sf-menu span{
		cursor: pointer;
	}
	.divMobileNav{
		float: left;
		margin: 20px 5px 5px 5px;
		cursor: pointer;
	}
	.footerContent{
		text-align: center;
	}
	.footerCol{
		margin-bottom: 20px;
	}
	.footer_header {
		margin-bottom: 15px;
	}
	.btmFooter .footerCol{
		margin-bottom: 5px;
	}
	.divTugLogoLg{
		display: none;
	}
	.btmFooterRow{
		padding-bottom: 50px;
	}
	.footer_background_color{
		height: 1200px;
	}
	#wrap{
		padding-bottom: 1260px; 
	}
    .liMenuParent{
        display: none !important;
    }
}