﻿.clientForm_Estimation { max-width:1000px; padding:30px; background-color:var(--color9); margin:3rem auto; }
.clientForm_Estimation .estate{ }
.clientForm_Estimation .estate .boxcontent{ display:flex; width:100%; flex-wrap:wrap; }
.clientForm_Estimation .estate .boxcontent .item{ width:calc(50% - 30px); margin:15px; }

.clientForm_Estimation .description{ }
.clientForm_Estimation .description .boxcontent{ display:flex; width:100%; flex-wrap:wrap; }
.clientForm_Estimation .description .boxcontent .item{ width:calc(100% - 30px); margin:15px; }

.clientForm_Estimation .client{ }
.clientForm_Estimation .client .boxcontent{ display:flex; width:100%; flex-wrap:wrap; }
.clientForm_Estimation .client .boxcontent .item{ width:calc(50% - 30px); margin:15px; }


.clientForm_Estimation .other{ }
.clientForm_Estimation .other .boxcontent{ display:flex; width:100%; flex-wrap:wrap; }
.clientForm_Estimation .other .boxcontent .item{ width:calc(100% - 30px); margin:15px; }

.clientForm_Estimation .approval { width:calc(100% - 30px); margin:15px; }
.clientForm_Estimation .sending { width:calc(100% - 30px); margin:15px; }


@media all and (max-width:48em) {
    .clientForm_Estimation .estate .boxcontent .item { width: calc(100% - 30px); }
}

@media all and (max-width:36em) {
    .clientForm_Estimation .client .boxcontent .item { width:calc(100% - 30px); }
}

@media all and (max-width:27em) {
    .clientForm_Estimation { width:calc(100% - 30px); padding:15px; }
        .clientForm_Estimation .estate .boxcontent .item,.clientForm_Estimation .description .boxcontent .item,
        .clientForm_Estimation .client .boxcontent .item,.clientForm_Estimation .other .boxcontent .item,
        .clientForm_Estimation .approval,.clientForm_Estimation .sending{ margin-left:0; margin-right:0; width:100%; }

}



