How can I fix the error in my theme.scss.liquid code?

Store Design
,
1

I was making changes to my theme.scss.liquid to try and add animations… now im getting an error and my whole store has crashed (doesnt work)

Can someone PLEASE help. The error says there are mistakes in my code in section and help me identify whats wrong. thank you

MY CODE:

.slideshow__title {
width: 100%;
}
.product-single__title
{
text-align:center;
}
.slideshow__image img {
display: none !important;
}
.medium-up–one-quarter.left_menu
{
display:block;
margin: 0 auto;
}
.slideshow__text-content{
top: 30% !important;}
{.product-single__meta
}
{
position: relative;
}
.ex-offers
{
position: absolute;
top: 4%;
left: -80px;
background-color: #d20000;
transform: rotate(
270deg
);
color: #fff;
padding: 0 8px;
font-size: 15px;
}

}
@media only screen and (min-width: 767px){

.feature-row__text–left {

padding-left: 65px;

}
.feature-row__image-wrapper .small–hide {

padding-right: 30px;
}

.featured-row__subtext p{

line-height:2.5rem;
}

2

Syntax error means bracket not closed properly.
Check last line. In below css I fix it.

.slideshow__title {
width: 100%;
}
.product-single__title
{
text-align:center;
}
.slideshow__image img {
display: none !important;
}
.medium-up--one-quarter.left_menu
{
display:block;
margin: 0 auto;
}
.slideshow__text-content{
top: 30% !important;}
{.product-single__meta
}
{
position: relative;
}
.ex-offers
{
position: absolute;
top: 4%;
left: -80px;
background-color: #d20000;
transform: rotate(
270deg
);
color: #fff;
padding: 0 8px;
font-size: 15px;
}

}
@media only screen and (min-width: 767px){

.feature-row__text--left {

padding-left: 65px;

}
.feature-row__image-wrapper .small--hide {

padding-right: 30px;
}

.featured-row__subtext p{

line-height:2.5rem;
}
}