﻿/* adaptive */

@media screen and (max-width: 1660px) {

     .container {
         margin: 0 2%;
	     width: 96%;
     }

}


@media screen and (max-width: 1600px) {

}


@media screen and (max-width: 1550px) {

}


@media screen and (max-width: 1500px) {

div.mod-dostavka-gruzov .ItemsMod-ImgTitlText-Title-2 {
         margin: 10px 0 0px 0px;
         height: auto;
         width: 100%;
     }

}


@media screen and (max-width: 1450px) {

}


@media screen and (max-width: 1400px) {

     div.mod-populyarnye-tovary .ItemsMod-ImgTitl li {
         width: 23%;
     }

}


@media screen and (max-width: 1340px) {

}


@media screen and (max-width: 1300px) {

}


@media screen and (max-width: 1280px) {

}


@media screen and (max-width: 1240px) {

     .mainmenu {
         display: none;
     }

     .itemContainer-Manager {
         width: 23%;
         margin: 0% 2% 2% 0;
     }

}


@media screen and (max-width: 1200px) {

}


@media screen and (max-width: 1140px) {

}


@media screen and (max-width: 1100px) {

     .mod-dostavka-gruzov-tamozhnya .ItemsMod-ImgTitlText-Text-2 .blok-tamozhnya-kontent {
         float: left;
         margin: 0px 0px 20px 0px;
         width: 100%;
     }
	 
	 div.mod-populyarnye-tovary .ItemsMod-ImgTitl li {
         width: 31.3%;
     }

     .mod-preimushchestva .ItemsMod-ImgTitl ul {
         width: 100%;
     }

     .mod-preimushchestva .ItemsMod-ImgTitl li {
         width: 100%;
         margin: 0% 0% 2% 0;
     }

     .mod-preimushchestva .ItemsMod-ImgTitl li:last-child {
         margin: 0% 0% 0% 0;
     }

     .mod-kargo {
         margin: 40px 0% 0% 0;
     }

     .mod-pochemu-vybirayut-nas .ItemsMod-ImgTitl ul {
         width: 100%;
     }

     .mod-pochemu-vybirayut-nas .ItemsMod-ImgTitl li {
         width: 100%;
         margin: 0% 0% 40px 0;
		 padding: 0 20px;
     }

     .mod-pochemu-vybirayut-nas .ItemsMod-ImgTitl li:last-child {
         width: 100%;
         margin: 0% 0% 0% 0;
     }

     .mod-nadezhnyi-importer .ItemsMod-ImgTitl ul {
         width: 100%;
     }

     .mod-nadezhnyi-importer .ItemsMod-ImgTitl li {
         width: 100%;
         margin: 0% 0% 2% 0;
     }

     .mod-nadezhnyi-importer .ItemsMod-ImgTitl li:last-child {
         margin: 0% 0% 0% 0;
     }

     .mod-zadachi-reshaem .ItemsMod-ImgTitlText ul {
         width: 100%;
     }

     .mod-zadachi-reshaem .ItemsMod-ImgTitlText li {
         width: 100%;
         margin: 0% 0% 20px 0;
     }

     div.mod-dostavka-gruzov .ItemsMod-ImgTitlText-2 ul {
         width: 100%;
     	display: inline-block;
     }

     div.mod-dostavka-gruzov .ItemsMod-ImgTitlText-2 li {
         margin: 0px 0% 2% 0px;
         width: 100%;
     }

     div.mod-dostavka-gruzov .ItemsMod-ImgTitlText-2 li:last-child {
         margin: 0px 0% 0% 0px;
     }
	 
	 div.mod-dostavka-gruzov .ItemsMod-ImgTitlText-Title-2 {
         margin: 0px 0 0px 0px;
         height: 90px;
         width: calc(100% - 120px);
     }

     div.ItemsMod-Uslugi li {
         width: 23%;
         margin: 0% 2% 2% 0;
     }

     div.mod-upakovka .ItemsMod-ImgTitlText-2 ul {
         width: 100%;
         display: inline-block;
     }

     div.mod-upakovka .ItemsMod-ImgTitlText-2 li {
         margin: 0px 0% 2% 0px;
         width: 100%;
     }

     div.mod-upakovka .ItemsMod-ImgTitlText-2 li:last-child {
         margin: 0px 0% 0% 0px;
     }

     div.mod-preimushchestva-beloy-dostavki .ItemsMod-ImgTitlText-3 ul {
         width: 100%;
         display: inline-block;
     }

     div.mod-preimushchestva-beloy-dostavki .ItemsMod-ImgTitlText-3 li {
         margin: 0px 0% 2% 0px;
         width: 100%;
     }

     div.mod-preimushchestva-beloy-dostavki .ItemsMod-ImgTitlText-3 li:last-child {
         margin: 0px 0% 0% 0px;
     }
	 
	 .mod-kompaniya-cifry .ItemsMod-TitlText li {
         width: 48%;
         margin: 0% 2% 2% 0;
     }
	 
	 .mod-kompaniya-cifry .ItemsMod-TitlText-Text p {
         font-size: 36px;
     }

}


@media screen and (max-width: 1050px) {

}


@media screen and (max-width: 1000px) {

     .mod-preimushchestva .ItemsMod-ImgTitl li {
         padding: 10px 20px;
     }

     .blok-pervy-ekran {
         background: #fff;
		 padding: 60px 0% 40px 0;
     }
	 
     .breadcrumbs {
         margin: 10px 0% 0;
     }

     .bodysait {
         padding: 54px 0 0 0;
     }

     .logo {
     	display: none;
     }

     .logo-a {
     	display: block;
     }

     .blok-nav-menu
     {
         background: url(../svg/nav-menu.svg) no-repeat 2px center #fff;
         background-size: 30px;
         background-position: 50% 50%;
         margin: 0px 0px 0px 0px;
         padding: 26px 26px 26px 26px;
     	 border-radius: 0px;
     }

     .blok-nav-menu:hover
     {
         background: url(../svg/nav-menu-hover.svg) no-repeat 2px center #ff0000;
         background-size: 30px;
         background-position: 50% 50%;
     	 border: 1px solid #ff0000;
     }

     .blok-top-telefon-zvonok {
         margin: 0px 0px 0px 0px;
     }

     .blok-telefon-top {
         float: left;
         margin: 15px 30px 0px 0px;
         width: auto;
     }

     div.blok-telefon-top p {
         font-size: 20px !important;
     }

     .perezvonit {
        padding: 10px 20px 10px;
        margin: 8px 0px 0px 0;
     }

     div.itemListCategory h1 {
        font-size: 24px;
     }

     div.itemBody-Img-Manager {
        max-width: 50%;
        width: 100%;
     }

     div.itemBody-Manager {
        width: 47%;
        float: right;
     }

     div.ItemHeader-Manager h1 {
        margin: 10px 0 20px 0px;
     	font-size: 24px;
     }

}


@media screen and (max-width: 980px) {

}


@media screen and (max-width: 960px) {

     .mod-vstuplenie p {
         font-size: 15px;
     }
	 
	 .mod-vstuplenie-img {
         margin: 60px 0 0px 0px;
         float: left;
         max-width: 300px;
         width: 100%;
     }
	 
	 .mod-vstuplenie {
         margin: 0px 0 0px 0px;
         float: right;
         width: calc(100% - 360px);
     }

}


@media screen and (max-width: 900px) {

     .itemContainer-Manager {
         width: 31.3%;
         margin: 0% 2% 2% 0;
     }

}


@media screen and (max-width: 800px) {

     .mod-kontakty {
         width: 100%;
         margin: 20px 0% 0px 0;
     }

     div.mod-populyarnye-tovary .ItemsMod-ImgTitl li {
         width: 48%;
     }
	 
	 .mod-kargo {
         padding: 20px 20px;
     }
	 
	 .ItemsMod-ImgTitlText-Images {
	     width: 50px;
     }
	 
	 .ItemsMod-ImgTitlText-Informacion {
         width: calc(100% - 80px);
     }
	 
	 .mod-kargo .ItemsMod-ImgTitlText-Title {
         font-size: 20px;
     }
	 
	 .mod-kargo .ItemsMod-ImgTitlText-Text p {
         font-size: 14px;
     }
	 
	 .mod-napravlenie {
         padding: 20px 20px;
     }
	 
	 .ItemsMod-ImgTitlText-Title {
         font-size: 20px;
     }
	 
	 .ItemsMod-ImgTitlText-Text p {
         font-size: 14px;
     }
	 
	 .mod-zadachi-reshaem {
         padding: 20px 20px;
     }
	 
	 .mod-cena-dostavki {
         padding: 20px 20px 20px;
		 margin: 80px 0% 0% 0;
     }
	 
	 .mod-vykup-tovara {
         padding: 20px 20px 20px;
     }
	 
	 .mod-vstuplenie h3 {
         font-size: 24px;
         margin: 40px 0 30px 0px;
     }
	 
	 .mod-vykup-tovara h3 {
         font-size: 24px;
     }
	 
	 .mod-populyarnye-tovary h3 {
         font-size: 24px;
         margin: 60px 0 20px 0px;
     }
	 
     .mod-shag h3 {
         font-size: 24px;
     }
	 
	 .mod-shag {
         margin: 20px 0 0px 0%;
     }
	 
	 .mod-cena-dostavki h3 {
         font-size: 24px;
     }
	 
	 .mod-preimushchestva-beloy-dostavki h3 {
         font-size: 24px;
     }
	 
	 .mod-plyusy-beloy-dostavki h3 {
         font-size: 24px;
     }
	 
	 .mod-plyusy-beloy-dostavki h4 {
         font-size: 20px;
	 }
	 
	 .mod-strahovanie-gruzov h3 {
         font-size: 24px;
     }
	 
	 .mod-strahovanie-gruzov h4 {
         font-size: 20px;
     }
	 
	 .mod-upakovka-text h3 {
         font-size: 24px;
     }
	 
	 .mod-dostavka-gruzov-text h3 {
         font-size: 30px;
     }
	 
	 .mod-dostavka-gruzov-text h4 {
         font-size: 20px;
     }
	 
	 .mod-uslugi h3 {
         font-size: 30px;
     }
	 
	 .mod-zadachi-reshaem h3 {
         font-size: 24px;
     }
	 
	 .mod-nadezhnyi-importer h3 {
         font-size: 20px;
     }
	 
	 .mod-pochemu-vybirayut-nas h3 {
         font-size: 24px;
     }
	 
	 .blok-pervy-ekran h1 {
         font-size: 30px;
     }
	 
	 div.mod-preimushchestva-beloy-dostavki .ItemsMod-ImgTitlText-3 li {
         padding: 15px;
     }
	 
	 .pervyi-ekran-knopka {
         font-size: 20px;
         padding: 10px 20px;
     }
	 
	 .moduleItemTitle-shag {
         font-size: 18px;
     }
	 
	 div.mod-populyarnye-tovary .ItemsMod-ImgTitl-Title {
         font-size: 16px;
         font-weight: 400;
     }
	 
	 div.ItemsMod-Uslugi li {
         width: 48%;
         margin: 0% 2% 2% 0;
     }
	 
	 .mod-vykup-tovara p {
	     font-size: 14px;
     }
	 
	 .mod-dostavka-gruzov-text p {
         font-size: 14px;
     }
	 
	 .mod-upakovka-text p {
         font-size: 14px;
     }
	 
	 .mod-strahovanie-gruzov p {
         font-size: 14px;
     }

	 .mod-plyusy-beloy-dostavki p {
         font-size: 14px;
     }
	 
	 .mod-shag h4 {
         font-size: 14px;
     }
	 
	 .blok-pervy-ekran h2 {
         margin: 20px 0 10px 0px;
		 font-size: 20px;
     }
	 
	 .blok-pervy-ekran h3 {
         margin: 20px 0 10px 0px;
		 font-size: 20px;
	 }
	 
	 .blok-pervy-ekran p {
         font-size: 20px;
     }
	 
	 .blok-pervy-ekran {
        background: #fff;
        padding: 20px 0% 40px 0;
     }
	 

}


@media screen and (max-width: 760px) {

}


@media screen and (max-width: 750px) {

}


@media screen and (max-width: 700px) {

     div.itemBody-Img-Manager {
         max-width: 400px;
         width: 100%;
     }

     div.itemBody-Manager {
         width: 100%;
         float: left;
	     margin: 30px 0px 0px 0;
     }

     .itemContainer-Manager {
         width: 48%;
         margin: 0% 2% 2% 0;
     }

     .catItemHeader-Manager {
         font-size: 16px;
     }

     .mod-vstuplenie-img {
         margin: 60px 0 0px 0px;
         float: left;
         max-width: 300px;
         width: 100%;
     }
	 
	 .mod-vstuplenie {
        margin: 0px 0 0px 0px;
        float: right;
        width: 100%;
     }

}


@media screen and (max-width: 660px) {

}


@media screen and (max-width: 640px) {

}


@media screen and (max-width: 600px) {

    div.mod-populyarnye-tovary .ItemsMod-ImgTitl li {
        width: 100%;
        margin: 0% 0% 2% 0;
    }
	
	div.mod-populyarnye-tovary .ItemsMod-ImgTitl-Images {
        width: 60px;
    }
	
	div.mod-populyarnye-tovary .ItemsMod-ImgTitl-Title {
        width: calc(100% - 90px);
        height: 60px;
    }
	
	.mod-kompaniya-cifry {
        width: 100%;
        margin: 40px 0% 0px 0;
    }
	
	.mod-kompaniya-cifry .ItemsMod-TitlText ul {
        width: 100%;
    }
	
	.mod-kompaniya-cifry .ItemsMod-TitlText li {
        width: 100%;
        margin: 0% 0% 20px 0;
    }
	
	.mod-kompaniya-cifry .ItemsMod-TitlText-Text p {
        font-size: 30px;
    }
	
	.ItemsMod-ImgTitlText-Images-2 {
        width: 60px;
    } 
	
	div.mod-upakovka .ItemsMod-ImgTitlText-Title-2 {
        height: 60px;
        width: calc(100% - 90px);
    }
	
	div.mod-dostavka-gruzov .ItemsMod-ImgTitlText-Title-2 {
        height: 60px;
        width: calc(100% - 90px);
		margin: 0px 0 0px 0px;
    }

}


@media screen and (max-width: 580px) {
    .perezvonit {
        display: none;
     }

     .blok-telefon-top {
        margin: 15px 0px 0px 0px;
     }
}

@media screen and (max-width: 560px) {

}


@media screen and (max-width: 500px) {

}


@media screen and (max-width: 480px) {

}


@media screen and (max-width: 450px) {

}


@media screen and (max-width: 420px) {

}


@media screen and (max-width: 400px) {

     .itemListLeading-Manager {
         margin: 0;
         text-align: left;
         width: 100%;
     }

     .itemContainer-Manager {
         width: 100%;
         margin: 0% 0% 0% 0;
     }
	 
	 div.ItemsMod-Uslugi ul {
         width: 100%;
     }
	 
	 div.ItemsMod-Uslugi li {
        width: 100%;
        margin: 0% 0% 2% 0;
     }

}


@media screen and (max-width: 380px) {

}


@media screen and (max-width: 340px) {

}