/* 2. Tablet ja väiksem */
@media (max-width: 1059px) {
	
    .site-branding img {
        height: auto;
        width: 142px;
    }
    .logo-section {
        padding-left: 16px;
        padding-top: 18px;
        padding-bottom: 36px;
        padding-right: 82px;
        height: 100px;
        background-size: 260px 100px;
        flex: 0 260px;
    }
    .site-header {
        height: 100px;
    }
    .teenus-tabid {
        overflow-x: auto !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        display: flex !important;
        overflow-y: visible !important;
        padding-top: 38px !important;
        align-items: stretch !important;
    }
    .teenus-tab,
    .elementor-element-038c38f,
    .elementor-element-6f881d3,
    .elementor-element-74e62e7 {
        flex: 0 0 85% !important;
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: 100% !important;
        align-self: stretch !important;
    }
    .service-container-button {
        margin-top: auto !important;
    }
    .teenuste-nimekiri-wrapper {
        flex-wrap: wrap;
        padding: 0;
    }
    .teenuste-nimekiri-wrapper .teenuste-nimekiri-vasak, .teenuste-nimekiri-slider {
        flex: 0 0 100%;
        order: 2;
    }
    .teenuste-nimekiri-wrapper .teenuste-nimekiri-parem {
        height: 392px;
        flex: 0 0 100%;
        order: 1;
    }
    .fookusteenused > div.text-wrapper {
        flex: 0 0 100%;
        margin-bottom: 32px;
    }
    .fookusteenused > div {
        flex: 0 calc(50% - 12px);
    }
    .fookusteenused > div.fookusteenused-item::after {

        height: calc(100% * 2);

    }
    .contact-form-wrapper {
        flex-wrap: wrap;
    }
    .contact-form-wrapper > div {
        flex: 0 0 100%;
    }
    .contact-form-wrapper .contact-right,.contact-form-wrapper .contact-left {
        flex: 0 0 100%;
        margin-left:0;
    }
    .contact-form-wrapper .contact-left {
        border-top-right-radius: 0;
        border-bottom-left-radius: 24px;
        margin-top: -30px;
        padding-left: 30px;
        padding-right: 30px;
    }
    footer .footer-container {
        flex-wrap: wrap;
    }
    footer .footer-container > div {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    footer .footer-container > div:first-child {
        margin-bottom: 48px;
    }
    footer .footer-container > div:last-child {
        display: flex;
        justify-content: center;
    }
    footer .assistant-button a {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    footer .assistant-button a:before {
        top: 18px;
    }
    .teenuste-nimekiri-vasak {
        /*padding-left: 36px;*/
        /*padding-right: 36px !important;*/
    }
    .teenuste-nimekiri-wrapper, .shadowed-box {
        margin-bottom: 49px;
    }
    .teenuste-nimekiri-wrapper .teenuste-nimekiri-juhtimine {
        /*padding-right: 49px;*/
        padding-bottom: 79px;
    }
    .teenuste-nimekiri-wrapper .teenuste-nimekiri-juhtimine .progressing {
        margin-top: 10px;
    }
    .force-padding-30 {
        padding-right: 30px;
        padding-left: 30px;
    }
    .force-padding-30 {
        padding-right: 30px;
        padding-left: 30px;
    }
    .force-padding-30 .teenuste-nimekiri-parem {
        margin-left: -30px;
        margin-right: -30px;
        width: calc(100% + 60px);
        flex: 0 0 calc(100% + 60px);
    }
    .teenuste-nimekiri-wrapper .teenuste-nimekiri-juhtimine, .teenuste-nimekiri-slider .teenuste-nimekiri-slider-controls {
        margin-top: 48px;
    }
    .vert-accordion {
        padding: 0;
        border-radius:0;
        background: none;
    }
    .vert-accordion .e-n-tab-title {
        margin-bottom: 0;
        background: #F5F3EE !important;
        padding: 16px !important;
        margin-top: 5px !important;
        position: relative !important;
        display: flex !important;
        justify-content: space-between !important;
    }
    .vert-accordion .e-n-tab-title[aria-selected=true] {
        display: none !important;
    }

    .vert-accordion .e-active {
        background: #f5f3ee;
        padding-left: 22px;
        padding-right: 22px;
        padding-top: 34px;
        padding-bottom: 34px;
        margin-top: 4px;
    }
    .vert-accordion .e-n-tab-title:after {
        content: "+";
        color: white;
        background: #ff9100;
        border-radius: 50%;
        height: 36px;
        width: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30px;
    }
    .image-box-grid.elementor-widget-image-box .elementor-image-box-img {
        flex: 0 0 180px;
        margin-right: 16px !important;
    }
    .image-box-grid .elementor-image-box-wrapper {
        display: flex;
        align-items: center;
    }
    .main-navigation {
        display: none;
    }
    .mobile-site-navigation {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        background-color: var(--color-primary);
        margin-left: -165px;
        height: 88px;
        margin-top: 0;
    }
    .mobile-site-navigation .mobile-menu-toggle {
        content: "";
        background: url(../grexit/images/charm_menu-hamburger.svg) no-repeat center center;
        height: 39px;
        width: 39px;
        margin-right: 30px;
    }
    .mobile-site-navigation .mobile-menu-toggle.open {
        background: url(../grexit/images/close-rounded.svg) no-repeat center center;

    }
    .mobile-site-navigation .mobile-menu-wrapper {
        position: fixed;
        left: 0;
        top: 80px;
        background: var(--color-primary);
        right: 0;
        height: 100%;
        padding-top: 90px;
        padding-left: 33px;
        padding-right: 33px;
    }
    .mobile-menu-wrapper > ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block !important;
        flex-direction: column;
    }
    /* Veendume, et nav ul ul reegel ei mõjuta mobiilimenüüd */
    .mobile-menu-wrapper ul ul {
        display: block !important;
    }
    .mobile-menu-wrapper > ul > li {
        display: block !important;
        width: 100%;
        position: relative;
    }
    .mobile-menu-wrapper > ul > li > a {
        padding-top: 10px;
        padding-bottom: 15px;
        display: block;
    }
    .mobile-menu-wrapper {
        display: none !important;
    }
    .mobile-menu-wrapper.open {
        display: block !important;
    }
    .mobile-menu-wrapper a {
        font-size: 23px;
        color:white;
    }
    .mobile-menu-wrapper > ul > li > ul.sub-menu{
        display: block !important;
        background: transparent;
        padding-left: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        list-style: none;
        margin: 0;
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        z-index: auto !important;
        width: 100%;
        box-shadow: none !important;
    }
    .mobile-menu-wrapper > ul > li > ul.sub-menu li {
        display: block !important;
        width: 100%;
        position: static !important;
    }
    .mobile-menu-wrapper > ul > li > ul.sub-menu a{
        font-size: 18px;
        display: block;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    /* Veendume, et sub-menu on parent li sees, mitte eraldi */
    .mobile-menu-wrapper > ul > li.has-submenu > ul.sub-menu,
    .mobile-menu-wrapper > ul > li > ul.sub-menu {
        position: static !important;
        display: block !important;
    }
    .mobile-menu-wrapper > div.widget {
        text-align: center;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .mobile-menu-wrapper > div.widget .contact-icon a{
        font-size: 14px;
    }
    nav .mobile-menu-wrapper > ul {
        margin-bottom: 67px;
    }
    .contact-icon .phone, .contact-icon .email {
        font-size: 14px;
        margin-right: 16px;
    }
    .vaartused .elementor-image-box-img img {
        width: 100%;
    }
    footer {
        padding: 48px;
    }
	.curved-header.mobile-grey h2:after, .curved-header.mobile-grey h2:before {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(31%) hue-rotate(128deg) brightness(107%) contrast(95%);
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(31%) hue-rotate(128deg) brightness(107%) contrast(95%);

}

.curved-header.mobile-grey h2 {
	line-height: 30px;
    background: #F8F8F8;
}
	.curved-header.mobile-grey h2:after {
    right: -135px;
}
.curved-header.mobile-grey h2:before {
    transform: scaleX(-1);
    left: -135px;
}
	.grexit-image-slider-wrapper {

    overflow-x: scroll !important;
}

	
}