/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen 
and (max-width : 957px) {
	img{
		max-width: 100%;
		height: auto;
	}
	
	button, input, select, textarea{
		max-width: 100%;
	}
	
	body{
		overflow-x: hidden;
	}
	
	.holder{
		width: 95%;
		margin: auto;
	}
	header .headertop .right .toprightmenu ul li{
		padding-right: 13px !important;
	}
	
	header .mainmenu{
		width: 98%;
		padding: 0 1%;
	}

	header .mainmenu ul{
		display: none;
	}
	
	header .mainmenu select{
		display: block;
		width: 100%;
		padding: 5px;
		border: none;
		background: none;
		margin-top: 4px;
	}
	
	.slidercontainer ul li.slideitem{
		/*height: auto;*/
	}
		.slidercontainer li.slideitem .text p{
			font-size: 19px;
			left: 5%;
			top: 17px;
		}
		.slidercontainer li.slideitem .text .slidertitle{
			left: 5%;
		}
	
	.main .content, .main.contact .content{	
		width: auto;
		max-width: 639px;
		float: none;
		background-size: contain;
		margin: 20px 0px;
		margin: 20px auto auto;
	}
		.main .content .contenttop, .main.contact .content .contenttop{	
			width: auto;
			max-width: 639px;
			background-size: contain;
		}
		.main .content .contentbottom, .main.contact .content .contentbottom{
			width: auto;
			max-width: 639px;
			background-size: contain;
		}
	
	.main .sidebar{
		float: none;
		width: auto;
		max-width: 639px;
		margin: auto;
	}
	
}

@media only screen 
and (max-width : 768px) {
	header .headertop{
		min-height: 0;
		height: auto;
	}
		header .headertop .left{
			float: none;
			text-align: center;
		}
		header .headertop .right{
			float: none;
			text-align: center;
		}
			header .headertop .right .toprightmenu{
				padding-bottom: 8px;
				padding-top: 17px;
				text-align: center;
			}
				header .headertop .right .toprightmenu ul li{
					float: none;
					display: inline-block;
				}
	.slidercontainer li.slideitem .text p{
		font-size: 16px;
	}
	.slidercontainer li.slideitem .text .slidertitle{
	}
}

@media only screen 
and (max-width : 640px) {
	.slidercontainer li.slideitem .text p{
		font-size: 13px;
		top: 18px;
	}
	.slidercontainer li.slideitem .text .slidertitle{
		font-size: 24px;
	}
}

@media only screen 
and (max-width : 480px) {
	.slidercontainer li.slideitem .text p{
		font-size: 11px;
		top: 14px;
		width: 80%;
	}
	.slidercontainer li.slideitem .text .slidertitle{
		font-size: 19px;
	}
}

@media only screen 
and (max-width : 320px) {
	.slidercontainer li.slideitem .text p{
		font-size: 8px;
		top: 5px;
	}
	.slidercontainer li.slideitem .text .slidertitle{
		font-size: 12px;
	}
}