/* applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {


  
.view-featured header {
  background: #ffffff;
  height: auto;
  position: absolute;
  width: 100%;
  
}

.view-featured main,
.view-featured header {
  overflow: inherit !important;
}
.bottom-header-btn {
  display: none;
}
.logo.mobile { 
  display: inherit;
  z-index: 23;
  height: 20px;
}
.view-featured .logo.deck {
  display: none;
}
.view-featured .vacuum.article-category-none {
  height: 45px;
}
.top-header-bar {
 height: 100vh;  
}
header {
  height: 91px;
}
.logo {
  z-index: 22;
}
.landing-phone a {
  top: 369px;
  width: 46px;
  height: 46px;
  left: 0;
}
.humburger-menu {
  width: 55px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  z-index: 3;
  position: absolute;
  right: 39px;
  top: 39px;
}
.custom-menu {
  color: #fff;
  width: 100%;
  position: absolute;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 3;
  display: none;
  justify-content: inherit;
  border-radius: 0;
}
.custom-menu.change { 
  display: flex;
  /* background: #125382; */
  background-image: url("/images/bg-menu-mobile.png");
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  background: #EDEDED;
}
.menu-line {
  width: 100%;
  height: 3px;
  background-color: #e05217;
  transition:  0.8s;
  border-radius: 14px;
}
.custom-menu .mod-list {
  position: relative;
}
.custom-menu .mod-list {
  flex-direction: column;
  background-color: #1E2F5F00;
  justify-content: center;
  height: auto;
  width: 89%;
  border-left: 7px solid #fff;
  margin: auto;
  margin-left: 30px;
  padding-right: 183px;
  margin-bottom: 69px;
}
.custom-menu ul li a {
  font-size: 18px;
  color: #e05217;
  font-weight: 600;
  line-height: 112%;
}
.mod-list li {
  padding: 0;
  padding-bottom: 18px;
  line-height: 100%;
}

/* menu end */

.custom-menu-social-items {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  width: 100%;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: auto;
  justify-content: center;
  margin-bottom: 45px;
  position: relative;
  padding-inline: 107px;
  padding-block: 10px;
}
.custom-menu-social {
  width: 100%;
}
.custom-menu-social-items::after { 
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(115, 112, 112, 0.00) 0%, rgba(115, 112, 112, 0.50) 25%, #737070 50%, rgba(115, 112, 112, 0.50) 75%, rgba(115, 112, 112, 0.00) 100%);
  opacity: 0.5;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.custom-menu-social-items img {
  width: 35px;
  height: 35px;
}
.contact-fixed .top-icon-footer-bot img,
.view-featured .contact-fixed,
.photo-landing-mobile {
  display: inherit;
}
.contact-fixed .right-text-fixed {
  display: none;
}
.contact-fixed {
  top: 443px;
  right: auto;
  left: 0;
  border-radius: 16px;
  width: 44px;
  height: 44px;
  padding: 11px;
}
.btn-video {
  text-align: center;
  font-size: 15px;
}
.top-header-bar {
  padding-inline: 20px;
  grid-template-columns: 50% 50%;
}
.logo img {
  width: 125px;
  z-index: 5;
  position: relative;
}
.big-title, .view-category .landing-box-title h1, .categories-text h1, .view-category h1, .contact--page .page-header.default h1 {
    font-size: 25px;
}
.photo-landing-mobile {
  position: absolute;
  bottom: 0;
}
.vacuum {
  height: 50px;
}
.about-items {
  flex-direction: column;
  gap: 15px;
}
.about-item:nth-child(1) {
  margin-right: 0;
  margin-bottom: 0;
  order: 2;
}
.about-item:nth-child(3) {
  margin-left: 0;
  order: 3;
}
.about-item:nth-child(2) {
  order: 1;
}
.about-item h3 {
  font-size: 20px;
}
.sub-title {
  font-size: 16px;
}
.about-us::after {
  background-color: #e0521700;
}
.about-item:nth-child(1),
.about-item:nth-child(3) {
  width: 333px;
  height: 129px;
  z-index: 2;
}
.basic-btn, #button1 {
  font-size: 15px;
}
.basic-btn::after {
    top: 13px;
    z-index: 2;
}
.about-item {
  gap: 5px;
}
.basic-btn.dermatology-item::after {
  background-color: #E05217;
  left: auto;
  right: 4px !important;
}
.about-item:nth-child(2)::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e05217;
  width: 100%;
  height: 40px;
  z-index: -1;
}
.about-us .big-title {
  padding-left: 0px;
  padding-right: 100px;
  border-bottom: 9px solid #e05217;
  padding-top: 65px;
  margin-left: 26px;
}
.about-us .big-title::after {
  right: 8px;
  height: 47px;
  width: 6px;
  background-color: #fff;
  top: 67px;
}
.about-item:nth-child(2)::before {
  content: '';
  position: absolute;
  bottom: -23px;
  left: 0;
  width: 100%;
  height: 200px;
  background-image: url("/images/logo-about-mobile.png");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}
.dermatology .big-title {
  width: 61%;
  height: 87px;
  padding-left: 30px;
}
.dermatology-item {
  position: relative;
  height: 185px;
  overflow: hidden;
  width: 182px !important;
  margin: auto;
}
.dermatology-item.melasma,
.dermatology-item.microneedling,
.dermatology-item.botox,
.dermatology-item.ximika-peels,
.dermatology-item.mesotherapeia-vlefarwn,
.dermatology-item.oules-akmis,
.dermatology-item.dermoapopseksi-me-diamanti,
.dermatology-item.apotrixosi-laizer,
.dermatology-item.mesotherapia-prosopou,
.dermatology-item.fillers-ialouroniko {
  left: 0;
  top: 0;
  bottom: 0;
  transform: translatey(0%);
}
.dermatology-item.mesotherapeia-vlefarwn {
  /* width: 100%; */
}
.dermatology-items {
  height: auto;
  display: grid !important;
  grid-template-columns: 50% 50%;
  width: 97%;
  margin: auto;
  margin-top: 52px;
  row-gap: 7px;
}
.demratology-inside img {
  transform: scale(1.7);
}
.basic-btn.dermatology-item {
  left: 51%;
  bottom: -9px;
  height: 38px;
}
.dermatology-items::after {
  height: 106%;
  top: 50%;
  width: 81%;
}
.demratology-title,
.blog-items .blog-item .page-header h2 {
  font-size: 15px;
  bottom: 14px;
}
.kliniki-dermatologia {
  padding-top: 23px;
  padding-bottom: 21px;
}
.top-image-derma {
  top: -179px;
  max-width: 292%;
  width: 292%;
}
.derma-clinic-items {
  grid-template-columns: 100%;
  gap: 8px;
  padding-top: 33px;
}
.derma-clinic-item {
  height: 72px;
}
.kliniki-dermatologia .basic-btn {
  bottom: 3px;
}
.derma-clinic-item h3,
.dermatoxeirourgiki-item h3,
.afrodisiologia--item h3 {
  font-size: 18px;
}
.derma-clinic-item {
  height: 65px;
  display: none;
}
.derma-clinic-item:nth-child(1),
.derma-clinic-item:nth-child(2),
.derma-clinic-item:nth-child(3),
.derma-clinic-item:nth-child(4),
.derma-clinic-item:nth-child(5),
.derma-clinic-item:nth-child(6)
 {
  display: inherit;
}
.derma-clinic-item {
  border-top: none;
  border-right: none;
}
.kliniki-dermatologia .big-title {
  padding: 10px 61px;
}
.dermatoxeirourgiki-item-box {
  grid-template-columns: 1fr;
  padding-top: 8px;
  padding-bottom: 59px;
}
.dermatoxeirourgiki-item-line {
  display: none;
}
.dermatoxeirourgiki-items {
  width: 392px;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  grid-template-areas:
  'myarea1 myarea3'
  'myarea2 myarea3' 
  'myarea4 .'; 
  height: 512px;
  grid-template-rows: 178px 159px;
  margin-right: 0px;
}
.dermatoxeirourgiki-item:nth-child(1),
.dermatoxeirourgiki-item:nth-child(2) {
  padding-bottom: 22px;
}
.dermatoxeirourgiki-item:nth-child(4) {
  clip-path: circle(89% at 100% 0);
}
.dermatoxeirourgiki-item:nth-child(3) {
  clip-path: circle(57.6% at 0 53%);
  padding-bottom: 66px;
}
.dermatoxeirourgiki-item:nth-child(1) {
  clip-path: circle(84.8% at 100% 100%);
}
.dermatoxeirourgiki-item:nth-child(2) {
  width: 82%;
  margin-left: auto;
}
.dermatoxeirourgiki-item h3 {
  font-size: 15px;
  width: 100%;
}
.dermatoxeirourgiki-item:nth-child(1) h3 { 
  text-align: end;
  position: relative;
  left: -15px;
}
.image-dermatoxeirourgikia {
  max-width: 315%;
}
.dermatoxeirourgiki-item:nth-child(4) h3 {
  padding-left: 60px;
  position: relative;
  top: -17px;
}
.dermatoxeirourgiki-item:nth-child(4) .image-dermatoxeirourgiki {
  left: 58px;
  top: -15px;
}
.dermatoxeirourgiki-item:nth-child(1) .image-dermatoxeirourgiki {
  left: 37px;
  top: 5px;
}
.dermatoxeirourgiki-item:nth-child(3) .image-dermatoxeirourgiki {
  left: -11px;
  top: -4px;
}
.dermatoxeirourgiki-item-left .basic-btn {
  position: absolute;
  bottom: 12px;
}
.afrodisiologia-img {
  top: -43px;
  max-width: 505%;
  left: -961px;
}
.afrodisiologia .big-title {
  margin-block: 30px;
  margin-left: 0;
  text-align: center;
  color: #737070 !important;
}
.afrodisiologia-item {
  padding: 28px;
  grid-template-columns: 1fr;
  padding-right: 5px;
}
.number {
  width: 75px;
  margin-right: 16px;
  font-size: 30px;
  padding-block: 15px;
}
.afrodisiologia--item:hover h3::after,
.afrodisiologia::after,
.footer-contact-bottom::after {
  display: none;
}
.afrodisiologia--item h3 {
font-size: 16px;
}
.afrodisiologia-item-box {
  grid-template-columns: 100%;
}
.afrodisiologia-items {
  width: 90%;
}
.afrodisiologia {
  padding-bottom: 40px;
}
.afrodisiologia-item-box .basic-btn {
  position: relative;
  top: 20px;
}
.paidwn-items {
  grid-template-columns: 1fr;
  position: relative;
}
.paidwn-left {
  border-right: 5px solid #737070;
  right: -16px;
}
.paidwn {
  background-color: #e05217;
}
.paidwn .big-title {
  text-align: center;
  padding-block: 31px;
}
.paidwn-right li a {
  font-size: 15px;
}
.paidwn-right li {
  height: 42px;
  border-top: 1px solid #fff;
}
.paidwn-right {
  padding-block: 10px;
}
.paidwn-right li:last-child { 
  border-bottom: 1px solid#fff;
}
.footer-items {
  grid-template-columns: 100%;
}
.custom-footer .mod-custom {
  padding: 27px 17px 0px 17px;
  width: 95%;
}
.footer-contact.d-flex.align-items-center {
  display: none !important;
}
.footer-item:nth-child(2) {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.footer-item .gmap_canvas {
  width: 335px;
  height: 240px;
}
.footer-b-items {
  gap: 14px;
  flex-direction: column;
}
.footer-b-item:nth-child(1) {
  order: 3;
}
.footer-b-item:nth-child(2) {
  order: 2;
  display: flex;
  gap: 12px;
}
.footer-b-item:nth-child(3) {
  order: 1;
}
.footer-contact-bottom {
  margin-top: 26px;
  padding: 0;
  background: none;
  width: 100%;
}
.right-text-footer {
  color: #000;
  text-align: center;
  margin-left: 0;
}
.top-icon-footer-bot {
  gap: 2;
  flex-direction: column;
  display: flex;
  align-items: center;
  gap: 7px;
}
.footer-item .big-title {
  text-align: center;
}
.copyright {
  margin-top: 39px;
  font-size: 14px;
  line-height: 110%;
  padding-bottom: 10px;
}
.footer-b-item .white-logo {
  width: 158px;
}
.dermatology {
  background-color: #fff;
  z-index: 0;
  position: relative;
}
.afrodisiologia::before,
.left-main-image img,
.contact-right-page { 
  display: none;
}
.logo-menu-mobilee {
  display: inherit;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 64%;
  opacity: 0.4;
}
.layout-cassiopeia_dermamedicaabout h1 {
  font-size: 20px;
}
.sub-title-about h2 {
  font-size: 18px;
}
.about-top-header-items {
  grid-template-columns: 100%;
}
.about-image-left,
.page-header.default::after {
  display: none;
}
.about-image-right .item-image {
  position: relative;
  left: 0;
  top: 0;
  margin-top: 36px;
}
.about-image-right {
  width: 80%;
  margin: auto;
}
.about-image-right .item-image::before {
  width: 45%;
  height: 104%;
  right: -10px;
  top: -2%;
}
.vacuum-article-category,
.vacuum.category {
  height: 40px;
}
.about-main-wrapper {
  grid-template-columns: 1fr;
  margin-top: 29px;
  margin-inline: 0px;
}
.about-main-right-text {
  margin-left: 0;
}
.about-main-right-text,
.blog-items,
.sliders {
  width: 95%;
  margin: auto;
}
p, li {
  font-size: 15px; 
  line-height: 27px;
}
.com-content-article p, .com-content-article ul, .com-content-article ol {
  margin-bottom: 11px;
}
.blog-items {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  grid-template-rows: 170px;
}
.blog-items .blog-item .page-header {
  bottom: 16px;
}
.com-content-article.default .item-image {
  width: 86%;
  margin-top: -151px;
  height: 179px;
}
.page-header.default {
  height: 225px;
  padding-top: 20px;
}
.page-header.default h1 {
  font-size: 20px;
  padding-inline: 9px;
  text-align: center;
}
.has-content {
  padding-inline: 13px;
  padding-block: 25px;
  margin-top: 42px;
}
[data-rlta-element="container"] {
  margin-inline: 0px;
}
[data-rlta-element="container"] {
  margin-top: 51px;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
    padding: 0 20px 0 52px !important;
  height: 76px;
}
[data-rlta-element="heading"] {
  font-size: 14px !important;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]::after {
  width: 30px;
  height: 30px;
  left: 27px;
}
[data-rlta-element="button"][data-rlta-state="closed"]::before, [data-rlta-element="button"][data-rlta-state="open"]::before {
  width: 25px;
  height: 7px;
  right: 1px;
}
[data-rlta-element="panel"] {
  padding: 22px 12px !important;
}
.contact-big-page {
  grid-template-columns: 100%;
  padding-left: 0;
  gap: 29px;
  background: none;
}
.contact-left-page {
  gap: 22px;
  flex-direction: inherit !important;
  padding-inline: 77px;
}
.contact-big-page .top-icon-footer-bot .right-text-footer {
  font-weight: 500;
  font-size: 13px;
}
.contact-big-page .top-icon-footer-bot img {
  width: 45px;
  height: 45px;
}
.right-text-footer {
  display: none;
}
#rsform_3_page_0 {
  padding: 28px;
  margin-top: 10px;
  width: 86%;
  margin: auto;
}
.form-label.formControlLabel {
  font-size: 17px;
}
#terms0-lbl {
  font-size: 12px;
}
.rsform-block-terms {
  margin-top: 17px;
}
textarea.form-control {
  min-height: 164px;
}
.contact--page .page-header.default h1 {
  margin-bottom: 20px;
}
.layout-cassiopeia_dermamedicaerror .has-content {
  padding-inline: 8px;
  padding-top: 66px;
  width: 93%;
  margin-top: -44px;
}
.layout-cassiopeia_dermamedicaerror .page-header.default h1 {
  font-size: 74px;
  font-weight: 500;
}
.layout-cassiopeia_dermamedicaerror .page-header.default {
  width: 83%;
  border-radius: 26px;
}



/* με αυτο παιζει το βιντεο */
.view-featured header { 
  height: auto;
  position: inherit;
}
.view-featured .video video {
  height: auto;
}
.top-header-bar {
  height: 219px;
  height: 319px;
}
.view-featured .video video {
  z-index: 0;
  margin-top: 102px;
}
/* με αυτο παιζει το βιντεο */

}


@media (min-width: 576px) and (max-width: 767.98px) {

.view-featured header {
  background: #ffffff;
  height: auto;
  position: absolute;
  width: 100%;
}
.view-featured main,
.view-featured header {
  overflow: inherit !important;
}
.bottom-header-btn {
  display: none;
}
.logo.mobile { 
  display: inherit;
  z-index: 23;
  height: 20px;
}
.view-featured .logo.deck {
  display: none;
}
.view-featured .vacuum.article-category-none {
  height: 88px;
}
.top-header-bar {
 height: 100vh;  
}
header {
  height: 91px;
}
.logo {
  z-index: 22;
}



  
  
.landing-phone a {
  top: 472px;
  width: 55px;
  height: 55px;
}

.humburger-menu {
  width: 55px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  z-index: 3;
  position: absolute;
  right: 39px;
  top: 39px;
}
.custom-menu {
  color: #fff;
  width: 100%;
  position: absolute;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 3;
  display: none;
  justify-content: inherit;
  border-radius: 0;
}
.custom-menu.change { 
  display: flex;
  /* background: #125382; */
  background-image: url("/images/bg-menu-mobile.png");
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  background: #EDEDED;
}
.menu-line {
  width: 100%;
  height: 3px;
  background-color: #e05217;
  transition:  0.8s;
  border-radius: 14px;
}
.custom-menu .mod-list {
  position: relative;
}
.custom-menu .mod-list {
  flex-direction: column;
  background-color: #1E2F5F00;
  justify-content: center;
  height: auto;
  width: 100%;
  border-left: 7px solid #fff;
  margin: auto;
  margin-left: 30px;
  padding-right: 183px;
  margin-bottom: 69px;
}
.custom-menu ul li a {
  font-size: 20px;
  color: #e05217;
  font-weight: 600;
  line-height: 112%;
}
.mod-list li {
  padding: 0;
  padding-bottom: 30px;
  line-height: 100%;
}

/* menu end */

.custom-menu-social-items {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  width: 100%;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: auto;
  justify-content: center;
  margin-bottom: 45px;
  position: relative;
  padding-inline: 186px;
  padding-block: 10px;
}
.custom-menu-social {
  width: 100%;
}

.custom-menu-social-items::after { 
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(115, 112, 112, 0.00) 0%, rgba(115, 112, 112, 0.50) 25%, #737070 50%, rgba(115, 112, 112, 0.50) 75%, rgba(115, 112, 112, 0.00) 100%);
  opacity: 0.5;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.custom-menu-social-items img {
  width: 35px;
  height: 35px;
}

.contact-fixed .top-icon-footer-bot img,
.view-featured .contact-fixed,
.photo-landing-mobile {
  display: inherit;
}
.contact-fixed .right-text-fixed,
.video {
  display: none;
}
.contact-fixed {
  top: 551px;
  right: auto;
  left: 0;
  border-radius: 16px;
  width: 55px;
  height: 55px;
  padding: 17px;
}
.btn-video {
  text-align: center;
  font-size: 15px;
}
.top-header-bar {
  padding-inline: 20px;
  grid-template-columns: 50% 50%;
}
.logo img {
  width: 125px;
  z-index: 5;
  position: relative;
}
.big-title, .view-category .landing-box-title h1, .categories-text h1, .view-category h1, .contact--page .page-header.default h1 {
    font-size: 25px;
}
.photo-landing-mobile {
  position: absolute;
  bottom: 0;
  display: none;
}
.vacuum {
  height: 70px;
}
.about-items {
  flex-direction: column;
  gap: 15px;
}
.about-item:nth-child(1) {
  margin-right: 0;
  margin-bottom: 0;
  order: 2;
}
.about-item:nth-child(3) {
  margin-left: 0;
  order: 3;
}
.about-item:nth-child(2) {
  order: 1;
}
.about-item h3 {
  font-size: 20px;
}
.sub-title {
  font-size: 16px;
}
.about-us::after {
  background-color: #e0521700;
}
.about-item:nth-child(1),
.about-item:nth-child(3) {
  width: 333px;
  height: 129px;
}
.basic-btn, #button1 {
  font-size: 15px;
}
.basic-btn::after {
  top: 8px;
}
.about-item {
  gap: 5px;
}
.about-item:nth-child(2)::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e05217;
  width: 100%;
  height: 40px;
  z-index: -1;
}
.about-us .big-title {
  padding-left: 0px;
  padding-right: 100px;
  border-bottom: 9px solid #e05217;
  padding-top: 65px;
  margin-left: 26px;
}
.about-us .big-title::after {
  right: 8px;
  height: 47px;
  width: 6px;
  background-color: #fff;
  top: 67px;
}
.about-item:nth-child(2)::before {
  content: '';
  position: absolute;
  bottom: -23px;
  left: 0;
  width: 100%;
  height: 200px;
  background-image: url("/images/logo-about-mobile.png");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}
.dermatology .big-title {
  width: 61%;
  height: 87px;
  padding-left: 30px;
}
.dermatology-item {
  position: relative;
  height: 251px;
  overflow: hidden;
    width: 256px !important;
  margin: auto;
}
.dermatology-item.melasma,
.dermatology-item.microneedling,
.dermatology-item.botox,
.dermatology-item.ximika-peels,
.dermatology-item.mesotherapeia-vlefarwn,
.dermatology-item.oules-akmis,
.dermatology-item.dermoapopseksi-me-diamanti,
.dermatology-item.apotrixosi-laizer,
.dermatology-item.mesotherapia-prosopou,
.dermatology-item.fillers-ialouroniko {
  left: 0;
  top: 0;
  bottom: 0;
  transform: translatey(0%);
}
.dermatology-item.mesotherapeia-vlefarwn {
  /* width: 100%; */
}
.dermatology-items {
  height: auto;
  display: grid !important;
  grid-template-columns: 50% 50%;
  width: 97%;
  margin: auto;
  margin-top: 52px;
  row-gap: 22px;
}
.demratology-inside img {
  transform: scale(1.7);
}
.basic-btn.dermatology-item {
  left: 51%;
  bottom: -9px;
  height: 38px;
}
.dermatology-items::after {
  height: 106%;
  top: 50%;
  width: 81%;
}
.demratology-title,
.blog-items .blog-item .page-header h2 {
  font-size: 15px;
  bottom: 14px;
}
.kliniki-dermatologia {
  padding-top: 23px;
  padding-bottom: 21px;
}
.top-image-derma {
  top: -572px;
  max-width: 322%;
  width: 292%;
}
.derma-clinic-items {
  grid-template-columns: 100%;
  gap: 8px;
  padding-top: 33px;
}
.derma-clinic-item {
  height: 72px;
}
.kliniki-dermatologia .basic-btn {
  bottom: 3px;
}
.derma-clinic-item h3,
.dermatoxeirourgiki-item h3,
.afrodisiologia--item h3 {
  font-size: 18px;
}
.derma-clinic-item {
  height: 65px;
  display: none;
}
.derma-clinic-item:nth-child(1),
.derma-clinic-item:nth-child(2),
.derma-clinic-item:nth-child(3),
.derma-clinic-item:nth-child(4),
.derma-clinic-item:nth-child(5),
.derma-clinic-item:nth-child(6)
 {
  display: inherit;
}
.derma-clinic-item {
  border-top: none;
  border-right: none;
}
.kliniki-dermatologia .big-title {
  padding: 10px 61px;
}
.dermatoxeirourgiki-item-box {
  grid-template-columns: 1fr;
  padding-top: 8px;
  padding-bottom: 59px;
}
.dermatoxeirourgiki-item-line {
  display: none;
}
.dermatoxeirourgiki-items {
  width: 478px;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  grid-template-areas:
  'myarea1 myarea3'
  'myarea2 myarea3' 
  'myarea4 .'; 
  height: 512px;
  grid-template-rows: 178px 159px;
  margin-right: 0px;
}
.dermatoxeirourgiki-item:nth-child(1),
.dermatoxeirourgiki-item:nth-child(2) {
  padding-bottom: 22px;
}
.dermatoxeirourgiki-item:nth-child(4) {
  clip-path: circle(79% at 100% 0);
}
.dermatoxeirourgiki-item:nth-child(3) {
  clip-path: circle(55.6% at 0 53%);
  padding-bottom: 66px;
}
.dermatoxeirourgiki-item:nth-child(1) {
  clip-path: circle(76.8% at 100% 100%);
}
.dermatoxeirourgiki-item:nth-child(2) {
  width: 68%;
  margin-left: auto;
}
.dermatoxeirourgiki-item h3 {
  font-size: 15px;
  width: 100%;
}
.dermatoxeirourgiki-item:nth-child(1) h3 { 
  text-align: end;
  position: relative;
  left: -15px;
}
.image-dermatoxeirourgikia {
  max-width: 366%;
}
.footer-contact-bottom {
  flex-direction: inherit;
  justify-content: center;
}
.dermatoxeirourgiki-item:nth-child(4) h3 {
  padding-left: 60px;
  position: relative;
  top: -17px;
}
.dermatoxeirourgiki-item:nth-child(4) .image-dermatoxeirourgiki {
  left: 58px;
  top: -15px;
}
.dermatoxeirourgiki-item:nth-child(1) .image-dermatoxeirourgiki {
  left: 37px;
  top: 5px;
}
.dermatoxeirourgiki-item:nth-child(3) .image-dermatoxeirourgiki {
  left: -11px;
  top: -4px;
}
.dermatoxeirourgiki-item-left .basic-btn {
  position: absolute;
  bottom: 12px;
}
.afrodisiologia-img {
  top: -43px;
  max-width: 505%;
  left: -961px;
}
.afrodisiologia .big-title {
  margin-block: 30px;
  margin-left: 0;
  text-align: center;
}
.afrodisiologia-item {
  padding: 28px;
  grid-template-columns: 1fr;
  padding-right: 5px;
}
.number {
  width: 75px;
  margin-right: 16px;
  font-size: 30px;
  padding-block: 15px;
}
.afrodisiologia--item:hover h3::after,
.afrodisiologia::after,
.footer-contact-bottom::after {
  display: none;
}
.afrodisiologia--item h3 {
font-size: 16px;
}
.afrodisiologia-item-box {
  grid-template-columns: 100%;
}
.afrodisiologia-items {
  width: 90%;
}
.afrodisiologia {
  padding-bottom: 40px;
}
.afrodisiologia-item-box .basic-btn {
  position: relative;
  top: 20px;
}
.paidwn-items {
  grid-template-columns: 1fr;
  position: relative;
}
.paidwn-left {
  border-right: 5px solid #737070;
  right: -16px;
}
.paidwn {
  background-color: #e05217;
}
.paidwn .big-title {
  text-align: center;
  padding-block: 31px;
}
.paidwn-right li a {
  font-size: 15px;
}
.paidwn-right li {
  height: 42px;
  border-top: 1px solid #fff;
}
.paidwn-right {
  padding-block: 10px;
}
.paidwn-right li:last-child { 
  border-bottom: 1px solid#fff;
}
.footer-items {
  grid-template-columns: 100%;
}
.custom-footer .mod-custom {
  padding: 27px 17px 0px 17px;
  width: 95%;
}
.footer-contact.d-flex.align-items-center {
  display: none !important;
}
.footer-item:nth-child(2) {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.footer-item .gmap_canvas {
  width: 335px;
  height: 240px;
}
.footer-b-items {
  gap: 14px;
  flex-direction: column;
}
.footer-b-item:nth-child(1) {
  order: 3;
}
.footer-b-item:nth-child(2) {
  order: 2;
  display: flex;
  gap: 12px;
}
.footer-b-item:nth-child(3) {
  order: 1;
}
.footer-contact-bottom {
  margin-top: 26px;
  padding: 0;
  background: none;
  width: 100%;
}
.right-text-footer {
  color: #000;
  text-align: center;
  margin-left: 0;
}
.top-icon-footer-bot {
  gap: 2;
  flex-direction: column;
  display: flex;
  align-items: center;
  gap: 7px;
}
.footer-item .big-title {
  text-align: center;
}
.copyright {
  margin-top: 39px;
  font-size: 14px;
  line-height: 110%;
  padding-bottom: 10px;
}
.footer-b-item .white-logo {
  width: 158px;
}
.dermatology {
  background-color: #fff;
  z-index: 0;
  position: relative;
}
.afrodisiologia::before,
.left-main-image img,
.contact-right-page { 
  display: none;
}
.logo-menu-mobilee {
  display: inherit;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 64%;
  opacity: 0.4;
}
.layout-cassiopeia_dermamedicaabout h1 {
  font-size: 20px;
}
.sub-title-about h2 {
  font-size: 18px;
}
.about-top-header-items {
  grid-template-columns: 100%;
}
.about-image-left,
.page-header.default::after {
  display: none;
}
.about-image-right .item-image {
  position: relative;
  left: 0;
  top: 0;
  margin-top: 36px;
}
.about-image-right {
  width: 80%;
  margin: auto;
}
.about-image-right .item-image::before {
  width: 45%;
  height: 104%;
  right: -10px;
  top: -2%;
}
.vacuum-article-category,
.vacuum.category {
  height: 40px;
}
.about-main-wrapper {
  grid-template-columns: 1fr;
  margin-top: 29px;
  margin-inline: 0px;
}
.about-main-right-text {
  margin-left: 0;
}
.about-main-right-text,
.blog-items,
.sliders {
  width: 95%;
  margin: auto;
}
p, li {
  font-size: 15px; 
  line-height: 27px;
}
.com-content-article p, .com-content-article ul, .com-content-article ol {
  margin-bottom: 11px;
}
.blog-items {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  grid-template-rows: 271px;
}
.blog-items .blog-item .page-header {
  bottom: 16px;
}
.com-content-article.default .item-image {
  width: 86%;
  margin-top: -151px;
  height: 278px;
}
.page-header.default {
  height: 225px;
  padding-top: 20px;
}
.page-header.default h1 {
  font-size: 20px;
  padding-inline: 9px;
  text-align: center;
}
.has-content {
  padding-inline: 13px;
  padding-block: 25px;
  margin-top: 42px;
}
[data-rlta-element="container"] {
  margin-inline: 0px;
}
[data-rlta-element="container"] {
  margin-top: 51px;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
    padding: 0 20px 0 52px !important;
  height: 76px;
}
[data-rlta-element="heading"] {
  font-size: 14px !important;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]::after {
  width: 30px;
  height: 30px;
  left: 27px;
}
[data-rlta-element="button"][data-rlta-state="closed"]::before, [data-rlta-element="button"][data-rlta-state="open"]::before {
  width: 25px;
  height: 7px;
  right: 1px;
}
[data-rlta-element="panel"] {
  padding: 22px 12px !important;
}
.contact-big-page {
  grid-template-columns: 100%;
  padding-left: 0;
  gap: 29px;
  background: none;
}
.contact-left-page {
    gap: 22px;
  flex-direction: inherit !important;
  padding-inline: 77px;
}
.contact-big-page .top-icon-footer-bot .right-text-footer {
  font-weight: 500;
  font-size: 13px;
}
.contact-big-page .top-icon-footer-bot img {
  width: 45px;
  height: 45px;
}
.right-text-footer {
  display: none;
}
#rsform_3_page_0 {
  padding: 28px;
  margin-top: 10px;
  width: 86%;
  margin: auto;
}
.form-label.formControlLabel {
  font-size: 17px;
}
#terms0-lbl {
  font-size: 12px;
}
.rsform-block-terms {
  margin-top: 17px;
}
textarea.form-control {
  min-height: 164px;
}
.contact--page .page-header.default h1 {
  margin-bottom: 20px;
}
.layout-cassiopeia_dermamedicaerror .has-content {
  padding-inline: 8px;
  padding-top: 66px;
  width: 93%;
  margin-top: -44px;
}
.layout-cassiopeia_dermamedicaerror .page-header.default h1 {
  font-size: 74px;
  font-weight: 500;
}
.layout-cassiopeia_dermamedicaerror .page-header.default {
  width: 83%;
  border-radius: 26px;
}
.right-text-fixed,
.video {
  display: inherit;
}
.about-item:nth-child(2)::before { 
  display: none;
}
 .blog-items {
  grid-template-rows: auto;
}


/* με αυτο παιζει το βιντεο */
.view-featured header { 
  height: auto;
  position: inherit;
}
.view-featured .video video {
  height: auto;
}
.top-header-bar {
  height: 321px;
  height: 429px;
}
.view-featured .video video {
  z-index: 0;
  margin-top: 102px;
}
/* με αυτο παιζει το βιντεο */

}

@media (min-width: 768px) and (max-width: 991.98px) {


.landing-phone a {
  top: 472px;
  width: 55px;
  height: 55px;
}
.humburger-menu {
  width: 55px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  z-index: 3;
  position: absolute;
  right: 39px;
  top: 39px;
}
.custom-menu {
  color: #fff;
  width: 100%;
  position: absolute;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 3;
  display: none;
  justify-content: inherit;
  border-radius: 0;
}
.custom-menu.change { 
  display: flex;
  /* background: #125382; */
  background-image: url("/images/bg-menu-mobile.png");
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  background: #EDEDED;
}
.menu-line {
  width: 100%;
  height: 3px;
  background-color: #e05217;
  transition:  0.8s;
  border-radius: 14px;
}
.custom-menu .mod-list {
  position: relative;
}
.custom-menu .mod-list {
  flex-direction: column;
  background-color: #1E2F5F00;
  justify-content: center;
  height: auto;
  width: 100%;
  border-left: 7px solid #fff;
  margin: auto;
  margin-left: 30px;
  padding-right: 183px;
  margin-bottom: 69px;
}
.custom-menu ul li a {
  font-size: 20px;
  color: #e05217;
  font-weight: 600;
  line-height: 112%;
}
.mod-list li {
  padding: 0;
  padding-bottom: 30px;
  line-height: 100%;
}

/* menu end */

.custom-menu-social-items {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  width: 100%;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: auto;
  justify-content: center;
  margin-bottom: 45px;
  position: relative;
  padding-inline: 186px;
  padding-block: 10px;
}
.custom-menu-social {
  width: 100%;
}
.custom-menu-social-items::after { 
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(115, 112, 112, 0.00) 0%, rgba(115, 112, 112, 0.50) 25%, #737070 50%, rgba(115, 112, 112, 0.50) 75%, rgba(115, 112, 112, 0.00) 100%);
  opacity: 0.5;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.custom-menu-social-items img {
  width: 35px;
  height: 35px;
}
.contact-fixed .top-icon-footer-bot img,
.view-featured .contact-fixed,
.photo-landing-mobile {
  display: inherit;
}
.contact-fixed .right-text-fixed,
.video {
  display: none;
}
.contact-fixed {
  top: 551px;
  right: auto;
  left: 0;
  border-radius: 16px;
  width: 55px;
  height: 55px;
  padding: 17px;
}
.btn-video {
  text-align: center;
  font-size: 15px;
}
.top-header-bar {
  padding-inline: 20px;
  grid-template-columns: 50% 50%;
}
.logo img {
  width: 125px;
  z-index: 5;
  position: relative;
}
.big-title, .view-category .landing-box-title h1, .categories-text h1, .view-category h1, .contact--page .page-header.default h1 {
  font-size: 25px;
}
.photo-landing-mobile {
  position: absolute;
  bottom: 0;
  display: none;
}
.vacuum {
  height: 70px;
}
.about-items {
  flex-direction: column;
  gap: 15px;
}
.about-item:nth-child(1) {
  margin-right: 0;
  margin-bottom: 0;
  order: 2;
}
.about-item:nth-child(3) {
  margin-left: 0;
  order: 3;
}
.about-item:nth-child(2) {
  order: 1;
}
.about-item h3 {
  font-size: 20px;
}
.sub-title {
  font-size: 16px;
}
.about-us::after {
  background-color: #e0521700;
}
.about-item:nth-child(1),
.about-item:nth-child(3) {
  width: 333px;
  height: 129px;
}
.basic-btn, #button1 {
  font-size: 15px;
}
.basic-btn::after {
  top: 8px;
}
.about-item {
  gap: 5px;
}
.about-item:nth-child(2)::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e05217;
  width: 100%;
  height: 40px;
  z-index: -1;
}
.about-us .big-title {
  padding-left: 0px;
  padding-right: 100px;
  border-bottom: 9px solid #e05217;
  padding-top: 65px;
  margin-left: 26px;
}
.about-us .big-title::after {
  right: 8px;
  height: 47px;
  width: 6px;
  background-color: #fff;
  top: 67px;
}
.about-item:nth-child(2)::before {
  content: '';
  position: absolute;
  bottom: -23px;
  left: 0;
  width: 100%;
  height: 200px;
  background-image: url("/images/logo-about-mobile.png");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}
.dermatology .big-title {
  width: 61%;
  height: 87px;
  padding-left: 30px;
}
.dermatology-item {
  position: relative;
  height: 306px;
  overflow: hidden;
  width: 339px !important;
  margin: auto;
}
.dermatology-item.melasma,
.dermatology-item.microneedling,
.dermatology-item.botox,
.dermatology-item.ximika-peels,
.dermatology-item.mesotherapeia-vlefarwn,
.dermatology-item.oules-akmis,
.dermatology-item.dermoapopseksi-me-diamanti,
.dermatology-item.apotrixosi-laizer,
.dermatology-item.mesotherapia-prosopou,
.dermatology-item.fillers-ialouroniko {
  left: 0;
  top: 0;
  bottom: 0;
  transform: translatey(0%);
}
.dermatology-item.mesotherapeia-vlefarwn {
  /* width: 100%; */
}
.dermatology-items {
  height: auto;
  display: grid !important;
  grid-template-columns: 50% 50%;
  width: 97%;
  margin: auto;
  margin-top: 52px;
  row-gap: 22px;
}
.demratology-inside img {
  transform: scale(1.7);
}
.basic-btn.dermatology-item {
  left: 51%;
  bottom: -9px;
  height: 38px;
}
.dermatology-items::after {
  height: 106%;
  top: 50%;
  width: 81%;
}
.demratology-title,
.blog-items .blog-item .page-header h2 {
  font-size: 17px;
  bottom: 14px;
}
.kliniki-dermatologia {
  padding-top: 23px;
  padding-bottom: 21px;
}
.top-image-derma {
  top: -111px;
  max-width: 131%;
  width: 292%;
}
.derma-clinic-items {
  grid-template-columns: 100%;
  gap: 8px;
  padding-top: 33px;
}
.dermatoxeirourgiki-item:nth-child(3) h3 {
  width: 54%;
  position: relative;
  right: 40px;
}
.derma-clinic-item {
  height: 72px;
}
.kliniki-dermatologia .basic-btn {
  bottom: 3px;
}
.derma-clinic-item h3,
.dermatoxeirourgiki-item h3,
.afrodisiologia--item h3 {
  font-size: 18px;
}
.derma-clinic-item {
  height: 65px;
  display: none;
}
.derma-clinic-item:nth-child(1),
.derma-clinic-item:nth-child(2),
.derma-clinic-item:nth-child(3),
.derma-clinic-item:nth-child(4),
.derma-clinic-item:nth-child(5),
.derma-clinic-item:nth-child(6)
 {
  display: inherit;
}
.derma-clinic-item {
  border-top: none;
  border-right: none;
}
.kliniki-dermatologia .big-title {
  padding: 10px 61px;
}
.dermatoxeirourgiki-item-box {
  grid-template-columns: 1fr;
  padding-top: 8px;
  padding-bottom: 59px;
}
.dermatoxeirourgiki-item-line {
  display: none;
}
.dermatoxeirourgiki-items {
  width: 478px;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  grid-template-areas:
  'myarea1 myarea3'
  'myarea2 myarea3' 
  'myarea4 .'; 
  height: 512px;
  grid-template-rows: 178px 159px;
  margin-right: 0px;
}
.dermatoxeirourgiki-item:nth-child(1),
.dermatoxeirourgiki-item:nth-child(2) {
  padding-bottom: 22px;
}
.dermatoxeirourgiki-item:nth-child(4) {
  clip-path: circle(79% at 100% 0);
}
.dermatoxeirourgiki-item:nth-child(3) {
  clip-path: circle(55.6% at 0 53%);
  padding-bottom: 66px;
}
.dermatoxeirourgiki-item:nth-child(1) {
  clip-path: circle(76.8% at 100% 100%);
}
.dermatoxeirourgiki-item:nth-child(2) {
  width: 68%;
  margin-left: auto;
}
.dermatoxeirourgiki-item h3 {
  font-size: 15px;
  width: 100%;
}
.dermatoxeirourgiki-item:nth-child(1) h3 { 
  text-align: end;
  position: relative;
  left: -15px;
}
.image-dermatoxeirourgikia {
  max-width: 366%;
}
.footer-contact-bottom {
  flex-direction: inherit;
  justify-content: center;
}
.dermatoxeirourgiki-item:nth-child(4) h3 {
  padding-left: 93px;
  position: relative;
  top: -17px;
}
.dermatoxeirourgiki-item:nth-child(4) .image-dermatoxeirourgiki {
  left: 85px;
  top: -15px;
}
.dermatoxeirourgiki-item:nth-child(1) .image-dermatoxeirourgiki {
  left: 37px;
  top: 5px;
}
.dermatoxeirourgiki-item:nth-child(3) .image-dermatoxeirourgiki {
  left: -64px;
  top: -4px;
}
.dermatoxeirourgiki-item-left .basic-btn {
  position: absolute;
  bottom: 12px;
}
.afrodisiologia-img {
  top: -43px;
  max-width: 505%;
  left: -961px;
}
.afrodisiologia .big-title {
  margin-block: 30px;
  margin-left: 0;
  text-align: center;
}
.afrodisiologia-item {
  padding: 28px;
  grid-template-columns: 1fr;
  padding-right: 5px;
}
.number {
  width: 75px;
  margin-right: 16px;
  font-size: 30px;
  padding-block: 15px;
}
.afrodisiologia--item:hover h3::after,
.afrodisiologia::after,
.footer-contact-bottom::after {
  display: none;
}
.afrodisiologia--item h3 {
font-size: 16px;
}
.afrodisiologia-item-box {
  grid-template-columns: 100%;
}
.afrodisiologia-items {
  width: 90%;
}
.afrodisiologia {
  padding-bottom: 40px;
}
.afrodisiologia-item-box .basic-btn {
  position: relative;
  top: 20px;
}
.paidwn-items {
  grid-template-columns: 1fr;
  position: relative;
}
.paidwn-left {
  border-right: 5px solid #737070;
  right: -16px;
}
.paidwn {
  background-color: #e05217;
}
.paidwn .big-title {
  text-align: center;
  padding-block: 31px;
}
.paidwn-right li a {
  font-size: 15px;
}
.paidwn-right li {
  height: 42px;
  border-top: 1px solid #fff;
}
.paidwn-right {
  padding-block: 10px;
}
.paidwn-right li:last-child { 
  border-bottom: 1px solid#fff;
}
.footer-items {
  grid-template-columns: 100%;
}
.custom-footer .mod-custom {
  padding: 27px 17px 0px 17px;
  width: 95%;
}
.footer-contact.d-flex.align-items-center {
  display: none !important;
}
.footer-item:nth-child(2) {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.footer-item .gmap_canvas {
  width: 335px;
  height: 240px;
}
.footer-b-items {
  gap: 14px;
  flex-direction: column;
}
.footer-b-item:nth-child(1) {
  order: 3;
}
.footer-b-item:nth-child(2) {
  order: 2;
  display: flex;
  gap: 12px;
}
.footer-b-item:nth-child(3) {
  order: 1;
}
.footer-contact-bottom {
  margin-top: 26px;
  padding: 0;
  background: none;
  width: 100%;
}
.right-text-footer {
  color: #000;
  text-align: center;
  margin-left: 0;
}
.top-icon-footer-bot {
  gap: 2;
  flex-direction: column;
  display: flex;
  align-items: center;
  gap: 7px;
}
.footer-item .big-title {
  text-align: center;
}
.copyright {
  margin-top: 39px;
  font-size: 14px;
  line-height: 110%;
  padding-bottom: 10px;
}
.footer-b-item .white-logo {
  width: 158px;
}
.dermatology {
  background-color: #fff;
  z-index: 0;
  position: relative;
}
.afrodisiologia::before,
.left-main-image img,
.contact-right-page { 
  display: none;
}
.logo-menu-mobilee {
  display: inherit;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 64%;
  opacity: 0.4;
}
.layout-cassiopeia_dermamedicaabout h1 {
  font-size: 20px;
}
.sub-title-about h2 {
  font-size: 18px;
}
.about-top-header-items {
  grid-template-columns: 100%;
}
.about-image-left,
.page-header.default::after {
  display: none;
}
.about-image-right .item-image {
  position: relative;
  left: 0;
  top: 0;
  margin-top: 36px;
}
.about-image-right {
  width: 80%;
  margin: auto;
}
.about-image-right .item-image::before {
  width: 45%;
  height: 104%;
  right: -10px;
  top: -2%;
}
.vacuum-article-category,
.vacuum.category {
  height: 40px;
}
.about-main-wrapper {
  grid-template-columns: 1fr;
  margin-top: 29px;
  margin-inline: 0px;
}
.about-main-right-text {
  margin-left: 0;
}
.about-main-right-text,
.blog-items,
.sliders {
  width: 95%;
  margin: auto;
}
p, li {
  font-size: 15px; 
  line-height: 27px;
}
.com-content-article p, .com-content-article ul, .com-content-article ol {
  margin-bottom: 11px;
}
.blog-items {
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  grid-template-rows: 364px;
}
.blog-items .blog-item .page-header {
  bottom: 16px;
}
.com-content-article.default .item-image {
  width: 86%;
  margin-top: -151px;
  height: 279px;
}
.page-header.default {
  height: 225px;
  padding-top: 20px;
}
.page-header.default h1 {
  font-size: 20px;
  padding-inline: 9px;
  text-align: center;
}
.has-content {
  padding-inline: 13px;
  padding-block: 25px;
  margin-top: 42px;
}
[data-rlta-element="container"] {
  margin-inline: 0px;
}
[data-rlta-element="container"] {
  margin-top: 51px;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
    padding: 0 20px 0 52px !important;
  height: 76px;
}
[data-rlta-element="heading"] {
  font-size: 14px !important;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]::after {
  width: 30px;
  height: 30px;
  left: 27px;
}
[data-rlta-element="button"][data-rlta-state="closed"]::before, [data-rlta-element="button"][data-rlta-state="open"]::before {
  width: 25px;
  height: 7px;
  right: 1px;
}
[data-rlta-element="panel"] {
  padding: 22px 12px !important;
}
.contact-big-page {
  grid-template-columns: 100%;
  padding-left: 0;
  gap: 29px;
  background: none;
}
.contact-left-page {
  gap: 22px;
  flex-direction: inherit !important;
  padding-inline: 77px;
}
.contact-big-page .top-icon-footer-bot .right-text-footer {
  font-weight: 500;
  font-size: 13px;
}
.contact-big-page .top-icon-footer-bot img {
  width: 45px;
  height: 45px;
}
.right-text-footer {
  display: none;
}
#rsform_3_page_0 {
  padding: 28px;
  margin-top: 10px;
  width: 86%;
  margin: auto;
}
.form-label.formControlLabel {
  font-size: 17px;
}
#terms0-lbl {
  font-size: 12px;
}
.rsform-block-terms {
  margin-top: 17px;
}
textarea.form-control {
  min-height: 164px;
}
.contact--page .page-header.default h1 {
  margin-bottom: 20px;
}
.layout-cassiopeia_dermamedicaerror .has-content {
  padding-inline: 8px;
  padding-top: 66px;
  width: 93%;
  margin-top: -44px;
}
.layout-cassiopeia_dermamedicaerror .page-header.default h1 {
  font-size: 74px;
  font-weight: 500;
}
.layout-cassiopeia_dermamedicaerror .page-header.default {
  width: 83%;
  border-radius: 26px;
}
.right-text-fixed,
.video {
  display: inherit;
}
.about-item:nth-child(2)::before { 
    display: none;
}
 .blog-items {
  grid-template-rows: auto;
}


}

@media (min-width: 992px) and (max-width: 1199.98px) {

.landing-phone a {
  top: 472px;
  width: 55px;
  height: 55px;
}
.humburger-menu {
  width: 55px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  z-index: 3;
  position: absolute;
  right: 39px;
  top: 39px;
}
.custom-menu {
  color: #fff;
  width: 100%;
  position: absolute;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 3;
  display: none;
  justify-content: inherit;
  border-radius: 0;
}
.custom-menu.change { 
  display: flex;
  /* background: #125382; */
  background-image: url("/images/bg-menu-mobile.png");
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  background: #EDEDED;
}
.menu-line {
  width: 100%;
  height: 3px;
  background-color: #e05217;
  transition:  0.8s;
  border-radius: 14px;
}
.custom-menu .mod-list {
  position: relative;
}
.custom-menu .mod-list {
  flex-direction: column;
  background-color: #1E2F5F00;
  justify-content: center;
  height: auto;
  width: 100%;
  border-left: 7px solid #fff;
  margin: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-left: 111px;
  padding-right: 183px;
  margin-bottom: 8px;
}
.custom-menu ul li a {
  font-size: 23px;
  color: #e05217;
  font-weight: 600;
  line-height: 112%;
}
.mod-list li {
  padding: 0;
  padding-bottom: 30px;
  line-height: 100%;
}

/* menu end */

.logo img {
  z-index: 12;
  position: relative;
}
.contact-fixed .top-icon-footer-bot img, .view-featured .contact-fixed, .contact--page .contact-fixed {
  display: inherit;
}
.custom-menu-social-items, .logo-menu-mobilee {
  display: inherit;
}
.logo-menu-mobilee {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 27%;
  opacity: 0.4;
}
.custom-menu-social-items {
  display: flex;
  gap: 27px;
  flex-wrap: wrap;
  padding-inline: 317px;
  justify-content: center;
  margin-bottom: 21px;
}
.custom-menu-social-items img {
 width: 70px;
 height: 70px; 
}
/* -------- end ---- */

.right-text-fixed {
  font-size: 20px;
}
.top-icon-footer-bot img {
  display: none !important;
}
.about-item:nth-child(2) img {
  width: 494px;
  position: relative;
  left: -60px;
}
.about-item {
  width: 301px;
  height: 152px;
}
.about-item h3 {
  font-size: 20px;
}
.sub-title {
  font-size: 14px;
}
.basic-btn, #button1 {
  font-size: 15px;
}
.about-item:nth-child(1) {
margin-right: 21px;
  position: relative;
  margin-bottom: -41px;
}
.about-item:nth-child(3) {
  margin-left: -137px;
}
.big-title, .view-category .landing-box-title h1, .categories-text h1, .view-category h1, .contact--page .page-header.default h1 {
  font-size: 38px;
}
.about-us .big-title {
  border-bottom: 13px solid #e05217;
}
.dermatology .big-title {
  width: 639px;
  height: 96px;
}
.dermatology-item {
  width: 230px;
}
.dermatology-item.mesotherapeia-vlefarwn {
  left: 301px;
  width: 275px;
}
.dermatology-item.mesotherapia-prosopou {
  top: 298px;
}
.dermatology-item.dermoapopseksi-me-diamanti {
  left: 630px;
  top: 511px;
}
.dermatology-item.apotrixosi-laizer {
  right: 5%;
}
.demratology-title {
  font-size: 16px;
}
.dermatology-item.oules-akmis {
  left: 471px;
  top: 84px;
}
.dermatology-item.ximika-peels {
  left: 300px;
  top: 330px;
}
.vacuum {
  height: 83px;
}
.derma-clinic-item h3,
.dermatoxeirourgiki-item h3,
.afrodisiologia--item h3 {
  font-size: 25px;
}
.derma-clinic-item {
  height: 77px;
}
.derma-clinic-item h3 {
  text-align: center;
  font-size: 23px;
}
.top-image-derma {
  top: -145px;
  max-width: 155%;
  width: 158%;
}
.dermatoxeirourgiki-items {
  width: 977px;
  margin-right: auto;
  gap: 11px;
}
.dermatoxeirourgiki-item-box {
  grid-template-columns: 100%;
  padding-top: 29px;
}
.dermatoxeirourgiki-item-box .big-title {
  font-size: 24px;
}
.dermatoxeirourgiki-item-line {
  display: none;
}
.image-dermatoxeirourgikia, .afrodisiologia-img {
  width: 171%;
  max-width: 191%;
}
.dermatoxeirourgiki-item:nth-child(4) {
  clip-path: circle(93% at 100% 0);
}
.dermatoxeirourgiki-item:nth-child(3) {
  clip-path: circle(58.6% at 0 48%);
}
.dermatoxeirourgiki-item:nth-child(2) {
  height: 96%;
  margin-top: auto;
}
.dermatoxeirourgiki-item-left .basic-btn  {
  margin-block: 25px;
}
.afrodisiologia-item {
  padding: 61px 40px;
}
.number {
  width: 87px;
  font-size: 39px;
  margin-right: 20px;
}
.afrodisiologia--item h3 {
  font-size: 19px;
}
.afrodisiologia--item:hover h3::after {
  width: 236px;
}
.basic-btn::after {
  top: 10px;
}
.afrodisiologia .big-title {
  margin-block: 36px;
}
.paidwn-right li a {
  font-size: 17px;
}
.paidwn-right li {
  height: 42px;
}
.paidwn-items {
  grid-template-columns: 64% 40%;
}
.paidwn-items .big-title {
  font-size: 27px;
}
.footer-item .gmap_canvas {
  width: 311px;
  height: 324px;
}
.top-icon-footer img {
  width: 60px;
  height: 60px;
}
.footer-contact-bottom {
  padding: 41px;
  width: 93%;
  gap: 23px;
}
.top-icon-footer-bot img {
  display: inherit !important;
}
.top-icon-footer-bot  {
  display: flex;
}
.right-text-footer {
  margin-left: 10px;
}
.top-icon-footer-bot {
  gap: 0;
}
.custom-footer .mod-custom {
  padding: 60px 60px 37px 60px;
}
.footer-b-items {
  gap: 70px;
}
p, li {
  font-size: 17px;
}
.afrodisiologia-img {
  top: -108px;
}
.blog-items {
  grid-template-rows: 227px;
}
.blog-items .blog-item .page-header h2 {
  font-size: 19px;
}
.blog-items .blog-item .page-header {
  bottom: 16px;
}
.vacuum.category {
  height: 65px;
}
.has-content {
  padding-inline: 161px;
}
.about-main-wrapper, [data-rlta-element="container"] {
  margin-inline: 161px;
}
[data-rlta-element="panel"] {
  padding: 40px 39px !important;
}
[data-rlta-element="button"][data-rlta-state="open"]::before {
  right: 30px;
}
.com-content-article.default .item-image {
  width: 683px;
  height: 329px;
}
.contact-big-page {
  grid-template-columns: 231px 1fr 21%;
  padding-left: 20px;
  gap: 26px;
}
#rsform_3_page_0 {
  padding: 32px;
}
.form-label.formControlLabel {
  font-size: 19px;
}
.vacuum-article-category {
  height: 68px;
}
.top-icon-footer-bot img {
  display: none !important;
}
textarea.form-control {
  min-height: 159px;
}
.layout-cassiopeia_dermamedicaerror .page-header.default {
  width: 53%;
}
.layout-cassiopeia_dermamedicaerror .page-header.default h1 {
  font-size: 160px;
}
.layout-cassiopeia_dermamedicaerror .has-content {
  padding-inline: 47px;
}
 .blog-items {
  grid-template-rows: auto;
}

}

@media (min-width: 1200px) and (max-width: 1399px) {

.landing-phone a {
  top: 472px;
  width: 70px;
  height: 70px;
}

.logo img {
  width: 147px;
}
.custom-menu ul li a {
  font-size: 15px;
}
.top-header-bar {
  padding-inline: 12px;
  grid-template-columns: 15% 85%;
}
.custom-menu .mod-menu {
  padding-inline: 16px;
}
.btn-video {
  font-size: 17px;
}
.big-title, .view-category .landing-box-title h1, .categories-text h1, .view-category h1, .contact--page .page-header.default h1 {
  font-size: 45px;
}
.about-us .big-title {
  border-bottom: 15px solid #e05217;
}
.about-us .big-title::after {
  top: 113px;
}
.about-item:nth-child(2) img {
  width: 568px;
}
.about-item h3 {
  font-size: 23px;
}
.sub-title {
  font-size: 15px;
}
.about-item:nth-child(1) {
  margin-right: -34px;
  margin-bottom: -79px;
}
.about-item {
  width: 399px;
  height: 149px;
}
.about-item:nth-child(3) {
  margin-left: -160px;
}
.dermatology-item {
  width: 251px;
}
.dermatology-item.mesotherapeia-vlefarwn {
  left: 351px;
}
.dermatology-item.apotrixosi-laizer {
  right: 55px;
}
.dermatology-item.oules-akmis {
  left: 562px;
  top: 10px;
}
.dermatology-item.ximika-peels {
  left: 334px;
  top: 321px;
}
.dermatology-item.mesotherapia-prosopou {
  top: 271px;
  right: 153px;
}
.dermatology-item.dermoapopseksi-me-diamanti {
  top: 495px;
}
.dermatology-item.fillers-ialouroniko {
  bottom: 12px;
}
.demratology-title {
  font-size: 17px;
}
.derma-clinic-item {
  height: 90px;
}
.derma-clinic-item h3, .dermatoxeirourgiki-item h3, .afrodisiologia--item 
  h3 {
  font-size: 20px;
}
.top-image-derma {
  max-width: 155%;
  width: 155%;
}
.dermatoxeirourgiki-items {
  width: 710px;
  height: 606px;
  gap: 10px;
  grid-template-rows: 212px 230px;
}
.image-dermatoxeirourgikia {
  width: 156%;
  max-width: 154%;
}
.paidwn-right .big-title {
  font-size: 31px;
}
.afrodisiologia-item {
  padding: 61px 37px;
}
.number {
  font-size: 37px;
  width: 72px;
  margin-right: 22px;
}
.afrodisiologia-img {
  max-width: 196%;
  width: 168%;
}
.paidwn-right li {
  height: 55px;
}
.paidwn-right li a {
  font-size: 21px;
}
.paidwn-items {
  display: grid;
  grid-template-columns: 60% 40%;
}
.footer-b-items {
  gap: 93px;
}
.top-icon-footer img {
  width: 60px;
  height: 60px;
}
p, li {
  font-size: 18px;
}
.layout-cassiopeia_dermamedicaabout h1 {
  font-size: 33px;
}
.sub-title-about h2 {
  font-size: 18px;
}
.item-image {
  left: 19px;
}
.logo-about {
  display: none;
}
.about-main-right-text {
  margin-left: 61px;
}
.about-main-wrapper, [data-rlta-element="container"] {
  margin-inline: 78px;
}
.blog-items {
  grid-template-rows: 309px;
}
.blog-items .blog-item .page-header h2 {
  font-size: 19px;
}
.blog-items .blog-item .page-header {
  bottom: 19px;
}
 .item-content-inside .item-image {
  left: 0;
}
.has-content {
  padding-inline: 80px;
  padding-block: 27px;
}
.com-content-article.default .item-image {
  width: 714px;
  height: 368px;
}
.contact-big-page {
  grid-template-columns: 191px 1fr 19%;
  padding-left: 73px;
  gap: 102px;
}
#rsform_3_page_0 {
  padding: 46px;
}
.form-label.formControlLabel {
  font-size: 18px;
}
textarea.form-control {
  min-height: 189px;
}
.contact-big-page .top-icon-footer-bot .right-text-footer {
  font-size: 17px;
}
.vacuum-article-category {
  height: 49px;
}
.right-text-fixed {
  font-size: 17px;
}
.contact-fixed {
  top: 551px;
  width: 163px;
  height: 75px;
  padding: 17px;
}
.contact--page .page-header.default h1 {
  color: #000  margin-bottom: 36px;
}
.layout-cassiopeia_dermamedicaerror .page-header.default {
  width: 42%;
}
.layout-cassiopeia_dermamedicaerror .page-header.default h1 {
  font-size: 168px;
}
.layout-cassiopeia_dermamedicaerror .has-content {
  padding-inline: 79px;
}
.footer-contact-bottom {
  padding: 46px;
  width: 89%;
  gap: 23px;
}
.custom-footer .mod-custom {
  padding: 60px 84px 37px 84px;
}
.blog-items {
  grid-template-rows: auto;
}

}

/* XLarge devices (desktops, less than 1366px) */
@media (min-width: 1400px) and (max-width: 1800px) {
.logo img {
  width: 147px;
}
.custom-menu ul li a {
  font-size: 15px;
}
.top-header-bar {
  padding-inline: 54px;
  grid-template-columns: 15% 85%;
}
.dermatoxeirourgiki-item-box {
  padding-top: 66px;
  padding-bottom: 62px;
}
.custom-menu .mod-menu {
  padding-inline: 16px;
}
.btn-video {
  font-size: 17px;
}
.big-title, .view-category .landing-box-title h1, .categories-text h1, .view-category h1, .contact--page .page-header.default h1 {
  font-size: 41px;
}
.about-us .big-title {
  border-bottom: 15px solid #e05217;
}
.about-us .big-title::after {
  top: 113px;
}
.about-item:nth-child(2) img {
  width: 673px;
}
.about-item h3 {
  font-size: 23px;
}
.sub-title {
  font-size: 15px;
}
.about-item:nth-child(1) {
  margin-right: -34px;
  margin-bottom: -131px;
}
.about-item {
  width: 399px;
  height: 149px;
}
.about-item:nth-child(3) {
  margin-left: -160px;
}
.dermatology-item {
    width: 301px;
}
.dermatology-item.mesotherapeia-vlefarwn {
  left: 351px;
}
.dermatology-item.apotrixosi-laizer {
  right: 87px;
  top: -51px;
}
.dermatology-item.oules-akmis {
  left: 562px;
  top: 10px;
}
.dermatology-item.ximika-peels {
  left: 413px;
  top: 321px;
  width: 242px;
}
.dermatology-item.mesotherapia-prosopou {
  top: 271px;
  right: 153px;
}
.dermatology-item.dermoapopseksi-me-diamanti {
  top: 551px;
  left: 765px;
}
.dermatology-item.fillers-ialouroniko {
  bottom: 163px;
}
.demratology-title {
  font-size: 17px;
}
.derma-clinic-item {
  height: 90px;
}
.derma-clinic-item h3, .dermatoxeirourgiki-item h3, .afrodisiologia--item h3 {
  font-size: 18px;
}
.top-image-derma {
  max-width: 155%;
  width: 127%;
  top: -131px;
}
.dermatoxeirourgiki-items {
  width: 710px;
  height: 397px;
  gap: 10px;
  grid-template-rows: 212px 230px;
}
.image-dermatoxeirourgikia {
  width: 156%;
  max-width: 154%;
}
.afrodisiologia-item {
  padding: 61px 37px;
}
.number {
  font-size: 37px;
  width: 72px;
  margin-right: 22px;
}
.afrodisiologia-img {
  max-width: 196%;
  width: 168%;
}
.paidwn-right li {
  height: 55px;
}
.paidwn-right li a {
  font-size: 21px;
}
.paidwn-items {
  display: grid;
  grid-template-columns: 60% 40%;
}
.footer-b-items {
  gap: 93px;
}
.top-icon-footer img {
  width: 60px;
  height: 60px;
}
p, li {
  font-size: 18px;
}
.layout-cassiopeia_dermamedicaabout h1 {
  font-size: 33px;
}
.sub-title-about h2 {
  font-size: 18px;
}
.item-image {
  left: 19px;
}
.logo-about {
  display: none;
}
.about-main-right-text {
  margin-left: 61px;
}
.about-main-wrapper, [data-rlta-element="container"] {
  margin-inline: 78px;
}
.blog-items {
    grid-template-rows: 331px;
}
.blog-items .blog-item .page-header h2 {
  font-size: 19px;
}
.blog-items .blog-item .page-header {
  bottom: 19px;
}
 .item-content-inside .item-image {
  left: 0;
}
.has-content {
  padding-inline: 80px;
  padding-block: 27px;
}
.com-content-article.default .item-image {
  width: 714px;
  height: 375px;
}
.contact-big-page {
  grid-template-columns: 191px 1fr 19%;
  padding-left: 73px;
  gap: 102px;
}
#rsform_3_page_0 {
  padding: 46px;
}
.form-label.formControlLabel {
  font-size: 18px;
}
textarea.form-control {
  min-height: 189px;
}
.contact-big-page .top-icon-footer-bot .right-text-footer {
  font-size: 17px;
}
.vacuum-article-category {
  height: 49px;
}
.right-text-fixed {
  font-size: 17px;
}
.contact-fixed {
  top: 551px;
  width: 163px;
  height: 75px;
  padding: 17px;
}
.contact--page .page-header.default h1 {
  color: #000  margin-bottom: 36px;
}
.layout-cassiopeia_dermamedicaerror .page-header.default {
  width: 42%;
}
.layout-cassiopeia_dermamedicaerror .page-header.default h1 {
  font-size: 168px;
}
.layout-cassiopeia_dermamedicaerror .has-content {
  padding-inline: 79px;
}
.footer-contact-bottom {
  padding: 46px;
  width: 89%;
  gap: 23px;
}
.custom-footer .mod-custom {
  padding: 60px 84px 37px 84px;
}
.basic-btn.dermatology-item {
  width: 173px;
  bottom: 37px;
}
.dermatology .big-title {
  width: 799px;
  height: 131px;
}
.afrodisiologia--item:hover h3::after {
  width: 331px;
}

}

@media (min-width: 1400px) and (max-width: 1800px) {
  .blog-items .blog-item .page-header {
    bottom: 51px;
  }
}

@media screen and (min-width: 2200px) {
.dermatology-item.dermoapopseksi-me-diamanti {
        left: 1050px;
        top: 747px;
}
.dermatology-item.mesotherapia-prosopou {
        right: 332px;
        top: 724px;
}
.dermatology-item.fillers-ialouroniko {
        right: 501px;
        bottom: 220px;
}
.top-image-derma {
  top: 1244px;
  max-width: 100%;
  width: 100%;
}
.afrodisiologia-img {
  max-width: 120%;
  width: 120%;
}
.paidwn-items {
  grid-template-columns: 37% 70%;
}
.custom-footer .mod-custom {
  padding: 60px 490px 37px 440px;
}
.blog-items {
  grid-template-rows: auto;
}
.dermatology-item.ximika-peels img {
  width: 411px;
}
.dermatology-item.ximika-peels {
    left: 19%;
}

.image-dermatoxeirourgikia, .afrodisiologia-img {
    width: 100%;
}
  .dermatology-item.mesotherapia-prosopou img {
  width: 431px;
}

}