/* adaptive */

@media screen and (max-height: 700px) {


}



@media screen and (max-height: 800px) {


}


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

}

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

}


@media screen and (max-width: 1100px) {
div.landing {
    width: 96%;
}

div.tabs > label {
    margin: 40px 15px 30px 15px;
    font-size: 17px;
}

div.blok-zayavka-primenenie-left {
    float: none;
    width: 100%;
}

div.blok-zayavka-primenenie-left h2 {
    text-align: center;
    line-height: 120%;
    margin: 0px 0px 20px;
}

div.blok-zayavka-primenenie-left h3 {
    text-align: center;
    line-height: 120%;
    margin: 0px;
}

div.knopka-primenenie {
    margin: 40px auto 0px;
    float: none;
}

}



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

div.blok-smetu-besplatno-left {
    float: none;
    width: 100%;
}

div.blok-smetu-besplatno-left h2 {
    text-align: center;
    margin: 0px 0px 20px;
}

div.blok-smetu-besplatno-left p {
    text-align: center;
    line-height: 140%;
    margin: 0px;
}

div.knopka-besplatno {
    width: 300px;
    box-sizing: border-box;
    float: none;
    margin: 25px auto 0px;
}

div.blok-primenenie-tabs .tabs label {
    font-size: 0px;
    width: 60px;
    margin: 20px 0px 20px 20px;
}

div.blok-tab-img {
    display: block;
}

}







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

div.logo {
    margin: 10px auto 10px auto;
    width: 150px;
    float: none;
}

div.top-inn-ooo {
    margin: 10px auto 0px auto;
    width: 150px;
    float: none;
    text-align: center;
}

div.vam-perezvonit {
    margin: 20px auto 0 auto;
    padding: 0 0 3px 0;
    border-bottom: 3px solid #ffe136;
    float: none;
    width: 160px;
}

div.menu-top {
    margin: 10px auto 0 auto;
    width: 100px;
    float: none;
    text-align: center;
}

div.kontakty-top {
    margin: 20px auto 0 auto;
    width: 260px;
    float: none;
}

div.blok-pervyi-ekran h1 {
    font-family: Raleway-Black, Tahoma;
    font-size: 71px;
    margin: 20px auto 0px auto;
    color: #fff;
    line-height: 120%;
    width: 100%;
    text-align: center;
}

div.blok-pervyi-ekran h2 {
    text-shadow: 0px 0px 7px #000;
}

div.blok-tarify .tabs label {
    font-size: 0px;
    min-width: 30px;
    width: 120px;
    height: 20px;
    margin: 20px 20px 20px 0;
}

div.blok-tarify .tabs_cont {
    padding: 0px 0 0 0;
    position: relative;
    z-index: 2;
}

div.tab_zagolovok
{
    display: block;
}

div.blok-kak-my-rabotaem li {
    width: 32% !important;
    margin: 1% 2% 1% 0px !important;
}

div.blok-kak-my-rabotaem li:nth-child(3), div.blok-kak-my-rabotaem li:nth-child(6), div.blok-kak-my-rabotaem li:nth-child(9), div.blok-kak-my-rabotaem li:nth-child(12), div.blok-kak-my-rabotaem li:nth-child(15), div.blok-kak-my-rabotaem li:nth-child(18), div.blok-kak-my-rabotaem li:nth-child(21), div.blok-kak-my-rabotaem li:nth-child(24) {
    margin: 1% 0% 1% 0px !important;
}


div.blok-kak-my-rabotaem li:nth-child(4), div.blok-kak-my-rabotaem li:nth-child(8), div.blok-kak-my-rabotaem li:nth-child(16), div.blok-kak-my-rabotaem li:nth-child(20), div.blok-kak-my-rabotaem li:nth-child(20), div.blok-kak-my-rabotaem li:nth-child(28), div.blok-kak-my-rabotaem li:nth-child(32) {
    margin: 1% 2% 1% 0px !important;
}

div.blok-niz-right {
    float: left;
    width: 100%;
}

div.blok-niz-kontakty {
    width: 100%;
    float: left;
    margin: 0px 0px 20px 0px;
}

}



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

div.blok-tarify-vklyuchaet {
    width: 100%;
    float: left;
    margin: 1% 0% 1% 0px;
}

div.blok-tarify-vklyuchaet-title {
    height: 50px;
    width: 70%;
    float: left;
    margin: 0px 0px 0 5%;
}

div.tabs_cont-li-img li {
    width: 49%;
    margin: 1% 2% 1% 0;
}

div.tabs_cont-li-img li:nth-child(2), div.tabs_cont-li-img li:nth-child(4), div.tabs_cont-li-img li:nth-child(8) {
    margin: 1% 0% 1% 0;
}

}





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

div.blok-pervy-ekran-plusy {
    width: 100%;
    float: left;
    margin: 1% 0;
}

div.blok-pervy-ekran-plusy-img {
    width: 50px;
    float: none;
    margin: 0px auto;
}

div.blok-pervy-ekran-plusy-title {
    margin: 0px 0 0px 0;
	text-align: center;
}

div.blok-my-delaem-niz {
    width: 100%;
    float: left;
    margin: 1% 0;
}

div.blok-my-delaem-niz-img {
    width: 50px;
    float: left;
    margin: 0px 10% 0px 0px;
}

div.podblok-primenenie-tabs-img {
    width: 100%;
    float: left;
}

div.podblok-primenenie-tabs-text {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 20px;
}

div.blok-zayavka-primenenie-left h2 {
    font-family: Raleway-Black, Tahoma;
    font-size: 38px;

}

div.blok-zayavka-primenenie-left h3 {
    font-family: Raleway-Black, Tahoma;
    font-size: 24px;
}

div.blok-kak-my-rabotaem li {
    width: 49% !important;
    margin: 1% 2% 1% 0px !important;
}

div.blok-kak-my-rabotaem li:nth-child(odd)
{
    margin: 1% 2% 1% 0px !important;
}


div.blok-kak-my-rabotaem li:nth-child(even)
{
    margin: 1% 0% 1% 0px !important;
}

}




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

div.blok-pervyi-ekran h1 {
    font-size: 50px;
}

div.blok-pervyi-ekran h2 {
    width: 90%;
}

div.tabs_cont h5 {
    font-family: Raleway-Black, Tahoma;
    font-size: 26px;
    margin: 40px 0px 10px;
}

div.tabs_cont h6 {
    font-family: Raleway-Black, Tahoma;
    font-size: 20px;
    margin: 0px 0px 40px;
}

div.politika-konfidencialnosty {
    float: left;
    width: 100%;
}

div.saites {
    float: left;
    width: 95px;
    margin: 20px 0 0px 0;
}

}




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

div.blok-zachem-nashi-uslugi h3, div.blok-my-delaem h3, div.blok-tarify h3, div.blok-kak-my-rabotaem h3 {
    font-size: 34px;
    margin: 30px 0px;
}

div.blok-kak-my-rabotaem li {
    width: 100% !important;
    margin: 1% 0% 1% 0px !important;
}

div.blok-kak-my-rabotaem li:nth-child(odd)
{
    margin: 1% 0% 1% 0px !important;
}


div.blok-kak-my-rabotaem li:nth-child(even)
{
    margin: 1% 0% 1% 0px !important;
}

}





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

div.blok-smetu-besplatno-left h2 {
    font-family: Raleway-Black, Tahoma;
    font-size: 30px;
    margin: 0px 0 20px 0px;
    color: #000;
    font-weight: 400;
    line-height: 120%;
}

div.knopka-primenenie {
    font-size: 24px;
    margin: 40px auto 80px;
    width: 240px;
}

}