@media only screen and (max-width:500px) {
	.btn-group>.btn:first-child {
		margin-top: -40px;
	}

}

@media screen and (max-width:350px) {
	.logo_box {
		transform: scale(0.8,0.8);
	}
}

@media screen and (max-width:270px) {
	.logo_box {
		margin-right: 40px;
	}
}


@media only screen and (max-width:1200px) {

    .soc_box_home {
    position: relative;
    margin-left: 0px;
}
}

@media only screen and (max-width:992px) {
    .topmenu a {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-transform: uppercase;
    color: #352514;
    font-family: "RobotoBold";
    padding: 0px 21px;
}

.catalog_info {
    position: relative;
    top: 0px;
    left: 0px;
}

.catalog_l1 {
    font-size: 38px;
    line-height: 30px;
    color: #000;
    text-transform: uppercase;
    font-family: "RobotoLight";
    margin-top: 20px;
    margin-left: 0px;
}

.catalog_l2 {
    font-size: 38px;
    line-height: 30px;
    color: #000;
    text-transform: uppercase;
    font-family: "Robotobold";
    margin-top: 10px;
    margin-left: 0px;
}

.oplata_l1 {
    font-size: 38px;
    line-height: 30px;
    color: #000;
    text-transform: uppercase;
    font-family: "RobotoBold";
    margin-top: 20px;
    margin-left: 0px;
}

.oplata_l2 {
    font-size: 38px;
    line-height: 30px;
    color: #000;
    text-transform: uppercase;
    font-family: "RobotoLight";
    margin-top: 10px;
    margin-left: 0px;
}

.catalog_l3 {
    background: rgba(53,37,20,0.4);
    max-width: 630px;
    color: #fff;
    padding: 20px 40px 20px 20px;
    margin-top: 20px;
    font-size: 12px;
}

    .organiz_footer_box_left {
    background: url(../images/organizachiya_07.png) right top no-repeat;
    height: 175px;
    width: 447px;
    margin-top: 95px;
    margin-left: 10px;
    padding: 10px 15px;
}

    .organiz_footer_box_right {
    background: rgba(255,255,255,0.84);
    width: 236px;
    margin-top: 45px;
    padding: 20px;
    margin-left: 40px;
    margin-bottom: 10px;
}

}

@media only screen and (max-width:768px) {

    .logo_box {
        text-align: center;
    }

    .header_phone {
        text-align: center;
        width: 100%;
        padding-top: 0px;
        height: auto;
    }

    .tell_me {
        text-align: center;
        width: 100%;
        padding-left: 0px;
    }

    .home_title_1 {
    text-align: center;
    color: #352514;
    font-size: 30px;
    text-transform: uppercase;
    font-family: "RobotoBold";
    margin: 10px 0px 30px 0px;
    position: relative;
	}

	.header_right_col .time{padding-top: 0px;}
    .header_right_col .time p{margin: 0 0 0px;}

    .footer_soc, .footer_copy, .footer_menu, .footer_phone_l1, .footer_phone_l2 {
        text-align: center;
    }


    .organiz_header_l1 {
    display: inline-block;
    margin-top: 26px;
    margin-right: 20px;
    background: rgba(0,0,0,0.6);
    padding: 5px 10px;
    color: #fff;
    font-size: 24px;
    line-height: 35px;
    text-align: right;
    text-transform: uppercase;
    font-family: "RobotoBold";
}

    .organiz_footer_box_left {
    background: rgba(255,255,255,0.84);
    height: 175px;
    width: 100%;
    margin-top: 20px;
    margin-left: 10px;
    padding: 10px 15px;
}

    .organiz_footer_box_right {
    background: rgba(255,255,255,0.84);
    width: 100%;
    margin-top: 45px;
    padding: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
}

}

/*new*/
@media (min-width: 280px) and (max-width: 1020px) {
	.icon-menu {
		display:block;
	}
	nav {
		min-height:60px;
	}
	nav > ul {
		padding-left:20px;
		display:none;
	}
	nav > ul > li {
		display:block;
	}
}

@media (min-width: 280px) and (max-width: 940px) {
	.forbidden-bottom ul,
	.forbidden-bottom ul+ul {
		width:90%;
		margin:0 auto;
		float:none;
	}
	.allowed h2 {
		padding:0;
	}
}

@media (min-width: 280px) and (max-width: 795px) {
	.forbidden ul {
		padding:35px 0 0 0;
	}
	.forbidden ul li:before {
		top:-45px;
		left:50%;
		margin-left:-20px;
	}
	.forbidden ul li {
		background:none;
		margin-bottom:55px;
		padding:0;
	}

	.forbidden ul li span,
	.forbidden ul li strong {
		line-height:21px;
		text-align:center;
		float:none;
		display:block;
	}
	.forbidden ul li div {
		width:100%;
		text-align:center;
		margin:0 auto;
		padding:0;
		display:table;
		float:none;
	}
}
@media (min-width: 280px) and (max-width: 615px) {
	.allowed h2 {
		font-size:21px;
		line-height:24px;
		padding:0 10px;
	}
	.allowed ul li {
		height:auto;
		line-height:18px;
		text-align:center;
		margin-bottom:30px;
		padding:0;
	}
	.allowed ul li:before {
		top:-27px;
		left:50%;
		margin-left:-19px;
	}
	.bottom-text p {
		text-align:center;
		padding:0;
	}
}

@media (min-width: 280px) and (max-width: 500px) {
	.ruls-h1 {
		font-size:25px;
		line-height:30px;
	}
	.ruls-h2 {
		font-size:21px;
		line-height:24px;
	}
	.phone-button {
		display:block;
	}
}

@media (min-width: 1020px) and (max-width: 3000px) {
	.icon-menu {
		display:none;
	}
	nav > ul {
		display:block !important;
	}
}