@media only screen and (max-width: 1750px) {
.big-wrapper {
width: 90%;
}
}
@media only screen and (max-width: 1640px) {
#TechnicalSolutions .technical-solitions-slider .item .image {width:600px; }
#TechnicalSolutions .technical-solitions-slider .item .details { width:calc(100% - 600px - 60px)}
#HomeBlog .home-blog-slider .item .image {width:600px; }
#HomeBlog .home-blog-slider .item .details { width:calc(100% - 600px - 60px)}
}
@media only screen and (max-width: 1366px) {
.homeSection .home-product-banners .banner-product-item .caption { left:35px; }
.homeSection .home-product-banners.single .banner-product-item .legend { left:35px; overflow:hidden; width:calc(100% - 185px) }
.homeSection .home-product-banners .owl-nav {right: 35px}
.homeSection .home-product-banners.multiple .banner-product-item .legend { left:35px; }
#HomePublicOffering .caption h4{ letter-spacing:15px;}
footer .big-wrapper .wrapper{ width:98%}
}
@media only screen and (max-width: 1200px){
.wrapper { width: 90%; }
#homeSeries .wrapper { width: 75%; }
#homeSeries .series-list .item .image-frame { width: 250px; height: 250px; }
#homeSeries .series-list .item .content { width: calc(100% - 350px); }
.other-references-list { grid-template-columns:auto auto auto }
#NewHomeSlider .item .caption{width:90%}
#NewHomeSlider .owl-nav{right:5%}
.homeSection .home-product-banners.single .banner-product-item .legend .item img { width:150px; }
#TechnicalSolutions .technical-solitions-slider .item .image {width:450px; }
#TechnicalSolutions .technical-solitions-slider .item .details { width:calc(100% - 450px - 60px)}
##HomeBlog .home-blog-slider .item .image {width:450px; }
#HomeBlog .home-blog-slider .item .details { width:calc(100% - 450px - 60px)}
footer .catalog{width:250px; padding:30px;}
}
@media only screen and (max-width: 1024px){
#megaMenu .menu .main-menu .main-menu-header { padding:32px 20px; }
#megaMenu .menu .main-menu .main-menu-nav nav { padding-left: 76px; }
#megaMenu .menu .main-menu .main-menu-footer { padding:30px 0 30px 76px }
#megaMenu .sub-menu h5 { padding:40px 0 10px 30px; }
#megaMenu .sub-menu ul { padding:0 30px; }
#megaMenu .alternative-menu { padding:40px 20px; }
.reference-content { flex-direction: column; }
.reference-content .reference-slider { width: 100%; }
.reference-content .reference-slider .owl-nav { display:none; }
.reference-content .reference-detail { width: 100%; padding: 0; margin-top: 24px; }
.reference-content .reference-detail h4 { font-size: 12px; }
.reference-content .reference-detail h2 { font-size: 36px; line-height: 54px; }
.other-references-list { margin-top: 44px; grid-template-columns:auto auto; grid-gap:8px }
#TechnicalSolutions .technical-solitions-slider .item {flex-direction:column;}
#TechnicalSolutions .technical-solitions-slider .item .image {width:100%; }
#TechnicalSolutions .technical-solitions-slider .item .details { width:100%;}
#TechnicalSolutions .technical-solitions-slider .owl-dots{position:relative;}
#HomeBlog .home-blog-slider .item {flex-direction:column;}
#HomeBlog .home-blog-slider .item .image {width:100%; }
#HomeBlog .home-blog-slider .item .details { width:100%;}
#HomeBlog .home-blog-slider .owl-dots{position:relative;}
#HomePublicOffering .caption h4{ letter-spacing:5px;}
.homeSection .slider-container {flex-direction:column;}
.homeSection .slider-container .item {width:100%}
footer .catalog{display:none;}
footer .footer-content{width:100%; padding:20px;}
footer .footer-content .menu-line{padding:0}
footer .footer-content .menu-line {flex-wrap:wrap}
footer .footer-content .menu-line .item{width:30%; flex:auto;}
}
@media only screen and (max-width: 980px){
#megaMenu .menu .main-menu .main-menu-nav { overflow: auto; height: calc(100vh - 205px); }
#megaMenu .menu .main-menu .main-menu-nav nav { padding-left: 30px; }
#megaMenu .menu .main-menu .main-menu-nav nav ul li a { position:relative }
#megaMenu .menu .main-menu .main-menu-nav nav ul li a .arrowDown { background: rgba(255, 255, 255, 0.24); width: 24px; height: 24px; display: block; border-radius: 100%; position: absolute; right: 10px; top:-3px; background-image: url(../../images/icons/down-arrow.svg); background-repeat: no-repeat; background-position: center; transition: all 0.3s; }
#megaMenu .menu .main-menu .main-menu-nav nav ul li ul li a { color:rgba(255, 255, 255, 0.24); margin:12px 0; }
#megaMenu .menu .main-menu .main-menu-nav nav ul li:before { display:none !important; }
/*
#megaMenu .menu .main-menu .main-menu-nav nav ul li:hover .arrowDown { transform: rotate(180deg); }
#megaMenu .menu .main-menu .main-menu-nav nav ul li:hover ul { display:block; margin-left: 5px; }
#megaMenu .menu .main-menu .main-menu-nav nav ul li:hover ul li ul { display:block; }
#megaMenu .menu .main-menu .main-menu-nav nav ul li:hover ul li ul li { }
#megaMenu .menu .main-menu .main-menu-nav nav ul li:hover ul li ul li a { font-size: 16px; font-weight: 200; color:#fff; margin:24px 0; }
*/
#megaMenu .menu .main-menu .main-menu-nav nav ul li a.open .arrowDown {
transform: rotate(180deg);
}
#megaMenu .menu .main-menu .main-menu-nav nav ul li ul.open {
display: block;
margin-left: 5px;
}
#megaMenu .menu .main-menu .main-menu-nav nav ul li ul.open li ul {
display: block;
}
#megaMenu .menu .main-menu .main-menu-nav nav ul li ul.open li ul li {
}
#megaMenu .menu .main-menu .main-menu-nav nav ul li ul.open li ul li a {
font-size: 16px;
font-weight: 200;
color: #fff;
margin: 24px 0;
}
#megaMenu .menu .main-menu .main-menu-footer { padding:20px 0; text-align: center; }
#megaMenu .sub-menu { display: none !important; }
#megaMenu .alternative-menu { display:none !important }
#homeSlider .home-slider-container { height: 100vh; }
#homeSlider .home-slider-container .item { height: 100vh; }
#homeSlider .home-slider-container .owl-nav { display: none; }
#homeSeries .wrapper { width: 75%; }
/* #homeSeries .series-list .item .image-frame { width: 200px; height: 200px; } */
#homeSeries .series-list .item .content { width: calc(calc(100% - 310px)); padding-left: 40px !important; }
#homeSeries .series-list .item .content h4 { font-size: 44px; }
#homeSeries .series-list .item .content p { font-size: 14px; }
#homeTechnicalSolutions .technical-solutions-list .item .image { width: 320px; height: 240px; }
#homeTechnicalSolutions .technical-solutions-list .item .content { width: calc(100% - 320px - 30px); }
#homeTechnicalSolutions .technical-solutions-list .item .content h4 { font-size: 44px; }
#homeTechnicalSolutions .technical-solutions-list .item .content h6 { margin: 15px 0; }
#homeTechnicalSolutions .technical-solutions-list .item .content p { font-size: 14px; }
#HomeBlog .home-blog-slider.item .content { width: calc(100% - 320px - 30px); }
#HomeBlog .home-blog-slider .item .content h4 { font-size: 44px; }
#HomeBlog .home-blog-slider .item .content h6 { margin: 15px 0; }
#HomeBlog .home-blog-slider .item .content p { font-size: 14px; }
#homeReferences .references-list .item { width: calc((100% / 3) - 25px); }
#homeCatalogs .catalog-container { flex-direction: column; }
#homeCatalogs .catalog-container .left-container { width: 100%; margin-bottom: 20px; }
#homeCatalogs .catalog-container .right-container { width: 100%; }
#homeSalesPoints { background: #861F41; padding: 0; }
#homeSalesPoints .wrapper { flex-direction: column; }
#homeSalesPoints .col { text-align: center; margin:10px 0; }
/*footer .footer-top .wrapper { flex-direction: column; }
footer .footer-top .right { justify-content: center; flex-direction: column; }
footer .footer-top .right .copyright {
margin-left: 0;
padding-left: 0;
}*/
/* SONER REVISION */
/*footer .footer-top .right .copyright::after {
display: none;
}*/
/* SONER REVISION */
/*footer .footer-top .right .copyright .copyright-logo { margin: auto; }
footer .footer-top .right .copyright .social-media { text-align: center; }*/
.content-page .two-column-container {
flex-direction: column;
}
.content-page .two-column-container .left-container {
width: 100%;
}
.content-page .two-column-container .left-container.mobileform {
order: 2;
margin-top: -80px;
}
.content-page .two-column-container .right-container {
width: 100%;
}
.content-page .two-column-container .right-container.mobileform {
order: 1;
display: block !important;
margin-top: 120px;
}
.content-page .our-philosophy .philosophy-items {grid-template-columns: auto auto; }
.content-page .two-column-container .right-container.contact-map{display: none;}
/* .content-page .sales-points, .content-page .factory-and-stores{display:none} */
.content-page .our-philosophy{padding:50px 0;}
.content-page .our-philosophy h2{font-size: 36px;}
.mobile-references-filter-button { display: block; background: rgba(42, 42, 42, 0.04); color: #2a2a2a; font-size: 12px; font-weight: 600; font-family: "Poppins"; padding:8px 12px; align-items: center; width: 120px; margin:auto }
.mobile-references-filter-button img { margin-right: 10px; }
.references-filter { position: fixed; top: -100%; left: 0; width: 100%; height: 100vh; z-index: 99; flex-direction: column; justify-content: flex-start; align-items: flex-start; transition: top 0.5s; }
.references-filter.show {top:0 }
.references-filter .close-btn {width: 40px; height: 40px; display: block; border-radius: 100%; background: rgba(42, 42, 42, 0.36); display: flex; justify-content: center; align-items: center; margin-bottom: 40px; }
.references-filter .filter-title { margin-bottom: 40px;}
.references-filter .filter-selections{flex-direction: column; width: 100%;}
.references-filter .filter-selections .item{margin: 0 0 15px 0; width: 100%;}
.references-filter .filter-selections .item select{padding:14px 35px 14px 20px}
.references-filter .filter-actions { display: block; width: 100%; margin-top: 100px; }
.references-filter .filter-actions button{ display: flex; border: none; width: 100%; font-size: 12px;font-weight: 600; font-family: "Poppins"; padding:14px 0; margin-bottom: 16px; align-items: center; justify-content: center; }
.references-filter .filter-actions button img{margin-right: 15px;}
.references-filter .filter-actions button.apply{ background: #861F41; color: #fff;}
.references-filter .filter-actions button.clear{ background: rgba(42, 42, 42, 0.4); color: #2a2a2a;}
.series-page .series-filter {flex-direction: column; align-items: flex-start; box-shadow: none; padding: 0;}
.series-page .series-filter .filter-selections{flex-direction: column; width: 100%; margin-top: 24px;}
.series-page .series-filter .filter-selections .item{margin: 0 0 15px 0; width: 100%;}
.series-page .series-list .item,.series-page .series-list .item.reverse{flex-direction: column;}
/* .series-page .series-list .item .image{width: 100%;} */
.series-page .series-list .item .content{width: 100%; margin-top: 16px;}
.series-page .series-list .item .content h4{font-size: 36px;}
.series-page .series-list .item .content-blog {
width: 90%;
}
.series-page .series-list .item .content-blog h4 {
font-size: 36px;
}
#homeOpinions .section-title h2{font-size:34px}
#homeOpinions .section-body .caption h3 { flex-direction: column; align-items: flex-start }
.homeSection .home-product-banners .banner-product-item .caption { width:calc(100% - (35px * 2)); }
}
@media only screen and (max-width: 768px) {
#HomePublicOffering .caption{padding:0 30px;}
#HomePublicOffering .caption .box{font-size:26px}
header .header-container .right-container .signup {
display: none;
}
#homeSeries h3 { font-size: 14px; }
#homeSeries h3 strong { font-size: 36px; }
.select-sales-point-container { width: unset !important; }
.select-sales-point-container .row .col {
flex: unset;
}
.select-sales-point-container .row {
margin-bottom: 10px;
}
.content-page .factory-and-stores .factory-and-stores-list {
display: unset;
}
.content-page .factory-and-stores .factory-and-stores-list .item {
margin-bottom: 10px;
}
.content-page .sales-points .sales-point-list {
display: unset;
}
.content-page .sales-points .sales-point-list .item {
margin-bottom: 10px;
}
.dontshowonmobile
{
display: none !important;
}
.aquaniticon
{
width: unset !important;
float: unset !important;
}
.icondesc {
min-height: unset !important;
}
.fit-to-screen
{
display: block !important;
}
.contact-closest-point {
width: 100%;
padding: 10px;
font-size:12px;
}
}
@media only screen and (max-width: 640px){
#NewHomeSlider {
display: none;
}
#NewHomeSliderMobile {
display: block;
}
.owl-prev {
display: none;
}
.owl-next {
display: none;
}
#NewHomeSliderMobile .owl-nav {
right: calc((100vw - 100px) / 2);
bottom: 35px;
}
.homeSection .home-product-banners .owl-nav {
bottom: 35px;
right: 20px;
}
.homeSection .home-product-banners .banner-product-item .legend .item .name { font-size: 16px; }
.homeSection .home-product-banners .banner-product-item .legend .item .size {
font-size: 12px;
}
.homeSection .home-product-banners.single .banner-product-item .legend {
bottom: 35px;
}
.homeSection .home-product-banners .banner-product-item .legend a:nth-of-type(n+3) {
display: none !important;
}
.homeSection .home-product-banners .banner-product-item .legend .item .legend-images {
width: unset;
}
.homeSection .home-product-banners.single .banner-product-item .legend .item img {
height: 40px;
}
#megaMenu .backdrop {
background: none;
}
header .header-container .right-container .language { margin-left: 8px; }
header .header-container .right-container .loginlabel {display: none;}
header .header-container .right-container .dropdownuser {display: none;}
header .header-container .right-container .dropdowngeography {display: none;}
header .header-container .right-container .language .oldspan { font-size: 11px; }
#entryPopup .close {z-index: 1;}
#entryPopup .popup-content { width: 90%; }
.home-section-header { flex-direction: column; align-items: flex-start; }
.home-section-header .title h5 { font-size: 12px; }
.home-section-header .title h4 { font-size: 36px; }
.home-section-header .actions { margin-left: 0; }
#homeSeries .wrapper { width: 70%; }
#homeSeries .series-list .item { flex-direction: column; align-items: flex-start; }
#homeSeries .series-list .item.reverse { flex-direction: column; }
/* #homeSeries .series-list .item .image-frame { width: 150px; height: 150px; } */
/* #homeSeries .series-list .item .content { margin-top: -25px; width: 100%; padding-left: 150px; } */
#homeSeries .series-list .item .content {
margin-top: 55px;
width: 100%;
padding-left: 5px !important;
}
#homeSeries .series-list .item .content h4 { font-size: 24px; }
#homeTechnicalSolutions .technical-solutions-list .item,#homeTechnicalSolutions .technical-solutions-list .item.reverse { flex-direction: column; }
/* #homeTechnicalSolutions .technical-solutions-list .item .image { width: 100%; } */
#homeTechnicalSolutions .technical-solutions-list .item .content { width: 100%; }
#homeTechnicalSolutions .technical-solutions-list .item .content h4 { font-size: 24px; margin-top: 15px; }
#homeTechnicalSolutions .technical-solutions-list .item .content p { font-size: 18px; }
#homeReferences .references-list .item { width: calc((100% / 2) - 20px); }
#homeCatalogs .catalog-container .left-container select { width: 100%; }
#homeCatalogs .catalog-container .right-container .catalog-information h6 { display: none; }
#homeCatalogs .catalog-container .right-container .catalog-preview { margin-right: 10px; }
#homeCatalogs .catalog-container .right-container .catalog-information .button-group a { margin-top: 0; margin-bottom: 16px; }
#homeSalesPoints .wrapper { padding: 40px 0; }
#homeSalesPoints .col { width: 100%; text-align: left; }
#homeSalesPoints .col:nth-child(1) { order: 1; }
#homeSalesPoints .col:nth-child(2) { order:2 }
#homeSalesPoints .col:nth-child(3) { order:3 }
#homeSalesPoints .col select { width: 100%; padding: 25px 60px 26px 20px; background-position: right 25px center; }
#homeSalesPoints .col h5 { font-size: 36px; }
#homeSalesPoints .col span { font-size: 14px; }
/*footer .footer-top .right { margin-top: 25px; }*/
.reference-content .reference-slider .item { height: 300px; }
.content-page .our-philosophy .philosophy-items {grid-template-columns: auto; }
.series-page .series-page-slider .item{height: 240px;}
/* .series-page .series-list .item .image{height: 140px;} */
#homeOpinions .section-title {flex-direction:column;}
#homeOpinions .section-title h2 { color: #fff; }
#homeOpinions .section-body { margin-top: -100px; height:370px; }
#homeOpinions .section-body .caption h3{font-size:24px}
#NewHomeSlider .item .caption h2{font-size:60px}
#NewHomeSlider .item .caption h3{font-size:28px}
#TechnicalSolutions{padding:30px;}
footer .footer-content .others-line{flex-direction:column; gap:20px}
#homeNews .home-news-slider .item {
word-wrap: break-word;
}
#homeNews .home-news-slider .item .content {
padding: 25px 14px;
}
#newHomeReferences h2 {
font-size: 34px;
}
}
@media only screen and (max-width: 430px) {
/*
#homeSeries .series-list .item .image-frame { width: 120px; height: 120px; }
#homeSeries .series-list .item .content { padding-left: 120px; }
*/
/*
#homeReferences .references-list .item a img { max-height: 25px; } */
.reference-content .reference-slider .item {
height: 200px;
}
#homeOpinions .section-title {
row-gap: 10px
}
#homeOpinions .section-title h2 {
font-size: 24px
}
.videowindow {
padding: 5px;
width: 88%;
height: 180px;
left: 2%;
margin-left: 0px;
top: 40%;
margin-top: 0px;
}
.module-info-wrapper .module-info-column .image img {
margin-top: 0px !important;
}
#NewHomeSlider .item .caption { display:flex; flex-direction:column; align-items:center;}
#NewHomeSlider .item .caption h2{font-size:32px}
#NewHomeSlider .item .caption h3{font-size:18px}
#TechnicalSolutions .technical-solitions-slider .item .image{height:270px;}
#HomePublicOffering .caption h4{font-size:20px}
#HomePublicOffering .caption .box{font-size:20px;text-align:center;}
#HomePublicOffering .caption .box .title{font-size:12px; text-align:center;}
footer .footer-content .others-line .logos img{ max-height:auto; width:100%;}
footer .footer-content .others-line .social ul{justify-content:center;}
}
@media only screen and (max-width: 390px) {
header .header-container .right-container .language {
margin-left: 4px;
}
header .header-container .right-container .language .oldspan {
padding: 6px 8px;
}
header .header-container .right-container .login {
padding: 4px 8px;
margin-left: 2px;
}
header .header-container .right-container .login img {
width: 15px;
}
#NewHomeSlider .item .caption .actions {flex-direction:column;}
#NewHomeSlider .item .caption .actions a { display:block; text-align:center; width:100%;}
}
@media only screen and (max-width: 330px) {
#megaMenu {left: -118%; }
}
@media only screen and (max-width: 300px) {
.logo {
width: 105px !important;
}
#megaMenu .menu .main-menu {
width: 280px;
}
}