﻿@media (min-width: 600px) and (max-width: 1040px) {
.webdisplay{display:none;}
.box.galerie a{height:340px !important;}
.box div.col-md-3.two div.galerie div.images a{height:140px !important;}
}
@media (min-width: 1px) and (max-width: 600px) {
.webdisplay{display:none;}
.mobiledisplay{display:block;}
.projects div.boxes{width:100%; height:auto;}
.loading img{width:200px;}
.actions div.text{width:80%;}
.socialmedia div.logo{width:100%; text-align:center; margin-bottom:20px;}
.socialmedia div.fright{width:100%; height:auto; display: flex; justify-content: center; align-items: center; vertical-align:central}
.kvkk{width:100%;}
header{height:auto; padding:0;}
header div.col-md-6{padding:0 !important; margin:0px !important; width:100%;}
header div.logo{margin:15px 0 15px 10px; float:left;}
header div.logo img{margin-top:0; height:30px;}
header div.mobileicons, header div.searchbutton{float:right; margin-right:10px; margin-top:15px; cursor:pointer;}
header div.mobileicons i, header div.searchbutton i{font-size:30px;}
header div.mobileicons:hover, header div.mobileicons:active, 
header div.searchbutton:hover, header div.searchbutton:active{opacity:0.7;}
header div.menus{display:none; }
.slider div.image div.table{ z-index:10000; width:80%; text-align:center;}
.slider div.image div.titles{font-size:35px; color:#fff; z-index:10000; margin-bottom:10px;}
.slider div.image div.desc{color:#fff; font-size:15px; margin-bottom:20px;}
.headerbox div.container div.position{left:20px;}
}
@media (min-width: 1px) and (max-width: 1040px) {
.rightcategori div.title{cursor:pointer;}
.rightcategori div.title:hover, .rightcategori div.title:active{background-color:#fff;}
.rightcategori div.title:hover i, .rightcategori div.title:active i{color:#b28324;}
.rightcategori div.title:hover .fleft, .rightcategori div.title:active .fleft{color:#b28324;}
header div.col-md-3{margin:0 10px 0px 10px !important;}
.content-image{aspect-ratio:4/2; height:auto;}
.content-image div.icon{font-size:25px;}
.other-product{height:auto;}
.product-content{padding:0;}
.product-content a.btnwhatsapp{width:calc(100% - 40px) !important; display:block !important; text-align:center;}
.product-content div.code, .product-content div.title, .product-content div.shortdesc{margin:0 20px 0 20px;}
.product-content div.shortdesc, .product-content div.title{margin-bottom:20px;}
.under-construction strong{font-size:17px;}
.promotion.pb40{padding-bottom:0 !important;}
.headertwo div.logo{margin:0px !important;}
.headertwo div.logo img{height:60px !important;}
.headertwo div.mobileicons{margin-top:0; margin-right:0 !important;}
.headertwo div.language{margin-top:0;}
.headertwo div.logo img{margin-top:0;}
.headertwo div.language div.languagelist{top:80px; width:100%; }
.headertwo div.language div.languagelist ul li {float:none; width:100%;}
.headertwo div.language div.languagelist ul li a{width:100%;}
.headertwo div.language div.languagelist ul li a:hover, 
.headertwo div.language div.languagelist ul li a:active{background-color:#b28324; color:#fff;}
.boxes div.content{padding:20px 10px 40px 0 !important;}
.boxes div.images div.icon i{color:#fff; font-size:20px;}
.fiverbox div.container div.col-md-5, 
.fiverbox div.container div.col-md-8{width:100% !important; height:auto !important;}
.fiverbox div.container div.col-md-5, 
.fiverbox div.container div.col-md-8{margin:0 !important;}
.fiverbox div.contentbox{padding-left:40px; padding-right:0; padding-top:40px; 
padding-bottom:40px;}
.fiverbox div.contentbox div.title, 
.fiverbox div.contentbox div.title2{font-size:15px; margin-bottom:10px;}
.fiverbox div.images{height:auto;}
.fiverbox div.container div.bgwhite{margin:20px; height:auto;}
.mobilemenutwo{width:100%;}
.mr0{margin-right:20px !important;}
.triplecolumn div.col-md-4:nth-child(3) div.shortdesc{margin-bottom:0;}
.triplecolumn div.shortdesc{margin-bottom:40px;}
.contact{height:auto; padding-bottom:20px;}
.lightbox .lightboxcontent{width:100%;}
.lightbox .lightboxcontent .content{width:90%;}
.lightbox .lightboxcontent .searchbox, .lightbox .lightboxcontent .videobox{width:90%;}
.lightbox .lightboxcontent .videobox{height:200px;}
.lightbox .lightboxcontent .videobox iframe,.lightbox .lightboxcontent .videobox video{width:100%; height:200px;}
.filtered{padding:0;}
.filtered div.title{margin-bottom:0; cursor:pointer; padding:20px;}
.filtered div.title:hover, .filtered div.title:active{background-color:#fff; color:#b28324; display:block;}
.filtered div.list{display:none; padding-bottom:10px; transition:max-height .4s ease-in-out;}
.filtered div.list ul li{float:none; width:100%; margin-top:10px; margin-bottom:10px; padding-left:15px;}
.filtered div.list ul li a{width:100%;}
.slider div.image div.table div.logo img{width:200px;height:auto !important;}
.headingtitle div.text.right, .headingtitle div.toptitle.right, .headingtitle div.bottomtitle.right{text-align:left;}
.headingtitle div.text.center, .headingtitle div.toptitle.center, .headingtitle div.bottomtitle.center, .headingtitle div.toptitle
.headingtitle div.bottomtitle{text-align:left;}
.headingtitle div.toptitle{line-height:30px; margin-bottom:10px;}
.headingtitle div.bottomtitle{line-height:45px; margin-bottom:20px;}
.headingtitle div.toptitle{font-size:30px;}
.headingtitle div.bottomtitle{font-size:50px;}
.headingtitle div.text{color:#c1c1c1; font-size:40px; margin-bottom:0px;}
.defaultline{padding-top:20px; padding-bottom:20px;}
footer div.lists ul li{width:100%; text-align:center; float:none; height:40px; line-height:40px;}
.topfooter div.col-md-4 div.fleft:nth-child(1){width:100%; margin-right:0 !important; text-align:center;}
.topfooter div.col-md-4 div.fleft:nth-child(2){width:100%; text-align:center;}
.topfooter div.col-md-4 div.icon img{height:70px;}
.editor div.iconlist div.fleft{width:100%; float:none;}
.editor div.iconlist div.fleft:nth-child(1){margin-right:0; margin-bottom:20px; text-align:center; width:100%;}
.editor div.iconlist div.fleft:nth-child(2){width:100%; text-align:center; margin-bottom:40px;}
.editor div.imagetext{width:100%; height:auto; margin-bottom:20px; overflow:hidden;}
.editor div.imagetext div.text{width:100%; margin-right:0; float:none;}
.editor div.imagetext div.image{float:none; width:100%; margin-left:0;}

}