.ngpluginparashopcoupon { display: flex; margin: 0 0 20px 0; padding: 0; } .ngpluginparashopcoupon input[type=text] { border-color: #d6d8da; border-width: 1px; border-style: solid; padding: 6px 12px 6px 12px; background: #ffffff; font: 14px Montserrat,Verdana,Helvetica,sans-serif; color: #000000; letter-spacing: 0px; border-radius: 0px; width: 90px; box-sizing: border-box; display: block; margin: 0; -webkit-appearance: none; margin-right: 10px; } .ngpluginparashopcoupon input[type=text]:focus { border-color: #b29146; background: #ffffff; } .ngpluginparashopcoupon input[type=submit] { border-color: #b29146; border-width: 0px; border-style: solid; padding: 12px 25px 12px 25px; background: #b29146; font: 16px Montserrat,Verdana,Helvetica,sans-serif; color: #ffffff; letter-spacing: 1px; text-transform: uppercase; border-radius: 10px; display: block; cursor: pointer; -webkit-appearance: none; box-sizing: border-box; margin: 0; } .ngpluginparashopcoupon input[type=submit]:hover { border-color: #b29146; background: #4567b2; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; } .ngpluginparashopcoupon input[type=submit]:focus { border-color: #b29146; background: #b29146; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; outline: none; } @media (min-width: 768px) { .ngpluginparashopcouponleft { justify-content: flex-start; } .ngpluginparashopcouponright { justify-content: flex-end; } .ngpluginparashopcouponcenter { justify-content: center; } .ngpluginparashopcouponstretch input[type=text] { flex-grow: 1; } } @media (max-width: 767px) { .ngpluginparashopcoupon { display: block; } .ngpluginparashopcoupon input[type=text], .ngpluginparashopcoupon input[type=submit] { margin: 0 0 10px 0; width: 100%; display: block; } }