﻿
@media screen and (max-width: 1600px) {

.komlekt-item-right {
    width: 360px;
}

.itemImageBlock-komplekt {
    width: calc(100% - 390px);
}

}



@media screen and (max-width: 1500px) {

.subblok-pe-preimushchestva.cena, .subblok-pe-preimushchestva.sroki, .subblok-pe-preimushchestva.garantiya {
    background-position: 5% 50%;		
}


.blok-Item-Portfolio-Left {
    margin: 0 0% 10px 0;
    width: calc(100% - 320px);
    float: left;
}

.blok-Item-Portfolio-Right {
    width: 300px;
}

.logo-title {
    display: none;
}

div.k2ItemsModBlock-katalog li {
    width: 48%;
    margin: 0% 2% 2% 0;
}

.itemContainer-katalog {
    width: 48%;
    margin: 0% 2% 2% 0;
}

}



@media screen and (max-width: 1460px) {

.container {
    max-width: 1460px;
	width: 94%;
    margin: 0 auto;
    padding: 0 0%;
}

}


@media screen and (max-width: 1240px) {

.mod-Kak-rabotaem-content-left {
    float: left;
    width: 100%;
    margin: 0px 0% 0px 0px;
}
.mod-Kak-rabotaem-content-left img{
    width: 100%;
	max-width: 300px;
}


.mod-Kak-rabotaem-content-right {
    float: left;
    width: 100%;
    margin: 30px 0% 0px 0px;
}

}



@media screen and (max-width: 1200px) {

.blok-nav-menu {
    display: block;
}

.container_left_fixet {
    display: none;
}

.container_content {
    padding: 0 0 0px 0px;
}

.logo-a
{
    display: block;
}

}



@media screen and (max-width: 1100px) {

.itemContainer-akcii {
    width: 48%;
    margin: 0px 2% 0 0;
    float: left;
}

.itemContainer-Uslugi {
    width: 31.3%;
}

.perezvonit {
    display: none;
}

.mod-Pochemu-sip-left {
    width: 100%;
    margin: 0px 0% 0px 0%;
    padding: 0px 30px 30px 30px;
    box-sizing: border-box;
    float: left;
}

.mod-Pochemu-sip-konteyner-left {
    width: 48%;
}

.mod-Pochemu-sip-konteyner-left h5 {
    margin: 0px 0 20px 0px;
}

.mod-Pochemu-sip-konteyner-left p {
    margin: 0px 0 20px 0px;
    padding: 15px 15px 15px 15px;
	width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.mod-Pochemu-sip-right {
    width: 100%;
    margin: 0px 0% 0px 0%;
    padding: 0px 30px 0px 30px;
	box-sizing: border-box;
}

.mod-Pochemu-sip-right h5 {
    margin: 0px 0 20px 0px;
}

.mod-Pochemu-sip-right p {
    margin: 0px 0px 20px 0px;
    padding: 15px 15px 15px 15px;
    max-width: 100%;
    box-sizing: border-box;
}

}



@media screen and (max-width: 1000px) {

.blok-top-fixed .blok-telefon-top {
    display: none;
}

.pervyi-ekran-left p {
    margin: 0px 0 15px -8%;
}

.subblok-pe-preimushchestva.cena, .subblok-pe-preimushchestva.sroki, .subblok-pe-preimushchestva.garantiya {
    background-position: 0% 50%;		
}

div.k2ItemsBlock-otzyvy li {
    width: 48%;
    margin: 0% 2% 2% 0;
}

.itemContainer-otzyvy {
    margin: 0px 2% 2% 0;
    width: 48%;
}

}





@media screen and (max-width: 960px) {

.item-Uslugi-left {
    width: 48%;
    float: left;
}

.item-Uslugi-right {
    float: right;
    width: 48%;
}

.mod-kak-my-rabotaem-text {
    margin: 40px auto 0;
    width: 100%;
}

.mod-pochemu-vybirayut-nas {
    margin: 20px 0 0px 0px;
    padding: 30px 0 0px 0;
}

.blok-kak-rabotaem-info {
    margin: 0px 0% 20px 0%;
}

.mod-vstuplenie {
    margin: 0px 0 10px 0px;
}

.mod-Pochemu-My-left {
    width: 100%;
    margin: 0px 0% 0px 0%;
    float: left;
}

.mod-Pochemu-My-konteyner-right {
    width: 100%;
    margin: 0px 0% 0px 0%;
    float: left;
}

.mod-Pochemu-My-konteyner-left {
    width: 100%;
    margin: 40px 0% 0px 0%;
    float: left;
}

.mod-Pochemu-My-right {
    width: 100%;
    margin: 0px 0% 0px 0%;
    float: right;
}

.moduleItemImages-Pochemu-My {
    max-width: 400px;
    margin: 0 auto;
}

.catItemView-staty-img {
    width: 100%;
}

.catItemView-staty-img img {
    max-width: 300px;
}

.blok-cat-staty-right {
    width: 100%;
    margin: 40px 0px 0px 0px;
}

.itemImageBlock-komplekt {
    width: 100%;
}

.komlekt-item-right {
    width: 100%;
}

.perezvonit {
    display: none;
}

.knopka-sale {
    display: none;
}

.mod-tab-Kak-rabotaem-title {
    display: none;
}

.k2ItemsBlock-Kak-rabotaem .tabs ul {
    width: 80px;
}

.mod-Kak-rabotaem-content {
    float: right;
    width: calc(100% - 110px);
    margin: 0px 0px 0px 0px;
}

.blok-Item-Portfolio-Left {
    margin: 0 0% 0px 0;
    width: 100%;
    float: left;
}

.blok-Item-Portfolio-Right {
    width: 100%;
	margin: 40px 0 0px 0%;
}

}


@media screen and (max-width: 900px) {

div.mod-akcii {
    margin: 30px 0% 0px 0;
}

.k2ItemsMod-akcii {
    width: 100%;
    float: left;
}

.moduleItemImages-akcii {
    margin: 0px 0% 20px 0;
    width: 100%;
    float: left;
}

.blok-pervy-ekran {
    background: url(../images/sip-pe-900.jpg) no-repeat bottom center #fff;
    background-size: 100%;
    background-position: 50% 0px;
}

}



@media screen and (max-width: 840px) {

.blok-telefon-top {
    display: none;
}

}



@media screen and (max-width: 800px) {

.breadcrumbs ul {
    margin: 0px 0px 0px 0 !important;
}

.itemContainer-Uslugi {
    width: 48%;
}

.moduleItemImages-Pochemu-sip {
    width: 100%;
    max-width: 300px;
    margin: 0px auto 0px auto;
    float: none;
}

.mod-Pochemu-sip-left {
    padding: 0px 30px 0px 30px;
}

.mod-Pochemu-sip-konteyner-left {
    width: 100%;
    margin: 20px 0% 0px 0%;
}

.Planipovka-item {
    margin: 40px 0 40px 0%;
    width: 100%;
}

.Planipovka-etazh {
    margin: 0px 0% 30px 0%;
    width: 100%;
}

.Planipovka-item h4 {
    margin: 10px 0 20px;
}

.ItemTitle-otzyv {
    font-size: 20px;
    margin: 20px 0 20px;
}

.itemListCategory-otzyvy h2 {
    font-size: 20px;
    margin: 20px 0 20px;
}

.pervyi-ekran-left {
    padding: 60px 0% 80px 5%;
}

.blok-pe-preimushchestva {
    display: none;
}

.subblok-pe-preimushchestva {
    width: 100%;
    height: 70px;
    margin: 0 0% 20px 0;
    padding: 0 0 0 80px;
}

div.itemListView-Uslugi .itemListCategory h2 {
    font-size: 20px;
    margin: 20px 0 20px;
}

div.itemListCategory-Katalog h2 {
    font-size: 26px;
    margin: 20px 0 20px;
}

.itemHeader-Katalog h1 {
    font-size: 20px;
    margin: 20px 0 20px;
}

div.itemHeader h2 {
    font-size: 20px;
    margin: 20px 0 20px;
}

div.itemBody-kontakty h2 {
    font-size: 20px;
    margin: 20px 0 20px;
}

.modal-content-box.kontakty h3 {
    font-size: 20px;
    margin: 0px 0 20px;
    font-family: Montserrat-Regular, Montserrat-Bold, OpenSans-Bold, GothaProBol, Calibri, Tahoma;
    font-weight: 600;
    line-height: 120%;
    color: #000;
}

div.k2ItemsModBlock-katalog ul {
    width: 100%;
}

div.k2ItemsModBlock-katalog li {
    width: 100%;
    margin: 0% 0% 40px 0;
}

.itemListLeading-katalog {
    width: 100%;
}

.itemContainer-katalog {
    width: 100%;
    margin: 0% 0% 40px 0;
}

.copyrights {
    margin: 10px 0px 0 0;
    width: 100%;
}

.politika {
    width: 100%;
    margin: 10px 0px 0 0;
}

div.map-sait-link {
    width: 100%;
}

.rutegra {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}

}



@media screen and (max-width: 750px) {

.item-Uslugi-left {
    width: 100%;
    float: left;
}

.item-Uslugi-right {
    float: right;
    width: 100%;
	margin: 30px 0 0px 0px;
}

}


@media screen and (max-width: 700px) {

.blok-top-fixed .akreditovan {
    display: none;
}

}


@media screen and (max-width: 650px) {

.itemListLeading-akcii {
    width: 100%;
    float: left;
}

.itemContainer-akcii {
    width: 100%;
    margin: 0px 0% 0 0;
    float: left;
}

}








@media screen and (max-width: 600px) {

.blok-pervy-ekran {
    margin: 0px 0 0px 0px;
}

.pervyi-ekran-left {
    padding: 60px 0% 0px 5%;
}

.pervyi-ekran-left-knopka {
    margin: 30px 30px 0px 0px;
    width: auto;
    float: none;
}

.pervyi-ekran-right-knopka {
    float: none;
}

div.mod-katalog-menu li {
    padding: 0 2% 20px;
    width: 48%;
    margin: 0% 2% 0% 0%;
}

#itemListLeading-otzyvy
{
	float: left;
	width: 100%;
}

.itemContainer-otzyvy {
    margin: 0px 0% 2% 0;
    width: 100%;
}

.Planipovka-item h5 {
    font-size: 20px;
    margin: 0px 0 30px;
}

.Komplektatsiya-item h5 {
    font-size: 20px;
    margin: 0px 0 30px;
}

.Komplektatsiya-item h3 {
    font-size: 18px;
    margin: 20px 0 20px;
}

.Komplektatsiya-item p {
    margin: 0 0 10px;
    font-size: 14px;
}


div.k2ItemsBlock-otzyvy ul {
    width: 100%;
}

div.k2ItemsBlock-otzyvy li {
    width: 100%;
    margin: 0% 0% 2% 0;
}


.mod-portfolio h3 {
    font-size: 26px;
    margin: 30px 0 30px 0px;
}

.mod-katalog h3 {
    margin: 30px 0px 30px 0;
    font-size: 26px;
}

.mod-vstuplenie h3 {
    font-size: 26px;
    margin: 30px 0 30px 0px;
}

.mod-vstuplenie p {
    font-size: 15px;
}

.blok-telefon-top {
    margin: 0px 0px 0px 0px;
}

.pervyi-ekran-left h1 {
    font-size: 30px;
    margin: 0px 0 25px 0px;
    padding: 0 30px 0 0;
    text-align: center;
    background: none;
}

.pervyi-ekran-left h2 {
    font-size: 26px;
    margin: 0px 0 30px 0px;
    padding: 0px 30px 0px 0px;
    background: none;
}

.pervyi-ekran-left p {
    font-family: Montserrat, OpenSans-Bold, GothaProBol, Calibri, Tahoma;
    font-size: 16px;
    margin: 0px 5% 15px 5%;
    padding: 0px 30px 0px 0px;
    color: #000000;
    font-weight: 400;
    text-align: center;
    line-height: 160%;
    max-width: 90%;
    background: none;
}

}



@media screen and (max-width: 560px) {

.itemListLeading-Uslugi {
    width: 100%;
}

.itemContainer-Uslugi {
    width: 100%;
}


.akreditovan {
    display: none;
}

}




@media screen and (max-width: 480px) {

.logo {
    width: 80.9px;
    margin: 0px 0px 0px 0px;
}

.blok-nav-menu {
    background-size: 22px;
    background-position: 9px 50%;
    width: 40px;
    height: 40px;
    border-radius: 3px;
}

.blok-top-fixed .blok-mesengers {
    margin: 0px 20px 0px 0px;
    width: 100px;
}

.blok-top-fixed .blok-mesengers-whatsapp {
    width: 40px;
}

.blok-top-fixed .blok-mesengers-telegram {
    width: 40px;
}

}



@media screen and (max-width: 450px) {

.mod-tab-Kak-rabotaem-Nomep {
    margin: 0px 0px 0px 0px;
}

.mod-Kak-rabotaem-content {
    float: right;
    width: calc(100% - 55px);
    margin: 0px 0px 0px 0px;
}

.k2ItemsBlock-Kak-rabotaem .tabs ul {
    margin: 0;
    padding: 0px;
    float: left;
    width: 40px;
	background: #261500;
}

.pervyi-ekran-left h1 {
    font-size: 30px;
    margin: 0px 0 30px 0px;
}

.pervyi-ekran-left-knopka {
    font-size: 18px;
}

.pervyi-ekran-right-knopka {
    font-size: 18px;
}

.subblok-pe-preimushchestva {
    font-size: 14px;
    height: 60px;
	padding: 0 0 0 60px;
}

.subblok-pe-preimushchestva.cena, .subblok-pe-preimushchestva.sroki, .subblok-pe-preimushchestva.garantiya {
    background-size: 40px;
}

.blok-telefon-top {
    display: none;
}

.knopka-zakaz-katalog {
    font-size: 18px;
}

.knopka-konsultant-katalog {
    font-size: 18px;
}

.itemNavigation a.itemPrevious {
    margin: 0px 0 20px;
    width: 100%;
}

.itemNavigation a.itemNext {
    margin: 0px 0 20px;
    width: 100%;
}

}

