/*
IMPORTANT :
PLEASE DON'T WRITE IN ONE LINE CODE
*/

@media only screen and (max-width: 1024px) {
  .timeline:before {
    content: '';
    position: absolute;
    top: 93px;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    border-left: 1px solid;
    width: 2px;
    height: calc(100% - 100px);
  }
  .tl-item {
    position: relative;
    margin: 0 auto;
    max-width: 580px;
    width: 100%;
    display: block;
    float: none;
  }
  .tl-item {
    border-right: none;
  }
  .tl-content {
    margin-right: 0;
  }
  .tl-item.light .tl-time {
    top: auto;
    bottom: -20px;
  }
  .tl-right {
    border-left: none;
  }
  .tl-item.light:before, .tl-item.light:after {
    display: none;
  }
  .tl-item.light .body-wrapper {
    height: auto;
  }
  .tl-right .tl-content {
    margin-left: 0;
  }
  .news .col .image, ul.related-list>li .views-field-field-coverimage a img, .node-teaser .field-name-field-coverimage a img {
    filter: grayscale(0);
  }
}

@media only screen and (max-width:1055px) {
  .timeline {
    margin-left: -20px;
    margin-right: -20px;
  }
  .stores li {
    width: 23%;
  }
}

@media only screen and (max-width:960px) {
  .search-burger {
    display: block;
  }
  .search-burger.active {
    background: none;
  }
  #wsearch-mainform {
    float: none;
    display: none;
    position: absolute;
    right: 20px;
    top: 0;
  }
  #wsearch-mainform.active {
    display: block;
  }
  /* research */
  .research .first-image {
    min-height: 450px;
  }
  .research .dots {
    bottom: -60px;
  }
  ul.thumbnails {
    max-width: 450px;
    width: 100%
  }
  ul.thumbnails>li {}
  /* major article */
  ul.homepage-list.margin-left {
    margin-left: 55px;
  }
  ul.homepage-list>li {
    width: 33.3%;
    padding: 0 5px;
  }
  ul.homepage-list li.views-row-even.views-row-last {
    display: none;
  }
  /* certifications */
  ul.certifications {
    font-size: 13px;
  }
  ul.certifications>li {
    padding: 0;
  }
  /* footer */
  .footer .top .box:after {
    min-height: 300px;
    margin-bottom: -300px;
  }
  .footer .top .box.box-3:after {
    display: none;
  }
  .footer .top .box {
    width: 33.3%;
  }
  .footer .top .box.last {
    float: right;
    margin-top: 20px;
  }
  /* news list */
  .news-list .views-field-title {
    font-size: 20px;
  }
  /* articel page */
  .node-article .field-name-title, .node-article .field-name-body {
    width: 100%;
    padding-right: 0;
  }
  .node-article .field-name-render-media-gallery {
    float: none;
    position: relative;
    top: 0;
    margin: 25px auto;
  }
  ul.related-list>li {
    padding: 0 10px;
  }
  ul.related-list>li:before {
    left: 3px;
    /*max-height: 250px;*/
  }
  /* product page */
  .node-products .field-name-product-description h2, .node-products .field-name-product-description p {
    float: none;
    width: 100%;
  }
  .node-products .field-name-product-description img {
    float: none;
    margin: 10px auto;
  }
  /* mega category menu */
  #nav li.navigation {
    position: inherit;
  }
  ul.nav-small {
    width: 100%;
    max-width: 960px;
  }
  ul.nav-big, ul.nav-small {
    padding: 0;
  }
  ul.ul-open:after {
    background: url() no-repeat center;
    width: 10px;
    height: 10px;
    content: '';
  }
  #nav li ul:after {
    display: none;
  }
  #nav li a {
    display: inline-block;
    padding: 10px 50px;
  }
  #nav li a:before {
    left: 30px;
    top: 15px;
  }
  #nav li {
    border-bottom: 1px solid rgba(54, 54, 54, 0.5);
  }
  #nav li li {
    border-bottom: 1px solid rgba(113, 113, 113, 0.1);
    background-position: 95% 17px;
  }
  #nav li li li {
    border-bottom: 1px solid rgba(113, 113, 113, 0.6);
  }
  #nav li li li li {
    border-bottom: 1px solid rgba(41, 40, 40, 0.5);
  }
  #nav li li {
    background-color: #131313;
  }
  #nav li li.li-open {
    background-image: url(../images/arrow-up-yellow.png);
  }
  #nav li li li {
    background-color: #1e1e1e;
    background-image: url(../images/arrow-plus.png);
  }
  #nav li li li.li-open {
    background-image: url(../images/arrow-minus.png);
  }
  #nav li li li.li-open.remove-arrow {
    background: none;
  }
  #nav li li li li {
    background-color: #2d2d2d;
  }
  #nav li li li li li {
    background-color: #3c3c3c;
  }
  #nav li li li li li li {
    background-color: #4d4d4d;
  }
  #nav li li li li li li li {
    background-color: #616161;
    background-image: none;
  }
  #nav li ul ul {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
  }
  #nav li li {
    background-image: url(../images/arrow-white-down.png);
  }
}

@media only screen and (max-width:845px) {
  .node-teaser .field-name-node-link a {
    margin-top: 10px;
    position: relative;
    bottom: auto;
    display: block;
  }
  .stores li {
    width: 32%;
  }
}

@media only screen and (max-width:780px) {
  /* reletad product */
  ul.product-list>li .views-field-field-product-image {
    padding: 25px;
  }
  .related-product .bx-controls-direction {
    position: absolute;
    max-width: 1024px;
    width: 100%;
    left: 0;
    right: 0;
    top: 30%;
    margin: auto;
    z-index: 51;
  }
  .related-product .bx-prev, .related-product .bx-next {
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -999em;
    display: block;
    width: 27px;
    height: 74px;
  }
  .related-product .bx-prev {
    left: -0;
    background-image: url(../images/slide-arrow-left-gray.png);
  }
  .related-product .bx-next {
    right: 0;
    background-image: url(../images/slide-arrow-right-gray.png);
  }
  .stores li {
    width: 31%;
  }
  .news .col {
    width: 33.3%;
  }
  .news .col-6 {
    display: none;
  }
}

@media only screen and (max-width:768px) {
  .menu-burger {
    display: block;
  }
  ul.main-menu {
    display: none;
    float: none;
    position: absolute;
    right: 10px;
    top: 70px;
    background-color: rgba(29, 29, 29, 0.9);
    text-align: center;
    padding-top: 5px;
    z-index: 100;
  }
  ul.main-menu.active {
    display: block;
  }
  ul.main-menu>li {
    float: none;
    padding: 15px;
    border-left: none;
  }
  ul.main-menu li:last-child {
    padding-right: 20px;
    padding-bottom: 10px;
  }
  ul.main-menu>li a {
    color: #fff;
    font-size: 18px;
  }
  .main-menu .social li {
    display: inline-block;
    padding: 10px;
    text-align: center;
  }
  .main-menu .social a span {
    display: none;
  }
  ul.product-list>li {
    width: 33.3%;
  }
  .term-gallery .bx-prev {
    left: 30px;
  }
  .term-gallery .bx-next {
    right: 30px;
  }
  .news ul>li {
    width: 33.3%;
  }
  .view-certifications .bx-next {
    right: -25px;
  }
  .view-certifications .bx-prev {
    left: -25px;
  }
  .bx-wrapper {
    margin: 0 auto;
  }
  .view-certifications:after {
    left: 0;
  }
  #side_bar {
    position: relative;
  }
  .view-articles .related-list {
    width: 100% !important;
    transform: none !important;
  }
  .view-articles .related-list li {
    margin-bottom: 1rem;
  }
  .view-articles {
    margin-bottom: 30px;
  }
  .gm-style .gm-style-iw .info {
    word-break: break-all;
    padding: 10px;
    margin: 12px 0;
  }
}

@media only screen and (max-width:690px) {
  ul.thumbnails {
    float: none;
    margin: auto;
  }
  .details .hidden-desktop {
    display: block;
  }
  .details .hidden-mobile {
    display: none;
  }
  .view-certifications .bx-prev, .view-certifications .bx-next {
    top: -30px;
  }
  .view-certifications .bx-next {
    right: -50px;
  }
  .view-certifications .bx-prev {
    left: -50px;
  }
  .view-certifications .bx-controls-direction {
    position: relative;
  }
}

@media only screen and (max-width:640px) {
  /* mega menu */
  .search-product {
    display: inline-block;
    padding: 20px;
    color: #fff;
    font-weight: bold;
  }
  .search-product:after {
    content: '';
    background: url(../images/arrow-menu.png) no-repeat right;
    display: inline-block;
    width: 11px;
    height: 9px;
    margin-left: 10px;
  }
  .category-menu {
    position: relative;
    height: 55px;
    font-size: 13px;
  }
  .category-menu .centered {
    padding: 0;
  }
  .search-burger {
    top: 0;
    margin-top: 15px;
  }
  #nav {
    display: none;
    position: absolute;
    top: 55px;
    left: 0;
    z-index: 99;
    width: 100%;
    background-color: #8a070b;
  }
  #nav.active {
    display: block;
  }
  #nav:before, #nav:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }
  #nav:after {
    clear: both;
  }
  #nav li.navigation {
    display: block;
    position: relative;
    padding: 0;
  }
  #nav li.navigation span {
    padding: 15px 20px;
    display: inline-block;
  }
  #nav li ul {
    position: relative;
    top: auto;
    left: auto;
  }
  #nav li a {
    padding: 10px 40px;
  }
  #nav li a:before {
    left: 20px;
  }
  /* certifications */
  ul.certifications {
    font-size: 10px;
    padding: 0;
  }
  ul.certifications>li {
    float: none;
    display: inline-block;
    width: 31%;
    padding: 0 2px;
    margin-bottom: 40px;
  }
  /* article page */
  .node-article .field-name-title h2 {
    font-size: 24px;
  }
  .articlepager {
    display: none;
  }
  ul.related-list.margin-left {
    margin-left: 108px;
  }
  .news ul>li {
    width: 290px;
    margin: auto;
    display: block;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    float: none;
    margin-bottom: 60px;
  }
  .news ul>li .title {
    padding: 0 10px;
    text-align: left;
  }
  /* news list */
  .views-exposed-form .form-item {
    margin-bottom: 20px;
    padding: 0;
  }
  .news-list>li {
    margin-bottom: 0;
  }
  .node-teaser .group-left, .node-teaser .group-right {
    width: 100%;
    float: none;
    padding-right: 0;
  }
  .node-teaser .field-name-field-coverimage a img {
    width: 100%;
  }
  .node-teaser .field-name-title {
    max-height: 55px;
  }
  .stores li {
    width: 48%;
  }
  /* TIMELINE */
  .timeline-desktop-tablet {
    display: none;
  }
  .timeline-mobile {
    display: block;
  }
  .thumb {
    position: relative;
    margin-bottom: 50px;
    max-width: 400px;
    width: 100%;
    margin: 0 auto 50px;
    display: block;
    text-align: left;
    max-height: auto;
    overflow: hidden;
  }
  .thumb .caption {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-clip-path: none;
    clip-path: none;
    padding: 10px;
  }
  .thumb.dark .caption, .thumb.dark {
    background: #9e0b0f;
    color: #fff;
  }
  .thumb.light {
    background: #ececec;
  }
  .thumb.dark .thumb-time {
    font-size: 36px;
    font-weight: 800;
    position: relative;
    margin-bottom: 30px;
  }
  .thumb.dark .thumb-time:before {
    content: '';
    border-bottom: 2px solid #fff;
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 50px;
    display: block;
  }
  .thumb.dark .thumb-body {
    font-size: 14px;
    line-height: 20px;
  }
  .thumb.light .caption {
    background: #ececec;
    border-bottom: 3px solid #9e0b0f;
    position: relative;
    margin-top: -208px;
    clip-path: none;
    padding: 10px;
    margin: 0;
  }
  .thumb.light .thumb-time {
    font-size: 36px;
    font-weight: 300;
    color: #9e0b0f;
    margin-bottom: 20px;
  }
  .thumb.light .thumb-body {
    font-size: 14px;
    line-height: 20px;
    color: #424242;
  }
}

@media only screen and (max-width:560px) {
  .news .col {
    max-width: 300px;
    width: 100%;
    float: none;
    margin: 0 auto;
    display: block;
  }
  .news .col-4, .news .col-6 {
    display: none;
  }
  .stores li {
    width: 100%;
  }
}

@media only screen and (max-width:480px) {
  .hidden-desktop, ul.main-menu li.hidden-desktop {
    display: block;
  }
  .box.hidden-mobile {
    display: none;
  }
  #logo {
    text-align: center;
    width: auto;
    width: 100%;
  }
  .menu-burger {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 0;
    padding: 12px 0;
    background-color: transparent;
    border: none;
    outline: 0;
    width: 100%;
    text-align: left;
  }
  .menu-burger:before {
    content: '';
    border-top: 1px solid #ccc;
    display: block;
    padding: 10px 0;
    margin-left: -20px;
    margin-right: -20px;
  }
  .menu-burger p {
    display: inline-block;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    color: #313131;
  }
  .menu-burger span {
    float: right;
    margin-top: 10px;
  }
  ul.main-menu {
    top: 100%;
    left: 0;
    right: 0;
  }
  ul.main-menu>li a {
    font-size: 18px;
  }
  /*
	ul.main-menu .social li img {
    	width: 25px;
	}*/
  .slideshow h2 {
    font-size: 20px;
  }
  .slideshow hr, .slideshow p {
    display: none;
  }
  .table-background {
    min-height: 250px;
  }
  .slideshow .bx-controls-direction {
    margin-top: -35px;
  }
  .slideshow .bx-prev {
    left: 10px;
  }
  .slideshow .bx-next {
    right: 10px;
  }
  .homepage h2 {
    font-size: 25px;
  }
  .research .first-image {
    min-height: 370px;
  }
  .research .first-image:after {
    border-bottom-width: 230px;
  }
  .research .info {
    position: relative;
    padding: 0;
    margin-bottom: 20px;
    left: auto;
    bottom: auto;
  }
  .research h3 {
    font-size: 25px;
  }
  .products p {
    padding: 10px;
  }
  .homepage .view-products {
    margin-top: -20%;
  }
  #side_bar ul>li {
    width: 50%;
  }
  /* footer */
  .footer .logo {
    text-align: center;
  }
  .footer .box-1 h3, .footer .box-2, .footer .box-3, .footer .top .box:after, .footer .bottom p {
    display: none;
  }
  .footer .top .box, .footer .top h3, .footer .top p {
    text-align: center;
    width: 100%;
  }
  .footer ul.social>li a {
    display: block;
    background-image: url(../images/social-sprite.svg);
    background-repeat: no-repeat;
    background-size: 100px;
    text-indent: -999em;
    width: 20px;
    height: 20px;
  }
  .footer ul.social>li {
    padding: 0 10px;
    display: inline-block;
  }
  .footer ul.social>li img {
    display: block;
  }
  .footer ul.social>li span {
    display: none;
  }

  .footer .top .box.last {
    margin-top: 20px;
  }
  .footer .bottom p.last {
    display: block;
    text-align: center;
    width: 100%;
  }
  .footer .bottom a {
    font-size: 15px;
  }
  /* contact page */
  .webform-component-select, .webform-component-textfield, .webform-component--dieythynsi-email {
    width: 100%;
    float: none;
  }
  .webform-component--activity, .webform-component--idiotita, .webform-component--katastimata, .webform-component--hora, .webform-component--onoma, .webform-component--stores, .webform-component--country, .webform-component--first-name, .webform-component--dieythynsi-email {
    padding-right: 0;
  }
  /*product page term view*/
  .product-category h2 {
    font-size: 26px;
  }
  /*scroll navigation*/
  .scroll-navigation .hidden-mobile {
    display: none;
  }
  .scroll-navigation .hidden-desktop {
    display: block;
  }
  .scroll-navigation select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    outline: 0;
    width: 100%;
    text-indent: 40%;
    background: url(../images/arrow-scroll.png) no-repeat right center;
    position: relative;
  }
  .scroll-navigation {
    padding: 10px 0;
    /*position: relative;*/
  }
  /*.scroll-navigation.fixed:after,
	.scroll-navigation:after {
	   content: '';

	    display: block;
	    width: 10px;
	    height: 10px;
	    position: absolute;
	    top: 15px;
	    right: 20px;
	}*/
  .scroll-navigation ul>li {
    display: block;
    padding: 10px 0;
  }
  .scroll-navigation ul>li hr {
    display: none;
  }
  .node-article .group-left {
    margin: 0 0 10px;
  }
  .node-teaser .field-name-body {
    display: none;
  }
  .node-teaser .field-name-field-coverimage a:before {
    max-height: 155px;
  }
  /*product page */
  .node-products .field-name-product-description {
    padding: 10px 0;
  }
  .download {
    margin-left: 0;
    margin-top: 10px;
  }
  .node-products .field-name-video .row {
    padding: 0;
  }
  ul.homepage-list {
    max-height: 310px;
    overflow: hidden;
  }
  ul.homepage-list>li {
    padding: 0;
    margin: 0 5px;
  }
  ul.homepage-list>li .views-field-title {
    padding: 0 25px 0 0;
  }
  .view-certifications:after, .view-certifications:before {
    display: none;
  }
  #webform-ajax-wrapper-420 .webform-component-email {
    width: 60%;
    margin-left: 16%;
  }

  .gm-style .gm-style-iw {
    left: 18px !important;
  }
}

@media only screen and (max-width:340px) {
  .view-certifications .bx-next {
    right: -35px;
  }
  .view-certifications .bx-prev {
    left: -35px;
  }
}