@media ( max-width : 402px) {
	#ontarioHeaderLogo {
		width: 90px;
		padding-top: 12px !important;
	}
}

@media ( max-width : 767px) {
	label {
		width: 100%;
	}
	
	#searchBar {
		display: none;
	}
	
	.fixed {
		position: fixed;
		z-index: 100;
		width: 100%;
		top: 0;
	}
	
	.search-top-input {
		border: 1px solid #ccc;
		border-radius: 0;
	}
	
	.search-top-input:focus {
		border-color: #999;
	}
	
	.search-btn {
		border: 0 !important;
		background-color: #d1ddeb !important;
	}
	
	.search-btn:hover {
		background-color: #b2c6de !important;
	}
	
	.btn-set-width {
		width: 200px;
		padding: 12px 6px;
	}
	
	.navbar-nav .open .dropdown-menu {
		position: absolute;
	    float: left;
	}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #333;
	}
	
	.contact-public-ontario {
		display: block;
		z-index: 5;
		background: white;
		margin-left: -15px; 
		margin-top: 12px;
		text-align: center;
	}
	
	.two-column-results>li {
		width: 100%;
	}
	
	.footer-links > li {
		display: block !important;
		padding-bottom: 10px;
	}
  	
  	.footer-links > li {
		display: block !important;
		padding-bottom: 10px;
	}
  	
  	.skittle-sign {
		padding-top: 25px;
		padding-bottom: 25px;
	}

  	#footer .col-sm-6{
      	text-align: center;
  	}
  
   	#footer .pull-right{
      	float: none !important;
  	}
  	
  	.responsive-column-width {
		width: 100%;
	}
	
	.header-text-width {
		width: 25%;
	}
}

@media ( min-width : 768px) {
	.btn-set-width {
		width: 80%;
		padding: 12px 6px;
	}
	
	.form-login {
		width: 300px;
		margin: 0 auto;
	}
	
	.footer-swoosh {
		background: #ededed url(../images/footer-swoosh-bg.png) repeat-x;
		display: block;
		width: 100%;
		height: 96px
	}
	
	.footer-swoosh--right {
		background: #ededed url(../images/footer-swoosh.png) no-repeat;
		display: block;
		width: 560px;
		height: 96px;
		float: right
	}
	
	.footer-swoosh {
		background: url(../web_assets/osap_respon_ftr_swoosh_bg.png) repeat-x;
		display: block;
		width: 100%;
		height: 96px
	}
	.footer-swoosh--right {
		background: #ededed url(../web_assets/osap_respon_footer_swoosh.png) no-repeat;
		display: block;
		width: 560px;
		height: 96px;
		float: right
	}
	
	.two-column-results>li {
		width: 50%;
	}
	
	.two-column-results>li:nth-of-type(2n+1) {
        clear: both;
    }
	
	.contact-public-ontario {
		display: none;
	}
	.footer-landing .container {
		width: 100%;
	}
	
	.row-height {
		display: table;
	  	table-layout: fixed;
	  	height: 100%;
	  	width: 100%;
	}
	
	.col-height {
	  	display: table-cell;
	  	float: none;
	  	height: 100%;
	}
}

@media ( min-width :768px) and ( max-width :991px) {
	.form-results>li {
		width: 50%
	}
	
	.form-results>li:nth-of-type(2n+1) {
		clear: both;
	}
	
	.responsive-column-width {
		width: 50%;
	}
	
	.skittle-plus {
		padding-left: 24px;
	}
	
	.header-text-width {
		width: 25%;
	}
}

/* Ensures Navbar links collapsed at all times */
@media ( max-width : 991px) {
	.navbar-header {
		float: none;
	}

	.french {
		margin-right: 25px;
	}
	
	.navbar-collapse .french {
		display: none;
	}
	
	.submenu-padding {
		padding-left: 0 !important;
	}
	
	.lang-francais {
		display: none;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
  	.navbar-nav > li {
    	margin-left: 10px;
  	}

  	.navbar-collapse {
    	padding-left: 0;
    	padding-right: 0;
  	}
}

@media ( min-width :992px) {
	#frenchHeader {
		display: none;
	}
	
	.form-results>li {
		width: 33.33333333333333%
	}
	
	.form-results>li:nth-of-type(3n+1) {
		clear: both;
	}
	
	.index-intro {
		margin-top: -240px;
		background: white;
		border-radius: 5px;
	}
	
	.lang-fr {
		display: none;
	}
	
	.responsive-column-width {
		width: 33.33%;
	}
	
	.header-text-width {
		width: 16.66%;
	}
}

@media (min-width: 1200px) {
  	.container {
  		width: 1000px;
  	}
}