:root{primary-color:#4361EE;}
* {
    box-sizing: border-box;
    box-sizing: border-box;
    text-rendering: geometricPrecision;
    outline: 0;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,

footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    font-family: 'Montserrat', sans-serif;
}

ol,
ul {
    list-style: none;
}

a {
    text-decoration: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

a {
    text-decoration: none;
    color: #333;
}

.container {
    padding: 0 15px;
    max-width: 1200px;
    margin: auto;
    position: relative;
    z-index: 2;
}

.row {
    display: flex;
    margin: 0 -15px;
    justify-content: center;
    flex-wrap: wrap;
}

[class*='col-'] {
    padding: 0 15px;
}

.col-12 {
    width: 100%;
    flex: 0 0 100%;
}

.col-10 {
    width: 84%;
    flex: 0 0 84%;
}

.col-9 {
    width: 75%;
    flex: 0 0 75%;
}

.col-8 {
    width: 67.33%;
    flex: 0 0 67.33%;
}

.col-6 {
    width: 50%;
    flex: 0 0 50%;
}

.col-5 {
    width: 40%;
    flex: 0 0 40%
}

.col-4 {
    width: 33.33%;
    flex: 0 0 33.33%;
}

.col-3 {
    width: 25%;
    flex: 0 0 25%;
}

.col-2 {
    width: 16%;
    flex: 0 0 16%
}

li.hightlight-tag {
    position: relative;
}

li.hightlight-tag:before {
    content: "";
    z-index: 999999;
    background: #ffffff85;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

small {
    font-size: 10px;
    font-weight: 400;
    margin: 0 2px;
}

#header {
    background-color: #fff;
    padding: 10px 0;
    border-bottom:1px solid #E6E6E6;
}

ul#load-content {
    display: flex;
    justify-content: flex-start;
}

#header .logo img {
    width: 65px;
border-radius:50px;
}

.header-content {
    text-align: center;
}
.top-header .row {
    justify-content: flex-start;
}
.logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.logo h6 {
    color: #000;
    font-size: 18px;
    font-weight: 900;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    padding-bottom: 0;
font-size: 17px;margin-left: 20px;font-weight: 600;}

.logo h6 span {font-weight: 300;}

#header .header-content h1 {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    padding: 30px 0;
}

.sm-container {
    padding: 15px;
    width: 100%;
}
.top-section h1 {
    font-size: 45px;
    font-weight: 700;
	line-height:1.2;
	margin-bottom:10px;
}
span.custom-icon.icon-skier-slider.large-icon {margin-left: 15px;}

.top-section span.custom-icon.icon-ski {
    width: 40px;
    height: 45px;
    margin-left: 10px;
}
.top-section .row {
    display: flex;
    align-items: center;
}
.top-section a {
    border: 1px solid transparent;
    background: #4361EE;
    color: #fff;
    padding: 10px;
    margin-top: 16px;
    display: block;
    max-width: 315px;
    text-align: center;
    border-radius:4px;
}
.top-section a.hero-snow-button:hover,
.top-section a.hero-snow-button.hero-snow-button-active {;color:#373737;background: #FCFCFC; border: 1px solid #78a3fd45; box-shadow: 2px 3px 4px 0 #5E90FE; border-radius: 4px;}
.top-section {
    padding: 30px 0;
}
.top-section p {
   font-size: 16px;
    font-weight: normal;
    line-height: 26px;
}
.ts-content {
    padding-left: 120px;
}
.city-list li .city-content-outer {
    position: relative;
    margin: 15px 0
}
div#content-area {
    padding-top: 0!important;}

.grid-show>h3 {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 20px;
    margin-bottom: 10px;
}

.city-middle-content h3 {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}

.city-list li .city-img-outer {
    z-index: 88;
    /* border-radius: 20px; */}

.city-list li {
    position: relative
}

.city-list li .city-img-outer img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: 1px;
}

.city-content {
    position: absolute;
    z-index: 1000;
    color: #fff;
    top: 0;
    text-shadow: 1px 1px 6px #333;
    width: 100%;
    padding: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 8
}

.top-city-content .icon-box {
    display: flex;
}

.city-img-outer {
    position: relative;
    z-index: 1 !important;
}


/*new css*/

span.custom-icon {
    background-position: center;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-left: 0;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
}

span.custom-icon.large-icon{
	width: 30px;height: 30px;margin-top: -5px;margin-bottom: -5px;
}


div.dropdown-box.tags-list span.custom-icon {width: 30px;height: 30px;
margin-top: -5px;
    margin-bottom: -5px;}
div.dropdown-box.tags-list span.custom-icon:not(.large-icon){background-size:20px;background-repeat:no-repeat;}

.city-content span.custom-icon {
    width: 20px;
    height: 20px;
}

.city-content span.custom-icon.icon-weather {
    width: 30px;
    height: 30px;
}

span.icon-usa {
    background-image: url(../images/usa.png);
}

span.state-icon {
    background-image: url(../images/state-icon.png);
}

span.icon-cn {
    background-image: url(../images/canada.png);
}

span.icon-europe {
    background-image: url(../images/europe.png);
}

span.icon-germany {
    background-image: url(../images/germany.png);
}

span.icon-france {
    background-image: url(../images/france.png);
}

span.icon-sweeden {
    background-image: url(../images/sweeden.png);
}

span.icon-switzer {
    background-image: url(../images/switzerland.png);
}

span.icon-norway {
    background-image: url(../images/norway.png);
}

span.icon-sm {
    background-image: url(../images/pyren.png);
}

span.icon-sm {
    background-image: url(../images/pyren.png);
}

span.icon-sm {
    background-image: url(../images/pyren.png);
}

span.icon-japan {
    background-image: url(../images/japan.png);
}

span.icon-sm {
    background-image: url(../images/pyren.png);
}

span.icon-aust {
    background-image: url(../images/australia.png);
}

span.icon-sm {
    background-image: url(../images/pyren.png);
}

span.icon-lift {
    background-image: url(../images/lift.png);
}

span.icon-season {
    background-image: url(../images/season.png);
}
span.icon-familiy{
	background-image: url(../images/man-woman-icon.png);
}
span.icon-rain {
    background-image: url(../images/rain.png);
}

span.icon-light-rain {
    background-image: url(../images/lightening.png);
}

span.icon-light-driz {
    background-image: url(../images/drizzle.png);
}

span.icon-fog {
    background-image: url(../images/fog.png);
}

span.icon-113 {
    background-image: url(../images/icon-113.png);
}

span.icon-176 {
    background-image: url(../images/icon-176.png);
}

span.icon-119 {
    background-image: url(../images/icon-119.png);
}

span.icon-326 {
    background-image: url(../images/icon-326.png);
}

span.icon-302 {
    background-image: url(../images/icon-302.png);
}

span.icon-389 {
    background-image: url(../images/icon-389.png);
}

span.icon-116 {
    background-image: url(../images/icon-116.png);
}

span.icon-296 {
    background-image: url(../images/icon-296.png);
}

span.icon-overcast {
    background-image: url(../images/overcast.png);
}

span.icon-cost2 {
    background-image: url(../images/cost2.png);
}

span.icon-evelation {
    background-image: url(../images/evelation.png);
}

span.icon-ski {
    background-image: url(../images/skier-icon.png);
}

span.icon-search {
    background-image: url(../images/mag-1.png);
}


/*fiter-box all filter icons*/

span.icon-beginner {
    background-image: url(../images/beginner.png);
}

span.icon-inter {
    background-image: url(../images/inter.png);
}

span.icon-expert {
    background-image: url(../images/expert.png);
}

span.icon-low {
    background-image: url(../images/temp.png);
}

span.icon-cost {
    background-image: url(../images/cost.png);
}

span.icon-snow {
    background-image: url(../images/snow.png);
}

span.icon-elevation {
    background-image: url(../images/elev.png);
}

span.icon-helevation {
    background-image: url(../images/helev.png);
}

span.icon-heli {
    background-image: url(../images/heli.png);
}

span.icon-gondolas {
    background-image: url(../images/gondola.png);
}

span.icon-park {
    background-image: url(../images/spark.png);
}

span.icon-htemp {
    background-image: url(../images/htemp.png);
}

span.icon-sun {
    background-image: url(../images/sun.png);
}

span.icon-change {
    background-image: url(../images/change.png);
}

span.icon-nskiing {
    background-image: url(../images/nsk.png);
}

span.icon-air {
    background-image: url(../images/air.png);
}


span.icon-sunny-right-now {
    background-image: url(../images/sunny-right-now.png);
}


span.icon-low-temperature {
    background-image: url(../images/low-temperature.png);
}


span.icon-low-wind-speed {
    background-image: url(../images/low-wind-speed.png);
}

span.icon-magic {
    background-image: url(../images/children_crossing.png);
}
span.icon-skier-slider {
    background-image: url(../images/skier-slider-icon.png);
}

span.icon-favourites {
    background-image: url(../images/favourites.png);
}

.city-img-outer:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 99%;
    background: #33333326;
    border-radius: 1px;
}

.top-city-content {
    display: flex;
    font-weight: 500;
    justify-content: space-between;
    width: 100%;
}

.top-city-content .icon-box {
    padding-bottom: 20px;
}

.city-middle-content {
    padding: 5px;
    text-align: center;
}

.city-middle-content h3 {
    font-size: 24px;
}

.city-middle-content p {
    font-size: 16px;
    font-weight: bold;
}

.city-bottom-content {
    display: flex;
    justify-content: space-between;
	align-items: center;
    font-weight: 600;
    opacity:1;
}

.top-city-content .icon-box:nth-child(2){opacity: 0;}
.city-bottom-content .mi {display: none;}

.normal-fonts span {
    font-weight: 500
}

.icons-fonts {
    font-weight: 600
}

.weather-icon {
    display: flex;
    align-items: center;
}

.weather-icon img {
    padding-right: 5px;
    padding-bottom: 10px;
}

.action-hide-item {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 7px;
    padding-top: 7px;
    z-index: 100;
    line-height: .5;
    font-size: 40px;
    color: #fff;
}

.action-favorite {
    position: absolute;
    top: 0;
    right: 10px;
    padding-left: 7px;
    padding-top: 7px;
    z-index: 30;
    color: #fff
}

.action-favorite svg {
    width: 30px;
    height: 25px;
    stroke-width: 30;
    stroke: #fff;
    fill: none;
}

.favorite_action.fav_active svg {
    fill: red;
    stroke: red
}

.action {
    padding:10px
}

.hide-action {
    background-color: #182237;
    opacity: 1;
}

.hide-action {
    display: none;
    width: 100%;
    border-radius: 1px;
    height: 100%;
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    padding: 45px 20px;
}

.city-list>li:hover .hide-action {
    display: block;
}

.action {
    text-shadow: 1px 1px 0 rgb(0 0 0 / 35%)
}

.action .label {
    float: left;
    color: #fff;
    clear: both;
}

.action .rating,
.modal.item .rating {
    color: #fff;
    text-align: center;
    font-weight: var(--bold);
    display: block;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
    text-shadow: 1px 1px 0 rgb(0 0 0 / 25%);
    text-shadow: 1px 1px 0 rgb(0 0 0 / 25%), 0 0 1px rgb(0 0 0 / 25%);
    text-shadow: 1px 1px 0 rgb(0 0 0 / 25%), 0 1px 0 rgb(0 0 0 / 25%), -1px 0 0 rgb(0 0 0 / 10%);
    height: 1.5em;
}

span.average-span {
    position: relative
}

span.average-span>span {
    background: #2bde73;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    text-indent: -9999px;
}

.action progress {
    width: 100%;
    height: 40px;
    background: #2bde73;
}

.action .rating.below-avg progress {
    width: 100%;
    height: 40px;
    background: #f8c94e;
}

span.average-span.below-avg>span {
    background: #f8c94e
}

span.average-span.red-avg>span {
    background: red
}

.action .rating {
    margin-bottom: 0.5em;
}

.action .rating {
    float: right;
    width: 50%;
    background-color: rgba(255, 255, 255, .1);
}

.action .rating.r5 {
    border-color: #2bde73;
    color: #2bde73;
}

span.rating-safety-score.rating.r4 {
    background: transparent;
    height: auto;
    overflow: visible;
    font-size: 12px;
}

.loader {
    display: inline-block;
    border: 5px dotted lightgray;
    border-radius: 50%;
    border-top: 5px solid gray;
    border-bottom: 5px solid gray;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.loader-symbol {
    text-align: center
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.filter-col {
    padding-top: 20px;
    padding-bottom: 20px;
}

.filters {
    position: relative;
    z-index: 9999;
}
.filters.fixed_filter {
   position: fixed;
    width: 100% !important;
    background: #fff;
    top: 0;
z-index: 9999999;}

.btn-list>li {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
}

.search {
    position: relative;
    max-width: 200px
}

.search img {
    position: absolute;
    top: 10px;
    left: 5px;
    max-width: 20px;
}

.input-search-filters {
    padding-left: 30px;
    height: 40px;
    max-width: 150px;
    border-radius: 20px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
}

span.search-outer:after {
    position: absolute;
    content: "";
    right: 10px;
    pointer-events: none!important;
    width: 20px;
    height: 20px;
    background-image: url(../images/plus.svg);
    background-size: 15px;
    filter: invert(100%);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}

span.search-outer:before {
    position: absolute;
    content: "";
    right: 10px;
    pointer-events: none!important;
    width: 20px;
    height: 20px;
    background-color: #4361EE;
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    top: 50%;
    transform: translateY(-50%);
}

span.search-outer.search-outer-active:before,
span.search-outer.search-outer-active:after {
    display: none
}

.btn-list>li.countries.f_btn>a span {
    text-transform: initial;
    font-size: 15px;
    margin-left: 3px;
}

.btn-list>li a {
    margin: 0 5px;
    border: 1px dashed #dfdfdf;
    font-weight: 400;
    padding: 9px 10px;
    border-radius: 3px;
    display: flex;
    line-height: 20px;
    font-size: 15px;
    align-items: center;
    justify-content: center;
    align-content: center;
    position: relative;
    z-index: 9999;
   
}

.btn-list>li a.selected-filter {
    position: relative;
    padding-right: 30px;
	border: 1px solid #78a3fd45;
}

.btn-list>li a.selected-filter:after {
    position: absolute;
    right: 5px;
    height: 20px;
    width: 20px;
    content: "";
    background: url(../images/times-circle.svg);
    background-size: 100%;
   }


.btn-list>li.filter-result-count a {
    border: 1px solid #4361EE !important;
    color: #4361EE !important;
    padding-left: 30px;
}

.btn-list>li.filter-result-count a:hover {
    background: #4361EE !important;
    color: #fff !important;
}

.btn-list>li.filter-result-count a:before {
    position: absolute;
    left: 5px;
    height: 20px;
    width: 20px;
    content: "";
    background: url(../images/close-icon.svg);
    background-size: 100%;
}

.btn-list>li.filter-result-count a:hover:before {
    background: url(../images/close-icon-hover.svg);
    background-size: 100%
}

ul#selected_filter {
    position: relative;
}

.btn-list>li span.tooltip,
div.dropdown-box li span.tooltip {
    position: absolute;
    background: #fff;
    width: auto;
    font-size: 11px !important;
    font-weight: 500;
    border: 1px solid #f1f1f1;
    border-radius: 8px;
    padding: 7px;
    box-shadow: -1px 1px 5px 1px #f1f1f1;
    max-width: 250px;
    margin-top: 6px;
    display: none;
    z-index: 99999;
}

.btn-list>li a:hover+span.tooltip,
div.dropdown-box a:hover+span.tooltip {
    display: block
}

span.tooltip:before {
    display: block;
    border: 10px solid #fff;
    border-color: transparent transparent #fff transparent;
    content: "";
    bottom: 100%;
    left: 50px;
    transform: translateX(-50%);
    z-index: 1;
    position: absolute;
}

span.tooltip:after {
    display: block;
    border: 11px solid #f1f1f1;
    border-color: transparent transparent #f1f1f1 transparent;
    content: "";
    bottom: 100%;
    left: 50px;
    transform: translateX(-50%);
    position: absolute;
}

span#countryName {
    text-transform: capitalize;
}

div.dropdown-box {
    padding: 5px 5px;
    position: absolute;
    width: 360px;
    top: 70px;
    border: 1px solid #ccc;
    border-radius: 10px;
    color: #333;
    z-index: 9999999;
    background: #fff;
    display: none;
}

div#filterTags1 {
    top:62px;
    width: 500px;
}

div.dropdown-box.state-box {
    max-height: 390px;
    overflow-y: auto !important;
}

div.dropdown-box ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom:30px;
}

div.dropdown-box li {
    width: 50%;
    flex: 0 0 50%;
}

div.dropdown-box li:nth-child(2n) {
    border-left: 1px solid #ccc
}
div.dropdown-box li.hide-tags:nth-child(1) + li {border-left: 0;}

div.dropdown-box li.hide-tags:nth-child(1) + li + li {border-left: 1px solid #ccc;}

div.dropdown-box li a {
    display: flex;
    padding: 10px 0 10px 10px;
    color: #333;
    font-weight: 400;
    font-size: 15px;
    border-radius: 5px;
    align-items: center;
    justify-content: flex-start;
    border: unset;
}

div.dropdown-box li a span span {
    font-size: 12px
}

div.dropdown-box li a:hover {
    background: #4361EE;
    color: #fff
}

div.dropdown-box li {
    padding: 8px 3px 8px 8px;
    margin-bottom: -8px;
}


div#statedrop ul li {display: none;}

div#statedrop ul li.show-state {display: block;}

div#statedrop ul li{border:unset !Important}
.btn-list>li>a:hover,
.active-dropdown {
    /*background-color: #4361EE;
    color: #fff !important;
    border: 1px solid #dddddd !important;*/
	color:#373737;background: #FCFCFC; border: 1px solid #78a3fd45; box-shadow: 2px 3px 4px 0 #5E90FE; border-radius: 4px;
	
}

.f_btn a:hover,
.active a {
    color: #fff
}

.fiter-box {
    position: relative;
}

div.dropdown-box.tags-box {
    width: 460px;
    transform: translate(-50%, 0);
z-index: 999999;}

.hide-tags {
    display: none
}

a.btn-filter {
    color: #4261ee;
    padding: 9px 20px;
    border-radius:3px;
    display: inline-block;
    border: 1px solid;
}

a.btn-filter:hover {
    background: #4361EE;
    color: #fff;
}

a.btn-filter:before {
    content: "+";
    font-size: 20px;
    margin-right: 5px;
    font-weight: bold;
}


.unit-selector {
    position: fixed;
    bottom: 0;
    left: 0;
    border: 1px solid #ccc;
    border-radius: 0 20px 0 0;
    font-size: 16px;
    font-weight:bold;
    /* justify-content: center; */
    width: 105px;
	background: #fff;
	z-index:999;
}
.unit-selector a{flex:0 0 50%;padding:10px;display:inline-block;width: 47%;white-space: normal;text-align: center;}
.unit-selector a:first-child{border-right:1px solid #ccc}
span.copyright-content {position: absolute;color: #808080;font-size: 9px;width: 100%;left: 0;bottom: 10px;text-align: center;}
span.copyright-content a{color: #808080}
button.formkit-close { right: 0 !important; top: 0 !important; z-index: 999999 !important;color:#fff !important}
form.seva-form.formkit-form {max-width: 100% !important;}
.formkit-slide-in {z-index:9999999 !important;}
@media (max-width:1200px) {
	.top-section h1{font-size:38px;}
	.action .label{font-size:13px}
	.hide-action{padding-right:10px;padding-left:10px;}
}

@media (max-width:960px) {
	
	.ts-content {
    padding-left: 0;
}
	.top-section h1{font-size:36px;}
    .col-3 {
        width: 33%;
        flex: 0 0 33%;
    }
    .col-10 {
        width: 75%;
        flex: 0 0 75%;
    }
    .col-2 {
        width: 25%;
        flex: 0 0 25%;
    }
    .city-list li .city-img-outer img {
        height: 220px;
    }
    .hide-action {
        padding: 35px 10px;
    }
    .action .label span,
    .action .label {
        font-size: 15px;
    }
    .action {
        padding: 0
    }
}

@media (max-width:767px) { 


div#filterTags1{width:100%;height:400px;overflow-y:scroll !important;max-width:350px;}
.ts-img {display: none;}
.top-section h1{font-size:32px;}
	.ts-content {
    padding-left: 0;
    max-width: 375px;
    margin: auto;
}
.top-section a.hero-snow-button{margin: 15px auto;
}
    [class*='col-'] {
        flex: 0 0 100%;
        width: 100%;
    }
    .logo {
        text-align: center;
		justify-content: center;
    }
    .col-3 {
        padding: 0 7px;
        width: 50%;
        flex: 0 0 50%;
    }
    .city-middle-content h3 {
        font-size: 20px;
    }
    .city-list li .city-content-outer {
        margin: 7px 0
    }
    .city-list li .city-img-outer img {
        height: 200px;
    }
	
.city-img-outer:after{border-radius:1px;}

    .action .label span,
    .action .label {
        font-size: 9px;
    }
	.action .rating, .modal.item .rating{height: 1.2em;}
	#header .logo img{width: 75px; border-radius:50px}
	.logo h6{font-size:13px;padding:10px;}
	#header .header-content h1{font-size:20px;padding:10px 0}
.filter-col.fiter-box {
    display: none;
} 
.btn-list>li.search {
    width: 100%;
   max-width:350px;
   display: block;
}
div.dropdown-box li{width: 100%;
    flex: 0 0 100%;}
	div.dropdown-box li a{border:unset !Important}
span.search-outer {
    width: 100%;
    display: block;
	
}
.input-search-filters{max-width:100%;width: 100%;}
li.countries.f_btn.filter-tag {
    display: none;
}
ul#selected_filter {
    position: relative;
    width: 700px;
  
}
.filter-list {
    overflow-x: scroll;
    width: 100%;
    overflow-y: visible !important;
}
.filter-list.active-list {overflow: visible;}
li.countries.f_btn.filter-tag.active_tag_li {display: inline-block;}
div.dropdown-box.state-box {
    
    left: -6px;
    top: 100px;
}
}