/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

.logo  {
	width: 30%;
	margin-left: 20px;
}
.logo a {
	margin-top: 20px;
}
.menu-wrap {
}
.menu, .telefon {
	float: right;
	padding-top: 20px;
	margin-left: 0px;
	margin-right: 20px;
}
.menu ul li {
	float: left;
	margin-left: 30px;
	margin-right: 0px;
}
.top-text {
	margin-right: 20px;
}
#contactform {
	margin-right: 0px;
}
.opisanie .img-wrap, .about .img-wrap {
	width: 45%;
}
.opisanie img, .about img {
	max-width: 100%;
}
.opisanie .text-wrap, .about .text-wrap {
	width: 50%;
	padding-left: 5%;
}
.about h2 {
	font: 700 35px 'Segoe UI';
}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 905px) {
.video, .owl-carousel .item-video {
	width: 90%;
	margin: 0 auto;
}

}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {


.menu ul li a {
	font: 600 15px 'Segoe UI';
}
.telefon a {
	font: 500 20px 'Segoe UI';
}
.menu, .telefon {
	padding-top: 30px;
}
.top {
	height: 1004px;
	background-position: right center;
}
.top-text {
	text-align: center;
	margin-left: 2%;
	margin-right: 2%;
}
.top-text h1 {
    font-size: 8vw;
}
.top-text h2 {
    margin-top: 20px;
	font-size: 5vw;
}
.top-text h3 {
    margin-top: 20px;
	font-size: 4vw;
}
#contactform {
	float: none;
	width: 411px;
	margin: 105px auto 0px auto;
}




}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 720px) {

header {
	height: auto;
}
.logo  {
	width: 96%;
	margin: 0px auto;
}
.logo a {
	max-width: 292px;
	margin: 20px auto;
}
.menu-wrap {
}
.menu {
	width: 98%;
	padding: 0px;
	margin: 10px auto;
}
.menu ul li {
	width: 33%;
	margin: 0px;
	text-align: center;
}
.telefon {
	float: right;
	width: 98%;
	padding: 0px;
	margin: 10px auto;
	text-align: center;
}

.opisanie .img-wrap,
.about .img-wrap,
.opisanie .text-wrap,
.about .text-wrap,
ul.preim,
footer .wrap,
.social, .contact
{
	float: none;
	width: 96%;
	margin: 40px auto;
	padding: 0;
}
.opisanie ul {
	margin-top: 0px;
	padding: 0;
}
ul.preim {
	margin-top: 60px;
}
ul.preim li {
	width: calc(100% - 51px);
}
ul.preim li ul {
	margin-top: 0px;
}

footer {
	height: auto;
}

.hide720 {display: none}
.show720 {display: block}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

.menu ul li {
	width: 100%;
	padding: 5px 0px;
}

#contactform {
	width: 100%;
}
#contactform input[type=text] {
	width: calc(100% - 54px);
}
#contactform input[type=submit] {
	width: 100%;
	font-size: 6vw;
}

.top-text,
ul.characters  li span
{
	float: none;
	width: 96%;
	margin: 40px auto;
	padding: 0;
}






}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}