.under_banner_show{
top: 80px !important;
}
.under_banner{
position: fixed;
padding-top: 20px;
padding-bottom: 20px;
background: #e9573f;
width: 100%;
top: -100px;
z-index: 9999;
font-size: 20px;
line-height: 24px;
color: #111;
text-align: center;
letter-spacing: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
}
.under_banner:not(.hide_this){
transition: .5s;
}
.under_banner strong{
margin-top: -5px;
display: block;
vertical-align: middle;
font-weight: normal;
margin-right: 0px;
  margin-bottom: 5px;
font-size: 26px;
line-height: 32px;
text-transform: uppercase;
}
.x_clos{
cursor: pointer;
position: absolute;
width: 20px;
top: 50%;
transform: translate(0, -50%);
right: 2.5%;
}
.und_text{
width: 82%;
margin-left: auto;
margin-right: auto;
}
.hide_this{
top: 0 !important;
transform: translateY(-100%);
}
<?php } ?>

.x_clos svg, .x_clos_2 svg{
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
} 
  
.x_clos:hover > svg, .x_clos_2:hover > svg{
transform: rotate(90deg);
-webkit-transform: rotate(90deg);	
}

.xx{fill:none;stroke:#000000;stroke-width:2.7;}
.xx2{fill:none;stroke:#FFFFFF;stroke-width:2.7;}
@media screen and (max-width:1100px) {
 .under_banner, .inner-pop{
 font-size: 16px;
 line-height: 22px;			
 }
       
 .inner-pop{
 max-width: 620px;
 }
     
 .under_banner strong, .inner-pop strong{
 font-size: 24px;
 line-height: 30px;	
 }
}
@media screen and (max-width:780px) {
 .x_clos{
 top: 32px
 }
 .inner-pop{
    padding: 60px 25px;
 }
}

.pop-ups{ 
position: absolute; 
width: 100%; 
height: 100%; 
display: none;
z-index: 2; 
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out; 
-o-transition: .25s ease-in-out; 
transition: .25s ease-in-out; 
}	
	
.pop-ups_2{ 
  display: none;
position: fixed; 
width: 100%; 
height: 100%; 
top: 0;
z-index: 2; 
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out; 
-o-transition: .25s ease-in-out; 
transition: .25s ease-in-out; 
} 
	
.pops1{
display: block !important;
}	
.hiddens{ 
opacity: 0; 
pointer-events: none; 
} 
	
.po-bg{ 
width: 100%; 
height: 100%; 
background: #111; 
opacity: .3; 
} 
	
.inner-pop{ 
position: absolute; 
box-sizing: border-box; 
z-index: 5; 
font-size: 20px; 
line-height: 28px; 
letter-spacing: 0; 
left: 50%; 
top: 50%;
width: 90%; 
max-width: 700px; 
transform: translate(-50%, -50%); 
padding: 80px 90px; 
text-align: center; 
background: #3A7E59; 
color: white; 
} 
	
.pop-ups_2 .inner-pop{
background: #008aca;
color: #111;
}	
	
.pop-ups .btn, .pop-ups_2 .btn2{ 
box-sizing: border-box; 
font-size: 13px; 
background: #FAF5E8; 
display: table;
cursor: pointer; 
margin-top: 30px; 
margin-left: auto; 
margin-right: auto; 
color: #111; 
padding: 10px 25px; 
border-radius: 5px; 
-webkit-transition: .25s ease-in-out; 
-moz-transition: .25s ease-in-out; 
-o-transition: .25s ease-in-out; 
transition: .25s ease-in-out; 
} 
	
.pop-ups .btn:hover, .pop-ups_2 .btn:hover{ 
background: #111; 
color: #FAF5E8; 
} 
	
.inner-pop strong{ 
font-weight: normal; 
display: block; 
margin-bottom: 30px; 
font-size: 32px; 
text-transform: uppercase; 
}	
				
.x_clos_2{
cursor: pointer;
position: absolute;
width: 20px;
top: 20px;
right: 20px;
}