.select-city-filter select { width: 100%; max-width: 320px; padding: 14px 0 18px 20px; border: none; outline: none; color: #22366A; position: relative; font-weight: 700; background: #F5F9FB; background-position: 100% center !important; margin: 0 20px 0 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1MiA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjUyIiBoZWlnaHQ9IjUyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Mikgcm90YXRlKDkwKSIgZmlsbD0iIzIyMzY2QSIvPgo8cGF0aCBkPSJNMTcgMjJMMjYgMzFMMzUgMjIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) !important; }

@media (max-width: 991px) { .select-city-filter select { margin-bottom: 20px; max-width: 100%; }
  .select-city-filter select:last-child { margin-bottom: 32px; } }

@media (min-width: 992px) and (max-width: 1199px) { .select-city-filter select { max-width: 260px; } }