.search-input-wrapper {
	width: 100%;
	height: 98px;
	background-color: rgba(5, 38, 99, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden; color: #ffffff;
}


.search-input-wrapper.change {
	opacity: 1;
	visibility: visible;
	
	position: relative;
	z-index: 9;
}

.search-input {
	width: 78rem;
	display: flex;
	align-self: center;
}


.search-input input {
	width: 100%;
	background-color: transparent;
	border: none;
	border-bottom: 0.1rem solid #eee;
	font-size: 1.5rem;
	letter-spacing: 0.15rem;
	outline: none;
	color: #ffffff;
	margin-right: 1rem; font-family:montserrat-regular; 
}

.search-input i {
  font-size: 1.5rem;
  color: #ffffff;
  cursor: pointer;
}

.search-icon {
	font-size: 1.5rem;
	position: absolute;
	top: 1.6rem;
	right: 13rem;
	/* margin-bottom: -24px; */
}
.search-icon.change {
  
}

.search-icon i {
  color: #fff;
  cursor: pointer;
}

@keyframes searchIconAnim {
  0% {
    
  }
  40% {
    
    
  }
  60% {
   
   
  }
  100% {
   
    
  }
}

@keyframes searchIconAnim2 {
  0% {
    right: calc(50% + 16rem);
  }
  100% {
    right: 3rem;
  }
}


/*============  *****  =============*/
@media (max-width:1366px) {
.search-icon {
	font-size: 1.5rem;
	position: absolute; z-index:99999999999999;
	top: 2.2rem;
	right: 9rem;
	/* margin-bottom: -24px; */
}
}

/*============  *****  =============*/
@media (max-width:1280px) {
.search-icon {
	font-size: 1.5rem;
	position: absolute;
	z-index: 99999999999999;
	top: 1.9rem;
	right: 7rem;
	/* margin-bottom: -24px; */
}

.search-input {
	width: 71rem;
	display: flex;
	align-self: center;
}}

/*============  *****  =============*/
@media (max-width:1024px) {
.search-input-wrapper {
	width: 100%;
	height: 78px;
	background-color: rgba(5, 38, 99, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	color: #ffffff;
	margin-bottom: -8px;
}

.search-icon {
	font-size: 1.5rem;
	position: absolute;
	z-index: 99999999999999;
	top: 1.3rem;
	right: 7rem;
	/* margin-bottom: -24px; */
}

.search-input {
	width: 54rem;
	display: flex;
	align-self: center;
}


}

/*============  *****  =============*/
@media (max-width:800px) {
.search-input-wrapper.change {
	opacity: 1;
	visibility: visible; position:relative; z-index:1;  
}



.search-input-wrapper {
	width: 100%;
	height: 78px;
	background-color: rgba(5, 38, 99, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	color: #ffffff;
	margin-bottom: 0px;  
}

.search-input {
	width: 43rem;
	display: flex;
	align-self: center;
}


.nw-srrrr{  }	
}

/*============  *****  =============*/
@media (max-width:768px) {
.search-icon {
	font-size: 1.5rem;
	position: absolute;
	z-index: 99999999999999;
	top: 1.2rem;
	right: 7rem;
	/* margin-bottom: -24px; */
}

.search-input-wrapper.change {
	opacity: 1;
	visibility: visible; position:relative; z-index:1;  
}

}

/*============  *****  =============*/
@media (max-width:667px) {
.search-input-wrapper {
	width: 100%;
	height: 70px;
	background-color: rgba(5, 38, 99, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	color: #ffffff;
	margin-bottom: 0px;
}

.search-input {
	width: 36rem;
	display: flex;
	align-self: center;
}

.search-icon {
	font-size: 1.5rem;
	position: absolute;
	z-index: 99999999999999;
	top: 1.2rem;
	right: 7rem;
	/* margin-bottom: -24px; */
}

}

/*============  *****  =============*/
@media (max-width:480px) {

.search-input {
	width: 25rem;
	display: flex;
	align-self: center;
}

.search-input input {
	width: 100%;
	background-color: transparent;
	border: none;
	border-bottom: 0.1rem solid #eee;
	font-size: 20px;
	letter-spacing: 0.15rem;
	outline: none;
	color: #ffffff;
	margin-right: 1rem;
	font-family: montserrat-regular;
}}

/*============  *****  =============*/
@media (max-width:414px) {
	.search-input {
	width: 22rem;
	display: flex;
	align-self: center;
}
.search-icon {
	font-size: 1.5rem;
	position: absolute;
	z-index: 99999999999999;
	top: 1.2rem;
	right: 6rem;
	/* margin-bottom: -24px; */
}	
	
}
/*============  *****  =============*/
@media (max-width:375px) {
.search-input {
	width: 20rem;
	display: flex;
	align-self: center;
}

.search-icon {
	font-size: 1.5rem;
	position: absolute;
	z-index: 99999999999999;
	top: 1.1rem;
	right: 5rem;
	/* margin-bottom: -24px; */
}
}
/*============  *****  =============*/
@media (max-width:320px) {
.search-input-wrapper {
	width: 100%;
	height: 53px;
	background-color: rgba(5, 38, 99, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	color: #ffffff;
	margin-bottom: 0px;
}

.search-icon {
	font-size: 1.5rem;
	position: absolute;
	z-index: 99999999999999;
	top: 0.5rem;
	right: 5rem;
	/* margin-bottom: -24px; */
}

.search-input {
	width: 18rem;
	display: flex;
	align-self: center;
}}