@media (max-width:575px) {
  /***** Header *****/
  .header-elarte .header-shadow {
    height: 8vw;
    box-shadow: inset 0 11vw 3vw -6vw black;
  }
  .header-elarte .menu-fixed {
    top: 6.8vw;
    width: 100%;
    padding: 0 5vw;
  }
  .header-elarte .menu-fixed .row {
    display: flex;
    justify-content: space-between;
  }
  .header-elarte .navbar .container-fluid figure {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .header-elarte .navbar .container-fluid .logo-elarte {
    width: 13.74vw;
    height: 9.74vw;
    top: 3.2vw;
  }
  /***** End Header *****/
  /***** Footer *****/
  .footer-elarte .separator-footer {
    height: .4vw;
  }
  .footer-elarte .content {
    padding: 15vw;
  }
  .footer-elarte .content .sec-menu ul {
    text-align: center;
    margin-bottom: 8vw;
    font-size: 3.35vw;
    line-height: 6vw;
  }
  .footer-elarte .content .sec-menu ul li {
    margin-bottom: .5vw;
  }
  .footer-elarte .content .sec-logo figure img {
    width: 27.19vw;
    height: 19.83vw;
  }
  .footer-elarte .content .sec-social .social-networks {
    margin: 2vw 0 6vw;
    justify-content: center;
  }
  .footer-elarte .content .sec-social .social-networks figure {
    padding: 0 1vw;
  }
  .footer-elarte .content .sec-social .social-networks figure a img {
    width: 6.8vw;
    height: 6.8vw;
  }
  .footer-elarte .content .sec-social .info {
    margin-bottom: 3vw;
  }
  .footer-elarte .content .sec-social .info span {
    width: 100%;
    text-align: center;
    font-size: 3.56vw;
    line-height: 5vw;
  }
  /***** End Footer *****/
  /***** Index *****/
  .index-elarte .sec-video #video iframe {
    height: 56vw;
  }
  .index-elarte .sec-request .bg-request,
  .index-elarte .sec-team .bg-team,
  .index-elarte .sec-design .bg-design,
  .index-elarte .sec-style .bg-style,
  .index-elarte .sec-production .bg-production,
  .index-elarte .sec-categories .bg-categories {
    height: 175vw;
  }
  .index-elarte .sec-request .bg-request .bg-shadow,
  .index-elarte .sec-team .bg-team .bg-shadow,
  .index-elarte .sec-design .bg-design .bg-shadow,
  .index-elarte .sec-style .bg-style .bg-shadow,
  .index-elarte .sec-production .bg-production .bg-shadow,
  .index-elarte .sec-categories .bg-categories .bg-shadow {
    background-image: url(/static/src/assets/img/landing/bg/phone_bg_shadow.png);
    height: 175vw;
    padding: 0 11vw;
  }
  .index-elarte .sec-request .bg-request .sec-content,
  .index-elarte .sec-team .bg-team .sec-content,
  .index-elarte .sec-style .bg-style .sec-content,
  .index-elarte .sec-production .bg-production .sec-content,
  .index-elarte .sec-categories .bg-categories .sec-content {
    display: grid;
  }
  .index-elarte .sec-request .bg-request .sec-content .text-width .title,
  .index-elarte .sec-team .bg-team .sec-content .text-width .title,
  .index-elarte .sec-design .bg-design .sec-content .text-width .title,
  .index-elarte .sec-style .bg-style .sec-content .text-width .title,
  .index-elarte .sec-production .bg-production .sec-content .text-width .title {
    font-size: 5.56vw;
    line-height: 8vw;
    text-align: center;
    margin-bottom: 3vw;
  }
  .index-elarte .sec-request .bg-request .sec-content .text-width .text,
  .index-elarte .sec-team .bg-team .sec-content .text-width .text,
  .index-elarte .sec-design .bg-design .sec-content .text-width .text,
  .index-elarte .sec-production .bg-production .sec-content .text-width .text {
    font-size: 3.65vw;
    line-height: 4.5vw;
    text-align: center;
    margin-bottom: 4vw;
  }
  .index-elarte .sec-request .bg-request .sec-content .text-width {
    margin: 95vw 4vw 0;
  }
  .index-elarte .sec-request .bg-request .sec-content .text-width div {
    display: flex;
    justify-content: center;
  }
  .index-elarte .sec-request .bg-request .sec-content .text-width .btn-golden {
    font-size: 3.48vw;
    padding: .8vw 2vw;
  }
  .index-elarte .sec-team .bg-team .sec-content .text-width {
    margin: 20vw 7vw 0;
    height: 50vw;
  }
  .index-elarte .sec-team .bg-team .sec-content .img-width {
    height: 105.2vw;
  }
  .index-elarte .sec-team .bg-team .sec-content .img-width .bg-img-team {
    background-size: 77vw 100vw;
    height: 100%;
  }
  .index-elarte .sec-design .bg-design .sec-content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .index-elarte .sec-design .bg-design .sec-content .text-width {
    margin: 0 8vw;
  }
  .index-elarte .sec-design .bg-design .sec-content .img-width {
    margin: 10vw 6vw 0;
  }
  .index-elarte .sec-design .bg-design .sec-content .img-width .row {
    display: flex;
    justify-content: center;
  }
  .index-elarte .sec-design .bg-design .sec-content .img-width figure {
    padding: 1vw 3vw;
    margin-bottom: 0;
  }
  .index-elarte .sec-design .bg-design .sec-content .img-width figure img {
    width: 100%;
    height: 10vw;
    object-fit: contain;
  }
  .index-elarte .sec-style .bg-style .sec-content .text-width {
    margin: 0 7vw;
  }
  .index-elarte .sec-style .bg-style .sec-content .text-width .title {
    font-size: 5.56vw;
    line-height: 8vw;
    margin-bottom: 8vw;
  }
  .index-elarte .sec-style .bg-style .sec-content .text-width .style-container {
    display: grid;
    margin-top: 6vw;
  }
  .index-elarte .sec-style .bg-style .sec-content .text-width .style-container .bg-logo {
    width: 13.57vw;
    height: 13.57vw;
    padding: 2.5vw;
    margin: 0 auto 3vw;
  }
  .index-elarte .sec-style .bg-style .sec-content .text-width .style-container .sec-text {
    text-align: center;
    margin: 0 2vw;
  }
  .index-elarte .sec-style .bg-style .sec-content .text-width .style-container .sec-text .subtitle {
    font-size: 3.21vw;
    line-height: 4vw;
    margin-bottom: 2vw;
  }
  .index-elarte .sec-style .bg-style .sec-content .text-width .style-container .sec-text .text {
    font-size: 2.77vw;
    line-height: 3.5vw;
    margin-bottom: 0;
  }
  .index-elarte .sec-production .bg-production .sec-content .text-width {
    order: 2;
    margin: 15vw 6vw;
    height: 35vw;
  }
  .index-elarte .sec-production .bg-production .sec-content .img-width {
    order: 1;
    margin-top: 20vw;
    height: 80vw;
  }
  .index-elarte .sec-production .bg-production .sec-content .video-production iframe {
    width: 100%;
    height: 81.04vw;
  }
  .index-elarte .sec-categories .bg-categories .sec-content .space-categories {
    width: 100%;
    padding: 8vw 8.08vw 0;
  }
  .index-elarte .sec-categories .bg-categories .sec-content .space-categories .content-category {
    width: 20vw;
    height: 20vw;
    margin: 0 1vw;
  }
  .index-elarte .sec-categories .bg-categories .sec-content .space-categories .content-category a figure {
    margin-bottom: .5vw;
  }
  .index-elarte .sec-categories .bg-categories .sec-content .space-categories .content-category a figure img {
    width: 10.99vw;
    height: 10.99vw;
  }
  .index-elarte .sec-categories .bg-categories .sec-content .space-categories .content-category a h3 {
    font-size: 2.27vw;
    line-height: 3.5vw;
    margin-bottom: 0;
  }
  .index-elarte .sec-categories .bg-categories .sec-content .space-categories #see_more {
    margin-top: 2vw;
  }
  .index-elarte .sec-categories .bg-categories .sec-content .space-categories #see_more span {
    font-size: 10vw;
  }
  /***** End Index *****/
  /***** Tools *****/
  /***** Menu *****/
  .header-elarte .menu-fixed .row .icon-fixed {
    width: auto;
  }
  .header-elarte .menu-fixed .row .icon-fixed .btn span,
  .project-elarte .sec-project .sec-info .sec-icon .icon span {
    font-size: 5vw;
  }
  .header-elarte .menu-fixed .row .icon-fixed .dropdown-menu-dark,
  .project-elarte .sec-project .sec-info .sec-icon .icon .dropdown-menu-dark {
    font-size: 3vw;
  }
  .project-elarte .sec-project .sec-info .sec-icon {
    margin-bottom: 4vw;
  }
  .project-elarte .sec-project .sec-info .sec-icon .icon {
    margin-right: 2vw;
  }
  /***** End Menu *****/
  /***** Carousel *****/
  .sec-carousel .carousel-indicators button {
    width: 8vw;
    height: 1vw;
  }
  .index-elarte .sec-carousel .carousel-inner .img-carousel-1,
  .index-elarte .sec-carousel .carousel-inner .img-carousel-2,
  .index-elarte .sec-carousel .carousel-inner .img-carousel-3 {
    height: 65vw;
    padding: 5vw;
    box-shadow: inset 16vw 0vw 30vw 5vw rgba(0, 0, 0, .9);
  }
  .gallery-elarte .sec-carousel .carousel-inner .img-carousel-1,
  .gallery-elarte .sec-carousel .carousel-inner .img-carousel-2,
  .gallery-elarte .sec-carousel .carousel-inner .img-carousel-3 {
    height: 44vw;
  }
  .project-elarte .sec-carousel .carousel-inner .img-carousel {
    height: 90vw;
  }
  .project-elarte .sec-carousel .carousel-inner {
    -webkit-box-shadow: 0px 0px 40px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 40px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 40px -15px rgba(0, 0, 0, 0.75);
    border-radius: 2%;
  }
  .sec-carousel .carousel-inner .img-logo {
    background-position: center bottom;
    background-size: 14.38vw 10.5vw;
  }
  /***** End Carousel *****/
  /***** Paginator *****/
  .sec-pagination nav .pagination {
    justify-content: center;
  }
  .sec-pagination nav .pagination .page-item {
    margin-left: .8vw;
  }
  .sec-pagination nav .pagination .page-item .page-link {
    width: 9.44vw;
    height: .5vw;
  }
  /***** End Paginator *****/
  /***** Breadcrumb *****/
  .sec-breadcrumb {
    padding-bottom: 4vw;
  }
  .sec-breadcrumb .breadcrumb {
    font-size: 2.3vw;
  }
  /***** End Breadcrumb *****/
  /***** End Tools *****/
  /***** Consult - Account *****/
  .consult-elarte .consult-container .sec-consultation-form,
  .account-elarte .account-container .sec-account-form {
    padding: 10vw 11vw;
  }
  .consult-elarte .consult-container .sec-consultation-form .sec-return,
  .account-elarte .account-container .sec-account-form .sec-return {
    margin-bottom: 5vw;
  }
  .consult-elarte .consult-container .sec-consultation-form .sec-return button,
  .account-elarte .account-container .sec-account-form .sec-return button {
    font-size: 2vw;
  }
  .consult-elarte .consult-container .sec-consultation-form .sec-return button span,
  .account-elarte .account-container .sec-account-form .sec-return button span {
    font-size: 5vw;
  }
  .consult-elarte .consult-container .sec-consultation-form .sec-text p,
  .consult-elarte .consult-container .sec-consultation-form .sec-form .img-consult p,
  .account-elarte .account-container .sec-account-form .sec-text p,
  .account-elarte .account-container .sec-form .input-container .input-account .f-password a {
    font-size: 2.5vw;
    line-height: 3vw;
    margin-bottom: 5vw;
  }
  .consult-elarte .consult-container .sec-form .input-consult,
  .account-elarte .account-container .sec-form .input-account {
    font-size: 2.5vw;
  }
  .consult-elarte .consult-container .sec-form .input-consult .form-control,
  .account-elarte .account-container .sec-form .input-account .form-control {
    font-size: 2.5vw;
    height: 7vw;
  }
  .form-floating>.form-control:focus~label,
  .form-floating>.form-control:not(:placeholder-shown)~label,
  .form-floating>.form-select~label {
    transform: scale(.60) translateY(-1vw) translateX(1vw);
  }
  .form-floating>label {
    padding: 3.3vw 2.5vw;
  }
  .consult-elarte .consult-container .sec-form .input-consult .phone-1,
  .account-elarte .account-container .sec-form .input-account .phone-1 {
    width: 14%;
  }
  .consult-elarte .consult-container .sec-form .input-consult .phone-2,
  .account-elarte .account-container .sec-form .input-account .phone-2 {
    width: 84%;
  }
  .consult-elarte .consult-container .sec-form .btn-container .btn-submit,
  .account-elarte .account-container .sec-form .btn-container .btn-submit,
  .account-elarte .account-container .account-responsive .btn-golden {
    font-size: 2.6vw;
    padding: 2vw 6vw;
  }
  /***** End Consult - Account *****/
  /***** Consult *****/
  .consult-elarte .consult-container .sec-consultation-form .sec-text h2 {
    font-size: 3.2vw;
    line-height: 4vw;
    margin-bottom: 3vw;
  }
  .datepicker-header .datepicker-controls .button,
  .datepicker-view .dow,
  .datepicker-view .days .datepicker-cell {
    font-size: 2.5vw;
  }
  .consult-elarte .consult-container .sec-form .input-consult span {
    height: 7vw;
  }
  .consult-elarte .consult-container .sec-form .input-consult .form-control {
    margin-bottom: 3vw;
  }
  .consult-elarte .consult-container .sec-form .textarea-consult,
  .consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .form-floating {
    font-size: 2.5vw;
    margin-bottom: 3vw;
  }
  .consult-elarte .consult-container .sec-form .textarea-consult .form-control {
    font-size: 2.5vw;
    height: 25vw;
    margin-bottom: 3vw;
  }
  .consult-elarte .consult-container .sec-form .img-consult .img-container {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .consult-elarte .consult-container .sec-form .img-consult .img-container .img-form {
    width: 48%;
  }
  .consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .img-border {
    height: 28.35vw;
    border: .5vw dotted var(--gold);
    border-radius: 5%;
    margin-bottom: 1.5vw;
  }
  .consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .img-border span.material-icons-outlined {
    font-size: 8vw;
    margin-bottom: 1vw;
  }
  .consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .img-border figure img {
    width: 32vw;
    height: 23vw;
  }
  .consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .form-floating .form-control {
    font-size: 2.5vw;
    height: 10vw;
  }
  /***** End Consult *****/
  /***** Account *****/
  .account-elarte .account-container .sec-account-form .sec-text h2 {
    font-size: 4vw;
    line-height: 5vw;
    margin-bottom: 5vw;
  }
  .account-elarte .account-container .sec-form .input-container .input-account .f-password {
    margin-bottom: 4vw;
    position: relative;
    top: -3vw;
  }
  .account-elarte .account-container .sec-form .modal .modal-dialog {
    margin: 15%;
  }
  .account-elarte .account-container .sec-form .input-account .form-control {
    margin-bottom: 4vw;
  }
  .account-elarte .account-container .sec-form .input-account .form-check {
    margin-bottom: 5vw;
  }
  .account-elarte .account-container .sec-form .input-account .form-check .form-check-label,
  .account-elarte .account-container .sec-form .input-account .error-message {
    font-size: 2.5vw;
  }
  .account-elarte .account-container .account-responsive {
    display: flex;
    justify-content: space-between;
    padding-top: 5vw;
    margin-top: 6vw;
    border-top: .1vw ridge #ABAFB2;
  }
  .account-elarte .account-container .account-responsive .sec-text {
    width: 50%;
  }
  .account-elarte .account-container .account-responsive .sec-text p {
    font-size: 5vw;
    line-height: 6vw;
    margin-bottom: 0;
  }
  .account-elarte .account-container .account-responsive .sec-button {
    align-self: center;
  }
  .account-elarte .account-container .sec-account-form .menu-emd {
    margin-top: 15vw;
  }
  .account-elarte .account-container .sec-account-form .menu-emd .menu-items a {
    font-size: 2.5vw;
    margin: 0 4vw;
  }
  /***** End Account *****/
  /***** About Us *****/
  .about-us-elarte .sec-description {
    padding: 23vw 7.5vw 7vw;
  }
  .about-us-elarte .sec-description .sec-text {
    padding: 0 4vw;
    text-align: center;
  }
  .about-us-elarte .sec-description .sec-text .title {
    margin-bottom: 7vw;
  }
  .about-us-elarte .sec-description .sec-text .title h4 {
    font-size: 4.18vw;
    line-height: 5.5vw;
    margin: 0;
  }
  .about-us-elarte .sec-description .sec-text .description {
    margin-bottom: 5vw;
  }
  .about-us-elarte .sec-description .sec-text .description p {
    font-size: 3.14vw;
    line-height: 4vw;
    margin: 0;
  }
  .about-us-elarte .sec-description figure {
    width: 100%;
    height: 40vw;
    margin: 0;
  }
  .about-us-elarte .separator {
    border-top: .7vw solid #D9D9D9;
    margin: 0 5vw;
  }
  .about-us-elarte .sec-team-words {
    padding: 0 8vw 7vw;
  }
  .about-us-elarte .sec-team-words .bg-up {
    margin-top: 10vw;
    background-size: 15vw;
  }
  .about-us-elarte .sec-team-words .bg-bottom {
    background-size: 17vw;
  }
  .about-us-elarte .sec-team-words .bg-bottom .team-comment {
    padding-bottom: 14vw;
  }
  .about-us-elarte .sec-team-words .bg-bottom .team-comment .worker {
    margin-bottom: 5vw;
  }
  .about-us-elarte .sec-team-words .bg-bottom .team-comment .worker figure {
    width: 22.65vw;
    height: 22.65vw;
    margin: 0 3vw 0 0;
  }
  .about-us-elarte .sec-team-words .bg-bottom .team-comment .worker figure img {
    box-shadow: 0 .8vw 1vw -.2vw rgba(0,0,0,0.8);
  }
  .about-us-elarte .sec-team-words .bg-bottom .team-comment .worker .text-container h4 {
    font-size: 4.18vw;
    line-height: 4vw;
  }
  .about-us-elarte .sec-team-words .bg-bottom .team-comment .worker .text-container p {
    font-size: 3.48vw;
    line-height: 4vw;
  }
  .about-us-elarte .sec-team-words .bg-bottom .team-comment .comment {
    font-size: 3.14vw;
    line-height: 4vw;
  }
  .about-us-elarte .sec-team {
    padding: 10vw 28vw 7vw;
  }
  .about-us-elarte .sec-team .title {
    font-size: 4.18vw;
    margin-bottom: 10vw;
  }
  .about-us-elarte .sec-team .team .member {
    margin-bottom: 7vw;
  }
  .about-us-elarte .sec-team .team .member .img-container figure {
    width: 22.65vw;
    height: 22.65vw;
    margin-bottom: 2vw;
  }
  .about-us-elarte .sec-team .team .member .img-container figure img {
    box-shadow: 0 .8vw 1vw -.2vw rgba(0,0,0,0.8);
  }
  .about-us-elarte .sec-team .team .member h4 {
    font-size: 4.18vw;
    margin-bottom: 0;
  }
  .about-us-elarte .sec-team .team .member p {
    font-size: 3.48vw;
    margin-bottom: 2vw;
  }
  .about-us-elarte .sec-team .team .member .comment {
    font-size: 2.96vw;
    line-height: 3.5vw;
    margin-bottom: 0;
  }
  .about-us-elarte .sec-customer-comments {
    padding: 10vw 7.5vw 25vw;
  }
  .about-us-elarte .sec-customer-comments .sec-title {
    padding: 0 4vw;
    margin-bottom: 7vw;
  }
  .about-us-elarte .sec-customer-comments .sec-title h4 {
    font-size: 4.18vw;
    margin-bottom: 5vw;
  }
  .about-us-elarte .sec-customer-comments .sec-title p {
    font-size: 3.14vw;
    line-height: 4vw;
    margin-bottom: 0;
  }
  .about-us-elarte .sec-customer-comments .sec-carousel .carousel-indicators {
    bottom: -12vw;
  }
  .about-us-elarte .sec-customer-comments .sec-carousel .carousel-inner {
    padding: 0 2vw;
  }
  .about-us-elarte .sec-customer-comments .sec-carousel .carousel-control-prev,
  .about-us-elarte .sec-customer-comments .sec-carousel .carousel-control-next {
    width: 6%;
  }
  .about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment {
    width: 50%;
    margin: 0 2vw;
  }
  .about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .card-comment {
    padding: 5vw 3vw;
    border-radius: 3%;
  }
  .about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .qualification {
    margin-bottom: 1.5vw;
  }
  .about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .qualification .material-icons-outlined {
    font-size: 3vw;
  }
  .about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .bg-up {
    background-size: 2.5vw;
  }
  .about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .bg-up .bg-bottom {
    background-size: 2.5vw;
    padding: 2.5vw 3vw;
    margin-bottom: 3vw;
  }
  .about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .bg-up .bg-bottom p {
    font-size: 2.61vw;
    line-height: 3vw;
    margin-bottom: 0;
  }
  .about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .customer .circle {
    width: 7.52vw;
    height: 7.52vw;
    margin-right: 2vw;
  }
  .about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .customer .circle p {
    font-size: 4.5vw;
    margin-bottom: 0;
  }
  .about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .customer .name {
    font-size: 2.38vw;
    margin-bottom: 0;
  }
  /***** End About Us *****/
  /***** Gallery *****/
  .gallery-elarte .sec-publicity {
    padding-top: 20vw;
  }
  .gallery-elarte .sec-publicity .sec-text {
    padding: 5vw 11vw 10vw;
    text-align: center;
  }
  .gallery-elarte .sec-publicity .sec-text .img-category figure img {
    width: 10.99vw;
    height: 10.99vw;
  }
  .gallery-elarte .sec-publicity .sec-text .img-category h3 {
    font-size: 2.59vw;
    line-height: 2.2vw;
    margin-bottom: 2vw;
  }
  .gallery-elarte .sec-publicity .sec-text .text-category p {
    font-size: 2.59vw;
    line-height: 3.2vw;
  }
  .gallery-elarte .sec-gallery .bg-shadow-bottom {
    padding: 0 11vw 20vw;
  }
  .gallery-elarte .sec-gallery .sec-btn-scroll {
    top: -3.5vw;
  }
  .gallery-elarte .sec-gallery .sec-btn-scroll .btn-golden {
    width: 8vw;
    height: 8vw;
  }
  .gallery-elarte .sec-gallery .sec-btn-scroll .btn-golden span {
    font-size: 7.4vw;
    padding: .1vw;
    line-height: 7.8vw;
  }
  .gallery-elarte .sec-gallery .sec-type-product {
    padding-top: 5vw;
  }
  .gallery-elarte .sec-gallery .sec-type-product .sec-title {
    padding-bottom: 8vw;
  }
  .gallery-elarte .sec-gallery .sec-type-product .sec-title h2 {
    text-align: center;
    font-size: 5.81vw;
    margin: 0;
  }
  .gallery-elarte .sec-gallery .sec-type-product .sec-title span {
    display: flex;
    justify-content: center;
    font-size: 2.79vw;
  }
  .gallery-elarte .sec-gallery .sec-type-product .product {
    margin-bottom: 8vw;
  }
  .gallery-elarte .sec-gallery .sec-type-product .product .img-container {
    display: flex;
    justify-content: center;
  }
  .gallery-elarte .sec-gallery .sec-type-product .product .img-container .img-type-product {
    width: 59.13vw;
    height: 50.43vw;
    margin-bottom: 3vw;
  }
  .gallery-elarte .sec-gallery .sec-type-product .product .text-container {
    text-align: center;
  }
  .gallery-elarte .sec-gallery .sec-type-product .product .text-container .title {
    margin-bottom: 3vw;
  }
  .gallery-elarte .sec-gallery .sec-type-product .product .text-container .title h3 {
    font-size: 3.7vw;
  }
  .gallery-elarte .sec-gallery .sec-type-product .product .text-container .title figure {
    margin-bottom: 0;
  }
  .gallery-elarte .sec-gallery .sec-type-product .product .text-container .title figure img {
    width: 10.99vw;
    height: 10.99vw;
  }
  .gallery-elarte .sec-gallery .sec-type-product .product .text-container .text p {
    margin-bottom: 0;
    font-size: 2.4vw;
    line-height: 3.2vw;
  }
  /***** End Gallery *****/
  /***** Gallery Detail *****/
  .gallery-detail-elarte .sec-type-product {
    padding: 20vw 11vw 8vw;
  }
  .gallery-detail-elarte .sec-type-product .type-product .video-product {
    display: flex;
    justify-content: center;
    margin-bottom: 5vw;
  }
  .gallery-detail-elarte .sec-type-product .type-product .video-product iframe {
    width: 77vw;
    height: 72vw;
  }
  .gallery-detail-elarte .sec-type-product .type-product .text-container .btn-container {
    display: flex;
    justify-content: center;
  }
  .gallery-detail-elarte .sec-type-product .type-product .title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3vw;
  }
  .gallery-detail-elarte .sec-type-product .type-product .title h3 {
    font-size: 3.41vw;
    line-height: 4vw;
    margin-left: 1vw;
    margin-bottom: 0;
    text-align: center;
  }
  .gallery-detail-elarte .sec-type-product .type-product .title figure {
    margin: 0;
  }
  .gallery-detail-elarte .sec-type-product .type-product .title figure img {
    width: 7.18vw;
    height: 7.18vw;
  }
  .gallery-detail-elarte .sec-type-product .type-product p {
    font-size: 2.59vw;
    line-height: 3.2vw;
    margin-bottom: 4vw;
    text-align: center;
  }
  .gallery-detail-elarte .sec-type-product .type-product .btn-golden {
    font-size: 2vw;
    padding: 0.8vw 10vw;
  }
  .gallery-detail-elarte .sec-gallery .bg-shadow-bottom {
    padding: 0 11vw 20vw;
  }
  .gallery-detail-elarte .sec-gallery .sec-btn-scroll {
    top: -3.5vw;
  }
  .gallery-detail-elarte .sec-gallery .sec-btn-scroll .btn-golden {
    width: 8vw;
    height: 8vw;
  }
  .gallery-detail-elarte .sec-gallery .sec-btn-scroll .btn-golden span {
    font-size: 7.4vw;
    padding: .1vw;
    line-height: 7.8vw;
  }
  .gallery-detail-elarte .sec-gallery .sec-list-project {
    padding-top: 5vw;
  }
  .gallery-detail-elarte .sec-gallery .sec-list-project .sec-title {
    padding-bottom: 8vw;
  }
  .gallery-detail-elarte .sec-gallery .sec-list-project .sec-title h2 {
    text-align: center;
    font-size: 5.81vw;
    margin: 0;
  }
  .gallery-detail-elarte .sec-gallery .sec-list-project .sec-title span {
    display: flex;
    justify-content: center;
    font-size: 2.79vw;
  }
  .gallery-detail-elarte .sec-gallery .sec-list-project .project-container {
    margin-bottom: 8vw;
  }
  .gallery-detail-elarte .sec-gallery .sec-list-project .project-container .project {
    margin-bottom: 2vw;
    padding: 0 1vw;
  }
  .gallery-detail-elarte .sec-gallery .sec-list-project .project-container .project .img-project {
    width: 100%;
    height: 31.61vw;
  }
  .gallery-detail-elarte .sec-gallery .sec-list-project .project-container .project .img-project .text-container {
    padding: 5vw;
  }
  .gallery-detail-elarte .sec-gallery .sec-list-project .project-container .project .img-project .text-container p {
    font-size: 2.4vw;
    line-height: 3.2vw;
  }
  /***** End Gallery Detail *****/
  /***** Project *****/
  .project-elarte {
    margin: 3vw;
    padding: 5vw;
  }
  .project-elarte .sec-project .sec-carousel {
    padding: 0 5vw;
    margin-bottom: 5vw;
  }
  .project-elarte .sec-project .sec-info .sec-text h4 {
    padding: 0 5vw;
    font-size: 3.41vw;
    line-height: 4vw;
    margin-bottom: 4vw;
    text-align: center;
  }
  .project-elarte .sec-project .sec-info .sec-text .description h4,
  .project-elarte .sec-project .sec-info .sec-related h4 {
    padding: 0 5vw;
    font-size: 2.3vw;
    line-height: 3.2vw;
    margin-bottom: 2vw;
    text-align: start;
  }
  .project-elarte .sec-project .sec-info .sec-text .description p {
    padding: 0 5vw;
    font-size: 2vw;
    line-height: 2.5vw;
    margin-bottom: 5vw;
  }
  .project-elarte .sec-project .sec-info .sec-related .img-container {
    padding: 0 5vw;
    margin-bottom: 5vw;
  }
  .project-elarte .sec-project .sec-info .sec-related .img-container .related-project {
    width: 23.7vw;
  }
  .project-elarte .sec-project .sec-info .sec-related .img-container .related-project .img-project {
    height: 18vw;
    margin-bottom: 1.5vw;
  }
  .project-elarte .sec-project .sec-info .sec-related .img-container .related-project p {
    font-size: 1.8vw;
    line-height: 2.5vw;
  }
  /***** End Project *****/
}