/* ------------------------------------------------------- */
/*                  CSS for tablet (995)                   */
/* ------------------------------------------------------- */
@media (max-width: 1195px){
    .remove-tablet {
        display: none !important;
    }

    .team-page, .lts-news-page, .profile-page, .news-page, .contact-page, .member-page, .team-page, .search-page{
        padding: 40px 30px;
    }

    .activity-page, .news-page {
        padding: 30px;
    }

    .simple-page .text, .activity-page .text, .news-page .content-box .text p {
        text-align: justify;
    }

    .activity-page .activity-dropdown {
        width: calc(100% - 12px);
    }

    .activity-page .menu-activity-menu-container {
        left: 30px;
        padding: 10px;
        width: calc(100% - 82px);
        margin-top: 0;
    }

    .activity-page h1 {
        width: auto;
        padding: 30px 0 20px;
    }


    .main-slider {height: auto}


    .breadcrumbs-box {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .news-page .image-box {
        width: 100%;
    }

    .news-page .content-box {
        float: none;
        width: auto;
    }
    .member-page .image-profile img{
        width: 100%;
    }

    footer .bottom-ft-line {
        padding: 0 30px;
    }

    .index-contact{padding: 31px 30px 45px;}
    .index-contact form, .contact-page form {
        width: 100%;
    }
    .the-story {
        width: 100%;
        padding: 45px 0;
    }
    .the-story span{
        padding: 0 30px;
    }
    header .search-box{margin-right:30px;}
    .team-page .team-page-box {
        max-width: 315px;
    }
    .team-page .image-title-box{margin:0 0 30px;}

    .slider-ilf{height:auto;}
    .slider-ilf img{height:auto;width:100%;}
    .slick-dots {
        bottom: 33px;
        padding: 0 0 0 25px;}

    .news-page .image-profile {
        height: 400px;
    }
    .activity-page .image {
        float:left;
    }

    .pull-right-tablet {float: right;}


}
/* ------------------------------------------------------- */
/*                  CSS for mobile (670)                   */
/* ------------------------------------------------------- */
@media (max-width: 670px) {
    .remove-mobile {
        display: none !important;
    }
    .profile-page h1, .team-page h1, .lts-news-page h1, .contact-page h1 {
        font-size: 30px;
        padding-bottom: 30px;
    }
    .breadcrumbs-box {
        padding: 0 15px;
    }

    .team-page, .lts-news-page, .profile-page, .news-page, .contact-page, .member-page, .team-page, .search-page{
        padding: 15px 15px 40px;
    }

    .activity-page, .news-page {
        padding: 15px;
    }

    .activity-page .menu-activity-menu-container {
        padding: 15px 0 10px 10px;
        left: 15px;
    }

    .activity-page h1 {
        padding: 15px 0 20px;
    }
    .activity-page .image img {width:100%;}
    .activity-page .image, .activity-page .text {width:100%;}

    .breadcrumbs-box {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    footer .bottom-ft-line {
        padding: 0;
    }
    footer .bottom-ft-line span.poweredby {float: none; display: block; text-align: center;}
    header .mobile-hd .logo{    margin-left: 0;}

    .lts-news-page .lts-news-box-items .image-news {
        height: 200px;
    }
    .activity-page .menu-activity-menu-container {
        border-width: 0 1px 1px;
        left: 15px;
        padding: 10px;
        width: calc(100% - 52px);
    }
    .index-contact form .half-inp1, .index-contact form .half-inp2{width:100%;}
    .contact-page form .half-inp1, .contact-page form .half-inp2{width:100%;}
    .index-contact{padding: 31px 15px 45px;}
    .index-contact form {
        width: 100%;
    }
    .the-story span{
        padding: 0 30px;
    }
    .member-page .image-title-box{width:100%;margin-bottom: 25px;}
    .member-page .image-title-box .image-profile{margin-left: auto;margin-right: auto;  }
    .member-page .text {
        float: none;
        width: auto;
        text-align: justify;
    }
    footer .main-ft-aboutus {
        height: 290px;
    }
    footer .main-ft-aboutus span{width:100%;padding: 0; text-align: center!important;}
    footer .main-ft-aboutus .title {padding-bottom: 22px;}

    .team-page .image-title-box {;
        width: 100%;
    }

    .team-page .image-title-box {;
        width: 100%;
    }

    footer .tipoukeitos-m{display:block;background-color: #B1D235;color:white;text-align: center;height:30px;line-height: 30px;font-size: 12px;}
    footer .tipoukeitos-m a{color:white;}
    .slick-dots {
        display: none !important;}

    .lts-news-page .lts-news-box-items .line-title {
        margin: 0 auto;
    }
    .lts-news-page .lts-news-box-items h2 {
        height: auto;
    }

    .lts-news-page .lts-news-box-items .text {
        height: auto;
        margin-bottom: 15px;
    }
    .news-page .image-profile {
        height: 200px;
    }
    .news-page .content-box h1,.news-page .content-box .date-category {
        text-align: center;
    }
    .news-page .content-box .line-title {
        margin:0 auto;
    }




}

/* ------------------------------------------------------- */
/*                     CSS only desktop                    */
/* ------------------------------------------------------- */
@media (min-width: 1196px) {
    .remove-desktop {
        display: none;
    }
    .activity-page .activity-dropdown {
        float: right;
    }

}

/* ------------------------------------------------------- */
/*                      CSS no mobile                      */
/* ------------------------------------------------------- */
@media (min-width: 670px) {
    .show-tablet-desktop {
        display: none;
    }

    .simple-page .text{
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        -webkit-column-gap: 25px; /* Chrome, Safari, Opera */
        -moz-column-gap: 25px; /* Firefox */
        column-gap: 25px;
    }



}

/* ------------------------------------------------------- */
/*                        CSS slider                       */
/* ------------------------------------------------------- */
@media (max-width: 2000px) {.slider-ilf img {margin-top: -310px;}}
@media (max-width: 1800px) {.slider-ilf img {margin-top: -230px;}}
@media (max-width: 1555px) {.slider-ilf img {margin-top: -203px;}}
@media (max-width: 1321px) {.slider-ilf img {margin-top: -114px;}}
@media (max-width: 1145px) {.slider-ilf img {margin-top: -40px;}}