@media (max-width: 767.98px) { 


body {
/* font-size: 14px; */
}

h4 {
/* font-size: 16px; */
}

h3 {
/* font-size: 18px; */
}

h2 {
/* font-size: 22px; */
}



/* ScrollDown */
#scrollDown {
    background: url(../images/down_mobile.png) no-repeat scroll top center;
    height: 65px;
    width: 60px;
    left: calc(50% - 40px);
    bottom: -45px;
}

#scrollDown.on_top {
 top: -21px;
 bottom: auto;
 opacity: 0.75;
}


p.vertical {
 font-size: 70px;
}

.vertical_logo {
    left: 30px;
    top: 100px !important;
    width: 60px;
}

#main {
background-image: url(../images/background-main-mobile.jpg);
max-height: 768px;
/* min-height: 568px; */
}

#main h1 {
 font-size: 28px;
 margin-bottom: 1rem;
}

#main .h1-com {
 font-size:16px;
}

#main .main_logo {
 left: calc(50% - 88px);
 width: 176px;
 height: 128px;
 background-image: url(../images/logo_large_mobile.png);
 bottom: 20px;
}

#main p {
 font-size: 14px;
}

#main .main_logo_img {
 width: 160px;
}

#main .top_menu {
padding: 20px;
height: 100px;
}

#main .right_center_block {
 height: calc(100% - 270px);
}


#aboutus .about_text {
max-width: 90%;
padding-top: 100px;
background-size: 50% auto;
}

#aboutus .vertical_logo {
 background-image: url(../images/aboutus-mobile.png); 
 height: 375px;
}


#aboutus .about_left {
background-size: 50% auto;
}

#aboutus .about_right {
 padding: 30px 10px;
}

.contacts_logo {
 width: 65px;
}

#services {
 padding-right: 0px;
 padding-top: 100px;
 padding-bottom: 50px;
}

#services .vertical_logo {
 background-image: url(../images/services-mobile.png); 
 height: 350px;
}


#services ul li {
padding: 15px 30px 0px 30px;
background-image: url(../images/serv-vline-dark-mobile.png);
background-repeat: no-repeat; 
background-position: 34px center;
}

#services ul li:last-child {
background-position: 34px -60px;
}

#services ul li:first-child {
background-position: 34px 40px;
}

#services .serv_li_header.active, #services ul .serv_li_header.active:hover {
 background-position: left center; 
}

#services .serv_li_header:hover, #services .serv_li_header {
 background-position: 2px center;
}

#services .serv_li_header {
 line-height: 20px;
}

#services .serv_li_header.active {
 background-image: url(../images/serv-circle-red-mobile.png);
 line-height: 25px;
}

#services ul li.gray {
 background-color: #eaeaea;
 height: auto;
 padding: 30px 30px;
 background-image: none;
}

#services .serv_text  {
 padding: 0 30px 0 50px;
}

#contacts .vertical_logo {
 background-image: url(../images/contacts-mobile.png); 
 height: 340px;
}

#contacts .contacts_left {
 padding-left: 20px;
}

#tech .vertical_logo {
 background-image: url(../images/tech-mobile.png); 
 height: 555px;
}


#tech, #contacts {
 padding-right: 30px;
 padding-top: 100px;
 padding-bottom: 50px;
}

#privacy {
 padding-right: 30px;
 padding-top: 100px;
 padding-bottom: 50px;
}

#partners {
 padding-right: 0px;
 padding-top: 100px;
 padding-bottom: 50px;
}

#partners .vertical_logo {
 background-image: url(../images/partners-mobile.png); 
 height: 400px;
}


}

@media (max-width: 575.98px) { 

#loginModal .form_wrapper {
width: 100%;
}
    
}