/*
* Header: Simple
*
*/

.social-top {
    margin-top: -4px;
}

.social-links-top {
    margin: 0;
    padding: 0;
}

.social-links-top li .fa-rss,
.social-links-top li .fa-facebook-f,
.social-links-top li .fa-x-twitter,
.social-links-top li .fa-instagram,
.social-links-top li .fa-tiktok,
.social-links-top li .fa-youtube,
.social-links-top li .fa-vimeo,
.social-links-top li .fa-linkedin,
.social-links-top li .fa-pinterest,
.social-links-top li .fa-vk {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
    font-size: 0.875rem;
}

.block-2 {
    width: auto;
    display: block;
    margin-top: 0;
}

.site-header {
    padding: 20px 20px 0px 20px;
}

.site-branding {
    float: left;
    padding: 0;
    display: block;
}

.site-branding img {
    max-width: 240px;
    max-height: 60px;
}

.main-navigation li {
    padding: 20px 0 36px 20px;
}

.main-navigation .sf-arrows .sf-with-ul:after {
    bottom: 2.2em;
}

.main-navigation ul ul {
    top: 80px;
}

.search-top {
    padding: 15px 0;
    margin-bottom: 0;
}

.res-button {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Responsive */

@media screen and (max-width: 970px) and (min-width: 786px) {
    .site-header {
        padding: 20px;
    }
    .res-button {
        margin-top: 0;
    }
}

@media screen and (max-width: 785px) {
    .site-header {
        padding: 20px;
    }
}

@media screen and (min-width: 619px) and (max-width: 785px) {
	.res-button {
        margin-top: 0;
	}
}

@media screen and (max-width: 560px) and (min-width: 437px) {
    .site-header {
        padding: 20px !important;
    }
}

@media screen and (min-width: 438px) and (max-width: 618px) {
	.res-button {
		margin-top: 0;
    }
    .search-top {
        padding: 15px 0;
    }
    .site-header {
        padding: 20px !important;
    }
}

@media screen and (max-width: 560px) {
    .site-branding {
        float: none;
    }
    .site-branding img {
        float: none;
        margin: auto;
    }
    .block-2 {
        margin-top: 10px;
    }
    .res-button {
        padding-left: 0;
        padding-bottom: 0;
    }
    .search-top {
        padding: 15px 0 0;
    }
}

@media screen and (max-width: 436px) {
	.res-button {
		padding-left: 0;
	}
}

.headhesive-box a img {
    max-height: 38px;
    max-width: 152px;
}

.headhesive-box .headhesive-logo {
    padding: 6px 0;
}

.img-footer img {
    max-width: 80px;
    max-height: 20px;
}

.about-logo img {
    max-width: 240px;
    max-height: 60px;
}