// PSS Search - Option 1 .pss-search{ form{ border: 1px solid #979797; margin: 0 !important; width: 100%; @include _flex; input{ border: none; border-radius: 0 !important; padding: 0 10px; width: 100%; height: 34px; } button{ border: none; border-radius: 0 !important; background: #fff !important; color: #000 !important; height: 34px !important; margin: 0 !important; padding: 0 10px; } @include screen-sm-min { input{ height: res-sm-min(26,52); } button{ height: res-sm-min(26,52) !important; .fa{ font-size: res-sm-min(14,20); } } } } } // PSS Search - Option 2 .header-search{ form{ border: 1px solid $brand-secondary; border-radius: 52px; box-shadow: 2px 2px 4px 0 rgba(#0B0B0B,.25); background: #fff; margin-top: 0 !important; @include _flex; input{ width: 100%; border: none; border-radius: 52px; height: res-xs(25,34); @include screen-sm-min{ height: res-sm-min(30,50); } } button{ border-radius: 50% !important; margin-top: 0 !important; padding: 0; background: linear-gradient(to bottom, $brand-primary 0%, $brand-secondary 100%); height: res-xs(25,34) !important; width: res-xs(28,34); padding: 0; @include screen-sm-min{ height: res-sm-min(30,50) !important; width: res-sm-min(30,50); } .fa{ font-size: res-xs(12,14); width: 1em; height: 1em; @include screen-sm-min{ font-size: res-sm-min(15,20); } } } } }