@media (max-width:1199px) {

}

@media (max-width:991px) {
	body.brown #responsive-menu-container {
		background: #75411a;
	}

	body.orange #responsive-menu-container {
		background: #f17d21;
	}

	body.purple #responsive-menu-container {
		background: #670d3a;
	}	

	body.brown #responsive-menu-container .sidebar-right a:hover {
		color:#75411a;
	}

	body.orange #responsive-menu-container .sidebar-right a:hover {
		color:#f17d21;
	}	

	body.purple #responsive-menu-container .sidebar-right a:hover {
		color:#670d3a;
	}		

	#responsive-menu-container {
	    display: block !important;
	    position: fixed;
	    top: 0;
	    bottom: 0;
	    padding-bottom: 5px;
	    margin-bottom: -5px;
	    outline: 1px solid transparent;
	    overflow-y: auto;
	    overflow-x: hidden;
	    z-index: 99998;
	    width: 75%;
	    left: 0;
	    background: #006dbc;
	    transition: transform 0.5s;
	    text-align: left;
	    transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	    -webkit-transform: translateX(-100%);
	    -moz-transform: translateX(-100%);
	    margin-top: 0;
	    padding-left:0;
	    padding-right:0;
	}

	#responsive-menu-container .sidebar-right {
		background-color: transparent;
		border:0;
		padding: 0;
	}

	#responsive-menu-container .sidebar-right .nav-left ul {
		margin-bottom:0;
	}

	#responsive-menu-container .sidebar-right a {
		display:block;
		color:#fff;
		padding: 20px 5%;
		border-bottom:1px solid;
	}

	#responsive-menu-container .sidebar-right a:hover {
		background-color:#fff;
		color:#006dbc;
	}

	#responsive-menu-container.open {
	    transform: translateX(0);
	    -ms-transform: translateX(0);
	    -webkit-transform: translateX(0);
	    -moz-transform: translateX(0);
	}

	.bip-header #toggleMenu {
		display:block;
	}

	.bip-header .logo-bip {
	    margin-left: 40px;
	}

	.page-head .page-name {
		font-size:200%;
	}

	.page-head .page-name small {
	    font-size: 60%;
	}    

	#content .title {
		font-size:200%;
	}

	.sidebar-right .search-form {
		display:block;
		margin: 20px;
	}	

	.search-form input[type="search"] {
		width: calc(100% - 45px);
	}

	.search-form button {
	    background: #ffffff;
	    color: #006dbc;
	    padding: 6px 10px;
	}	

	body.brown .search-form button {
	    color: #75411a;
	}

	body.orange .search-form button{
	    color: #f17d21;
	}

	body.purple .search-form button{
	    color: #670d3a;
	}

	.bip-footer .footer-menu {
		text-align:left;
		margin-bottom:15px;
	}

	.bip-footer .footer-menu li:first-child {
		margin-left:0;
	}
}

@media (max-width:768px) {
	.page-head .page-name {
	    font-size: 180%;
	    padding: 0 20px;
	}

	.bip-footer .contact-info {
		display:block;
	}

	.bip-footer .contact-info::after {
		content:'';
		display:block;
		clear:both;
	}

	.bip-footer .item {
	    width: 50%;
	    float: left;
	    height: 150px;
	    text-align: center;
	}
}

@media (max-width:499px) {
	.bip-header .logo {
		width:50px;
		vertical-align:top;
	}

	.bip-header .logo-bip {
	    margin-left: 10px;
	    width: 50px;
	    display: inline-block;
	    vertical-align: top;
	}

	.bip-header #toggleMenu {
		margin:5px 30px;
		margin-right:0;
	}

	.page-head .page-name {
    	font-size: 125%;
	}

	.page-head .page-name small {
    	line-height: 16px;
	}

	#content .table>tbody>tr>td, 
	#content .table>tbody>tr>th, 
	#content .table>tfoot>tr>td, 
	#content .table>tfoot>tr>th, 
	#content .table>thead>tr>td, 
	#content .table>thead>tr>th {
		display:block;
	}

	#content .title {
    	font-size: 140%;
	}

	.bip-footer .name {
		font-size:100%;
	}

	.bip-footer .item {
		width:100%;
		height:auto;
	    margin: 20px 0;
	    padding-top: 75px;		
	}

	.bip-footer .footer-menu li {
		margin-left:15px;
	}
}