/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1600px){

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

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

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

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

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

    .block1 .inner .panel:nth-child(2),
    .block4 .inner .panel:nth-child(2){
        width: calc((100% / 2) - 50px);
        margin-left: 50px;
    }

    @media (min-width: 1400px) and (max-width: 1450px){

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

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

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

        .block1 .inner .panel .photo1,
        .block1 .inner .panel .photo2,
        .block4 .inner .panel .photo1,
        .block4 .inner .panel .photo2{
            width: calc(100% - 175px);
            padding-top: calc(((100% - 175px) / 16) * 10);
        }

        .contact .inner .part:nth-child(1){
            width: calc((100% / 2) - 100px + 50px);
            margin-left: 50px;
        }

        .contact .inner .part:nth-child(2){
            width: calc((100% / 2) - 200px - 100px + 50px);
        }

    }


    @media (min-width: 1300px) and (max-width: 1399px){

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

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

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

        .block1 .inner .panel .photo1,
        .block1 .inner .panel .photo2,
        .block4 .inner .panel .photo1,
        .block4 .inner .panel .photo2{
            width: calc(100% - 150px);
            padding-top: calc(((100% - 150px) / 16) * 10);
        }

        .block1 .inner .panel .head,
        .block4 .inner .panel .head{
            font-size: calc(80px / 1.1);
        }

        .block4 .inner .panel .head span{
            font-size: calc(50px / 1.1);
        }

        .contact .inner .part:nth-child(1){
            width: calc((100% / 2) - 100px + 50px);
            margin-left: 50px;
        }

        .contact .inner .part:nth-child(2){
            width: calc((100% / 2) - 200px - 100px + 50px);
        }

    }

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

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

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

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

        .block1 .inner .panel .photo1,
        .block1 .inner .panel .photo2,
        .block4 .inner .panel .photo1,
        .block4 .inner .panel .photo2{
            width: calc(100% - 100px);
            padding-top: calc(((100% - 100px) / 16) * 10);
        }

        .block1 .inner .panel .head,
        .block4 .inner .panel .head{
            font-size: calc(80px / 1.1);
        }

        .block4 .inner .panel .head span{
            font-size: calc(50px / 1.2);
        }

        .block1 .inner .panel .box .button,
        .block2 .inner .button,
        .section .inner .button .text{
            font-size: calc(20px / 1.1);
        }

        .gallery .item{
            width: calc(100% / 5);
            padding-top: calc(100% / 5);
        }

        .contact .inner .part:nth-child(1){
            width: calc((100% / 2) - 100px + 50px + 50px);
            margin-left: 0px;
        }

        .contact .inner .part:nth-child(2){
            width: calc((100% / 2) - 200px - 100px + 50px + 50px);
        }

        .footer .inner .box{
            width: calc(((100% - 250px) / 2) - 100px + 25px);
            margin-left: 75px;
        }

        .footer .inner .box:nth-child(3){
            width: calc(((100% - 250px) / 2) - 100px + 25px + 25px);
            margin-left: 50px;
        }

    }
    

}



/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1100px) and (max-width: 1199px){

    .pageup{
        right: 0;
    }

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

    .header .inner .logo{
        height: calc(100% - 60px);
    }

    .header .inner .box .button{
        font-size: calc(18px / 1.1);
        margin-right: 30px;
    }

    .menu .inner .line .text{
        font-size: calc(30px / 1.1);
    }

    .block1 .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .block2 .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .block2 .inner .panels .panel{
        width: calc((100% - 75px) / 2);
        margin-left: 75px;
    }

    .block2 .inner .panels .panel:nth-child(1){
        margin-left: 0;
    }

    .block2 .inner .button{
        margin-top: 50px;
    }

    .block3 .inner{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .section .inner .content{
        align-items: flex-start;
    }

    .section .inner .content .images{
        width: calc((100% - 75px) / 2);
    }

    .section .inner .content .block{
        width: calc((100% - 75px) / 2);
        margin-left: 75px;
    }

    .section .inner .button{
        margin-top: 50px;
    }

    .block4 .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

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

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

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

    .block1 .inner .panel:nth-child(2),
    .block4 .inner .panel:nth-child(2){
        width: calc((100% / 2) - 50px);
        margin-left: 50px;
    }

    .block1 .inner .panel .photo1,
    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo1,
    .block4 .inner .panel .photo2{
        width: calc(100% - 100px);
        padding-top: calc(((100% - 100px) / 16) * 10);
    }

    .block1 .inner .panel .head,
    .block4 .inner .panel .head{
        font-size: calc(80px / 1.25);
    }

    .block4 .inner .panel .head span{
        font-size: calc(50px / 1.3);
    }

    .block4 .inner .panel .box .item{
        margin-top: 15px;
    }

    .block1 .inner .panel .box .button,
    .block2 .inner .button,
    .section .inner .button .text{
        font-size: calc(20px / 1.2);
    }

    .gallery .item{
        width: calc(100% / 5);
        padding-top: calc(100% / 5);
    }

    .contact .inner .part:nth-child(1){
        width: calc((100% / 2) - 100px + 50px + 50px - 50px + 25px);
        margin-left: 0px;
        margin-top: 0;
        margin-bottom: 50px;
    }

    .contact .inner .part:nth-child(2){
        width: calc((100% / 2) - 200px - 100px + 50px + 50px + 50px);
        margin-top: 50px;
        margin-bottom: 50px;
        margin-left: 75px;

    }

    .footer .inner .box{
        width: calc(((100% - 250px) / 2) - 100px + 25px + 25px + 25px);
        margin-left: 75px;
    }

    .footer .inner .box:nth-child(3){
        width: calc(((100% - 250px) / 2) - 100px + 25px + 25px - 25px - 25px);
        margin-left: 50px;
        flex-direction: column;
        align-items: baseline;
    }

    .footer .inner .box:nth-child(3) .col{
        width: calc(100% - 50px);
        margin-left: 50px;
        margin-top: 25px;
    }

    .footer .inner .box:nth-child(3) .col:first-child{
        margin-top: 0;
    }

    .terms .inner{
        padding-top: 50px;
        padding-bottom: 50px;
    }

}



/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1000px) and (max-width: 1099px){

    .pageup{
        right: 0;
    }

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

    .header .inner .logo{
        height: calc(100% - 60px);
    }

    .header .inner .box .button{
        font-size: calc(18px / 1.1);
        margin-right: 30px;
    }

    .menu .inner .line .icon{
        width: 28px;
        height: 28px;
    }

    .menu .inner .line .text{
        width: calc(100% - 28px - 20px);
        font-size: calc(30px / 1.1);
    }

    .block1 .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .block2 .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .block2 .inner .panels .panel{
        width: calc((100% - 75px) / 2);
        margin-left: 75px;
    }

    .block2 .inner .panels .panel:nth-child(1){
        margin-left: 0;
    }

    .block2 .inner .button{
        margin-top: 50px;
    }

    .block3 .inner{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .section .inner .content{
        align-items: flex-start;
    }

    .section .inner .content .images{
        width: calc((100% - 75px) / 2);
    }

    .section .inner .content .block{
        width: calc((100% - 75px) / 2);
        margin-left: 75px;
    }

    .section .inner .button{
        margin-top: 50px;
    }

    .block4 .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

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

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

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

    .block1 .inner .panel:nth-child(1),
    .block4 .inner .panel:nth-child(1){
        margin-left: -50px;
    }

    .block1 .inner .panel:nth-child(2),
    .block4 .inner .panel:nth-child(2){
        width: calc((100% / 2) - 50px + 50px);
    }

    .block1 .inner .panel .photo1,
    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo1,
    .block4 .inner .panel .photo2{
        width: calc((100% - 100px) + 25px);
        padding-top: calc((((100% - 100px) / 16) * 10) + 25px);
    }

    .block1 .inner .panel .photo1,
    .block4 .inner .panel .photo1{
        margin-left: -110px;
    }

    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo2{
        margin-left: 0;
    }

    .block1 .inner .panel .head,
    .block4 .inner .panel .head{
        font-size: calc(80px / 1.3);
    }

    .block4 .inner .panel .head span{
        font-size: calc(50px / 1.3);
    }

    .block4 .inner .panel .box .item{
        margin-top: 15px;
    }

    .block1 .inner .panel .box .button,
    .block2 .inner .button,
    .section .inner .button .text{
        font-size: calc(20px / 1.2);
    }

    .gallery .item{
        width: calc(100% / 5);
        padding-top: calc(100% / 5);
    }

    .contact .inner .part:nth-child(1){
        width: calc((100% / 2) - 100px + 50px + 50px - 50px + 25px);
        margin-left: 0px;
        margin-top: 0;
        margin-bottom: 50px;
    }

    .contact .inner .part:nth-child(2){
        width: calc((100% / 2) - 200px - 100px + 50px + 50px + 50px);
        margin-top: 50px;
        margin-bottom: 50px;
        margin-left: 75px;

    }

    .footer .inner .box{
        width: calc(((100% - 250px) / 2) - 100px + 100px);
        margin-left: 75px;
    }

    .footer .inner .box:nth-child(3){
        width: calc(((100% - 250px) / 2) - 100px - 50px);
        margin-left: 75px;
        flex-direction: column;
        align-items: baseline;
    }

    .footer .inner .box:nth-child(3) .col{
        width: 100%;
        margin-left: 0;
        margin-top: 25px;
    }

    .footer .inner .box:nth-child(3) .col:first-child{
        margin-top: 0;
    }

    .terms .inner{
        padding-top: 50px;
        padding-bottom: 50px;
    }

}



/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 900px) and (max-width: 999px){

    .pageup{
        right: 0;
    }

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

    .header .inner .logo{
        height: calc(100% - 60px);
    }

    .header .inner .box .button{
        font-size: calc(18px / 1.1);
        margin-right: 30px;
    }

    .menu .inner .line .text{
        font-size: calc(30px / 1.1);
    }

    .block1 .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .block2 .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .block2 .inner .panels .panel{
        width: 100%;
        margin-left: 0;
        margin-top: 50px;
    }

    .block2 .inner .panels .panel:nth-child(1){
        margin-left: 0;
        margin-top: 0;
    }

    .block2 .inner .panels .panel .box{
        width: calc((100% - 50px) / 2);
        margin-left: 50px;
        margin-top: 0;
    }

    .block2 .inner .panels .panel .box:nth-child(1){
        margin-left: 0;
    }

    .block2 .inner .button{
        margin-top: 50px;
    }

    .block3 .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section .inner .head2{
        font-size: calc(50px / 1.1);
    }
    
    .section .inner .content{
        align-items: flex-start;
        flex-direction: column;
    }

    .section .inner .content .images{
        width: 100%;
    }

    .section .inner .content .images .image{
        width: calc(100% / 4);
        padding-top: calc(100% / 4);
    }

    .section .inner .content .block{
        width: 100%;
        margin-left: 0;
        margin-top: 50px;
    }

    .section .inner .content .block:nth-child(1){
        margin-top: 0;
    }

    .section .inner .button{
        margin-top: 50px;
    }

    .block4 .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

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

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

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

    .block1 .inner .panel:nth-child(1),
    .block4 .inner .panel:nth-child(1){
        margin-left: -50px;
    }

    .block1 .inner .panel:nth-child(2),
    .block4 .inner .panel:nth-child(2){
        width: calc((100% / 2) - 50px + 50px);
    }

    .block1 .inner .panel .photo1,
    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo1,
    .block4 .inner .panel .photo2{
        width: calc((100% - 100px) + 50px);
        padding-top: calc((((100% - 100px) / 16) * 10) + 50px);
    }

    .block1 .inner .panel .photo1,
    .block4 .inner .panel .photo1{
        margin-left: -75px;
    }

    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo2{
        margin-left: 0;
    }

    .block1 .inner .panel .head,
    .block4 .inner .panel .head{
        font-size: calc(80px / 1.35);
    }

    .block4 .inner .panel .head span{
        font-size: calc(50px / 1.35);
    }

    .block4 .inner .panel .box .item{
        margin-top: 15px;
    }

    .block1 .inner .panel .box .button,
    .block2 .inner .button,
    .section .inner .button .text{
        font-size: calc(20px / 1.2);
    }

    .gallery .item{
        width: calc(100% / 4);
        padding-top: calc(100% / 4);
    }

    .contact .inner .part:nth-child(1){
        width: calc((100% / 2) - 100px + 50px + 50px - 50px + 25px);
        margin-left: 0px;
        margin-top: 0;
        margin-bottom: 50px;
    }

    .contact .inner .part:nth-child(2){
        width: calc((100% / 2) - 200px - 100px + 50px + 50px + 50px);
        margin-top: 50px;
        margin-bottom: 50px;
        margin-left: 75px;
    }

    .contact .inner .part .head{
        font-size: calc(50px / 1.1);
    }

    .contact .inner .part .text{
        font-size: calc(20px / 1.2);
    }
    
    .contact .inner .part:nth-child(2) .block .head{
        font-size: calc(30px / 1.1);
    }

    .contact .inner .part:nth-child(2) .block .item{
        font-size: calc(20px / 1.1);
    }

    .footer .inner .logo{
        width: 100%;
        height: auto;
    }

    .footer .inner .box{
        width: calc((100% - 75px) / 2);
        height: auto;
        margin-left: 0;
        margin-top: 50px;
        align-items: flex-start;
    }

    .footer .inner .box:nth-child(3){
        width: calc((100% - 75px) / 2) ;
        margin-left: 75px;
    }

    .footer .inner .box:nth-child(3) .col:first-child{
        margin-top: 0;
    }

    .terms .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .terms .inner .head{
        font-size: calc(50px / 1.1);
    }

}


/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 700px) and (max-width: 899px){

    .pageup{
        right: 0;
    }

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

    .header .inner .logo{
        height: calc(100% - 65px);
    }

    .header .inner .box .button{
        font-size: calc(18px / 1.1);
        margin-right: 30px;
    }

    .header .inner .box .button:nth-child(2){
        display: none;
    }

    .menu .inner .line .text{
        font-size: calc(30px / 1.1);
    }

    .menu .inner .contact_box{
        display: block;
    }

    .menu .inner .contact_box .contact.phone{
        display: none;
    }

    .block1 .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .block2 .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .block2 .inner .panels .panel{
        width: 100%;
        margin-left: 0;
        margin-top: 50px;
    }

    .block2 .inner .panels .panel:nth-child(1){
        margin-left: 0;
        margin-top: 0;
    }

    .block2 .inner .panels .panel .box{
        width: 100%;
    }

    .block2 .inner .panels .panel .box:nth-child(1){
        margin-left: 0;
    }

    .block2 .inner .panels .panel h2,
    .block2 .inner .panels .panel .box h2{
        font-size: calc(36px / 1.1);
    }

    .block2 .inner .panels .panel .text,
    .block2 .inner .panels .panel .box .items .item .text{
        font-size: calc(18px / 1.05);
    }

    .block2 .inner .panels .panel .text,
    .block2 .inner .panels .panel .box .items{
        margin-top: 15px;
    }

    .block2 .inner .panels .panel .box .items .item .icon{
        width: 22px;
        height: 22px;
    }

    .block2 .inner .panels .panel .box .items .item .text{
        width: calc(100% - 22px - 20px);
    }

    .block2 .inner .button{
        margin-top: 50px;
    }

    .block3 .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .block3 .inner h2{
        font-size: calc(36px / 1.1);
    }

    .block3 .inner .faqs .faq{
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .block3 .inner .faqs .faq .question .text{
        font-size: calc(20px / 1.05);
    }

    .block3 .inner .faqs .faq .answer{
        font-size: calc(18px / 1.05);
        margin-top: 10px;
    }

    .section .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section .inner .head2{
        font-size: calc(50px / 1.2);
    }
    
    .section .inner .content{
        align-items: flex-start;
        flex-direction: column;
    }

    .section .inner .content .images{
        width: 100%;
    }

    .section .inner .content .images .image{
        width: calc(100% / 4);
        padding-top: calc(100% / 4);
    }

    .section .inner .content .block{
        width: 100%;
        margin-left: 0;
        margin-top: 50px;
    }

    .section .inner .content .block:nth-child(1){
        margin-top: 0;
    }

    .section .inner .button{
        margin-top: 50px;
    }

    .section .inner .content .block .part .head3{
        font-size: calc(36px / 1.1);
    }

    .section .inner .content .block .part .text{
        font-size: calc(18px / 1.05);
        margin-top: 15px;
    }

    .section .inner .content .block .item .text{
        font-size: calc(18px / 1.05);
    }

    .section .inner .content .block .item .icon{
        width: 22px;
        height: 22px;
        flex-basis: 22px;
    }

    .block4 .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

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

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

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

    .block1 .inner .panel:nth-child(1),
    .block4 .inner .panel:nth-child(1){
        margin-left: -50px;
    }

    .block1 .inner .panel:nth-child(2),
    .block4 .inner .panel:nth-child(2){
        width: calc((100% / 2) - 50px + 50px + 20px);
        margin-left: 30px;
    }

    .block1 .inner .panel .photo1,
    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo1,
    .block4 .inner .panel .photo2{
        width: calc((100% - 100px) + 50px);
        padding-top: calc((((100% - 100px) / 16) * 10) + 50px);
    }

    .block1 .inner .panel .photo1,
    .block4 .inner .panel .photo1{
        margin-left: -65px;
    }

    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo2{
        margin-left: 0;
        margin-top: -25px;
    }

    .block1 .inner .panel .head,
    .block4 .inner .panel .head{
        font-size: calc(80px / 1.5);
    }

    .block4 .inner .panel .head span{
        font-size: calc(50px / 1.65);
    }

    .block4 .inner .panel .box .item{
        margin-top: 10px;
    }

    .block4 .inner .panel .box .item .text{
        font-size: calc(20px / 1.1);
    }

    .block1 .inner .panel .text{
        font-size: calc(20px / 1.1);
    }

    .block1 .inner .panel .box .button,
    .block2 .inner .button,
    .section .inner .button .text{
        font-size: calc(20px / 1.2);
    }

    .gallery .item{
        width: calc(100% / 4);
        padding-top: calc(100% / 4);
    }

    .contact .inner .part:nth-child(1){
        width: calc((100% / 2) - 100px + 50px + 50px - 50px + 25px);
        margin-left: 0px;
        margin-top: 0;
        margin-bottom: 50px;
    }

    .contact .inner .part:nth-child(2){
        width: calc((100% / 2) - 200px - 100px + 50px + 50px + 50px + 25px);
        margin-top: 50px;
        margin-bottom: 50px;
        margin-left: 50px;
    }

    .contact .inner .part .head{
        font-size: calc(50px / 1.2);
    }

    .contact .inner .part .text{
        font-size: calc(20px / 1.2);
    }
    
    .contact .inner .part:nth-child(2) .block .head{
        font-size: calc(30px / 1.1);
    }

    .contact .inner .part:nth-child(2) .block .item{
        font-size: calc(20px / 1.1);
    }

    .contact .inner .part .form .button_wrapper .button,
    .contact .inner .part .form .button_wrapper .message_alert{
        font-size: calc(18px / 1.1);
    }

    .footer .inner .logo{
        width: 100%;
        height: auto;
    }

    .footer .inner .box{
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-top: 50px;
        align-items: flex-start;
    }

    .footer .inner .box:nth-child(3){
        width: 100%;
        margin-left: 0;
        display: block;
    }

    .footer .inner .box:nth-child(3) .col{
        width: calc((100% / 3) * 2);
    }

    .footer .inner .box:nth-child(3) .col:nth-child(1) .part{
        width: calc((100% - 50px) / 2);
        margin-left: 50px;
        margin-top: 0;
    }

    .footer .inner .box:nth-child(3) .col .part:nth-child(1){
        margin-left: 0;
    }

    .footer .inner .box:nth-child(3) .col:nth-child(2){
        width: calc(100% / 3);
        margin-left: 0;
        margin-top: 0;
    }

    .footer .inner .box:nth-child(3) .col:nth-child(2) .part{
        width: calc(100% - 25px);
        margin-left: 50px;
    }

    .terms .inner{
        width: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .terms .inner .head{
        font-size: calc(50px / 1.2);
    }


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

        .block1 .inner .panel .photo1,
        .block1 .inner .panel .photo2,
        .block4 .inner .panel .photo1,
        .block4 .inner .panel .photo2 {
            width: calc((100% - 100px) + 50px + 25px);
            padding-top: calc((((100% - 100px) / 16) * 10) + 50px + 25px);

        }

        .block1 .inner .panel .photo2, .block4 .inner .panel .photo2{
            margin-left: -35px;
        }

        .block1 .inner .panel:nth-child(2), .block4 .inner .panel:nth-child(2){
            width: calc((100% / 2) - 50px + 50px + 20px + 20px);
            margin-left: 10px;
        }

        .block1 .inner .panel .head, .block4 .inner .panel .head{
            font-size: calc(80px / 1.6);
        }

        .block4 .inner .panel .head span{
            font-size: calc(50px / 1.8);
        }

        .contact .inner .part:nth-child(1){
            width: 100%;
        }

        .contact .inner .part .text{
            width: 75%;
        }

        .contact .inner .part:nth-child(2){
            width: calc(75% - 100px);
            margin-left: 0;
        }

    }

}



/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 500px) and (max-width: 699px){

    .pageup{
        right: 0;
    }

    .header .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .header .inner .logo{
        height: calc(100% - 70px);
    }

    .header .inner .box .button{
        font-size: calc(18px / 1.1);
        margin-right: 30px;
    }

    .header .inner .box .button:nth-child(2){
        display: none;
    }

    .menu .inner{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .menu .inner .line .icon{
        width: 26px;
        height: 26px;
    }

    .menu .inner .line .text{
        width: calc(100% - 26px - 20px);
        font-size: calc(30px / 1.2);
    }

    .menu .inner .contact_box{
        display: block;
    }

    .menu .inner .contact_box .contact.phone{
        display: none;
    }

    .block1 .inner{
        width: calc(100% - 60px);
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 30px;
        padding-right: 30px;
        flex-direction: column;
    }

    .block1 .inner .panel:nth-child(1),
    .block4 .inner .panel:nth-child(1){
        width: 100%;
        flex-direction: row;
        align-items: unset;
    }

    .block1 .inner .panel .photo1,
    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo1,
    .block4 .inner .panel .photo2{
        width: calc((100% / 2) + 80px);
        padding-top: calc((((100% / 2) + 80px) / 16) * 10);
        flex-shrink: 0;
        flex-grow: 0;
    }

    .block1 .inner .panel .photo1,
    .block4 .inner .panel .photo1{
        margin-left: -40px;
        margin-top: 0px;
        margin-bottom: 25px;
    }

    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo2{
        margin-left: -50px;
        margin-top: 25px;
    }

    .block1 .inner .panel:nth-child(2),
    .block4 .inner .panel:nth-child(2){
        width: 100%;
        margin-left: 0;
        margin-top: 50px;
    }

    .block2 .inner{
        width: calc(100% - 60px);
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .block2 .inner .panels .panel{
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

    .block2 .inner .panels .panel:nth-child(1){
        margin-left: 0;
        margin-top: 0;
    }

    .block2 .inner .panels .panel .box{
        width: 100%;
        margin-top: 30px;
    }

    .block2 .inner .panels .panel .box:nth-child(1){
        margin-left: 0;
    }

    .block2 .inner .panels .panel h2,
    .block2 .inner .panels .panel .box h2{
        font-size: calc(36px / 1.1);
    }

    .block2 .inner .panels .panel .text,
    .block2 .inner .panels .panel .box .items .item .text{
        font-size: calc(18px / 1.05);
    }

    .block2 .inner .panels .panel .text,
    .block2 .inner .panels .panel .box .items{
        margin-top: 15px;
    }

    .block2 .inner .panels .panel .box .items .item .icon{
        width: 22px;
        height: 22px;
    }

    .block2 .inner .panels .panel .box .items .item .text{
        width: calc(100% - 22px - 20px);
    }

    .block2 .inner .button{
        margin-top: 30px;
    }

    .block3 .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .block3 .inner h2{
        font-size: calc(36px / 1.1);
    }

    .block3 .inner .faqs .faq{
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .block3 .inner .faqs .faq .question .text{
        font-size: calc(20px / 1.05);
    }

    .block3 .inner .faqs .faq .answer{
        font-size: calc(18px / 1.05);
        margin-top: 10px;
    }

    .section .inner{
        width: calc(100% - 60px);
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .section .inner .head2{
        font-size: calc(50px / 1.2);
        letter-spacing: 1px;
    }
    
    .section .inner .content{
        align-items: flex-start;
        flex-direction: column;
        margin-top: 30px;
    }

    .section .inner .content .images{
        width: 100%;
    }

    .section .inner .content .images .image{
        width: calc(100% / 4);
        padding-top: calc(100% / 4);
    }

    .section .inner .content .block{
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

    .section .inner .content .block:nth-child(1){
        margin-top: 0;
    }

    .section .inner .content .block .part{
        margin-top: 30px;
    }

    .section .inner .button{
        margin-top: 30px;
    }

    .section .inner .content .block .part .head3{
        font-size: calc(36px / 1.2);
    }

    .section .inner .content .block .part .text{
        font-size: calc(18px / 1.1);
        margin-top: 10px;
    }

    .section .inner .content .block .item .text{
        font-size: calc(18px / 1.1);
    }

    .section .inner .content .block .item .icon{
        width: 22px;
        height: 22px;
        flex-basis: 22px;
    }

    .block4 .inner{
        width: calc(100% - 60px);
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 30px;
        padding-right: 30px;
        flex-direction: column;
    }

    .contact .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

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

    .foot .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .block1 .inner .panel .head,
    .block4 .inner .panel .head{
        font-size: calc(80px / 1.35);
    }

    .block4 .inner .panel .head span{
        font-size: calc(50px / 1.35);
    }

    .block4 .inner .panel .box .item{
        margin-top: 10px;
    }

    .block4 .inner .panel .box .item .text{
        font-size: calc(20px / 1.1);
    }

    .block4 .inner .panel .divider:last-child{
        display: none;
    }

    .block1 .inner .panel .text{
        font-size: calc(20px / 1.1);
    }

    .block1 .inner .panel .box .button,
    .block2 .inner .button,
    .section .inner .button .text{
        font-size: calc(20px / 1.2);
    }

    .gallery .item{
        width: calc(100% / 4);
        padding-top: calc(100% / 4);
    }

    /**/
    .contact .inner .part:nth-child(1){
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    .contact .inner .part .form{
        margin-top: 30px;
    }

    .contact .inner .part:nth-child(2){
        width: calc(100% - 60px);
        margin-left: 0;
        margin-top: 50px;
        padding: 30px;
        margin-bottom: 50px;
    }

    .contact .inner .part .head{
        font-size: calc(50px / 1.2);
    }

    .contact .inner .part .text{
        font-size: calc(20px / 1.2);
    }
    
    .contact .inner .part:nth-child(2) .block .head{
        font-size: calc(30px / 1.1);
    }

    .contact .inner .part:nth-child(2) .block .item{
        font-size: calc(20px / 1.1);
    }

    .contact .inner .part .form .button_wrapper .button,
    .contact .inner .part .form .button_wrapper .message_alert{
        font-size: calc(18px / 1.1);
    }
    /**/

    .footer .inner .logo{
        width: 100%;
        height: auto;
    }

    .footer .inner .box{
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-top: 30px;
        align-items: flex-start;
    }

    .footer .inner .box:nth-child(3){
        width: 100%;
        margin-left: 0;
        display: block;
    }

    .footer .inner .box:nth-child(3) .col{
        width: calc((100% - 50px) / 2);
    }

    .footer .inner .box:nth-child(3) .col:nth-child(1) .part{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }

    .footer .inner .box:nth-child(3) .col .part:nth-child(1){
        margin-left: 0;
        margin-top: 0;
    }

    .footer .inner .box:nth-child(3) .col:nth-child(2){
        width: calc((100% - 50px) / 2);
        margin-left: 50px;
        margin-top: 0;
    }


    .terms .inner{
        width: calc(100% - 60px);
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .terms .inner .head{
        font-size: calc(50px / 1.2);
    }

    .terms .inner .part{
        margin-top: 30px;
    }

    .terms .inner .part .line{
        margin-top: 10px;
    }


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

        .header .inner .box .button{
            display: none;
        }

        .menu .inner .contact_box{
            display: block;
        }

        .menu .inner .contact_box .contact.phone{
            display: flex;
        }

        .section .inner .head2,
        .contact .inner .part .head,
        .terms .inner .head{
            font-size: calc(50px / 1.25);
        }

        .section .inner .head2{
            letter-spacing: 1px;
        }

        .foot .inner .copy .line{
            display: block; 
        }

        .foot .inner .copy .line .text:nth-child(2){
            border-left: 0;
            clear: left;
            margin-left: 0;
            padding-left: 0;
            margin-top: 5px;
        }

    }

}



/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 400px) and (max-width: 499px){

    .pageup{
        right: 0;
    }

    .header .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .header .inner .logo{
        height: calc(100% - 70px);
    }

    .header .inner .box .button{
        display: none;
    }

    .header .inner .box .button:nth-child(2){
        display: none;
    }

    .menu .inner{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .menu .inner .line .icon{
        width: 26px;
        height: 26px;
    }

    .menu .inner .line .text{
        width: calc(100% - 26px - 20px);
        font-size: calc(30px / 1.2);
    }

    .menu .inner .contact_box{
        display: block;
    }

    .block1 .inner{
        width: calc(100% - 60px);
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
        flex-direction: column;
    }

    .block1 .inner .panel:nth-child(1),
    .block4 .inner .panel:nth-child(1){
        width: 100%;
        flex-direction: row;
        align-items: unset;
    }

    .block1 .inner .panel .photo1,
    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo1,
    .block4 .inner .panel .photo2{
        width: calc((100% / 2) + 80px);
        padding-top: calc((((100% / 2) + 80px) / 16) * 10);
        flex-shrink: 0;
        flex-grow: 0;
    }

    .block1 .inner .panel .photo1,
    .block4 .inner .panel .photo1{
        margin-left: -40px;
        margin-top: 0px;
        margin-bottom: 25px;
    }

    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo2{
        margin-left: -50px;
        margin-top: 25px;
    }

    .block1 .inner .panel:nth-child(2),
    .block4 .inner .panel:nth-child(2){
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

    .block2 .inner{
        width: calc(100% - 60px);
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .block2 .inner .panels .panel{
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

    .block2 .inner .panels .panel:nth-child(1){
        margin-left: 0;
        margin-top: 0;
    }

    .block2 .inner .panels .panel .box{
        width: 100%;
        margin-top: 30px;
    }

    .block2 .inner .panels .panel .box:nth-child(1){
        margin-left: 0;
    }

    .block2 .inner .panels .panel h2,
    .block2 .inner .panels .panel .box h2{
        font-size: calc(36px / 1.2);
    }

    .block2 .inner .panels .panel .text,
    .block2 .inner .panels .panel .box .items .item .text{
        font-size: calc(18px / 1.1);
    }

    .block2 .inner .panels .panel .text,
    .block2 .inner .panels .panel .box .items{
        margin-top: 15px;
    }

    .block2 .inner .panels .panel .box .items .item .icon{
        width: 22px;
        height: 22px;
    }

    .block2 .inner .panels .panel .box .items .item .text{
        width: calc(100% - 22px - 15px);
        margin-left: 15px;
    }

    .block2 .inner .button{
        margin-top: 30px;
    }

    .block3 .inner{
        width: calc(100% - 60px);
        padding: 30px;
    }

    .block3 .inner h2{
        font-size: calc(36px / 1.2);
    }

    .block3 .inner .faqs .faq{
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .block3 .inner .faqs .faq .question .text{
        width: calc(100% - 28px - 2px - 10px);
        font-size: calc(20px / 1.1);
        margin-left: 10px;
    }

    .block3 .inner .faqs .faq .answer{
        width: calc(100% - 30px - 10px);
        font-size: calc(18px / 1.1);
        margin-top: 10px;
        margin-left: 40px;
    }

    .section .inner{
        width: calc(100% - 60px);
        padding: 30px;
    }

    .section .inner .head2{
        font-size: calc(50px / 1.4);
        letter-spacing: 1px;
    }
    
    .section .inner .content{
        align-items: flex-start;
        flex-direction: column;
        margin-top: 30px;
    }

    .section .inner .content .images{
        width: 100%;
    }

    .section .inner .content .images .image{
        width: calc(100% / 4);
        padding-top: calc(100% / 4);
    }

    @media (min-width: 400px) and (max-width: 449px){

        .section .inner .content .images .image{
            width: calc(100% / 2);
            padding-top: calc(100% / 2);
        }

    }

    .section .inner .content .block{
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

    .section .inner .content .block:nth-child(1){
        margin-top: 0;
    }

    .section .inner .content .block .part{
        margin-top: 30px;
    }

    .section .inner .button{
        margin-top: 30px;
    }

    .section .inner .content .block .part .head3{
        font-size: calc(36px / 1.2);
    }

    .section .inner .content .block .part .text{
        font-size: calc(18px / 1.1);
        margin-top: 10px;
    }

    .section .inner .content .block .item .text{
        font-size: calc(18px / 1.1);
        margin-left: 15px;
    }

    .section .inner .content .block .item .icon{
        width: 22px;
        height: 22px;
        flex-basis: 22px;
    }

    .block4 .inner{
        width: calc(100% - 60px);
        padding: 30px;
        flex-direction: column;
    }

    .contact .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .footer .inner{
        width: calc(100% - 60px);
        padding: 30px;
    }

    .foot .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .block1 .inner .panel .head,
    .block4 .inner .panel .head{
        font-size: calc(80px / 1.6);
    }

    .block4 .inner .panel .head span{
        font-size: calc(50px / 1.8);
        margin-top: 5px;
    }

    .block4 .inner .panel .box .item{
        margin-top: 10px;
    }

    .block4 .inner .panel .box .item .text{
        font-size: calc(20px / 1.1);
        margin-left: 15px;
    }

    .block4 .inner .panel .divider:last-child{
        display: none;
    }

    .block1 .inner .panel .text{
        font-size: calc(20px / 1.1);
    }

    .block1 .inner .panel .box .button,
    .block2 .inner .button,
    .section .inner .button .text{
        font-size: calc(20px / 1.2);
    }

    .gallery .item{
        width: calc(100% / 3);
        padding-top: calc(100% / 3);
    }

    /**/
    .contact .inner .part:nth-child(1){
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 30px;
    }

    .contact .inner .part .form{
        margin-top: 30px;
    }

    .contact .inner .part:nth-child(2){
        width: calc(100% - 60px);
        margin-left: 0;
        margin-top: 30px;
        padding: 30px;
        margin-bottom: 30px;
    }

    .contact .inner .part .head{
        font-size: calc(50px / 1.4);
    }

    .contact .inner .part .text{
        font-size: calc(20px / 1.2);
    }
    
    .contact .inner .part:nth-child(2) .block .head{
        font-size: calc(30px / 1.2);
    }

    .contact .inner .part:nth-child(2) .block .item{
        font-size: calc(20px / 1.2);
    }

    .contact .inner .part .form .button_wrapper .button,
    .contact .inner .part .form .button_wrapper .message_alert{
        font-size: calc(18px / 1.1);
    }
    /**/

    .footer .inner .logo{
        width: 100%;
        height: auto;
    }

    .footer .inner .logo svg{
        width: 200px;
    }

    .footer .inner .box{
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-top: 30px;
        align-items: flex-start;
    }

    .footer .inner .box:nth-child(3){
        width: 100%;
        margin-left: 0;
        display: block;
    }

    .footer .inner .box:nth-child(3) .col{
        width: 100%;
    }

    .footer .inner .box:nth-child(3) .col:nth-child(1) .part{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }

    .footer .inner .box:nth-child(3) .col .part:nth-child(1){
        margin-left: 0;
        margin-top: 0;
    }

    .footer .inner .box:nth-child(3) .col:nth-child(2){
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }

    .foot .inner .copy .line{
        display: block; 
    }

    .foot .inner .copy .line .text:nth-child(2){
        border-left: 0;
        clear: left;
        margin-left: 0;
        padding-left: 0;
        margin-top: 5px;
    }

    .terms .inner{
        width: calc(100% - 60px);
        padding: 30px;
    }

    .terms .inner .head{
        font-size: calc(50px / 1.4);
    }

    .terms .inner .part{
        margin-top: 30px;
    }

    .terms .inner .part .line{
        margin-top: 10px;
    }

}



/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 320px) and (max-width: 399px){

    .pageup{
        right: 0;
    }

    .header .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .header .inner .logo{
        height: calc(100% - 70px);
    }

    .header .inner .box .button{
        display: none;
    }

    .header .inner .box .button:nth-child(2){
        display: none;
    }

    .menu{
        width: 100%;
    }

    .menu .inner{
        width: calc(100% - 60px);
        padding: 30px;
    }

    .menu .inner .line{
        margin-top: 20px;
    }

    .menu .inner .line .icon{
        width: 26px;
        height: 26px;
    }

    .menu .inner .line .text{
        width: calc(100% - 26px - 20px);
        font-size: calc(30px / 1.2);
    }

    .menu .inner .contact_box{
        display: block;
    }

    .block1 .inner{
        width: calc(100% - 60px);
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
        flex-direction: column;
    }

    .block1 .inner .panel:nth-child(1),
    .block4 .inner .panel:nth-child(1){
        width: 100%;
        flex-direction: row;
        align-items: unset;
    }

    .block1 .inner .panel .photo1,
    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo1,
    .block4 .inner .panel .photo2{
        width: calc((100% / 2) + 80px);
        padding-top: calc((((100% / 2) + 80px) / 16) * 10);
        flex-shrink: 0;
        flex-grow: 0;
    }

    .block1 .inner .panel .photo1,
    .block4 .inner .panel .photo1{
        margin-left: -40px;
        margin-top: 0px;
        margin-bottom: 25px;
    }

    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo2{
        margin-left: -50px;
        margin-top: 25px;
    }

    .block1 .inner .panel:nth-child(2),
    .block4 .inner .panel:nth-child(2){
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

    .block2 .inner{
        width: calc(100% - 60px);
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .block2 .inner .panels .panel{
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

    .block2 .inner .panels .panel:nth-child(1){
        margin-left: 0;
        margin-top: 0;
    }

    .block2 .inner .panels .panel .box{
        width: 100%;
        margin-top: 30px;
    }

    .block2 .inner .panels .panel .box:nth-child(1){
        margin-left: 0;
    }

    .block2 .inner .panels .panel h2,
    .block2 .inner .panels .panel .box h2{
        font-size: calc(36px / 1.2);
    }

    .block2 .inner .panels .panel .text,
    .block2 .inner .panels .panel .box .items .item .text{
        font-size: calc(18px / 1.1);
    }

    .block2 .inner .panels .panel .text,
    .block2 .inner .panels .panel .box .items{
        margin-top: 15px;
    }

    .block2 .inner .panels .panel .box .items .item .icon{
        width: 22px;
        height: 22px;
    }

    .block2 .inner .panels .panel .box .items .item .text{
        width: calc(100% - 22px - 15px);
        margin-left: 15px;
    }

    .block2 .inner .button{
        margin-top: 30px;
    }

    .block3 .inner{
        width: calc(100% - 60px);
        padding: 30px;
    }

    .block3 .inner h2{
        font-size: calc(36px / 1.2);
    }

    .block3 .inner .faqs .faq{
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .block3 .inner .faqs .faq .question .text{
        width: calc(100% - 28px - 2px - 10px);
        font-size: calc(20px / 1.1);
        margin-left: 10px;
    }

    .block3 .inner .faqs .faq .answer{
        width: calc(100% - 30px - 10px);
        font-size: calc(18px / 1.1);
        margin-top: 10px;
        margin-left: 40px;
    }

    .section .inner{
        width: calc(100% - 60px);
        padding: 30px;
    }

    .section .inner .head2{
        font-size: calc(50px / 1.4);
        letter-spacing: 1px;
    }
    
    .section .inner .content{
        align-items: flex-start;
        flex-direction: column;
        margin-top: 30px;
    }

    .section .inner .content .images{
        width: 100%;
    }

    .section .inner .content .images .image{
        width: calc(100% / 2);
        padding-top: calc(100% / 2);
    }

    .section .inner .content .block{
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

    .section .inner .content .block:nth-child(1){
        margin-top: 0;
    }

    .section .inner .content .block .part{
        margin-top: 30px;
    }

    .section .inner .button{
        margin-top: 30px;
    }

    .section .inner .content .block .part .head3{
        font-size: calc(36px / 1.2);
    }

    .section .inner .content .block .part .text{
        font-size: calc(18px / 1.1);
        margin-top: 10px;
    }

    .section .inner .content .block .item .text{
        font-size: calc(18px / 1.1);
        margin-left: 15px;
    }

    .section .inner .content .block .item .icon{
        width: 22px;
        height: 22px;
        flex-basis: 22px;
    }

    .block4 .inner{
        width: calc(100% - 60px);
        padding: 30px;
        flex-direction: column;
    }

    .contact .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .footer .inner{
        width: calc(100% - 60px);
        padding: 30px;
    }

    .foot .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .block1 .inner .panel .head,
    .block4 .inner .panel .head{
        font-size: calc(80px / 1.9);
    }

    .block4 .inner .panel .head span{
        font-size: calc(50px / 2.2);
        margin-top: 5px;
    }

    .block4 .inner .panel .box{
        margin-top: 15px;
    }

    .block4 .inner .panel .box .item{
        margin-top: 10px;
    }

    .block4 .inner .panel .box .item .text{
        font-size: calc(20px / 1.1);
        margin-left: 15px;
    }

    .block4 .inner .panel .divider:last-child{
        display: none;
    }

    .block1 .inner .panel .text{
        font-size: calc(20px / 1.2);
        margin-top: 15px;
    }

    .block1 .inner .panel .divider:nth-child(4){
        margin-top: 15px;
    }

    .block1 .inner .panel .box .button,
    .block2 .inner .button,
    .section .inner .button .text{
        font-size: calc(20px / 1.2);
    }

    .block1 .inner .panel .box .button{
        clear: left;
        margin-top: 20px;
        margin-right: 0;
    }

    .block1 .inner .panel .box .button:nth-child(1){
        margin-top: 0;
    }

    .gallery .item{
        width: calc(100% / 3);
        padding-top: calc(100% / 3);
    }

    .gallery .item .overlay .zoom{
        width: 40px;
        height: 40px;
    }

    .gallery .item .overlay .zoom svg{
        width: 22px;
        height: 22px;
    }

    /**/
    .contact .inner .part:nth-child(1){
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 30px;
    }

    .contact .inner .part .form{
        margin-top: 30px;
    }

    .contact .inner .part:nth-child(2){
        width: calc(100% - 60px);
        margin-left: 0;
        margin-top: 30px;
        padding: 30px;
        margin-bottom: 30px;
    }

    .contact .inner .part .head{
        font-size: calc(50px / 1.4);
    }

    .contact .inner .part .text{
        font-size: calc(20px / 1.2);
    }
    
    .contact .inner .part:nth-child(2) .block .head{
        font-size: calc(30px / 1.2);
    }

    .contact .inner .part:nth-child(2) .block .item{
        font-size: calc(20px / 1.2);
    }

    .contact .inner .part .form .button_wrapper .button,
    .contact .inner .part .form .button_wrapper .message_alert{
        font-size: calc(18px / 1.1);
    }
    /**/

    .footer .inner .logo{
        width: 100%;
        height: auto;
    }

    .footer .inner .logo svg{
        width: 200px;
    }

    .footer .inner .box{
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-top: 30px;
        align-items: flex-start;
    }

    .footer .inner .box:nth-child(3){
        width: 100%;
        margin-left: 0;
        display: block;
    }

    .footer .inner .box:nth-child(3) .col{
        width: 100%;
    }

    .footer .inner .box:nth-child(3) .col:nth-child(1) .part{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }

    .footer .inner .box:nth-child(3) .col .part:nth-child(1){
        margin-left: 0;
        margin-top: 0;
    }

    .footer .inner .box:nth-child(3) .col:nth-child(2){
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }

    .foot .inner .copy .line{
        display: block; 
    }

    .foot .inner .copy .line .text:nth-child(2){
        border-left: 0;
        clear: left;
        margin-left: 0;
        padding-left: 0;
        margin-top: 5px;
    }

    .terms .inner{
        width: calc(100% - 60px);
        padding: 30px;
    }

    .terms .inner .head{
        font-size: calc(50px / 1.4);
    }

    .terms .inner .part{
        margin-top: 30px;
    }

    .terms .inner .part .line{
        margin-top: 10px;
    }


    @media (min-width: 320px) and (max-width: 340px){

        .menu .inner .line .icon,
        .menu .inner .contact_box .phone .icon,
        .menu .inner .contact_box .email .icon{
            width: 24px;
            height: 24px;
        }
        
        .menu .inner .line .text{
            width: calc(100% - 24px - 15px);
            font-size: calc(30px / 1.25);
            margin-left: 15px;
        }

        .menu .inner .contact_box .phone .text,
        .menu .inner .contact_box .email .text{
            width: calc(100% - 24px - 15px);
            margin-left: 15px;
        }

        .header .inner .logo{
            height: calc(100% - 78px);
        }

        .block1 .inner .panel .head, .block4 .inner .panel .head{
            font-size: calc(80px / 2.1);
        }

        .block4 .inner .panel .head span{
            font-size: calc(50px / 2.4);
        }

        .section .inner .head2{
            font-size: calc(50px / 1.6);
            letter-spacing: 1px;
        }

        .contact .inner .part .head,
        .terms .inner .head{
            font-size: calc(50px / 1.6);
        }

        .section .inner .content .block .part .head3{
            font-size: calc(36px / 1.3);
        }

    }

}