:root {
    --troodos_2021_home_packages_font_height: 1.2vmax;
}

.troodos_2021_small_left_right_title_divider {
    text-align: center;
    margin: 0 0 50px 0;
    padding: 20px 0;
    font: 600 var(--troodos_2021_title_font_size) 'Source Serif 4', sans-serif;
    color: #053361;
    /* background-color: #8a8c8e; */
}

.troodos_2021_small_left_right {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: flex-start;
    height: unset;
    background-color: #fff;
    padding: 0 0 100px 0;
}

.troodos_2021_small_left_right:nth-of-type(even) {
    flex-direction: row-reverse;
    background-color: #faf6ef;
}

.troodos_2021_small_left_right_img {
    flex: 0 1 40%;
    position: relative;
    overflow: hidden;
    height: 50vh;
    top: -50px;
}

.troodos_2021_small_left_right_img_item {
    height: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.troodos_2021_small_left_right_text_container {
    flex: 0 1 40%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
}

.troodos_2021_small_left_right_title {
    padding: 0;
    text-align: left;
    font: 100 3.2vw 'Alegreya Sans', sans-serif;
    margin: 0;
    letter-spacing: -3px;
}

.troodos_2021_small_left_right_subtitle {
    font: 400 1.2vw 'Minion';
    padding: 10px 0 10px 4px;
    text-align: left;
    margin: 0;
    color: #a0814c;
}

.troodos_2021_small_left_right_divider {
    width: 100%;
    height: 1px;
    position: relative;
    background-color: #a0814c;
}

.troodos_2021_small_left_right_text {
    padding: 10px 0;
    text-align: left;
    margin: 0;
    font: 400 var(--service_provider_2022_font_size)/var(--service_provider_2022_line_height) 'Effra';
}

@media screen and (min-width: 1150px) {
    .troodos_2021_small_left_right_text {
        max-height: calc(10*var(--service_provider_2022_line_height));
        overflow: hidden;
        padding: 0;
        margin: 10px 0 0 0;
        position: relative;
    }
    .products_page {
        margin: 0 0 2vh 0;
    }
}

.troodos_2021_small_left_right_text_button {
    padding: 10px 25px;
    margin: 20px 0 0 0;
    font: 600 var(--service_provider_2022_font_size)/var(--service_provider_2022_line_height) 'Alegre';
    letter-spacing: 2px;
    border: 1px solid #000;
    background-color: transparent;
    color: #000;
    transition: 0.2s all ease-in-out;
    cursor: pointer;
    position: relative;
    display: block;
    width: fit-content;
    text-decoration: none;
}

.troodos_2021_small_left_right_text_button:hover {
    background-color: #053361;
    color: #fff;
    transition: 0.2s all ease-in-out;
}

@media screen and (orientation: portrait) and (max-width: 500px) {
     :root {
        --troodos_2021_home_packages_font_height: 3.2vmax;
        --troodos_2021_mobile_devices_img_height: 45vh;
    }
    /*-----------SMALL LEFT RIGHT ----------------------*/
    .troodos_2021_small_left_right_title_divider {
        margin: 0;
    }
    .troodos_2021_small_left_right {
        width: 100%;
        padding: 0 0 10px 0;
        height: unset;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }
    .troodos_2021_small_left_right:nth-of-type(even) {
        flex-direction: column;
        background-color: #fff;
    }
    .troodos_2021_small_left_right_subtitle {
        font: 400 4.5vw 'Minion';
        padding: 10px 0 0px 4px;
    }
    .troodos_2021_small_left_right_title {
        font: 100 9vw 'Alegreya Sans', sans-serif;
        letter-spacing: 0px;
    }
    .troodos_2021_small_left_right_img {
        top: 0;
        flex: unset;
        height: var(--troodos_2021_mobile_devices_img_height);
        overflow: hidden;
    }
    .troodos_2021_small_left_right_img_item {
        height: 100%;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: unset;
    }
    .troodos_2021_small_left_right_text_container {
        flex: 0 1 100%;
        width: 95%;
    }
    .troodos_2021_small_left_right_text_button {
        padding: 10px 5px;
    }
    /*-----------END SMALL LEFT RIGHT ----------------------*/
    .troodos_2021_small_left_right_text_button {
        margin: 20px auto 0 auto;
    }
}

@media screen and (orientation: landscape) and (max-width: 900px) {
     :root {
        --troodos_2021_home_packages_font_height: 4vmax;
        --troodos_2021_mobile_devices_img_height: calc(100vh - 50px);
    }
    /*-----------SMALL LEFT RIGHT ----------------------*/
    .troodos_2021_small_left_right_title_divider {
        margin: 0;
    }
    .troodos_2021_small_left_right {
        width: 100%;
        padding: 0 0 10px 0;
        height: unset;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }
    .troodos_2021_small_left_right:nth-of-type(even) {
        flex-direction: column;
        background-color: #fff;
    }
    .troodos_2021_small_left_right_subtitle {
        font: 400 3.2vw 'Minion';
        padding: 10px 0 0px 4px;
    }
    .troodos_2021_small_left_right_title {
        font: 100 5.3vw 'Alegreya Sans', sans-serif;
        letter-spacing: 0px;
    }
    .troodos_2021_small_left_right_img {
        top: 0;
        flex: unset;
        height: calc(100vh - 50px);
    }
    .troodos_2021_small_left_right_img_item {
        height: unset;
        position: relative;
        left: 0;
        transform: translateY(-50%);
        width: 100%;
        top: 50%;
    }
    .troodos_2021_small_left_right_text_container {
        flex: 0 1 100%;
        width: 95%;
    }
    .troodos_2021_small_left_right_text_button {
        padding: 10px 5px;
    }
    /*-----------END SMALL LEFT RIGHT ----------------------*/
    .troodos_2021_small_left_right_text_button {
        margin: 20px auto 0 auto;
    }
    .troodos_2021_small_left_right_text {
        /* font: 400 var(--service_provider_2022_font_size)/var(--service_provider_2022_line_height) 'Open Sans', sans-serif; */
    }
}

@media screen and (orientation: portrait) and (min-width: 500px) and (max-width: 1050px) {
     :root {
        --troodos_2021_home_packages_font_height: 3.2vmax;
        --troodos_2021_mobile_devices_img_height: 50vh;
    }
    /*-----------SMALL LEFT RIGHT ----------------------*/
    .troodos_2021_small_left_right_title_divider {
        margin: 0;
    }
    .troodos_2021_small_left_right {
        width: 100%;
        padding: 0 0 10px 0;
        height: unset;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }
    .troodos_2021_small_left_right:nth-of-type(even) {
        flex-direction: column;
        background-color: #fff;
    }
    .troodos_2021_small_left_right_subtitle {
        font: 400 3.8vw 'Minion';
        padding: 10px 0 0px 4px;
    }
    .troodos_2021_small_left_right_title {
        font: 100 6vw 'Alegreya Sans', sans-serif;
        letter-spacing: 0px;
    }
    .troodos_2021_small_left_right_img {
        top: 0;
        flex: unset;
        height: var(--troodos_2021_mobile_devices_img_height);
        overflow: hidden;
    }
    .troodos_2021_small_left_right_img_item {
        height: 100%;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: unset;
    }
    .troodos_2021_small_left_right_text_container {
        flex: 0 1 100%;
        width: 95%;
    }
    .troodos_2021_small_left_right_text_button {
        padding: 10px 5px;
    }
    /*-----------END SMALL LEFT RIGHT ----------------------*/
    .troodos_2021_small_left_right_text_button {
        margin: 20px auto 0 auto;
    }
}

@media screen and (orientation: landscape) and (min-width: 900px) and (max-width: 1200px) {
     :root {
        --troodos_2021_home_packages_font_height: 4vmax;
    }
    /*-----------SMALL LEFT RIGHT ----------------------*/
    .troodos_2021_small_left_right_title_divider {
        margin: 0;
    }
    .troodos_2021_small_left_right {
        width: 100%;
        padding: 0 0 10px 0;
        height: unset;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }
    .troodos_2021_small_left_right:nth-of-type(even) {
        flex-direction: column;
        background-color: #fff;
    }
    .troodos_2021_small_left_right_subtitle {
        font: 400 2.4vw 'Minion';
        padding: 10px 0 0px 4px;
    }
    .troodos_2021_small_left_right_title {
        font: 100 4.8vw 'Alegreya Sans', sans-serif;
        letter-spacing: 0px;
    }
    .troodos_2021_small_left_right_img {
        top: 0;
        flex: unset;
        height: calc(100vh - 50px);
    }
    .troodos_2021_small_left_right_img_item {
        height: 100%;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: unset;
        top: unset;
    }
    .troodos_2021_small_left_right_text_container {
        flex: 0 1 100%;
        width: 95%;
    }
    .troodos_2021_small_left_right_text_button {
        padding: 10px 25px;
    }
    /*-----------END SMALL LEFT RIGHT ----------------------*/
    .troodos_2021_small_left_right_text_button {
        margin: 20px auto 0 auto;
    }
}