.nav-toggle{
	display: none;
}
.mob_phone{
	display: none;
}
.dostavka .col_men{
	display: none;
}
.links_mob{
	display: none;
}
.mob_nav{
	display: none;
}
/* Nav toggle*/
.nav-toggle{
    position: absolute;
    padding: 15px 0;
    display: none;    
    font-size: 0;
    color: transparent;
    border: 0;
    background: none;
    cursor: pointer;    
    width: 30px;
    top: 10px;
    right: 15px;
    z-index: 1;
}

.nav-toggle:focus{
    outline: 0;
}

.nav-toggle_item{
    display: block;    
    width: 100%;
    height: 3px;
    background-color: #3223BE;    
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;    
    transition: background 0.2s linear; 
}

.nav-toggle.active .nav-toggle_item{
    background: none;
}

.nav-toggle_item:before,
.nav-toggle_item:after{
    content: "";
    width: 100%;
    height: 3px;
    background-color: #3223BE;    
    position: absolute;    
    right: 0;    
    left: 0;
    margin: auto;    
    transition: transform 0.2s linear;
}

.nav-toggle.active .nav-toggle_item:before{
    transform-origin: left top;
    transform: rotate(45deg) translate3d(0px, -2px, 0);
}

.nav-toggle.active .nav-toggle_item:after{
    transform-origin: left bottom;
    transform: rotate(-45deg) translate3d(0px, 3px, 0);
}


.nav-toggle_item:before{
    top: -8px;
}

.nav-toggle_item:after{
    bottom: -8px;
}

/*media*/
@media(max-width: 1650px){
	.intro .inner{
		z-index: 10;
	}
	
}
@media(max-width: 1450px){
	.header .nav .nav_link{
		margin-left: 15px;
		margin-right: 15px;
	}
	.intro .intro_img{
		max-width: 980px;
		bottom: 20%;
	}
	.intro .title{
		font-size: 36px;
	}
	.intro .title p{
		max-width: 425px;
	}
	.header .nav .nav_link{
		font-size: 12px;
	}
	.header .order_block .cnt .mail_link{
		font-size: 12px;
		text-align: right;
	}
	.header .order_block .cnt .phone_link{
		font-size: 14px;
		text-align: right;
	}
	.header .order_block .order_btn{
		font-size: 12px;
		width: 140px;
        height: 30px;
	}
	.header .nav{
		/*width: 35%;*/
	}
	.container{
		max-width: 1110px;
	}
	.intro{
		min-height: 720px;
	}
	.about {
       padding-top: 90px;
       padding-bottom: 46px;
    }
	.detailes{
		padding-bottom: 90px;
	}
	.about .title, .detailes .title, .choose .content .text .ttl, .choose .cont_bg .txt, .dostavka .col_text .ttl, .podbor .podbor_inn .ttl, .brands .title, .lost_order .form_bg form .form_title, .contacts .title{
		font-size: 22px;
		margin-bottom: 30px;
	}
	.about .text, .choose .content .text .txt, .dostavka .col_text .txt, .podbor .podbor_inn .txt{
		font-size: 14px;
	}
}
@media(max-width: 1370px){
	.intro .call_price, .choose .content .more_btn, .dostavka .col_form form .row button, .dostavka .col_form form .row input[type="submit"], .podbor .podbor_inn .p_btn, .lost_order .form_bg form .column .row button, .lost_order .form_bg form .column .row input[type="submit"]{
		font-size: 14px;
	}
	.intro .intro_img{
		max-width: 780px;
	}
	.choose .content{
		padding-top: 40px;
    padding-left: 30px;
    padding-bottom: 30px;
		min-height: 350px;
	}
	.podbor .podbor_inn{
		padding-top: 40px;
    padding-left: 30px;
    padding-bottom: 30px;
		min-height: 300px;
		height: 300px;
	}
	.podbor .podbor_inn .p_img{
		max-width: 500px;
		bottom: 0;
    right: 0;
	}
	.choose .content .choose_img{
		max-width: 500px;
	}
	.dostavka, .podbor, .brands, .lost_order{
        padding-bottom: 40px;
    }
	.detailes .items_flex .item .ttl_block{
		font-size: 18px;
	}
	.contacts .info .row .adress, .contacts .info .row .phone_link, .contacts .info .row .worktime, .contacts .info .row .email_link{
		font-size: 18px;
	}
	.contacts .info .row .adress_title, .contacts .info .row .phone_title, .contacts .info .row .time_title, .contacts .info .row .email_title{
		font-size: 18px;
	}
	.contacts .map iframe{
		min-height: 318px;
	}
}
@media(max-width: 1190px){
	.intro {
        min-height: 520px;
    }
	.intro .intro_img{
		bottom: 0;
	}
	.header .inner{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.choose .content .choose_img{
		max-width: 400px;
		bottom: 0;
	}
	.choose .content{
		min-height: 300px;
		padding: 15px;
	}
	.contacts{
		padding-bottom: 40px;
	}
	.contacts .info .row{
		margin-bottom: 15px;
	}
	.about .title{
		width: 100%;
	}
	.about .text{
		width: 100%;
	}
	.about .text p{
		max-width: 100%;
	}
	.about{
		padding-top: 40px;
	}
	.detailes .items_flex .item{
		height: 290px;
	}
	.detailes .items_flex .item .ttl_block{
		font-size: 16px;
	}
	.detailes{
		padding-bottom: 40px;
	}
	.header .nav .nav_link{
		margin-left: 10px;
		margin-right: 10px;
	}
	.header .nav{
		/*width: 38%;*/
	}
	.header .order_block{
		width: 26%;
	}
	.choose .cont_bg{
		background-size: cover!important;
		background-position: center;
		min-height: 197px;
		padding: 25px 25px;
		display: flex;
		align-items: center;
		margin-top: 35px;
	}
	.choose{
		padding-bottom: 35px;
	}
	.choose .cont_bg .txt{
		margin-bottom: 0;
	}
}
@media(max-width: 1030px){
	.mob_phone{
	    display: block;
		position: absolute;
		top: 13px;
        right: 60px;
    }
	.header .nav{
		display: none;
	}
	.header .nav.active{
		display: block;		
	}
	.mob_nav.active{
		display: block;
    position: absolute;
    background: #fff;
    z-index: 999;
    top: 62px;
    left: 0;
    right: 0;
	}
	.mob_nav.active .links{
		width: 100%;
		margin-bottom: 72px;
		margin-top: 47px;
	}
	.mob_nav.active .links .nav_link{
		margin-top: 10px;
		margin-bottom: 10px;
		color: #162623;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
		text-decoration: none;
		display: block;
		text-align: center;
		width: 100%;
	}
	.mob_nav.active .cnt{
		margin-bottom: 24px;
	}
	.mob_nav.active .cnt .mail_link{
		color: #5A5A5A;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
		margin-bottom: 10px;
		display: block;
		text-decoration: none;
	}
	.mob_nav.active .cnt .phone_link{
		display: block;
		color: #162623;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
		text-decoration: none;
	}
	.mob_nav.active .call_btn{
		border: 1px solid #3223BE;
		width: 200px;
        height: 46px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 50px;
		color: #3223BE;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.25;
		text-decoration: none;
	}
	.header .order_block{
		display: none;
	}
	.nav-toggle{
		display: block;
	}
	.intro{
		padding-top: 80px;
	}
	.header .logo{
		width: 120px;
	}
	.intro .title{
		margin-bottom: 30px;
		font-size: 30px;
	}
	.intro .intro_img{
		max-width: 500px;
	}
	.choose .content{
		height: 435px;
	}
	.choose .content .text{
		max-width: 100%;
	}
	.choose .content .more_btn{
		position: relative;
		z-index: 10;
	}
	.podbor .podbor_inn .ttl, .podbor .podbor_inn .txt, .podbor .podbor_inn .p_btn{
		position: relative;
		z-index: 10;
	}
	.podbor .podbor_inn{
		height: 420px;
	}
	.podbor .podbor_inn .p_img{
		max-width: 400px;
	}
	.podbor .podbor_inn{
		padding: 15px;
	}
	.dostavka .col_form form{
		padding: 15px;
	}
	.dostavka .col_text{
		width: 100%;
		margin-bottom: 20px;
	}
	.dostavka .col_form{
		width: 100%;
	}
	.dostavka .men_img{
		display: none;
	}
	.dostavka .col_men{
	   display: block;
	   width: 100%;	
		max-width: 450px;
		margin-left: auto;
		margin-right: auto;
    }
	.dostavka .col_men img{
	   width: 100%;
	   height: auto;	
    }
	.lost_order .form_bg{
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media(max-width: 780px){
	.detailes .items_flex .item{
		width: 100%;
		max-width: 390px;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.detailes .items_flex .item{
		height: 240px;
	}
	.detailes .items_flex .item .img_block{
		min-height: 185px;
		background-size: cover!important;
	}
	.choose .content .choose_img{
		max-width: 295px;
	}
	.choose .content .text{
		position: relative;
		z-index: 10;
	}
	.choose .cont_bg{
		margin-top: 35px;
	}
	.detailes{
		padding-bottom: 20px;
	}
	.brands .brand_flex .item{
		width: 32%;
		margin-bottom: 25px;
	}
	.dostavka, .podbor, .brands, .lost_order{
		padding-bottom: 25px;
	}	
	.podbor .podbor_inn .p_img{
		bottom: -50px;
	}
	.brands{
		padding-top: 30px;
	}
	.contacts .info .row .adress, .contacts .info .row .phone_link, .contacts .info .row .worktime, .contacts .info .row .email_link{
		font-size: 16px;
	}
	.contacts .info{
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.contacts .map{
		width: 100%;
		max-width: 100%;
	}
	.lost_order .form_bg form .column .row{
		margin-bottom: 10px;
		width: 100%;
	}
	.lost_order .form_bg{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	/*textpage*/
.textpage{
	padding-bottom: 40px;
	padding-top: 40px;
}
.textpage .title{
	font-size: 20px;
	margin-bottom: 10px;
}
.textpage h2{
	font-size: 16px;
}
.textpage p{
	font-size: 14px;
}
}
@media(max-width: 500px){
	.intro .intro_img{
		max-width: 350px;
	}
	.intro {
        min-height: 490px;
    }
	.choose .content .more_btn{
		margin-top: 180px;
	}
	.choose .content .choose_img {
       right: 0;
       bottom: 75px;
    }
	.podbor .podbor_inn .p_img{
		max-width: 355px;
	}
	.contacts .map iframe{
		min-height: 250px;
	}
	.choose .cont_bg{
		background: url(images/choose/ch_bg.png);
		background-position: center;
		background-size: cover;
		/*max-width: 300px;*/
		max-width: 100%;
		height: 273px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		padding: 15px;
		margin-top: 20px;
	}
	.choose .cont_bg .txt{
		font-size: 18px;
	}
	.lost_order .form_bg form{
		width: 70%;
	}
	.lost_order .form_bg{
		background: url(images/form/bg_mob.png);
		background-position: center;
		background-size: cover;
		/*max-width: 300px;*/
		max-width: 100%;
		height: 482px;
		margin-left: auto;
		margin-right: auto;
	}
	.lost_order .form_bg form .form_title{
		margin-bottom: 20px;
	}
	.lost_order .form_bg form {
        width: 100%;
    }
	.lost_order .form_bg form .notes{
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.links_mob{
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}
	.footer{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.footer .logo_slogan{
		width: 80px;
		font-size: 12px;
	}
	.links_mob p, .links_mob p a{
		color: #fff;
		text-decoration: none;
		font-size: 10px;
	}
	.footer .links{
		width: 110px;
	}
	.footer .links .private{
		font-size: 10px;
	}
	.links .pc{
		display: none;
	}
}
@media(max-width: 340px){
	.choose .content .choose_img{
		max-width: 260px;
	}
	.about .title, .detailes .title, .choose .content .text .ttl, .choose .cont_bg .txt, .dostavka .col_text .ttl, .podbor .podbor_inn .ttl, .brands .title, .lost_order .form_bg form .form_title, .contacts .title{
		margin-bottom: 20px;
	}
	.podbor .podbor_inn .p_img{
		max-width: 295px;
	}
	.podbor .podbor_inn .txt p{
		margin-bottom: 10px;
	}
	.podbor .podbor_inn .ttl{
		margin-bottom: 20px;
	}
	.podbor .podbor_inn {
        height: 380px;
    }
	.dostavka .col_text{
		margin-bottom: 0;
	}
	.dostavka .col_form form .sttl{
		font-size: 14px;
	}
	.dostavka .col_form form .ttl{
		margin-bottom: 10px;
	}
	.about{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.mob_nav.active .links{
		max-width: 150px;
		margin-left: auto;
		margin-right: auto;		
	}
	.mob_nav.active .links .nav_link{
		text-align: left;
	}
}