.wrap {
width: auto;
min-width: 300px;
padding: 0 20px;
margin: 0 auto;
text-align: left;
position:relative;
}
header .wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.htop_adres{
float: none;   
background: url(//real-m.com.ua/wp-content/themes/real_m/images/htop_adres.svg) no-repeat; 
background-size: 20px;               
padding: 0 0 10px 28px;
}
.htop_time{
float: left;  
background: url(//real-m.com.ua/wp-content/themes/real_m/images/htop_time.svg) no-repeat;    
background-size: 20px;           
padding: 0 0 0 28px;
}
.htop_time span {
display: block;
float: left;
}
.logo {
float: none;
text-align:center;
margin-bottom: 20px;
}	
.hright {
float: none;
padding: 6px 0 0 0;
text-align:center;
display: flex;
flex-direction: column;
}	
.htel{
float:none;
display:inline-block;
vertical-align: top;
background: url(//real-m.com.ua/wp-content/themes/real_m/images/htel.svg) no-repeat 0;    
background-size: 24px;
text-align: left;
padding: 0 0 0 27px;
margin: 0 5px 10px;
line-height: 24px;
}	
.htel a {
font-size: 14px;
}
.hsub{
float:none;
width: 153px;
margin: 12px auto 0;
}	
.ts_zag {
color: #fff;
font-size: 24px;
line-height: 28px;
font-weight: 300;
margin: 0 0 10px 0;
}	
.top_slider {
height: auto;
}
.ts_sub {
width: 200px;
}
.ts_sub a {
text-decoration: none;
text-transform: uppercase;
border: 2px solid #fff;
text-align: center;
margin: 0 auto;
width: 200px;
height: 52px;
line-height: 48px;
padding: 0 0 0 0;
font-size: 16px;
} .ts_text {
color: #ffffff;
font-size: 18px;
line-height: 28px;
margin: 0 0 28px 0;
padding-right: 28px;
line-height: 24px;
}
.main_zag {
color: #1a1b1f;
font-size: 32px;
line-height: 34px;
font-weight: 600;
text-align: center;
text-transform: none;
margin: 0 0 40px 0;
}	
.main_zag_dop {
color: #a4a4a4;
font-size: 22px;
line-height: 26px;
font-weight: 300;
text-transform: none;
padding: 20px 0 0 0;
}	
.servises_block {
float: none;
display:block;
width: auto;
max-width: 340px;
padding: 0 0 30px 0;
margin: 0 auto;
text-align: center;
}		
.servises_block_r{
padding: 0 0 30px 0;
}	
.expertise_block{
float: none;
display:block;
width: auto; max-width: 480px;
padding: 0;
margin: 0 auto;
}	
.expertise_block_container {
width: 100%;
padding: 0;
margin-bottom: 36px;
}
.expertise_block_img {
max-width: 100%;
margin-bottom: 16px;
}
.expertise_block_r{
padding: 0 0 30px 0;
}		
.main_form_zag {
color: #fff;
font-size: 34px;
line-height: 36px;
text-transform: uppercase;
font-weight: 300;
margin: 0 0 34px 0;
}	
.fleft {
float: none;
width: auto;
margin: 0 0 30px 0;
}
.fnav {
float: none;
width: auto;
box-sizing: border-box;
padding: 0 0 0 0;
margin: 0 0 30px 0;
}
.fright {
float: none;
width: auto;
clear: both;
padding: 0 0 0 0;
}
.post_img {
float: none;
width: auto;
margin: 0 0 10px 0;
text-align: center;
}	
.post_img img{
width: auto;
vertical-align: bottom;
margin: 0 0 10px 0;
}	
.post_text{
padding: 0 0 10px 0;
margin: 0 0 0 0;
}
.table_mob{
max-width: 100%;
overflow-x: scroll;
}
.grey + .grey {
padding-top: 0;
}
.feedback_block {
margin-bottom: 20px;
}
.feedback_block .services_block_img {
display: none;
}
.feedback_block .services_block_img:first-child {
display: block;
}
.entry ul, ul.list {
padding-left: 0;
}
.vn_fon {
padding: 42px 0 42px 0;
}
h1.vn_fon_zag {
padding: 20px 0;
margin: 0;
}
.gallery {
grid-template-columns: 1fr;
}
.infographics ul > li .circle {
padding: 28px;
width: 120px;
height: 120px;
}
.infographics ul > li span.title {
margin: 20px 0 0px;
font-size: 24px;
}
.why .wrapper {
flex-direction: column-reverse;
}
.why .text{
width: 100%;
font-size: 16px;
line-height: 24px;
padding: 32px 0;
}
.why .video{
width: 100%;
align-items: center;
justify-content: center;
}
.infographics h2 {
font-size: 32px;
line-height: 38px;
}
.infographics ul > li {
padding: 6px;
}
.infographics ul > li span.title {
margin: 20px 0 0px;
font-size: 20px;
}
.infographics ul > li span.subtitle {
font-size: 14px;
margin-bottom: 14px;
display: block;
width: 100%;
}
.infographics ul > li .circle {
padding: 32px;
width: 110px;
height: 110px;
}
.htop {
width: 100%;
font-size: 15px;
position: fixed;
top: -361px;
z-index: 10;
transition: all 0.2s ease-out;
}
.htop.active {
top: 0;
}
header {
width: 100%;
padding: 30px 0 27px 0;
font-size: 15px;
position: fixed;
top: -243px;
background-color: #ffffff;
z-index: 999;
transition: all 0.2s ease-out;
}
header.active {
top: 118px;
}
.top_nav {
width: 100%;
position: fixed;
top: 0;
z-index: 999;
transition: all 0.2s ease-out;
}
.top_nav.active {
top: 361px;
}
.tel {
color: #282828;
text-decoration: none;
background: url(//real-m.com.ua/wp-content/themes/real_m/images/htel.svg) no-repeat 0;
background-size: 24px;
padding: 0 24px 0 27px;
margin: 0 5px 10px;
right: 62px;
margin-right: 46px;
}
.tel::after {
content: '';
background: url(//real-m.com.ua/wp-content/themes/real_m/images/arrow-down.svg) no-repeat 0;
background-size: 20px;
display: block;
position: absolute;
width: 24px;
height: 24px;
right: 0;
top: 14px;
}
.close-btn {
display: none;
line-height: 24px;
right: 72px;
position: absolute;
text-decoration: none;
font-size: 32px;
color: #282828;
top: 16px;
}
.call-dropdown {
display: none;
background-color: #ffffff;
width: auto;
position: absolute;
right: 68px;
top: 42px;
padding: 16px;
text-align: right;
border-radius: 3px;
box-shadow: 4px 7px 7px rgba(0,0,0,0.4);
z-index: 20;
}
.call-dropdown::before {
content: '';
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid white;
display: block;
position: absolute;
top: -8px;
right: 16px;
}
.call-dropdown.active {
display: block;
}
.call-dropdown li {
line-height: 24px;
width: 100%;
text-align: left;
}
.call-dropdown li a {
color: #282828;
font-size: 14px;
text-decoration: underline;
text-decoration-style: dotted;
}