.h-80{height: 80%}
.h-75{height: 75%}
.h-70{height: 70%}
.h-65{height: 65%}
.h-60{height: 60%}
.h-55{height: 55%}
.h-50{height: 50%}
.h-45{height: 45%}
.h-40{height: 40%}
.h-35{height: 35%}
.h-30{height: 30%}
@media screen and (min-width: 576px){
    .h-sm-25{height:25%;}
    .h-sm-40{height:40%;}
    .h-sm-50{height:50%;}
    .h-sm-60{height:60%;}
    .h-sm-75{height:75%;}
    .h-sm-100{height:100%;}
}
@media screen and (min-width: 768px){
    .main_slider, .slick-list{height:100%;}
    .h-md-25{height:25%;}
    .h-md-40{height:40%;}
    .h-md-50{height:50%;}
    .h-md-55{height:55%;}
    .h-md-60{height:60%;}
    .h-md-65{height:65%;}
    .h-md-100{height:100%;}
    section.about_protasovo, section.about_company{height:auto !important;}
}
@media screen and (min-width:992px){
    .h-lg-100{height:100%}
    section.about_protasovo, section.about_company{height:inherit !important;}
}
@media screen and (max-width:992px){
    .main_slider, .slick-list{height:330px;}
}

@media screen and (max-width: 1200px) {
    section .h_overlay h1 {font-size: 4.6rem;}
}
    
@media screen and (max-width: 900px) {
    section .h_overlay h1 {font-size: 4rem;}
    .about_company h1, .text_info h1{font-size:2rem;}
    section.about_company h1, section.about_protasovo h1{padding-top: 25px;}
    section.about_protasovo, section.about_company{height:auto !important;}
    .main_slider, .slick-list{height:300px;}
    .slick-next.slick-arrow,.slick-prev.slick-arrow{width:90px;}
    .slick-prev::before {font-size: 35px;left:45px;}
    .slick-next::before {font-size: 35px;left:55px;}
}
@media screen and (max-width: 800px) {
    section .h_overlay h1 {font-size: 3.6rem;}
    .about_company h1, .text_info h1{font-size:1.8rem;}
    .main_slider, .slick-list{height:250px;}
    .slick-next.slick-arrow,.slick-prev.slick-arrow{width:80px;}
    .slick-prev::before {font-size: 30px;left:35px;}
    .slick-next::before {font-size: 30px;left:45px;}
    .slick-next::before, .slick-prev::before {top:42%;}
    .slick-prev.slick-arrow{display: inline-block !important;}
    header.shrink {
    transition: 200ms;
    opacity: 1;
    background: none;
    background-image: url("../img/3.jpg");
    background-position: top;
    background-repeat: no-repeat;
    background-size: auto;}
    header.shrink > .container-fluid{
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#557ec1+0,002756+100&0.25+0,0.35+100 */
    background: -moz-linear-gradient(top,  rgba(85,126,193,0.25) 0%, rgba(0,39,86,0.35) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(85,126,193,0.25) 0%,rgba(0,39,86,0.35) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(85,126,193,0.25) 0%,rgba(0,39,86,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40557ec1', endColorstr='#59002756',GradientType=0 ); /* IE6-9 */
    }
    header.shrink .phone-top a{color: white; transition: 200ms; text-shadow: 0 2px 2px #7a7a7a;}
    .contacts{min-height: inherit}
}
@media screen and (max-width: 600px) {
    section .h_overlay h1 {font-size: 3rem;  margin: -1em 0 0 0;}
    .read_more{margin: 4rem 0 0 0;}
    .about_company h1, .text_info h1{font-size:1.4rem;}
    .main_slider, .slick-list{height:200px;}
    .docs_link span{padding: 0 0;}
    .docs a{color: #79b8cb}
    .h_overlay div{margin-top: 2rem}
    .read_more {margin: 2rem 0 0 0; font-size: 1.2em}
    .slick-next.slick-arrow,.slick-prev.slick-arrow{width:70px;}
    .slick-prev::before {left:30px;}
    .slick-next::before {left:40px;}
    .slick-next::before, .slick-prev::before {font-size: 36px;top:38%;}
    .button_map {font-size:1.2em;}
    .button_map::before {height: 61px; top: -9px; padding: 5px 10px; left: -11px;}
    .button_map::after {height: 60px; top: -17px; padding: 14px 20px;left: -21px;}
    .button_map::before, .button_map::after {opacity: 0.5;}
    .slick-slide a {background-size: 70px;}
    .logo {margin: 0 40px 0 0;}
    .logo-container {width: 100%;}
    .contacts {min-height: 720px;}
}
@media screen and (max-width: 500px) {
    section .h_overlay h1 {font-size: 3rem;}
    .logo {margin: 0 30px 0 0;}
}
@media screen and (max-width: 400px) {
    section .h_overlay h1 {font-size: 2.8rem; margin: -1em 0 0 0;}
    .about_company h1, .text_info h1{font-size:1.2rem;}
    .logo {margin: 0 20px 0 0;}
    .button_map {font-size:1em;} 
    .button_map::before {height: 61px; top: -9px; padding: 5px 10px; left: -11px;}
    .button_map::after {height: 60px; top: -17px; padding: 14px 20px;left: -21px;}
    .h_overlay div{margin-top: 2rem}
    .read_more {margin: 2rem 0 0 0; font-size: 1em}
    .button_map::before, .button_map::after {opacity: 0.5;}
}
@media (orientation: landscape)  and (max-width: 850px){
.h_overlay div {
    margin-top: 1rem;
}
section .h_overlay h1 {
    font-size: 3rem;
}
.button_map::before, .button_map::after {
    opacity: 0.5;
}
.button_map::after {
    height: 60px;
    top: -17px;
    padding: 14px 20px;
    left: -21px;
}
.button_map::before {
    height: 61px;
    top: -9px;
    padding: 5px 10px;
    left: -11px;
}
.button_map {
    font-size: 1em;
}
.read_more {
    margin: 0 0 0 40px;
    font-size: 1em;
}
}