.main-area{ background:#FE8F01; } .middle-area{ width: 80%; margin: auto!important; } .tezt-head { padding-top: 25px; } .tezt-head h3{ text-align: center; font-size: 29px!important; font-weight: 900!important; color: #FFF!important; } .form-feld input[type="text"]{ width: 260px!important; border: 1px solid #fff!important; margin: 1px 0!important; padding: 0px 10px!important; } .form-feld textarea{ width: 282px!important; border: 1px solid #fff!important; height: 90px!important; margin-top: 1px !important; padding-left: 8px !important; } .sub-button input{ width: 283px!important; border: 1px solid #fff; padding: 12px 0!important; font-size: 18px; font-weight: 900!important; margin: 25px 0 !important; background: #5E291C!important; color: #FFF!important; border: 1px solid #5E291C!important; } @media all and (max-width: 1130px){ .tezt-head h3 { font-size: 20px !important; } .form-feld input[type="text"] { width: 240px !important; } .form-feld textarea { width: 262px !important; } .sub-button input { width: 265px !important; } } @media all and (max-width: 1050px){ .tezt-head h3 { font-size: 15px !important; } .form-feld input[type="text"] { width: 200px !important; } .form-feld textarea { width: 222px !important; } .sub-button input { width: 225px!important; } } @media all and (max-width: 920px){ .tezt-head h3 { font-size: 15px !important; } .form-feld input[type="text"] { width: 190px !important; } .form-feld textarea { width: 212px!important; } .sub-button input { width: 215px!important; } .wpcf7-form input[type="text"]{ min-height: 32px; } .main-holder input[type="submit"]{ height: 46px; } } @media all and (max-width: 840px){ .middle-area{ width: 88%; } } @media all and (max-width: 800px){ .form-feld input[type="text"] { width: 180px !important; } .form-feld textarea { width: 202px !important; } .sub-button input { width: 200px !important; } .wpcf7-form input[type="text"]{ min-height:25px; } .main-holder input[type="submit"]{ height: 35px; } } @media all and (max-width: 750px){ .form-feld input[type="text"] { width: 170px !important; font-size: 15px !important; } .form-feld textarea { width: 192px !important; font-size: 15px !important; } .sub-button input { width: 195px !important; } .wpcf7-form input[type="text"]{ min-height:25px; } .main-holder input[type="submit"]{ height: 35px; } .sub-button input { margin: 10px 0 !important; } } @media all and (max-width: 720px){ .form-feld input[type="text"] { width: 158px !important; } .form-feld textarea { width: 180px !important; } .sub-button input { width: 180px !important; } } @media all and (max-width: 670px){ .form-feld input[type="text"] { width: 150px !important; } .form-feld textarea { width: 172px !important; } .sub-button input { width: 172px !important; } .wpcf7-form input[type="text"]{ min-height: 25px; } .main-holder input[type="submit"]{ height: 40px; } } @media all and (max-width: 620px){ .form-feld input[type="text"] { width: 135px !important; } .form-feld textarea { width: 157px !important; } .sub-button input { width: 157px !important; } .main-holder input[type="submit"]{ height: 25px; } } @media all and (max-width: 575px){ .form-feld input[type="text"] { width: 125px !important; } .form-feld textarea { width: 147px!important; } .sub-button input { width: 147px!important; } .sub-button input { margin: 4px 0 !important; } .tezt-head h3 { font-size: 12px !important; } } @media all and (max-width: 550px){ .form-feld input[type="text"] { width: 120px !important; } .form-feld textarea { width: 142px !important; height: 65px !important; } .sub-button input { width: 142px !important; } } @media all and (max-width: 520px){ .form-feld input[type="text"] { width: 112px!important; } .form-feld textarea { width: 134px!important; height: 65px !important; } .sub-button input { width: 134px!important; } } @media all and (max-width: 490px){ .form-feld input[type="text"] { width: 100px!important; } .form-feld textarea { width: 122px !important; height: 50px !important; } .sub-button input { width: 122px!important; } } @media all and (max-width: 445px){ .tezt-head h3 { font-size: 10px !important; } .form-feld input[type="text"] { width: 90px !important; } .form-feld textarea { width: 112px !important; } .sub-button input { width: 112px !important; } } @media all and (max-width: 420px){ .form-feld input[type="text"] { width: 80% !important; } .form-feld textarea { width: 100% !important; } .sub-button input { width: 109px !important; font-size: 10px!important; padding: 0!important; } } @media all and (max-width: 380px){ .tezt-head h3 { font-size: 8px !important; } .form-feld input[type="text"] { width: 77% !important; font-size: 10px !important; } .wpcf7-form input[type="text"] { min-height: 15px; } .form-feld textarea { width: 100% !important; padding: 6px 0px 0px 6px !important; font-size: 11px !important; } .sub-button input { width: 95px !important; font-size: 8px !important; } }