@-ms-viewport{
  width: device-width;
}

@media (max-width: 1200px) {
	
	#main_audioclip .col-md-10 {
		width: 100%;
		margin: 0px;
		text-align: center;
	}
	
	#short_description .col-md-10 {
		width: 100%;
		margin: 0px;
	}
	
}

@media (max-width: 1170px) {
	#word_header,
	.footer {
		background-size: 33% auto;
	}
}	

@media (max-width: 992px) {

	#search_results .tooltip {
		display: none !important;
	}

} 

@media (max-width: 768px) {
	
	
	#main_audioclip {
		display: none;
	}

	#short_description {
		width: 100%;
		float: none;
	}
	
	#main_audioclip_wrap {
		display: none;
	}	
	
	#main_audioclip_mobile_wrapper {
		display: block;
	}	
	
	#search_container
	 {
		width: 100%;
	}
	
	#word_header {
		background-image: none !important;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.cd-top.cd-is-visible,
	#back_to_top {
		display: none !important;
	}
	
}

@media (min-width: 768px) {

	.sidebar-nav .navbar {
		background-color: none;
		background: none;
		border: none;
	}

	.sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		max-height: none;
	}
	.sidebar-nav .navbar ul {
		float: none;
	}
	.sidebar-nav .navbar ul:not {
		display: block;
	}
	.sidebar-nav .navbar li {
		float: none;
		display: block;
	}
	.sidebar-nav .navbar li a {
		padding-top: 12px;
		padding-bottom: 12px;
		text-align: right;
	}

}

@media (max-width: 700px) {

	#primary_nav {
		display: none;
	}
	
	#mobile_nav {
		display: block;
	}
	
	#short_description {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#single_word_search_trigger, #menu_pill {
		display: none;
	}
	
	#short_description_dropdowns {
		display: none;
	}
	
	.hide_mobile {
		display: none;
	}
	
	.container.full.mobile_accordion {
		display: block;
	}
	
	.row.pill_heading {
		background-color: #D5D1BE;
		padding-top: 25px;
		padding-bottom: 25px;
		position: relative;
	}
	
	.pill_heading:nth-child(1) {
		background-color: #E4DFCE;
	}
	
	.pill_heading:nth-child(5) {
		background-color: #E4DFCE;
	}
	
	.row.pill_heading .indicator {
		position: absolute;
		right: 20px;
		top: -5px;
		font-size: 24px;
		color: 	#A9A599;
	}
	
	.row.pill_heading.open .indicator {
		color: #000;
	}	
	
	.pill_heading h3 {
		color:#000;
		padding: 0px;
		margin: 0px;
	}
	
	.row.pill_body {
		display: none;
		background: #fff;
		padding-top: 25px;
		padding-bottom: 25px;
		color: #000;
	}
	
	h3 {
		font-size: 18px;
		line-height: 18px;
	}

}

@media (max-width: 600px) {
	#word_header h1 {
		font-size: 50px;
		line-height: 50px;
	}

	/* Columns */
	.columns_split.columns_count_2 {
		columns: auto;
		columns: 1;		
	}
	
}	

@media (max-width: 680px) {
	
	#search_container .row.vertical-center-row {
		display: block;
		margin-top: 0px;
	}
	
	body {
		font-family: 'open_sans', sans-serif;
		font-size: 16px;	
		min-height: 100%;	
		background-color: #171717;		
		color: #fff;
		padding-bottom: 136px;
	}
	
	.four_eighty {
		display: block;
	}
			
	.cbp-spmenu-vertical {
		width: 100%;
		right: -100%;	
	}
	
	#main_menu li a {
		font-size: 18px;
	}
	
	#search_container p {
		padding-top: 20px;
	}
	
	.cbp-spmenu-open #copyright {
		background: #fff;
	}
	
	#copyright {
		bottom: 0px;
		padding-bottom: 20px;
		padding-top: 20px;
		left: 0px;
		width: 100%;
		text-align: center;
	}

	#word_header {
		padding-top: 70px;
		padding-bottom: 50px;
	}
	
	#word_header #abbreviations,
	#word_header #classification,
	#word_header #word_context
	 {
		position: relative;
		margin: 15px auto;
		text-align: center;
		bottom: auto;
		left: auto;
		right: auto;
	}
	
	h2.english_word {
		font-size: 22px;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	.pill_body .korero .col-md-9 {
		width: 80%;
	}
	
	.pill_body .korero .col-md-3 {
		width: 20%;
		position: relative;
	}
	
	.pill_body .korero .col-md-3 a {
		color: #000;
		font-size: 24px;
		line-height: 24px;
	}		
	
	.pill_body .korero .col-md-3 .tauira_korero_interface {
		position: absolute;
		top: 50%;
		left: 0px;
		width: 100%;
		margin-top: -25%;
		text-align: center;
		vertical-align: middle;		
		display: block;
	}
	
	.footer {
		background-image: none !important;
		padding-top: 20px;
		padding-bottom: 20px;
	}
		
	
	#footer_logos .col-md-1 {
		width: 33%;
		float: left;
		text-align: center;			
	}
	
	#footer_logos .col-md-1 {
		padding-top: 5px;
	}
	
	#footer_logos .col-md-1:first-of-type {
		padding-top: 0px;
	}
	
	.footer {
		background-color: #262626;			
		height: auto;			
	}
		
	
	body.full_height .footer {
		position: relative;
	}
	
	.footer .container {
		padding-bottom: 0px;
	}
	
	/* Search */
	.search_glass {
		display: table-cell;
	}
	
	.search_row .col.word {
		font-family: 'opensansregular', sans-serif;
		font-weight: normal;
		font-size: 14px;
	}
	
	#search_language {
		display: none;
	}
	
	#search_container .row.vertical-center-row {
		vertical-align: top;
	}
	
	#search_container #search_box {
		background-color: #262626;
		color: #fff;		
	}
	
	#search_container #search_box::-webkit-input-placeholder {
   		color: #fff;
	}
	
	#search_container #search_box:-moz-placeholder { /* Firefox 18- */
	   color: #fff;  
	}
	
	#search_container #search_box::-moz-placeholder {  /* Firefox 19+ */
	   color: #fff;  
	}
	
	#search_container #search_box:-ms-input-placeholder {  
	   color: #fff;  
	}
	
	#search_results {
		max-width: 100%;
		margin-bottom: 40px;
	}
	
	#search_results .search_row {
		max-width: 100%;
	}
	
	#search_results .search_row .col.word {
		white-space: normal;
	}
	
	.search_row .col.indicator {
		text-align: right;
	}
	
	.cd-top {
		display: none !important;
	}
	
	#back_to_top {
		display: block;		
		position: fixed;
		bottom: 10px;
		margin: 0px !important;
		right: 10px;
		left: auto;
		border: 0px;
		width: 50px;
		height: 50px;
		text-align: center;
	}
	
	#back_to_top i {
		position: relative;
		left: auto;
		top: 15px;
		margin: 0px;	
	}

	.d-block-mobile {
		display: block !important;
	}
}

@media (max-width: 480px) {
	h3 {
		font-size: 16px;
		line-height: 16px;
	}
	
	.video-js {
		max-width: 100% !important;
	}
}