@media screen and (max-width: 1600px) { .blog-archive-grid .news-box-img {
height: 17.59vw;
} .news-box .news-box-title h2 {
margin: 13px 0;
font-size: 19px;
} .blog-highlighted-news .news-box-img {
height: 13.855vw;
}
.blog-highlighted-news .news-box-highlighted .news-box-img {
height: 43.373vw !important;
}
.blog-highlighted-news .cell-center {
padding: 0 20px;
width: 44%;
}
.blog-highlighted-news .cell-left, 
.blog-highlighted-news .cell-right {
width: 28%;
}
}
@media screen and (max-width: 1366px) {
#masonry-container .masonry-item-container {
height: 82vh;
} .half-stripe-spacing-top {
padding-top: 35px;
padding-bottom: 35px;
}
.half-stripe-spacing-top {
padding-top: 35px;
}
.half-stripe-spacing-bottom {
padding-top: 35px;
}
.stripe-spacing {
padding-top: 70px;
padding-bottom: 70px;
}
.stripe-spacing-top {
padding-top: 70px;
}
.stripe-spacing-bottom {
padding-bottom: 70px;
} .portfolio-post-image {
height: 550px;
} .video-container iframe {
max-height: 90vh !important;
} .default-gallery .gallery-item {
min-width: 34%;
}
.default-gallery img {
max-height: 90vh;
} .social-links .menu .single-social a {
font-size: 16px !important;
} .popup-image img {
width: 320px;
}
.popup-image-container {
margin-right: 70px;
} .blog-archive-grid > .news-box {
width: calc(33.3% - 13.4px);
}
.blog-archive-grid {
gap: 40px 20px;
}
.blog-archive-grid .news-box-img {
height: 18.009vw;
} .news-box .news-box-title h2 {
margin: 12px 0;
font-size: 18px;
} .blog-highlighted-news .news-box-img {
height: 15.666vw
}
}
@media screen and (max-width: 1200px) {
body:not(.home) h1 {
font-size: 34px;
}
body:not(.home):not(.post-type-archive-artistic_portfolio):not(.post-type-archive-pubblicationi) h1 {
padding-bottom: 0;
}
.btn {
margin-top: 25px;
}  .center-slide-title h2 {
font-size: 13px;
}
.center-slide-cotnaienr a {
padding-top: 30px;
}
.image-container {
width: 265px;
height: 385px;
}
}
@media screen and (max-width: 992px) {
.btn {
margin-top: 10px;
} h1 {
font-size: 40px;
}
h2 {
font-size: 22px;
}
body:not(.home) h1 {
font-size: 31px;
}  #portfolio-gallery .stripe-container-full {
padding-bottom: 0;
} .post-type-archive-portfolio #masonry-container .stripe-container {
padding-top: 0;
}
#masonry-container .masonry-item {
padding: 40px 0;
} #masonry-container .masonry-item-container {
height: 450px;
}
.artistic-portfolio .text-cell .cell-container-inner {
padding-right: 30px;
}
.artistic-portfolio .text-cell {
width: 55%;
}
.artistic-portfolio .img-cell {
width: 45%;
}
.portfolio-post-image {
height: 475px;
}
.portfolio-post-title {
left: 0;
opacity: 0;
} .swiper-slide img {
max-height: 465px;
} #main .masonry .gallery figure {
padding: 0 !important;
padding-bottom: 60px !important;
}
#main .masonry .gallery figure:last-child {
padding-bottom: 0 !important;
}
.masonry .gallery figure {
grid-column-start: span 12 !important;
}
.masonry .gallery a img {
object-fit: cover;
width: 100%;
height: 100%;
}
.slide {
padding: 70px;
}
.masonry .stripe-container-large,
.default-gallery .stripe-container {
padding-top: 0;
} .default-gallery img {
max-height: 390px;
} .page-template-template-social-wall #instagram .stripe-container {
padding-top: 0 !important;
} .contact-popup {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}
.contact-popup:first-child {
padding-bottom: 0;
}  .filter-button a {
font-size: 12px;
padding-bottom: 5px;
} .blog-archive-grid > .news-box {
width: calc(50% - 10px);
}
.blog-archive-grid .news-box-img {
height: 26.815vw;
} .news-box .news-box-title h2 {
margin: 10px 0;			
font-size: 17px;
} .blog-highlighted-news .cell-center {
width: 100%;
order: 1;
}
.blog-highlighted-news .cell.cell-left {
width: 50%;
order: 2;
padding-right: 10px;
}
.blog-highlighted-news .cell.cell-right {
width: 50%;
order: 3;
padding-left: 10px;
}	
.blog-highlighted-news .news-box-img {
height: 26.206vw;
}
.blog-highlighted-news .cell-center {
padding: 0;
}
.blog-highlighted-news .news-box-highlighted {
margin-bottom: 50px;
}
.blog-highlighted-news .news-box-highlighted .news-box-title {
margin: 20px;
}
.blog-highlighted-news .news-box-highlighted .news-box-title h2 {
margin-bottom: 0;
}
.blog-highlighted-news .news-box-highlighted .news-box-img {
height: 75vw !important;
}
}
@media screen and (max-width: 600px) {
.swiper-button-prev, .swiper-button-next {
width: 70px;
} h1 {
font-size: 25px !important;
}
h2 {
font-size: 12px !important;
margin-bottom: 10px;
}
h3 {
font-size: 14px;
}
#breadcrumbs * {
font-size: 10px;
}
p, a, p a, li {
font-family: "Raleway-Regular", sans-serif;
font-size: 11px;
}
p {
margin-bottom: 13px;
}
.small-text,
.small-text * {
font-size: 11px;
} .stripe-spacing {
padding-top: 50px;
padding-bottom: 50px;
}
.stripe-spacing-top {
padding-top: 50px;
}
.stripe-spacing-bottom {
padding-bottom: 50px;
}
.half-stripe-spacing {
padding-top: 40px;
padding-bottom: 40px;
}
.half-stripe-spacing-top {
padding-top: 40px;
}
.half-stripe-spacing-bottom {
padding-bottom: 40px;
} .center-slide-title h2 {
font-size: 13px;
font-weight: 400;
}
.slider-1-center .slick-list {
padding: 0px 27px !important;
}
.image-container {
width: 286px;
height: 330px;
}
div#sbi_images .sbi_item {
width: 50% !important;
height: 50vw;
}
div#sbi_images .sbi_item a {
background-size: cover !important;
background-position: center !important;
}
div#sbi_images .sbi_item a {
height: 50vw !important;
}
#partner .swiper-container-scroll {
margin-top: 20px;
}
#partner .swiper-scrollbar {
margin-top: 20px;
}
#partner .single-partner-logo img {
height: 60px;
max-width: 150px;
max-height: 60px;
}
.instagram-logo {
font-size: 50px;
} #masonry-container .masonry-item-container {
height: 300px;
}
#masonry-container .masonry-item {
padding: 20px 0;
}
.masonry-preview {
padding-top: 10px;
} .artistic-portfolio .text-cell .cell-container-inner {
padding-right: 0;
}
.artistic-portfolio .text-cell, .artistic-portfolio .img-cell {
width: 100%;
}
.artistic-portfolio .img-cell {
padding-top: 30px;
}
.portfolio-post-image {
height: auto;
}
.portfolio-post-image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
} .slide {
padding: 20px;
}
.swiper-slide {
margin-right: 25px;
margin-left: 0;
} #portfolio-gallery .stripe-container {
padding-top: 0;
}
.swiper-slide img {
max-height: 200px;
} #main .masonry .gallery figure,
.gallery-item {
padding-bottom: 30px !important;
}
.default-gallery .gallery-item {
min-width: unset;
}
.default-gallery img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
} .popup .popup-container h2 {
margin-bottom: 20px;
}
.popup-container-inner {
max-height: unset;
}
.popup .popup-text {
width: 100%;
}
.popup .popup-contacts {
width: 100%;
}
.popup .close-popup {
top: 20px;
right: 20px;
width: 20px;
height: 20px;
}
.popup .popup-text-container p {
font-size: 13px;
}
.contact-popup {
text-align: left;
}
.contact-popup a {
margin-bottom: 20px;
font-size: 14px;
padding-bottom: 5px;
}
#pro-social .menu.align-center {
justify-content: flex-start;
}
#pro-social .social-links .single-social a {
margin: 0 !important;
margin-right: 20px !important;
}
.email-popup {
padding-top: 25px;
}
.popup-content {
flex-flow: wrap;
}
.popup .popup-container {
overflow: scroll;
padding: 60px 0;
align-items: unset;
}
.popup-content {
align-items: unset !important;
}
.popup-image img {
width: 320px;
height: 350px;
object-position: left;
}
.popup-image {
margin-bottom: 21px;
}
.popup-image-container {
margin-right: 0;
}
.contact-popup a {
margin-bottom: 0px;
}  .filter-button {
margin: 0 10px;
margin-bottom: 10px;
}
.filter-button a {
font-size: 10px;
} .news-box .news-box-title h2 {
font-size: 16px !important;
}
.news-box-title,
.news-box-date {
text-align: center;
}
.news-box .news-box-title h2 {
padding: 0 20px;
} .blog-archive-grid {
gap: 40px 0;
}
.blog-archive-grid > .news-box {
width: 100%;
}
.blog-highlighted-news .cell.cell-left,
.blog-highlighted-news .cell.cell-right {
width: 100%;
padding: 0;
}
.blog-archive-grid .news-box-img,
.blog-highlighted-news .news-box-img {
height: 52.667vw;
} .news-box-highlighted .news-box-title h2 {
font-size: 16px !important;
}
.blog-highlighted-news .news-box-highlighted .news-box-title {
margin: 10px;
}
}
@media screen and (max-width: 390px) {
.image-container {
width: 250px;
}
}