@media screen and (max-width: 1250px) { .wrapper { width: auto; padding: 0 20px; }
  header .wrapper #lottie-mainlogo { width: 300px; height: auto; }
  header .wrapper .right nav a { font-size: 12px; line-height: 12px; }
  header .wrapper .right #header-slogan { padding-left: 20%; margin-top: 50px; }
  header .wrapper .right { width: calc(60% + 15px); }
  #headersec .wrapper #header-slogan, #headersec .wrapper #header-cats { width: calc(60% + 15px); }
  .db-content br, h1 br { display: inline; width: auto; content: " "; }
  .db-content br:after, h1 br:after { content: " "; }
  .grid-item.bigger .grid-item-content { height: 100%; display: flex; flex-direction: column; }
  .grid-item.bigger .grid-item-content .media { height: 100% !important; padding-bottom: 0 !important; margin-bottom: 10px; display: block; }
  .grid-item.bigger .grid-item-content .media .image { height: 100% !important; padding-bottom: 0 !important; }
  .grid-item.bigger a { height: auto; }
  footer .top .left { width: 600px; flex-shrink: 0; } }
@media screen and (max-width: 1024px) { body { padding-top: 0; }
  body.truncated { padding-top: 120px; }
  body.truncated #headersec { opacity: 1 !important; z-index: 10; }
  #headersec .wrapper { justify-content: flex-start; }
  #headersec .wrapper #header-slogan, #headersec .wrapper #header-cats { width: 100%; }
  #headersec .wrapper { margin-top: 0; }
  header { height: auto; position: relative; margin-bottom: 30px; }
  header .wrapper { flex-direction: column; }
  header .wrapper .right { display: none; }
  header .wrapper .right nav, header .wrapper .right .innerright .social-container, header .wrapper .right .innerright .languages-container { display: none; }
  header .wrapper .right #header-slogan { margin-top: 0; padding-left: 0; padding-right: 30%; }
  #mobile-menu-switch { display: block !important; }
  #mobile-menu { display: block !important; }
  #headersec .wrapper #header-cats { display: none; }
  #headersec .wrapper #header-selcats { display: inline-block; width: calc(50% - 12px); }
  .grid-c { grid-template-columns: repeat(2, 1fr); }
  .grid-c .grid-item .info .title { font-size: 25px; line-height: 28px; }
  .grid-c .grid-item .info * { font-size: 25px; line-height: 35px; }
  #clients-top { padding-top: 0; } }
@media screen and (max-width: 960px) { .grid-a .grid-item .title { font-size: 14px; line-height: 17px; height: 17px; }
  .grid-a .grid-item .subtitle { font-size: 12px; line-height: 15px; height: 15px; }
  .grid-b .grid-item .title { font-size: 14px; line-height: 17px; height: 17px; }
  .grid-b .grid-item .subtitle { font-size: 12px; line-height: 15px; height: 15px; }
  .grid-d { grid-template-columns: repeat(5, 1fr); }
  #projects-detail .item .text-image-container .left-text, #projects-detail .item .text-image-container .right-text { padding-top: 0 !important; padding-bottom: 0 !important; }
  #projects-detail .item .text-image-container .db-content h2, #projects-detail .item .text-image-container .db-content h2 * { font-size: 24px; line-height: 28px; }
  #contacts-container .wrapper .left { width: 40%; }
  #contacts-container .wrapper .right { width: 60%; }
  footer .top { flex-direction: column; }
  footer .top .left { width: 600px; margin-bottom: 50px; }
  footer .top .left .box { width: 40%; }
  footer .top .left .box.box-address { padding-right: 20px; width: 60%; }
  footer .top .right { width: 100%; justify-content: flex-start; }
  footer .bot, footer .bot .left { flex-wrap: wrap; } }
@media screen and (max-width: 768px) { #headersec .wrapper { margin-top: auto; }
  #headersec #header-slogan { width: 100%; padding-right: 30%; }
  #homebanner .swiper-container .swiper-slide .info { left: 10px; bottom: 10px; }
  #homebanner .swiper-container .swiper-slide .title { font-size: 20px; line-height: 24px; }
  #homebanner .swiper-container .swiper-slide .subtitle { font-size: 16px; line-height: 20px; padding-top: 0; }
  #home-about .wrapper .left h1 { font-size: 30px; line-height: 34px; }
  .grid-a { grid-template-columns: repeat(2, 1fr); }
  .grid-a .grid-item.bigger { grid-column: span 1; grid-row: span 1; }
  .grid-a .grid-item.bigger .grid-item-content .media { padding-bottom: 72.535% !important; }
  .grid-b { grid-template-columns: repeat(2, 1fr); }
  .grid-d { grid-template-columns: repeat(4, 1fr); }
  .grid-d .grid-item { padding: 20px; }
  .grid-c .grid-item { overflow: hidden; display: flex; flex-direction: column; }
  #about-container .grid-c .grid-item .info { position: relative; height: 100%; top: inherit; left: inherit; padding: 30px; }
  #about-container .grid-c .grid-item .info .description { max-height: initial; height: auto; }
  #about-container .grid-c .grid-item .info .description { font-size: 16px; line-height: 20px; }
  footer h4 { font-size: 30px; line-height: 34px; }
  footer .top .left { width: 500px; }
  #clients-top { padding-bottom: 0; }
  #clients-top .wrapper .left { width: 100%; }
  #clients-top .wrapper .left h1 { font-size: 30px; line-height: 34px; }
  #contacts-container .wrapper { flex-direction: column; }
  #contacts-container .wrapper .left { padding-right: 0; width: 100%; margin-bottom: 30px; }
  #contacts-container .wrapper .right { padding-left: 0; width: 100%; }
  #contacts-container .wrapper .left .description * { line-height: 30px; }
  #projects-detail .project-grid.grid2 { flex-direction: column; }
  #projects-detail .project-grid.grid2 .grid-item { width: 100%; margin-right: 0; }
  #projects-detail .project-grid.grid3 .grid-item { width: 100%; margin-right: 0; }
  #projects-detail .project-grid.grid3 .grid-item:nth-child(3n+3) { margin-right: 0; }
  #projects-detail .project-grid.grid4 .grid-item { width: calc(50% - 20px); }
  #projects-detail .project-grid.grid4 .grid-item:nth-child(2n+2) { margin-right: 0; } }
@media screen and (max-width: 600px) { * { font-size: 14px; line-height: 22px; }
  /*.db-content.columns-2 {-webkit-column-count: 1;-moz-column-count: 1; column-count: 1;-webkit-column-gap: 0px;-moz-column-gap: 0px;column-gap: 0px;}*/
  p { line-height: 22px; }
  header .wrapper #lottie-mainlogo { width: 180px; }
  #homebanner .swiper-container .swiper-slide[data-type="video"] .btn-animated .text, .project-banner[data-type="video"] .btn-animated .text, .about-banner[data-type="video"] .btn-animated .text, #projects-detail .project-grid .grid-item .btn-sound .text, #projects-detail .project-grid .grid-item .btn-video .text { font-size: 30px !important; }
  #homebanner .swiper-container .swiper-slide[data-type="video"] .btn-animated .icon, .project-banner[data-type="video"] .btn-animated .icon, .about-banner[data-type="video"] .btn-animated .icon, #projects-detail .project-grid .grid-item .btn-sound .ticonext, #projects-detail .project-grid .grid-item .btn-video .icon { width: 14px; height: 5px; }
  #headersec #header-slogan { padding-right: 0; }
  #header-slogan * { font-size: 17px; line-height: 22px; }
  #header-cats { justify-content: center; }
  #homebanner .swiper-container .swiper-slide .title { font-size: 16px; line-height: 20px; }
  #homebanner .swiper-container .swiper-slide .subtitle { font-size: 14px; line-height: 18px; }
  #home-about { padding-bottom: 0; }
  #home-about .wrapper { flex-direction: column; }
  #home-about .wrapper .left { width: 100%; padding: 0; margin-bottom: 40px; }
  #home-about .wrapper .left h1 { font-size: 25px; line-height: 33px; }
  #home-about .wrapper .left h1:after { width: 20px; height: 5px; top: 5px; }
  #home-about .wrapper .right { width: 100%; padding: 0; }
  #home-about .wrapper .right .description, #home-about .wrapper .right .description * { font-size: 14px; line-height: 22px; }
  .grid-a { grid-gap: 25px; grid-template-columns: repeat(1, 1fr); }
  .grid-a .grid-item .title { font-size: 16px; line-height: 20px; height: 20px; }
  .grid-a .grid-item .subtitle { font-size: 14px; line-height: 18px; height: 18px; }
  .grid-a .grid-item .image, .grid-a .grid-item.bigger .image { height: 235px; }
  .grid-a .grid-item .grid-item-content[data-type="video"] .media { padding-bottom: 0; height: auto; }
  .grid-b { grid-gap: 25px; grid-template-columns: repeat(1, 1fr); }
  .grid-b .grid-item .title { font-size: 16px; line-height: 20px; height: 20px; }
  .grid-b .grid-item .subtitle { font-size: 14px; line-height: 18px; height: 18px; }
  .grid-c { grid-template-columns: repeat(1, 1fr); }
  #about-container .grid-c .grid-item .info .description { font-size: 16px; line-height: 25px; }
  .grid-c .grid-item .info .title { font-size: 22px; line-height: 25px; }
  .grid-c .grid-item .info .subtitle { font-size: 18px; line-height: 21px; }
  .grid-d { grid-template-columns: repeat(3, 1fr); }
  /*################################################ PROJECT DETAIL ##################################################*/
  #projects-detail .item .text-image-container { flex-direction: column; }
  #projects-detail .item .text-image-container .left-image, #projects-detail .item .text-image-container .right-image, #projects-detail .item .text-image-container .left-text, #projects-detail .item .text-image-container .right-text { width: 100%; padding: 0; }
  #projects-detail .item .text-image-container .left-image, #projects-detail .item .text-image-container .right-image, #projects-detail .item .text-image-container .left-text, #projects-detail .item .text-image-container .right-text { margin-bottom: 20px; }
  #projects-detail .item .text-image-container .db-content * { line-height: 23px; }
  footer h4 { font-size: 25px; line-height: 33px; }
  footer h4:after { width: 20px; height: 5px; top: 5px; }
  footer .top .left { flex-direction: column; width: 100%; }
  footer .top .left .box { width: 100%; }
  footer .top .left .box.box-address { padding-right: 0px; width: 100%; }
  footer .bot { flex-direction: column; justify-content: flex-start; margin-bottom: 20px; }
  footer .bot .left { margin-bottom: 30px; }
  .about .presentation .description-contents { flex-direction: column; }
  #about-container .presentation .description-contents .description { width: 100%; }
  #about-container .presentation .description-contents .description:nth-child(1) { margin-bottom: 10px; padding-right: 0; }
  #about-container .presentation .description-contents .description:nth-child(2) { padding-left: 0; }
  #about-container .grid-c .grid-item .info .description { font-size: 16px; line-height: 23px; }
  #about-container h1, #about-container h1 *, #clients-top .wrapper .left h1, #clients-top .wrapper .left h1 * { font-size: 25px; line-height: 33px; }
  #clients-top .wrapper { flex-direction: column; }
  #clients-top .wrapper .left { width: 100%; padding: 0; }
  #clients-top .wrapper .right { width: 100%; padding: 0; }
  #clients-top .wrapper .right * { font-size: 14px; line-height: 22px; }
  #contacts-container .wrapper .left .item[data-icon="address"] a .text { font-size: 14px; line-height: 22px; }
  #contacts-container .wrapper .left .item[data-icon="address"] a .icon { background-size: 160px; background-position: -24px -16px; width: 8px; height: 8px; margin-left: 5px; }
  #contacts-container .wrapper .left .item[data-icon="address"] a:hover .icon { background-position: -24px -24px; }
  #contacts-container .wrapper .right .description, #contacts-container .wrapper .right .description * { font-size: 14px; line-height: 22px; }
  #contacts-container .wrapper .right form .box-firstname, #contacts-container .wrapper .right form .box-email { width: 100%; margin-right: 0; }
  #contacts-container .wrapper .right form .box-lastname, #contacts-container .wrapper .right form .box-phone { width: 100%; margin-left: 0; }
  #projects-detail { padding-bottom: 70px; }
  #projects-detail #project-bot .box-categories { padding: 0; }
  #projects-detail #project-bot .box-categories span { font-size: 20px; }
  #projects-detail .blocks-container { margin-bottom: 70px; }
  #headersec .wrapper #header-selcats { display: inline-block; width: 100%; }
  #headersec .wrapper #header-selcats * { font-size: 16px !important; }
  #spechighlight .wrapper { padding: 0 20px; } }
@media screen and (max-width: 480px) { .swiper-pagination-bullet { width: 15px; }
  #homebanner .swiper-container .swiper-slide .info { top: 10px; bottom: auto; }
  .grid-d { grid-template-columns: repeat(2, 1fr); }
  #projects-detail .project-grid.grid4 .grid-item { width: 100%; margin-right: 0; }
  #projects-detail .project-grid.grid4 .grid-item:nth-child(2n+2) { margin-right: 0; }
  footer .bot * { white-space: normal; }
  footer .top .right { flex-direction: column; }
  footer .top .right a { margin-bottom: 20px; }
  footer .top .right a .icon { background-color: #78F9C7; width: 10px; height: 3px; }
  #contacts-container .wrapper .left .description * { font-size: 20px; line-height: 27px; } }