/*Styles For Slider*/

header{
	background: #000000;
	width: 100%;
	height: auto;
}
.if_slider{
	width: 990px;
}
.head_high{
	position: absolute;
	z-index: 1000;
	width: inherit;
}
.home{
	margin-top: -50px;
}
.red-slide{
	position:relative;
}
.slider_content{
	position: absolute; 
	top: 35%;
	margin-left: 25%;
	width:280px;
}
.slider_title{
	background: #bb2a2d;
	border-radius: 10px;
	padding: 6px 10px 6px 10px;
	width: 70%;
	margin: 0 auto;
	font-family: 'Anton', sans-serif;
	font-size: 24px;
	position:relative;
}
.slider_title:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 29px 15px 0;
	border-color: #bb2a2d transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -29px;
	left: 43%;
}
.slider_text{
	background: rgba(0,0,0,0.8);
	border-radius: 10px;
	padding:10px;
	text-align: left;
	margin-top: 30px;
}
.slider_button{
	background: #fe951b;
	padding-left: 10px;
	border: none;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.respons{
	display:none;
}

@media(max-width: 1500px){
	.head_high{
		margin-top: 0px;
	}
	.slider_content{
		width:60%;
		top:30%;
		margin-left:10%;
	}
	.slider_title:after{
		display:none;
	}
	.slider_text{
		margin-top: 10px;
	}
}

@media(max-width: 1220px){
	.slider_content{
		width:70%;
		top:34%;
		margin-left:10%;
	}
}

@media(max-width: 991px){
	.head_high{
		width:auto;
		position: relative;
		margin-top: 0px;
	}
	.slider_content{
		width:100%;
		top:10%;
		margin-left:10%;
	}
	.slider_title:after{
		display:none;
	}
	.slider_text{
		display:none;
	}
	.respons{
		display:block;
		width: 70%;
		margin: 0 auto;
		margin-top: 10px;
	}
}

@media (max-width: 800px) {
	html{
		margin-top: 0px !important;
	}

	.if_slider {
		width: auto;
		margin-top: 46px;
	}
	.home{
		margin-top: 0px;
	}
}

@media (min-width:321px) and (max-width: 480px) {
	html{
		margin-top: 0px !important;
	}

	.if_slider {
		width: auto;
		margin-top: 46px;
	}
	.head_high{
		width:auto;
		position: relative;
		margin-top: 0px;
	}
	.home{
		margin-top: 0px;
	}
}


@media (max-width: 320px) {
	html{
		margin-top: 0px !important;
	}

	.if_slider {
		width: auto;
		margin-top: 46px;
	}
	.head_high{
		width:auto;
		position: relative;
		margin-top: 0px;
	}
	.home{
		margin-top: 0px;
	}
}