@media (max-width: 414px){

body{ 
   touch-action: manipulation;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.container .inner{
   width: calc(100% - 40px);
}

.container .inner .welcome{
   margin-top: 20px;
   margin-bottom: 50px;
}

.container .inner .welcome .panel .logo{
   width: 225px;
   height: 225px;
}

.container .inner .welcome .text{
   width: calc(100% - 40px);
   padding-left: 20px;
   padding-right: 20px;
}

.container .inner .welcome .text .text0{
   font-size: 45px;
}

.container .inner .welcome .text .text1{
   font-size: 30px;
}

.container .inner .welcome .text .text2{
   width: 100%;
}

.container .inner .welcome .form{
   width: calc(100% - 40px);
   padding-left: 20px;
   padding-right: 20px;
   margin-top: 30px;
}

.container .inner .welcome .form .success_message{
   width: calc(100% - 2px - 40px);
}

.container .inner .welcome .form .line .input{
   width: 100%;
   align-self: center;
}

.container .inner .welcome .form .submit{
   width: 100%;
}

.mainpage1 .content{
   width:calc(100% - 40px);
   padding-left: 20px;
   padding-right: 20px;
   transform: unset;
   translate: unset;
   left: 0px;
   margin-bottom: 40px;
}

.mainpage1 .content:nth-child(4){
   margin-bottom: 40px;
}

.mainpage1 .content .logo{
   width:175px;
   height:175px;
   margin-top: 20px;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mainpage1 .content .photo{
   width:110%;
   position: relative;
   float:left;
   margin-top:40px;
   padding-top: 100%;
   left: -10%;
}
.mainpage1 .content .photo img{
   top:-8%;
}

.mainpage1 .content .buttons{
   margin-top:20px;
}

.mainpage1 .content .buttons .item-row{
   display:none;
}

.mainpage1 .content .buttons .item-row-mobile{
   width: 100%;
   height: auto;
   float: left;
   display:block;
}

.mainpage1 .content .buttons .item-row-mobile .item{
   width:100%;
   height:auto;
   float:left;
   font-family: ptserifbold;
   font-size: 30px;
   color: #d4d5d6;
}

.mainpage1 .content .buttons .item-row-mobile .item:nth-child(1){
   font-size:30px;
   line-height: 32px;
   margin-top:10px;
   color: #bfc0c2;
}

.mainpage1 .content .buttons .item-row-mobile .item:nth-child(2){
   font-size:40px;
   line-height: 42px;
   color:#3f4248;
   margin-top: 20px;
}

.mainpage1 .content .buttons .item-row-mobile .item:nth-child(3){
   width:auto;
   font-size:30px;
   line-height: 32px;
   margin-top: 20px;
}

.mainpage1 .content .buttons .item-row-mobile .item:nth-child(4){
   width:auto;
   font-size:27px;
   line-height: 29px;
   margin-top:20px;
   color: #696c70;
   margin-left: 30px;
}

.mainpage1 .content .buttons .item-row-mobile .item:nth-child(5){
   font-size:36px;
   line-height: 34px;
   margin-top:20px;
   color: #949699;
   display: none;
}

.mainpage1 .content .buttons .special{
   font-size: 18px;
}

.mainpage1 .content .part1{ 
   width:100%;
}

.mainpage1 .content .part1:nth-child(2){
   margin-top:40px;
}

.mainpage1 .content .part1 .header{
   font-size: 36px;
   line-height: 40px;
}

.mainpage1 .content .part1 .text{
   font-size: 16px;
   line-height: 24px;
   margin-top: 5px;
}

.mainpage1 .content .part2{
   width:100%;
   float: left;
}

.mainpage1 .content .part2 .header{
   font-size: 36px;
   line-height: 40px;
}

.mainpage1 .content .part2 .text{
   font-size: 16px;
   line-height: 24px;
   margin-top: 5px;
}

.mainpage1 .content .part2 .box .items{
   width: calc(100% - 10px);
   margin-left: 10px;
}

.mainpage1 .content .part2 .box .items .icon{
   width:9px;
   height: 9px;
   margin-top:10px
}

.mainpage1 .content .part2 .box .items .textline{
   width: calc(100% - 9px - 15px);
   font-size: 22px;
   line-height: 28px;
   margin-left: 15px;
}

.mainpage1 .content .photo2{
   width: 110%;
   position: relative;
   top:0px;
   left:-10%;
   margin-bottom: 40px;
   padding-top: 100%;
}

.mainpage1 .content2 .inner .additional{
   font-size: 16px;
   line-height: 24px;
   margin-top: 5px;
   text-align: center;
}

.mainpage1 .content2 .inner .box{
   margin-bottom: 80px;
}

.mainpage1 .content2 .inner{
   width: calc(100% - 40px);
   padding-left: 20px;
   padding-right: 20px;
}

.mainpage1 .content2 .inner .header{
   font-size: 36px;
   margin-top:40px;
}

.mainpage1 .content2 .inner .box .items{
   width: calc(100% / 2);
   height: 150px;
}

.mainpage1 .content2 .inner .box .items:nth-last-child(3){
   margin-left: unset;
}

.mainpage1 .content2 .inner .box .items:last-child{
   height:50px;
   margin-left: calc((100% / 2) / 2);
}

.mainpage1 .content2 .inner .box .items img{
   width: calc(100% - 45px);
}

.mainpage1 .content2 .inner .box .items img:hover{
   transform: translate(-50%, -50%) scale(1.0);
}

.mainpage1 .content2 .inner .box .items img.cpp,
.mainpage1 .content2 .inner .box .items img.meritis{
   width:125px;
}

.mainpage1 .content2 .inner .box .items img.danone{
   width: 135px;
}

.mainpage1 .content2 .inner .box .items img.upb{
   width:75px;
}

.mainpage1 .content2 .inner .box .items img.courtyard{
   width: calc(100% - 20px);
}

.mainpage1 .content2 .inner .box .items img.kurdejov{
   width: 105px;
}

.mainpage1 .content2 .inner .box .items .text{
   font-size: 16px;
}


.footer .inner{
   width: calc(100% - 40px);
   padding-left: 20px;
   padding-right: 20px;
}

.footer .inner .text_box{
   width:100%;
   height:auto;
   margin-left: 0px;
}

.footer .inner .text_box .text_line{
   left:50%;
   transform: translateX(-50%);
   position: relative;
}

}



@media (min-width:321px) and (max-width: 375px){

.mainpage1 .content .photo{
   left: -10%;
   top:0px;
}

.mainpage1 .content .logo{
   width: 180px;
   height: 180px;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mainpage1 .content .buttons .item-row-mobile .item:nth-child(1){
   font-size:28px;
   line-height: 30px;
   margin-top:10px;
   color: #bfc0c2;
}

.mainpage1 .content .buttons .item-row-mobile .item:nth-child(2){
   font-size:34px;
   line-height: 36px;
   color:#3f4248;
   margin-top: 15px;
}

.mainpage1 .content .buttons .item-row-mobile .item:nth-child(3){
   width:auto;
   font-size:26px;
   line-height: 28px;
   margin-top: 15px;
}

.mainpage1 .content .buttons .item-row-mobile .item:nth-child(4){
   width:auto;
   font-size:22px;
   line-height: 24px;
   margin-top:15px;
   color: #696c70;
   margin-left: 30px;
}

.container .inner .welcome .form .success_message{
   width: calc(100% - 2px - 40px);
}

.container .inner .welcome .form .success_message .box{
   display:unset;
   align-items: unset;
}

.container .inner .welcome .form .success_message .box .icon{
   left: 50%;
   transform: translateX(-50%);
   position: relative;
}

.container .inner .welcome .form .success_message .box .text{
   white-space: unset;
   align-items: unset;
   display: unset;
   clear:both;
   margin-left: 0px;
   margin-top: 10px;
}
 
}



@media (max-width:320px){

.mainpage1 .content .logo{
   width:100px;
   height:100px;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mainpage1 .content .photo{
   width:110%;
   margin-top: 0px;
   right:-20%;
   margin-top:40px;
   padding-top: 100%;
}

.mainpage1 .content .photo2{
   width:110%;
   top:-20px;
   margin-bottom:20px
}

.mainpage1 .content .buttons .item-row-mobile .item:nth-child(1){
   font-size: 29px;
   line-height: 31px;
}

.mainpage1 .content .buttons .item-row-mobile .item:nth-child(2){
   font-size: 34px;
   line-height: 36px;
   margin-top: 15px;
}

.mainpage1 .content .buttons .item-row-mobile .item:nth-child(3){
   font-size: 26px;
   line-height: 28px;
   margin-top:15px;
   margin-right: 15px;
}

.mainpage1 .content .buttons .item-row-mobile .item:nth-child(4){
   font-size: 22px;
   line-height: 24px;
   margin-top:15px;
   margin-left: 0px;
}

.mainpage1 .content .buttons .special{
   font-size: 16px;
}

.mainpage1 .content .part1 .header,
.mainpage1 .content .part2 .header{
   font-size: 31px;
   line-height: 34px;
}

.mainpage1 .content .part1 .text{
   font-size: 14px;
   line-height: 21px;
}

.mainpage1 .content .part2 .text{
   font-size: 14px;
   line-height: 21px;
}

.mainpage1 .content .part2 .box .items .textline{
   font-size: 20px;
   line-height: 26px;
}

.mainpage1 .content2 .inner .header{
   font-size: 35px;
   line-height: 38px;
}

.mainpage1 .content2 .inner .additional{
   font-size: 14px;
   line-height: 21px;
}

.mainpage1 .content2 .inner .box{
   margin-top: 0px;
}

.mainpage1 .content2 .inner .box .items{
   width: 100%;
   height: auto;
   margin-top: 60px;
}

.mainpage1 .content2 .inner .box .items:first-child{
   margin-top:40px;
}

.mainpage1 .content2 .inner .box .items:last-child{
   margin-left: 0px;
   margin-top: 40px;
}

.mainpage1 .content2 .inner .box .items img{
   width:180px;
   transform: translateX(-50%);
   top:unset;
}

.mainpage1 .content2 .inner .box .items:nth-last-child(2) img{
   width:160px;
}

.mainpage1 .content2 .inner .box .items:nth-child(7) img{
   width:165px;
}

.mainpage1 .content2 .inner .box .items img.danone{
   width: 165px;
}

.mainpage1 .content2 .inner .box .items img.cpp{
   width:135px;
}

.mainpage1 .content2 .inner .box .items img.meritis{
   width:155px;
}

.mainpage1 .content2 .inner .box .items img.courtyard{
   width: 215px;
}

.mainpage1 .content2 .inner .box .items img.upb{
   width:85px
}

.mainpage1 .content2 .inner .box .items img.kurdejov{
   width:120px;
}

.mainpage1 .content2 .inner .box .items img:hover{
   transform: translate(-50%,-50%) scale(1.0);
}

.mainpage1 .content2 .inner .box .items:last-child .text{
   font-size: 14px;
}

.container .inner .welcome .form .success_message .box{
   display:unset;
   align-items: unset;
}

.container .inner .welcome .form .success_message .box .icon{
   left: 50%;
   transform: translateX(-50%);
   position: relative;
}

.container .inner .welcome .form .success_message .box .text{
   white-space: unset;
   align-items: unset;
   display: unset;
   clear:both;
   margin-left: 0px;
   margin-top: 10px;
   text-align: center;
}

}