﻿/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 480px) and (min-width: 300px){

	body.page-id-864 div.sidebar.one-third{
		width:100% !important;
	}
	body.page-id-864 div.full-width-content.sort-number div.two-thirds{
		width:100% !important;
	}
	.defect-related{
		margin-top:20px !important;
	}
	li.defect-single, li.defect-single-filtered {
    width: 25% !important;
	}
	.search-box{
		width:40% !important;
	}
	div.search-box > img{
		margin-left:0 !important;
	}
	#defect-popup > div.float-right.one-half {
		width:100% !important;
	}
	#defect-popup > div.float-right.one-half > ul > li > span.one-third{
		width:38% !important;
	}
	#defect-popup > div.float-right.one-half > ul > li > span.one-sixth{
		width:10% !important;
	}
	#defect-popup > div.float-right.one-half > ul > li > span.one-half{
		width:50% !important;
		padding:0 0 .6em !important;
	}
	ul.related-defects > li {
		width:25% !important;
	}
	#defect-popup > div:nth-child(5){
		width:100% !important;
	}
	#defect-popup > div.top-title > span{
		font-size:125% !important;
	}
	#fancybox-content{
		height:auto !important;
	}
	body > #fancybox-wrap{
		    top: 100px !important;
	}
	body.page-id-9569  div.site-container > div > div > main > article > div > div.full-width-content > div.two-thirds{	
	position: relative;
	float: right;
	display: block;
		width:100% !important;
	}
	body.page-id-9569  div.site-container > div > div > main > article > div > div.full-width-content > div.one-third{
		position: relative;
	float: right;
	display: block;

		width:100% !important;
	}
	#fancybox-content > div > .two-thirds{
		width:100% !important;
	}
	body.page-id-9569  #fancybox-content > div{
		width:99% !important;
		overflow:hidden !important;
	}
	body.page-id-9569 div.entry-content div.encyclopedia-search img {
		margin-left:0 !important;
	}
	body.page-id-9569 input#ajax-search{
		width:80%;
	}
	.encyclopedia-search > strong{
		display:none;
	}
	iframe{
		max-width: 98% !important;
	}
}

@media only screen and (max-width : 767px) and (min-width:481px) {
	div.full-width-content.sort-number > div.sidebar.one-third{
		width:39% !important;
	}
	body.page-id-864 div.entry-content div.search-box img{
		margin-left:0% !important;
	}
	.site-inner{
		margin:0 !important;
	}

	

}

/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 1023px){
	body.page-id-9569 div.entry-content div.encyclopedia-search img{
		margin-left:5% !important;
	}
	body.page-id-864 div.entry-content div.search-box img{
		margin-left:18% !important;
	}
	body.page-id-864 .defect-specs > li > span:nth-child(1){
		width:35% !important;
	}
	body.page-id-864 .defect-specs > li > span:nth-child(2){
		width:10% !important;
	}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

