@media (min-width: 1200px){
    
	.hide_lg{
		display: none;
	}
    
    .container{
        width: 1000px;
    }
    
    header div.header-shadow{
        display: none;
    }
}


@media (min-width: 992px) and (max-width: 1199px){
    
    .container{
        width: 1000px;
    }

    

	/**/
	.hide_lg{
	    display: none;
	}
	.hide_md{
	    display: none;
	}
    
    
    header div.top_header div.menu-container div.menu > ul >li div.under_menu{
        display: none !important;
    }
    
    div.catalog div.catalog-section div.element-container{
        height: auto;
    }
    div.catalog div.catalog-section div.element:hover{
        padding: 20px 10px 0;
        margin: 0px 0 60px;
        z-index: 99;
        background-color:#fff;
        box-shadow: none;
    }
    div.catalog div.catalog-section div.element div.bot_element{
        display: block;
    }
    

}


@media (min-width: 768px) and (max-width: 991px){
	
	header div.top_header{
	    display: none;
	}
    
    header div.header-text{
        padding-top: 20px;
    }
    header div.header-text h1{
        font-size: 47px;
        line-height: 53px;
    }

	div.block div.head{
	    margin-bottom: 5px;
	}
	div.block div.head h2 {
	    font-size: 45px;
	    line-height: 48px;
	}
	div.block.header-text{
	    padding: 40px 0 40px;
	}

	div.block div.header-icons div.element{
	    margin: 15px 5px;
	    padding: 10px;
	}

	div.block div.header-icons div.element table td{
	    font-size: 14px;
	    line-height: 16px;	
	}
	div.block div.header-icons div.element table td:first-child {
	    width: 55px;
	}
    
    
    div.block div.video div.l_side{
        margin-right: 0;
    }
    div.block div.video div.r_side{
        margin-left: 0;
    }
    div.block div.video div.text{
	    margin: 10px 0 40px;
	}
    div.block div.video div.text div.btn-block{
        text-align: center;
    }
	    
    /*products*/
	div.block div.products div.elements div.element div.top_element div.switch_price div.top_switch{
	    font-size: 12px;
	    line-height: 14px;
	}
	div.block div.products div.elements div.element div.top_element div.switch_price div.bot_switch{
	    font-size: 9px;
	    line-height: 10px;
	}
	div.block div.products div.elements div.element div.bot_element{
	    display: block;
	    margin: 0;
	}
	div.block div.products div.elements div.element:hover{
	    top: 0;
	    position: relative;
	    box-shadow: 0 0 0px rgba(255,255,255, 0);
	    border-radius: 0;
	    overflow: hidden;
	    z-index: 100;
	}
	div.block div.products div.elements div.element div.bot_element ul li{
	    font-size: 12px;
	    line-height: 13px;
	    margin-bottom: 7px;
	}


	/**/
	div.block div.text_content div.text{
	    margin: 10px 0 30px;
	    font-size: 15px;
	    line-height: 19px;
	}
	/**/
	div.block div.comment div.bot_comment div.list div.item{
	    padding: 0 15px;
	}

	

	/**/
	div.block div.test div.element{
	    margin: 10px 0 20px;
	}
    div.block div.test div.test-elem:nth-of-type(3n+1) div.element{
        margin-right: 0;
    }
    div.block div.test div.test-elem:nth-of-type(3n+2) div.element{
        margin-left: 0px;
        margin-right: 0px;
    }
    div.block div.test div.test-elem:nth-of-type(3n+3) div.element{
        margin-left: 0;
    }
    div.block div.test div.element div.title-text{
        font-size: 18px;
        padding: 15px 10px 15px;
    }
    div.block div.test div.element div.img{
        height: 90px;
    }
    div.block div.test div.element div.text{
        font-size: 13px;
	    margin: 20px 10px 0;
	}
    div.block div.test div.element div.link{
        padding: 25px 10px;
    }
    div.block div.test div.element div.link a{
        padding-top: 5px;
        padding-bottom: 7px;
        font-size: 12px;
    }
    div.block div.test div.element div.link div.ios{
        width: 95px;
        height: 30px;
        background-size: 95px;
    }
    div.block div.test div.element div.link div.android{
        width: 95px;
        height: 30px;
        background-size: 95px;
    }

	/**/
	div.block.test_2 div.head h3{
	   margin-top: 30px;
	}

	div.form-open div.reg div.reg-button a {
	    font-size: 16px;
	}
    
    
    div.block.news-main div.content div.l_side{
        margin-right: 0;
    }
    div.block.news-main div.content div.r_side{
        margin-left: 0;
    }
    
    
    div.block div.comment div.element div.l_side{
        margin-right: 0;
    }
    div.block div.comment div.element div.r_side{
        margin-left: 10px;
        padding: 0px 5px 40px 50px;
        background-size: 35px;
    }
    div.block div.comment div.element a.button{
        margin-left: 60px;
    }
    div.block div.comment div.element div.l_side div.img img{
        max-width: 130px;
    }
    

	/**/
	.hide_sm{
	    display: none;
	}
    
    footer div.contacts{
        margin: 20px 0 35px;
        text-align: center;
    }
    footer div.copyright{
        text-align: center;
    }
    footer div.copyright_text{
        text-align: center;
    }
    
    
    div.block div.navigate table{
        margin-top: -55px;
    }
    
    
    
    div.block div.news div.full{
        text-align: center;
    }
    div.block div.news div.full a{
        margin-bottom: 40px;
    }
    
    
    div.catalog div.catalog-section div.element-container{
        height: auto;
    }
    div.catalog div.catalog-section div.element:hover{
        padding: 20px 10px 0;
        margin: 0px 0 60px;
        z-index: 99;
        background-color:#fff;
        box-shadow: none;
    }
    div.catalog div.catalog-section div.element div.bot_element{
        display: block;
    }

    
    div.catalog div.filter ul li a{
        font-size: 15px;
    }

}


@media (max-width: 767px){
    
    td.mobile-break{
        width: 100%;
        display: block;
    }

	div.block {
	    padding: 20px 0;
	}
	div.block div.head{
	    margin-bottom: 10px;
	}
	div.block div.head h2 {
	    font-size: 22px !important;
	    line-height: 24px !important;
	}
	div.block div.head h3 {
	    font-size: 30px;
	    line-height: 32px;
	    font-weight: normal;
	    text-align: center;
	    margin: 0px 0 15px;
	}
	div.block div.content div.l_side{
	    margin-right: 0 !important;
	}
	div.block div.content div.r_side{
	    margin-left: 0 !important;
	}
	div.block div.selected_content{
	    display: block;
	    margin: 20px 0 60px;
	}

	/*div.header*/
	div.header .btn-default{
	    margin-top: 10px;
	}
	/**/
	table.main-nav{
	    margin: 25px 0;
	    width: 100%;
	}
	.form-group {
	     margin-bottom: 0; 
	}

	/**/
	
	header div.header-text{
	    padding: 20px 0 20px;
	}
	header div.header-text h1{
	    font-size: 32px;
	    line-height: 34px;
	}
	header div.header-text h2 {
	    font-size: 22px;
	    line-height: 24px;
	}
	header div.top_header{
	    display: none;
	}

	header div.header-icons div.element {
	    margin: 15px 5px;
	}

	/**/
	div.block.header-text {
	    padding: 20px 0 20px;
	}
	div.block div.header-icons div.element {
	    margin: 15px 5px;
	    padding: 15px;
	}

	/**/
	div.block div.text_content div.text p.number{
	    margin: 0 0 20px 0;
	}

	/*video*/
	div.block div.video div.text{
	    margin: 0px 0px 40px;
	}
	div.block div.video div.player {
	    margin: 0;
	}
	div.block div.video div.player div.video-container{
	    height: 145px;
	}
	
	

	/*configurator*/
	div.block div.configurator div.l_side{
	    margin:0;
	    padding:0;
	}
	div.block div.configurator div.l_side h2{
	    text-align: center;		
	}
	div.block div.configurator div.l_side h3{
	    text-align: center;
	}
	/**/
	div.block.test_2 div.head h3{
	    margin-top: 30px;
	}
	div.block div.configurator td.td_block {
	    display: block;
	}
	div.block div.configurator div.wrap{
	    text-align:center;
	}
	div.block div.configurator a.button {
	    margin: 0 auto;
	    padding: 15px 30px 15px 65px;
	    background-position: 25px 11px;
	}

	/*comment*/
	div.block div.comment div.element{
		margin-bottom: 35px;
	}

	/*questions*/
	div.block div.questions div.faq{
	    margin: 0;
	}

	/*slider*/
	div.block div.slider div.element{
	    text-align: center;
	    padding: 0 20px;
	}
	div.block div.slider div.element a{
	    font-size: 15px;
	    line-height: 18px;
	}
	div.block div.slider div.element div.img img{
	    max-height: 200px;
	}

	/*products*/
	div.block div.products div.wrap div.side{
	    border-right: 0;
	    margin-right: 0;
	    padding-right: 15px;
	    text-align: center;
	}
	div.block div.products div.wrap div.side:nth-child(2n) {
	    padding-left: 15px;
	    border-right: 0;
	}
	div.block div.products a.link {
	    margin-top: 20px;
	}
	div.block div.products div.elements div.element div.top_element{
		display: inline-block;
	}

	div.block div.products div.elements div.element div.top_element div.switch_price{
	    text-align: center;
	}
	div.block div.products div.elements div.element div.top_element div.switch_price table{
	    display: inline-block;
	    width: initial;
	    text-align: left;
	}
	div.block div.products div.elements div.element div.top_element div.switch_price td.active > div {
	    padding-right: 10px;
	}

	div.block div.products div.elements div.element div.top_element div.switch_price div.top_switch{
	    font-size: 20px;
	    line-height: 22px;
	}
	div.block div.products div.elements div.element div.top_element div.switch_price div.bot_switch{
	    font-size: 13px;
	    line-height: 15px;
	}
	div.block div.products div.elements div.element div.bot_element{
	    display: block;
	    margin: 0;
	}
	div.block div.products div.elements div.element:hover{
	    top: 0;
	    position: relative;
	    box-shadow: 0 0 0px rgba(255,255,255, 0);
	    border-radius: 0;
	    overflow: hidden;
	    z-index: 100;
	}
	div.block div.products div.elements div.element div.bot_element ul{
	    text-align: left;
	}
	div.block div.products div.elements div.element div.bot_element ul li{
	    font-size: 16px;
	    line-height: 18px;
	    margin-bottom: 7px;
	}
	/**/
    

    div.block.header-text h1{
        font-size: 30px;
        line-height: 33px;
    }
    

	/*news*/
	
	div.block div.news div.element div.img {
	     max-width: 100%; 
	     margin-bottom: 20px;
	}
	div.block div.news div.element div.text{
	    padding-left: 0px;
	    text-align: center;
	}

	/*text_content*/
	div.block div.text_content div.text{
	    margin: 10px 0px 30px;
	    text-align: center;
	}
    
    
    div.catalog div.catalog-section-list div.section{
        margin: 0 5px 30px;
    }
    div.catalog div.catalog-section-list div.section img{
        max-width: 140px;
    }

    /**/
    div.block div.footer-form div.form-title {
	    font-size: 25px;
	    line-height: 28px;
	    margin-bottom: 15px;
	    text-align: center;
	}

	/**/
	div.block div.tarif table.table td a.button {
	  	padding: 20px;
	    background-position: center;
	}

	
	
	/**/
	.hide_xs{
	    display: none;
	}
    
    .hidden-xs2{
        display: none !important;
    }
    
    header div.header-mobile div.logo{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    header div.header-mobile div.logo img{
        margin: 0 auto;
    }
    
    header div.header-mobile div.button-group.right {
        display: table;
        width: 100%;
    }
    header div.header-mobile div.button-group.right>.btn-group {
        float: none;
        display: table-cell;
        width: 1%;
    }
    header div.header-mobile div.button-group.right>.btn-group > button,
    header div.header-mobile div.button-group.right>.btn-group > a{
        width: 100%;
    }
    
    header div.header-mobile div.phone{
        position: static;
        text-align: center;
    }
    header div.header-mobile div.phone span{
        display: block;
    }
    header div.header-mobile div.phone a{
        font-size: 24px;
    }
    
    table.main-nav div.search .form-group{
        margin-bottom: 0;
    }
    
    
    div.block div.slider table.element{
        margin: 0 30px;
    }
    div.block div.slider table.element td.img{
        display: none;
    }
    
    div.case-open div.case-container a.close-case{
        right: 10px;
    }
    
    div.block div.test div.element{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    
    
    div.form-open div.inner-container a.close-form{
        right: 10px;
    }

    
}
