@media only screen and (max-width: 1366px){

    .banner_container.homepage_banner_container .container,
    .home_container section.container,
    .home2_container section.container,
    .footer_container.homepage_footer_container
    .footer-container,
    #mod-custom112,
    .homepage_news,
    section.container,
    #mcol .com-content-article__body ol, 
    #mcol .com-content-article__body ul, 
    #mcol .com-content-article__body p,
    .footer_container .footer-container,
    .header_container.homepage_header_container .container{
        width: 100%!important;
        max-width: 1350px!important;
        margin: 0 auto;
    }
    #phoca-dl-categories-box{
        width:845px;
    }

    .com-users-login.login{
        margin-bottom:50px;
    }
    .form-actions,
    .eb-form-control .password-group .input-group{
        display:flex;
        gap:10px;
        flex-direction: column;
    }
    .form-actions .btn-primary,
    .eb-cart-content .btn-secondary,
    #osm-btn-logout,
    #osm-btn-update-profile{
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

    #osm-btn-update-profile,
    #osm-btn-logout{
        width: 285px;
    }
    .itemid-346 .main_container, 
    .itemid-350 .main_container{
        height: auto!important;
    }
    #eb-registration-history-page{
        width:900px;
    }
    #eb-registration-history-page #adminForm table.table.table-striped.table-bordered.table-hover.eb-responsive-table{
        table-layout: fixed!important;
    }
    #mod-custom90{
        margin-left:15px;
    }
    .row,
    .row.row2{
        margin-right: 0;
    }
    #mod-custom120,
    #mod-custom114{
        width: 418px;
    }

    .map-form-container #cf1{
        width: 390px;
    }
    #osm-plans-list-default,
    #osm-plan-item{
        width:845px;
    }

    .header_container.homepage_header_container div#topinfo{
        right: 35px;
    }

     #phoca-dl-categories-box,
     div.blog,
    .com-content-article.item-page,
    #mcol .main_component{
        margin-left: 60px;
    }
    .itemid-108 #mcol .main_component{
        margin-left: 110px;
    }
    .homepage_news{
        margin-top: 70px;
    }
    .com-content-category-blog.blog h1, 
    #mcol .page-header h1, 
    #mod-custom112 .inside-left h1, 
    #mcol .page-header h1{
        font-size: 35px;
        line-height: 48px;
    }
    #mod-custom112 .inside-left p{
        font-size: 22px;
        line-height: 32px;
        width: 600px;
    }

    #subfooterright .mod-menu.mod-list.nav{
        justify-content: right;
    }
    #subfooterright{
        width:55%;
    }

}
@media only screen and (max-width: 1280px){
    .banner_container,
    #mod-custom112{
        height:100%;
    }
    .homepage_news{
        margin-top: 70px;
    }

}
@media only screen and (max-width:980px)
{
	nav#hornav ul.menu li.parent ul {
      display:block;
      position:static;
      width:100%;
      padding: 0px;
      background:#efefef;
      margin:10px 0px;
    }
    
    #logo {
       width: 50%;
      text-align: center;
    }
    
    .mobport {
       display: inline-block;
      
      float: left;
      margin-top: 35px;
    }
    
    .mobport, #top_detail {
        width: 25%;
    }
    
    .mobport_menu {
     display:block;
      position:fixed;
      top:0px;
      left:-260px;
      z-index:999; 
      height:100%;
      background-color:var(--bold-color);
      width:260px;
      padding:20px 0px;
      overflow-y:scroll;
    }
    
    body {
      overflow-x:hidden;
    }
    
    .mobport_menu ul li a, .mobport_menu ul li span {
      padding: 5px 0px;
      color:#fff;
      display:block;
      font-weight:700;
      padding-left: 15px;
    }
    
    .mobport_menu ul li:hover > a, .mobport_menu ul li:hover > span, .mobport_menu ul li.active > a, .mobport_menu ul li.active > span {
      background: #0378ad !important;
    }
    
    .mobport_menu ul li ul li a, .mobport_menu ul li ul li span {
    font-weight:400;
    font-size:13px;
    padding-left: 30px;
    }
    
    .mobport_menu ul li {
      
    margin-left: 0px;
    }
    
    .body {
      position:relative;
    }
    
    #top_detail {
      padding-left: 0px;
      width: 25%;
    }

  .mobport a {
  color: #478ba5;
  text-align: right;
    margin-top: 50px;
    font-weight: 700;
    margin-top: 26px;
  }
  
   .mobport span {
        margin-right: 10px;
        font-size:28px;
        color:var(--bold-color);
    }

  .menu_container {
    display: none;
  }
    
  .mobport {
    display: block;
  }
    
    #logo,#top_detail {
        float: left;
    }
    
    
    .mobport_menu_a {
          display:block;
          width:100%;
          text-align:right;
          margin-bottom:10px;
        }
        
        .mobport_menu_a img {
          width:25px;
          margin-right:10px;
        }
    
}



@media only screen and (max-width:1080px)
{
  nav#hornav ul li:before, div.footer_container ul.menu li:before {
    margin-right: 5px;
  }
    
    nav#hornav ul li a, div.footer_container ul.menu li a, nav#hornav ul li span, div.footer_container ul.menu li span {
        font-size: 14px;
    }
    
    nav#hornav ul li, div.footer_container ul.menu li {
        margin-left: 5px;
    }
    /*
    .moduletable.xorigoi img {
    max-width: 13%;
}
    */
    .half {
    width: 48.9%;
}
    
    .custom.ekpaideutikes {
    padding: 40px 97px 60px 30px;
}
    
    .moduletable.latest-news h3 {
    font-size: 23px;
    }
    
    select {
        min-width: 260px;
    }
    
    .slogan .inside {
    margin-top: 50px;
        padding: 17px 23px;
    }
    
    .custom.slogan {
    height: 338px;
}
    
    .custom.ginemelos table img {
        max-width: 70px;
        margin-right: 10px;
    }
}

@media only screen and (max-width:980px)
{
.moduletable.subscribers-login a {
    line-height: 15px;
    padding: 7px 20px 7px 40px;
    margin-bottom: 7px;
}
    
    .slogan .inside {
        width: 65%;
    }
    
    .slogan .inside p {
        margin-bottom: 0px;
    }
    
    .slogan h3 {
        font-size: 23px;
    }
	/*
    .moduletable.xorigoi img {
    max-width: 20%;
}
    */
    .home21-left {
        width: 100%;
    }
    
    .home21-right {
        width: 100%;
        padding-left: 15px;
        margin-top: 30px;
    }
    
    .home22-right .moduletable {
        width: 48%;
        display: inline-block;
    vertical-align: top;
    }
    
    .moduletable.ginemelos {
        margin-top: 20px;
        margin-right: 3.4%;
    }
    
    .fix-header {
    padding-top: 129px;
}
    
    #lcol .ginemelos, #lcol .moduletable.magazine, #lcol .company-submenu {
        display: none;
    }
    
    .moduletable.ekpaideytiki .inner.inner-news {
        display: none;
    }
    
    .moduletable.simple-list > h3 {
        margin-bottom: 0px;
        padding-bottom: 0px;
        background: url(../images/more.png) no-repeat;
        background-position: center right;
        background-size: contain;
        cursor: pointer;
    }
    
    table.contact tr td {
        padding: 5px;
    }
    
    ul.image_list li {
            margin-right: 1.5%;
    }
}

@media only screen and (max-width:780px)
{
.mobport {
    padding-left: 20px;
}
    
    .banner_container {
        background-size: cover;
    }
    
    .custom.ekpaideutikes {
        min-height: 380px;
    }
    
    .slogan h2 {
        font-size: 30px;
    }
    
    .slogan h3 {
    font-size: 20px;
}
.moduletable.xorigoi img { max-width: 100%; }
}

@media only screen and (max-width:680px)
{
.slogan .inside {
    width: 75%;
}
    
    .moduletable.subscribers-login a {
        margin-left: 0px;
    }
    
    .moduletable.member-login a {
    line-height: 15px;
    padding: 7px 20px 7px 40px;
    }
    
    .moduletable.latest-news h3 {
    font-size: 21px;
}
    
    .moduletable.latest-news .artimage img {
        max-width: 90%;
    }
    
    select {
    min-width: 220px;
}
    
    .moduletable.ginemelos {
    margin-top: 20px;
    margin-right: 3%;
}
    
    div#subfooterright div.moduletable {
        margin-left:0px;
    }
    
    .header_container {
    padding: 14px 0px 18px 0px;
    }
.homepage_news .moduletable.seminars-select ul { grid-template-columns: auto auto; }
}

@media only screen and (max-height:580px)
{
    .header_container {
    position: relative;
        margin-bottom: 0px;
    }
    
    #lcol, .inside .main_component {
        margin-top:0px;
        padding-top: 0px;
    }
    
    .fix-header {
        padding-top:0px;
    }
    
    #lcol .moduletable {
        margin-bottom: 0px;
        margin-top:20px;
    }
}


@media only screen and (max-width:480px){
    .d-flex{
        margin-bottom: 0;
        flex-direction: column;
    }
    .header_container{
        border: 1px solid #ccc;
    }    
    .banner_container.homepage_banner_container .container{
        width:100%;
        max-width: 380px;
    }    
    .banner_container.homepage_banner_container .container .col-md-12{
        padding:4px;
    }
    .mobport {
        padding-left: 10px;
        width: 19%;
    }
	
    .mobile-account a,
    .mobile-account a span{
        color:white;
    }

    .mobile-account a{
        margin-left: 15px;
        position: relative;
        bottom:30px;
    }

    .mobile-account a span{
        margin-right: 10px;;
    }
    .footer-container .d-flex,
    #mod-custom112,
    .map-form-container{
        flex-direction: column;
    }
    .map-form-container #cf_1 div #recaptcha-anchor-label,
    .map-form-container p iframe{
        width: 300px!important;
        margin: 0 auto;
    }
    div#topinfo{
        top: -20px;
        left: 0;
    }
    #logo p{
        width:250px;
    }
    #mod-custom111,
    #mod-custom112 .inside-right img,
    #mod-custom112 .inside-right,
    #lcol .mod-menu.mod-list.nav,
    #mod-custom127{
        display:none;
    }
    #osm-new-user-register,
    #osm-account-information,
     #osm-signup-page .osm-message,
     #osm-signup-page h1.osm-page-title,
    .banner_container.homepage_banner_container .container, 
    .home_container section.container, .home2_container section.container, .footer_container.homepage_footer_container .footer-container, .header_container.homepage_header_container .container{
        width: 340px!important;
    }

    #mod-custom112 .inside-left div,
    #mod-custom112 .inside-left{
        max-width: 380px!important;
    }
   
    #logo,    
    #top_detail,
    body.itemid-109 .inside .main_component, 
    body.itemid-108 .inside .main_component, 
    body.itemid-108 .main_container #mod-custom202,
    #eb-category-page-table,
    .com-content-article__body h4,
    .com-content-article__body p, 
    .com-content-article__body ul,
    .com-content-article__body ol,
    .banner_container,
    #mod-custom158,
    #mod-custom157,
    #mod-custom156,
    #mod-custom152,
    #mod-custom120,
    #mod-custom123 p:last-child,
    #mod-custom114, 
    #mod-custom112 .inside-left div,
    #mod-custom112 .inside-left p,
    .home22-left, 
    .home22-right,
    .homepage_news ul{
        width: 100%!important;
    }

    #mod-custom112 .inside-left div{
        padding-left: 20px;
    }
    #mod-custom112 .inside-left p{
        font-size: 14px;
        line-height: 28px;
        padding-right:20px;
    }
    .homepage_news,
    #homepage_news{
        margin-top:0;
    }
    
    .com-content-article.item-page,
    .itemid-108 #mcol .main_component{
        margin-left: 10px;
    }
    #mod-custom112 .inside-left h1{
        width:290px;
        padding-right: 20px;
    }

    .com-content-category-blog.blog h1,
    #mcol .page-header h1,
    #mod-custom112 .inside-left h1,
    #mcol .page-header h1{
        line-height: 38px;
        font-weight: 700;
    }
    .com-content-category-blog.blog h1,
    #mcol .page-header h1,
    #mod-custom112 .inside-left h1,
    #mcol .page-header h1,
    body.itemid-108 .main_container #mod-custom202 h1{
        font-size:20px;
    }

    #mod-custom111 p a{
        font-size:10px;
    }
    body.itemid-109 .inside .main_component, body.itemid-108 .inside .main_component, body.itemid-108 .main_container #mod-custom202,
    #eb-category-page-table,
    body.itemid-108 .main_container, 
    .main_container{
        margin:0;
    }
    #mcol .main_component{
        margin-left: 0;
    }

    .homepage_news ul{
        grid-template-columns: repeat(1, 1fr);
    }
    #osm-plans-list-default,
    #osm-plan-item,
    .homepage_news ul li{
        margin: 0 auto;
    }

    #eb-categories .eb-box-heading a{
        font-size:18px;
    }
    #osm-plans-list-default,
    #osm-plan-item{
        width:320px;
    }

    #mod-custom152 .table{
        grid-template-columns: 1fr;
    }
    .col-md-4.home22-right{
        margin-top: 20px;
        padding:0;
    }

    .ebm-upcoming-events-improved div.ebm-event-date{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .moduletable.subscribers-login a,
    .moduletable.member-login a {
        line-height: 15px;
        padding: 4px 20px 4px 40px;
    }
        
    .fix-header {
        padding-top: 119px;
    }
    
    .slogan .inside {
        width: 85%;
    }
    
    .slogan h2 {
        margin-bottom: 5px;
    }
    
    .slogan h3 {
        font-size: 17px;
    }
    p {
        font-size: 15px;
    }
    
    .synedria {
        margin-left: 1.2%;
    }
    
    .seminars .article_date, .synedria .article_date {
            margin-bottom: 5px;
    }
    
    .custom.ekpaideutikes {
        padding: 20px 97px 20px 20px;
    }
    
    .borderbig {
        width: 58%;
    }
    
    .moduletable.seminars-select > h3 {
        font-size: 19px;
        font-weight: 500;
    }
    
    .moduletable.latest-news li {
        width: 45%;
        margin-bottom: 30px;
    }
    
    .moduletable.latest-news li:nth-child(2) {
        border-right: none;
    }
    
    select {
        margin-bottom: 10px;
    }
    
    .moduletable.seminars-select ul li {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    
    .moduletable.seminars-select ul li .artimage {
        width: 30%;
        display: inline-block;
        margin-right: 20px;
    }
    
    .moduletable.seminars-select ul li .inside-art {
        width: 64%;
        display: inline-block;
    }
    
    .moduletable.seminars-select .article_date {
        margin-bottom: 10px;
    }
    
    .home22-right .moduletable {
        width: 100%;
        margin-right: 0px;
    }
    
    .ginemelos table {
        width: 80%;
    }
    
    .custom.magazine img {
        width: 60%;
    }
    
    table.contact tr td {
        display: block;
        float: none;
        width: 100%;
        border-right: none;
        padding: 10px;
        border-bottom: solid 1px #478ba5;
    }
     #mcol .com-content-article__body h4,
     #mcol .com-content-article__body p, 
     #mcol .com-content-article__body ul li,
     #mcol .com-content-article__body ol li{
        text-align: left;
        font-size: 14px;
    }
 
    .homepage_news .moduletable.seminars-select ul { grid-template-columns: auto; grid-gap: 10px; }
    
    .mod-menu.mod-list.nav{
        display: grid;
    }

    .footer-container    ul.mod-menu.mod-list.nav > li{
        margin-left: 0;
    }
    #web-design,
    #subfooterright,   
    #mod-custom123 p:last-child{
        position: relative;
    }
    #mod-custom123 img,
    #mod-custom123 p:last-child{
        top: 275px;    
    }

    #subfooterright{
        width:100%;
        justify-content:flex-start;
        top: -65px;
    }
    #subfooterright .mod-menu.mod-list.nav{
        flex-direction: column;
        justify-content: left;
    }

    #web-design{
        top: 40px;
        padding-top: 5px;
    }

    #lcol, .main_component{
        margin:0;
        padding:0;
        width: 100%;
    }
   
    .convertforms .cf-content-wrap, .convertforms .cf-form-wrap{
        padding: 0
      }

      .osm-container img.osm-thumb-left{
        margin: 0 15px 10px 0!important;
      }

      #eb-category-page-table .eb-category-title > span{
        flex: 0 0 auto;
        
      }

      #osm-signup-page{
        display: grid;
      }

      #osm-signup-page h1.osm-page-title{
        line-height: 28px;
      }
      #osm-signup-page #os_form .form-group.form-row{
        grid-template-columns: 1fr;
      }
      #osm-signup-page #os_form .form-group.form-row #osm_optin,
      form#osm_login_form, form#os_form,
      #os_form div input, 
      #os_form div select{
        width: 300px!important;
      }
      form#os_form{
        padding-left:10px;
        border:none;
      }
      #eb-registration-history-page{
        width:330px;
      }
      .filters.btn-toolbar {
        flex-direction: column;
      }
      input#filter_search{
        width: 300px;
      }
      .filter-search .input-group{
        grid-template-columns: 1fr;
      }
      .com-users-login.login, .com-users-remind.remind, .com-users-reset.reset{
        width:100%;
      }
      #osm_form #my-subscriptions-page table.table.table-striped.table-bordered,
      #osm_form #subscription-history-page table.table.table-striped.table-bordered{
        table-layout: fixed;
      }
      #eb-registration-history-page #adminForm table.table.table-striped.table-bordered.table-hover.eb-responsive-table{
        width: 315px!important;
      }
      table.eb-responsive-table tr{
        margin-bottom: 20px;
      }
      #osm_form #my-subscriptions-page table.table.table-striped.table-bordered,
      #osm_form #my-subscriptions-page table.table.table-striped.table-bordered thead,
      #osm_form #my-subscriptions-page table.table.table-striped.table-bordered tbody,
      #osm_form #my-subscriptions-page table.table.table-striped.table-bordered thead tr,
      #osm_form #my-subscriptions-page table.table.table-striped.table-bordered tbody tr,
      #osm_form #subscription-history-page table.table.table-striped.table-bordered,
      #osm_form #subscription-history-page table.table.table-striped.table-bordered thead,
      #osm_form #subscription-history-page table.table.table-striped.table-bordered tbody,
      #osm_form #subscription-history-page table.table.table-striped.table-bordered thead tr,
      #osm_form #subscription-history-page table.table.table-striped.table-bordered tbody tr{
        display: grid;
      }
      #osm_form #subscription-history-page table.table.table-striped.table-bordered thead tr,
      #osm_form #subscription-history-page table.table.table-striped.table-bordered tbody tr{
          grid-template-rows: repeat(5, 12vh);
        }
        #osm_form #my-subscriptions-page table.table.table-striped.table-bordered thead tr,
        #osm_form #my-subscriptions-page table.table.table-striped.table-bordered tbody tr{
            grid-template-rows: repeat(3, 12vh)!important;
        }
      #osm_form #my-subscriptions-page table.table.table-striped.table-bordered,
      #osm_form #subscription-history-page table.table.table-striped.table-bordered{
        grid-template-columns: 1fr 1fr!important;
      }

      /* #osm_form #my-subscriptions-page table.table.table-striped.table-bordered tr th,
      #osm_form #subscription-history-page table.table.table-striped.table-bordered tr th {
        width: 15%!important;
      } */
    }    
@media only screen and (max-width:380px){

    .banner_container.homepage_banner_container .container{
        width:100%;
        max-width: 320px;
    }    

    .mobport {
        width: 25%;
        position: absolute;
        right:15px;
        top: 10px;
        text-align: right;
    }
    
    .mobport a {
        font-size: 14px;
    }
    
    #mod-custom112 .inside-left p{
        padding-right: 30px;
    }

    .moduletable.subscribers-login a, .moduletable.member-login a, .moduletable.subscribers-login a:hover, .moduletable.member-login a:hover {
        background-image: none;
        padding: 5px;
        text-align: center;
    }

    .ginemelos table,
    .custom.magazine img,
    .moduletable.latest-news li,
    .all-news,
    .moduletable.latest-news > h3,
    .half,
    .slogan .inside {
        width: 100%;
    }
    
    .slogan .inside img.odonto {
        position: absolute;
        top: auto;
        right: 20px;
        bottom: -20px;
    }
    
    .slogan .inside {
        margin-top: 20px;
        padding: 10px;
    }
    
    .header_container {
        position: static;
        margin-bottom: 0px;
    }
    
    .fix-header {
        padding-top: 0px;
    }
    
    .moduletable.xorigoi h3 {
        font-size: 18px;
        padding: 0px 16px 9px 16px; 
    }

    .half {
        margin:0;
        margin-bottom: 20px;
    } 
    
    .custom.ekpaideutikes {
        background-image:none !important;
        padding: 20px;
    }
    
    a.blue {
        line-height: 25px;
        padding: 7px 12px;
    }
    
    .moduletable.latest-news > h3 {
        margin-bottom: 10px;
    }
    
    .borderbig {
        display: none;
    }
    
    .all-news {
        border-top:solid 1px #ccc;
        padding-top:5px;
    }
    
    .moduletable.latest-news li {
        margin-bottom: 30px;
        border-right: none;
        border-bottom: solid 1px #ddd;
        padding-bottom: 10px;
    }
    
    .moduletable.latest-news {
        padding-bottom: 0px;
    }
    
    select {
        min-width:100%;
    }
    
    .moduletable.seminars-select {
        padding: 20px 15px;
    }
    
    .moduletable.seminars-select ul li .artimage {
        width: 60%;
    }
    
    #lcol, .inside .main_component {
        margin-top:0px;
        padding-top: 0px;
    }
    
    p, span, a, tr, td {
        font-size: 14px;
    }
    
    .breadcrumb>li, .breadcrumb>li a, .breadcrumb>li, .breadcrumb>li span {
        font-size: 11px;
    }
    
    #lcol .moduletable {
    margin-bottom: 0px;
        margin-top:20px;
}
    
    .moduletable.simple-list > h3 {
    margin-top: 0px;
    font-size: 18px;
}
    
    h2 {
        font-size: 22px;
    }
    
    div.flexgallery h1, div.eshop_container h1.componentheading, div.blog .subheading-category, div.page-header h1 {
        font-size:22px;
    }
    
    table.three {
        table-layout:fixed;
    }
    
    table.three tr td, table.three tr td p, table.three tr td h3, table.three tr td h4, .main_component.catid_15 table h4, .main_component.catid_15 table tr td  {
        font-size: 11px;
    }
    
    .main_component.catid_15 table tr td {
        vertical-align: top;
    }
    
    h4 {
        font-size: 16px;
    }
    
}