diff --git a/css/style.css b/css/style.css index c4ca009..d69d88f 100644 --- a/css/style.css +++ b/css/style.css @@ -1792,7 +1792,7 @@ textarea::-webkit-input-placeholder { .form-top>span>input, .form-bottom>textarea{ display: block; - width: 23.5%; + width: 22.5%; height: 60px; padding: 0 17px; background-color: #f4f5f7; @@ -1809,14 +1809,15 @@ textarea::-webkit-input-placeholder { .form-top>span{ display: flex; justify-content: space-between; - width: 23.5%; + width: 28%; } .form-top>span>input{ - width: 62%; + width: calc(100% - 113px); + padding-right: 5px; } .form-top>span em{ display: block; - width: 37%; + width: 110px; height: 60px; overflow: hidden; } @@ -2112,6 +2113,19 @@ textarea::-webkit-input-placeholder { .contact-top li:nth-of-type(odd){ border: 0; } + .form-top input{ + padding: 0 10px; + } + .form-top>input:nth-of-type(1), + .form-top>input:nth-of-type(2){ + width: 19%; + } + .form-top>input:nth-of-type(3){ + width: 25%; + } + .form-top>span{ + width: 32%; + } } @media screen and (max-width:980px){ .w1690{ @@ -2440,11 +2454,11 @@ textarea::-webkit-input-placeholder { .form-top>span{ width: 100%; } - .form-top>span input{ - width: calc(100% - 125px); + .form-top>span input{ + width: calc(100% - 115px); } .form-top>span em{ - width: 120px; + width: 110px; margin-top: 10px; } .corporate-name{ @@ -2749,6 +2763,12 @@ textarea::-webkit-input-placeholder { .form-top input{ width: 100%; margin-top: 10px; + padding: 0 17px; + } + .form-top>input:nth-of-type(1), + .form-top>input:nth-of-type(2), + .form-top>input:nth-of-type(3){ + width: 100%; } .contact-btn{ width: 150px;