.togglesearch{
background: #E8E8E4;
position: absolute;
top: 80px;
right: 220px;
width: 305px;
height: 48px;
line-height: 19px;
padding:6px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
border-top:4px solid #008d62;
display: none;
}
.togglesearch:before{
content: "";
position: absolute;
top: -30px;
right: 35px;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 14px solid transparent;
border-bottom: 14px solid #008d62;
}
.togglesearch input[type="text"]{
width: 288px;
padding: 5px 10px;
margin-left: 2px;
border: 1px solid #008d62;
border-radius: 5px;
outline: none;
}
.togglesearch input[type="button"]{
width: 80px;
padding: 5px 0;
background: #008d62;
color: #fff;
margin-left: -6px;
border: 1px solid #008d62;
outline: none;
cursor: pointer;
}
@media (max-width: 2048px){
.togglesearch {
background: #E8E8E4;
position: absolute;
top: 80px;
right: 29%;
width: 305px;
height: 48px;
line-height: 19px;
padding: 6px;
box-shadow: 0 0 10px rgb(0 0 0 / 50%);
border-top: 4px solid #008d62;
display: none;
}
}
@media (max-width: 1440px){
.togglesearch{
background: #E8E8E4;
position: absolute;
top: 80px;
right: 18%;
width: 305px;
height: 48px;
line-height: 19px;
padding:6px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
border-top:4px solid #008d62;
display: none;
}
}
@media (max-width: 1024px){
.togglesearch{
background: #E8E8E4;
position: absolute;
top: 80px;
right: 8%;
width: 305px;
height: 48px;
line-height: 19px;
padding:6px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
border-top:4px solid #008d62;
display: none;
}
}
@media (max-width: 768px){
.togglesearch{
background: #E8E8E4;
position: absolute;
top: 80px;
right: 220px;
width: 305px;
height: 48px;
line-height: 19px;
padding:6px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
border-top:4px solid #008d62;
display: none;
}
}
@media (max-width: 576px){
.togglesearch{
background: #E8E8E4;
position: absolute;
top: 80px;
right: 220px;
width: 305px;
height: 48px;
line-height: 19px;
padding:6px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
border-top:4px solid #008d62;
display: none;
}
}