@media only screen and (max-width : 1200px) {
	.second .btn,
	.map .btn{
		width: 40%;
	}
	header{
		-webkit-background-size: cover;
		background-size: cover;
	}
	header .logo p{
		margin-left: 45px;
	}
	.first{
		height: 100vh;
	}
	.first .table{
		width: 85%;
	}
	.third{
		padding: 0;
	}
	.third .line-content{
		padding: 30px 0;
		width: 100%;
	}
	.photo-3{
		-webkit-background-size: cover !important;
		background-size: cover !important;
		padding: 0 !important;
	}
	.third .line-content .btn{
		width: 60%;
	}
	.animationOpen{
		width: 40% !important;
	}
}
@media only screen and (max-width : 768px) and (max-height : 500px){
	.second, .pop-serv{
		display: none;
	}
	.photo-1, .photo-2, .photo-3{
		height: auto;
	}
	.no-mobile{
		display: none;
	}
	.pop-serv .box img{
		width: 100%;
	}
	.mobile{
		display:block !important
	}
	header .col-md-3, header .col-md-2{
		width: 33.33333%;
		display: inline-block;
		float: left;
	}
	header .offset{
		display: none !important;
	}
	header .logo img{
		width: 40%;
		position: relative;
	}
	header .logo p{
		font-size: .5rem;
		margin-left: 5px;
	}
	header .btn{
		font-size: .8rem;
		padding: 10px;
		display: block;
	}
	.first{
		height: auto !important;
		-webkit-background-size: contain;
		background-size: contain;
		background-position: top;
	}
	.first .table{
		box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.2);
	}
	.first .table .dop-title{
		display: inline-block;
		float: left;
		margin: 10px 0;
		width: 50%;
	}
	.first .table .pretitle{
		width: 80%;
		margin: 16px auto 0 auto;
	}
	.first .table{
		padding: 40px 30px !important;
	}
	.tehnika .col-md-4{
		display: inline-block;
		float: left;
		width: 100%;
	}
	.tehnika .box{
		padding: 20px 5px;
		width: 220px;
		margin: 0 auto;
	}
	.tehnika .box img{
		width: 100%;
	}
	.tehnika .row:nth-child(2){
		flex-wrap: nowrap;
		overflow: auto;
	}
	.tehnika .box h4{
		font-size: 1.1rem;
	}
	.tehnika .box h5{
		font-size: .9rem;
	}
	.tehnika .box p{
		font-size: .7rem;
	}
	.tehnika .box .btn{
		font-size: .8rem;
		padding: 8px 14px;
	}
}
@media only screen and (max-width : 1325px) {
	header .logo img{
		left: 8%;
		width: 18%;
	}
}
@media only screen and (max-width : 1200px) {
	.animationOpen{
		width: 60% !important;
	}
	header{
		padding: 10px 0 30px 0;
		-webkit-background-size: cover;
		background-size: cover;

	}
	header .logo img{
		width: 32%;
		left: -4%;
		position: relative;
	}
	header .logo p{
		font-size: .6rem;
		margin-left: 5px;
	}
	header .phone a{
		font-size: 1rem;
	}
	header .phone span, header .phone .bit-mob{
		font-size: .6rem;
	}
	header .btn{
		font-size: .8rem;
		padding: 10px;
		display: block;
	}
	.first{
		background-position: top;
		-webkit-background-size: contain;
		background-size: contain;
		height: auto;
		margin-top: 56px;
	}
	.first .table{
		width: 100%;
		margin-top: 30px;
		top: 0;
		padding: 15px;
	}
	.first .table p{
		margin: 12px 0;
		font-size: .84rem;
	}
	.second h3{
		width: 100%;
		font-size: 1.6rem;
	}
	.tehnika h3 {
        width: 100%;
        font-size: 1.6rem
    }
    .tehnika hr {
        width: 40%
    }
    .help h4 {
        margin-top: 20px
    }
    .help ul li {
        font-size: 1rem
    }
    .help .btn {
        width: 50%
    }
	.second hr{
		width: 40%;
	}
	.third{
		background-image: none !important;
	}
	.third .mob-img{
		display: block;
	}
	.third .line-content,
	.third .right-line{
		width: 100%;
		margin: 20px 0;
		padding: 0 !important;
		text-align: center !important;
	}
	.third .line-content hr{
		margin: auto;
		left: 0 !important;
	}
	.tehnika .col-md-4{
		display: inline-block;
		float: left;
		width: 100%;
	}
	.tehnika .box{
		padding: 20px 5px;
		width: 220px;
		margin: 0 auto;
	}
	.tehnika .box img{
		width: 100%;
	}
	.tehnika .row:nth-child(2){
		flex-wrap: nowrap;
		overflow: auto;
	}
	.map p, .pop-serv p{
		width: 100%;
	}
	.pop-serv .box{
		padding: 1%;
	}
	.pop-serv .box img{
		width: 80%;
	}
	.third .line-content .btn{
		float: none;
		width: 100%;
	}
	.fourth .evacuator{
		margin-bottom: 20px;
	}
	.fourth .txt p{
		font-size: .8rem;
	}
	.fourth .btn{
		margin: 20px 0 0 0;
	}
	footer .content{
		width: 100%;
	}
	footer .content h3{
		font-size: 1.3rem;
	}
	footer .content .pretitle{
		width: 60%;
		padding: 10px;
		margin: 0 auto;
	}
	footer .phone a{
		font-size: 1rem;
	}
	footer .content p{
		margin: 10px 0;
	}
	footer .phone{
		text-align: center;
		margin-bottom: 14px;
	}
	footer .btn{
		width: 100%;
		padding: 10px;
		margin: auto;
		text-align: center;
		display: block;
	}
	.obscure input, .obscure button{
		width: 90%;
	}
	.second .btn,
	.map .btn{
		width: 60%;
	}
}


@media only screen and (max-width : 480px) {
	.tehnika .row:nth-child(2){
		flex-wrap: wrap;
		overflow: visible;
	}
	.tehnika .box{
		padding: 20px 10px;
		width: 100%;
	}
	.tehnika .col-md-4{
		float: none;
		display: block;
	}
	.mob-block{
		display: block;
	}
	.no-mobile{
		display: none;
	}
	.mobile{
		display:block !important
	}
	header .phone .bit-mob{
		line-height: 1.4;
	}
	header .phone a{
		font-size: 1.7rem;
	}
	.second .btn,
	.map .btn{
		width: 100%;
	}
	.animationOpen{
		width: 90% !important;
	}
	header{
		background-image: url(../img/images/logo.png);
		background-position: 5% 10%;
		background-repeat: no-repeat;
		-webkit-background-size: 50px;
		background-size: 65px;
		background-color: #464646;
		padding: 10px 0;
	}
	header .logo{
		display: none;
	}
	header .phone{
		text-align: center;
		margin-bottom: 10px;
	}
	.first{
		-webkit-background-size: cover;
		background-size: cover;

		height: auto;
		margin-top: 120px;
	}
	.first .table{
		width: 100%;
		margin-top: 30px;
		top: 0;
		padding: 15px;
	}
	.first .table p{
		margin: 12px 0;
		font-size: .9rem;
	}
	.tehnika h3 {
        width: 100%;
        font-size: 1.6rem
    }
    .tehnika .box{
    	margin-top: 14px;
    }
    .tehnika .box img{
    	width: 65%;
    }
    .tehnika hr {
        width: 40%
    }
    .help .btn{
    	width: 100%;
    }
    .second, .pop-serv{
    	display: none;
    }
	.second h3{
		width: 100%;
		font-size: 1.6rem;
	}
	.second hr{
		width: 40%;
	}
	.third{
		height: auto !important;
		background-image: none !important;
	}
	.third .mob-img{
		display: block;
	}
	.third .line-content,
	.third .right-line{
		width: 100%;
		margin: 20px 0;
		padding: 0 !important;
		text-align: center !important;
	}
	.third .line-content hr{
		margin: auto;
		left: 0 !important;
	}
	.map p, .pop-serv p{
		width: 100%;
	}
	.pop-serv .box{
		padding: 1%;
	}
	.pop-serv .box img{
		width: 80%;
	}
	.third .line-content .btn{
		float: none;
		width: 100%;
	}
	.fourth .evacuator{
		margin-bottom: 20px;
	}
	.fourth .txt p{
		font-size: .8rem;
	}
	.fourth .btn{
		margin: 20px 0 0 0;
	}
	footer .content{
		width: 100%;
	}
	footer .content h3{
		font-size: 1.3rem;
	}
	footer .content .pretitle{
		width: 100%;
		padding: 10px;
		margin: 0;
	}
	footer .content p{
		margin: 10px 0;
	}
	footer .phone{
		text-align: center;
		margin-bottom: 14px;
	}
	footer .btn{
		width: 80%;
		margin: auto;
		text-align: center;
		display: block;
	}
	.obscure input, .obscure button{
		width: 90%;
	}
}


@media only screen and (max-width : 375px) {
	.mob-block{
		display: block;
	}
	.no-mobile{
		display: none;
	}
	header .phone a{
		font-size: 1.7rem;
	}
	.second .btn,
	.map .btn{
		width: 100%;
	}
	.animationOpen{
		width: 90% !important;
	}
	header{
		background-color: #464646;
		padding: 10px 0;
		background-image: url(../img/images/logo.png);
		background-position: 5% 10%;
		background-repeat: no-repeat;
		-webkit-background-size: 50px;
		background-size: 62px;
	}
	header .logo{
		display: none;
	}
	header .phone{
		text-align: center;
		margin-bottom: 10px;
	}
	.first{
		height: auto;
		margin-top: 120px;
	}
	.first .table{
		width: 100%;
		margin-top: 30px;
		top: 0;
		padding: 15px;
	}
	.first .table p{
		margin: 12px 0;
		font-size: .9rem;
	}
	.second h3{
		width: 100%;
		font-size: 1.6rem;
	}
	.second hr{
		width: 40%;
	}
	.third{
		background-image: none !important;
	}
	.third .mob-img{
		display: block;
	}
	.third .line-content,
	.third .right-line{
		width: 100%;
		margin: 20px 0;
		padding: 0 !important;
		text-align: center !important;
	}
	.third .line-content hr{
		margin: auto;
		left: 0 !important;
	}
	.map p, .pop-serv p{
		width: 100%;
	}
	.pop-serv .box{
		padding: 1%;
	}
	.pop-serv .box img{
		width: 80%;
	}
	.third .line-content .btn{
		float: none;
		width: 100%;
	}
	.fourth .evacuator{
		margin-bottom: 20px;
	}
	.fourth .txt p{
		font-size: .8rem;
	}
	.fourth .btn{
		margin: 20px 0 0 0;
	}
	footer .content{
		width: 100%;
	}
	footer .content h3{
		font-size: 1.3rem;
	}
	footer .content .pretitle{
		width: 100%;
		padding: 10px;
		margin: 0;
	}
	footer .content p{
		margin: 10px 0;
	}
	footer .phone{
		text-align: center;
		margin-bottom: 14px;
	}
	footer .btn{
		width: 80%;
		margin: auto;
		text-align: center;
		display: block;
	}
	.obscure input, .obscure button{
		width: 90%;
	}
}

@media only screen and (max-width : 320px) {
	.mob-block{
		display: block;
	}
	.no-mobile{
		display: none;
	}
	header .phone a{
		font-size: 1.7rem;
	}
	.second .btn,
	.map .btn{
		width: 100%;
	}

	.animationOpen{
		width: 90% !important;
	}
	header{
		background-image: url(../img/images/logo.png);
		background-position: 5% 10%;
		background-repeat: no-repeat;
		-webkit-background-size: 50px;
		background-size: 58px;
		background-color: #464646;
		padding: 10px 0;
	}
	header .logo{
		display: none;
	}
	header .phone{
		text-align: center;
		margin-bottom: 10px;
	}
	.first{
		height: auto;
		margin-top: 120px;
	}
	.first .table{
		width: 100%;
		margin-top: 30px;
		top: 0;
		padding: 15px;
	}
	.first .table p{
		margin: 12px 0;
		font-size: .8rem;
	}
	.second h3{
		width: 100%;
		font-size: 1.6rem;
	}
	.second hr{
		width: 40%;
	}
	.third{
		background-image: none !important;
	}
	.third .mob-img{
		display: block;
	}
	.third .line-content,
	.third .right-line{
		width: 100%;
		margin: 20px 0;
		padding: 0 !important;
		text-align: center !important;
	}
	.third .line-content hr{
		margin: auto;
		left: 0 !important;
	}
	.map p, .pop-serv p{
		width: 100%;
	}
	.pop-serv .box{
		padding: 1%;
	}
	.pop-serv .box img{
		width: 80%;
	}
	.third .line-content .btn{
		float: none;
		width: 100%;
	}
	.fourth .evacuator{
		margin-bottom: 20px;
	}
	.fourth .txt p{
		font-size: .8rem;
	}
	.fourth .btn{
		margin: 20px 0 0 0;
	}
	footer .content{
		width: 100%;
	}
	footer .content h3{
		font-size: 1.3rem;
	}
	footer .content .pretitle{
		width: 100%;
		padding: 10px;
		margin: 0;
	}
	footer .content p{
		margin: 10px 0;
	}
	footer .phone{
		text-align: center;
		margin-bottom: 14px;
	}
	footer .btn{
		width: 80%;
		margin: auto;
		text-align: center;
		display: block;
	}
	.obscure input, .obscure button{
		width: 90%;
	}
}