.webdisplay{display:block;}
.mobiledisplay{display:none;}
.mobilemenu{display:none;}
.mobilemenu.theme2{width:calc(20% - 60px); height:calc(100vh - 60px); 
position:fixed; left:-100%; top:0; bottom:0;  z-index:10005; 
padding:30px; transition: left .2s ease;}
.mobilemenu.theme2 div.content{width:100%; height:calc(100vh - 60px); 
 position:relative; left:0; right:0; top:0; bottom:0; z-index:10006; }
.mobilemenu.theme2 div.head{overflow:hidden; height:80px; margin-bottom:30px;}
.mobilemenu.theme2 div.head div.logo{float:left;}
.mobilemenu.theme2 div.head div.logo img{height:80px;}
.mobilemenu.theme2 div.head div.close{float:right; cursor:pointer;}
.mobilemenu.theme2 div.head div.close:hover, 
.mobilemenu.theme2 div.head div.close:active{opacity:0.6;}
.mobilemenu.theme2 div.head div.close i{font-size:35px;}
.mobilemenu.theme2 div.list{overflow-y:auto; height:calc(100vh - 200px); }
.mobilemenu.theme2 div.list ul li{float:none; width:100%; margin-bottom:10px; overflow:hidden;}
.mobilemenu.theme2 div.list ul li a{display:block; overflow:hidden;
background-color:var(--white-back-color); width:calc(100% - 24px); 
padding:12px; border-radius:var(--border-radius);}
.mobilemenu.theme2 div.list ul li a div.text{color:#333;}
.mobilemenu.theme2 div.list ul li > ul li a div.text{color:#fff !important;}
.mobilemenu.theme2 div.list ul li div.text{padding-top:5px; font-size:15px;}
.mobilemenu.theme2 div.list ul li div.icon{width:30px; height:30px;
background-color:var(--primary-back-color); color:#fff; 
border:1px var(--second-back-collor) solid; border-radius:30px; 
font-size:15px;}
.mobilemenu.theme2 div.list ul li > ul{width:100%; height:auto; display:none;}
.mobilemenu.theme2 div.list ul li > ul li{margin-bottom:0 !important;}
.mobilemenu.theme2 div.list ul li > ul li a{background-color:var(--primary-back-color) !important;}
.bgprimary.mobilemenu.theme2 div.list ul li > ul li a{color:#fff !important;}
.mobilemenu.theme2 div.list ul li ul li div.text{padding-left:10px !important;}
.mobilemenu.theme2 div.list ul li ul li ul li div.text{padding-left:20px !important;}
.mobilemenu.theme2 div.list ul li ul li ul li ul li div.text{padding-left:30px !important;}
.mobilemenu.theme2 div.list ul li a:hover, 
.mobilemenu.theme2 div.list ul li a:active{opacity:0.6;}
.mobilemenu.theme2 div.language{width:100%; height:50px; position:absolute;left:0;bottom:0;}
.mobilemenu.theme2 div.language li{float:left; margin-right:10px;}
.mobilemenu.theme2 div.language li a{cursor:pointer;}
.mobilemenu.theme2 div.language li a:hover,
.mobilemenu.theme2 div.language li a:active{opacity:0.8;}
.mobilemenu.theme2 div.language li a img{height:20px;}
@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.logo img{height:inherit; width:80%;}
.socialmedia div.fright{width:100%; height:auto; display: flex; justify-content: center; align-items: center; vertical-align:central}
.kvkk, .kvkklightbox div.content div.desc,
.kvkk, .kvkklightbox div.content div.button div.fleft div,
.kvkk, .kvkklightbox div.content div.button div.fleft a{width:calc(100% - 40px) !important;}
.kvkk, .kvkklightbox div.content{width:calc(100% - 80px); margin-left:0;}
.kvkk, .kvkklightbox div.content div.fleft{margin-right:0 !important; width:50%;}


header div.logo{margin:20px 0 15px 0; float:left; width:auto; height:35px;}
header div.logo img{margin-top:0; height:45px; margin-left:10px;}
.header{height:80px; padding:0; }
.header.background div.logo.background{height:auto; padding:0 10px 10px 10px; margin-left:10px;}
.header.background div.logo.background img{margin-left:0 !important;}
.header div.col-md-6{padding:0 !important; margin:0px !important; width:100%;}
.header div.mobileicons, .header div.searchbutton{float:right; margin-right:10px; 
cursor:pointer;}
.header div.mobileicons{margin-top:30px; }
.header.light div.mobileicons{color:#fff !important; }
.header div.searchbutton{margin-top:32px; }
.header div.mobileicons i{font-size:25px;}
.header div.searchbutton i{font-size:22px;}
.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.carousel div.item{width:100%; margin-left:0;}
.slider div.carousel div.item div.center{width:calc(100% - 120px)}
.slider div.carousel div.item div.title{font-size:33px;}
.headerbox{height:auto;}
.headerbox.product{padding-top:100px !important;}
.headerbox div.headerposition{display:flex; text-align:center; height:auto; justify-content:center; align-items:end;}
.headerbox div.titles{padding-left:0; text-align:left;margin-bottom:20px;}
.headerbox div.headerposition div.col-md-6:nth-child(1){margin-bottom:0 !important;}
.headerbox div.headerposition div.col-md-6:nth-child(2){display:inherit; justify-content:left; align-items:center;}
.headerbox div.sitemaps ul li{margin-left:0 !important; margin-right:10px;}
.headerbox div.sitemaps ul li a, .headerbox div.sitemaps ul li{font-size:12px;}
.editor img.contentimages, .editor img.float-left, .editor img.float-right{width:100% !important;}
.products .boxes{min-height:480px;}
.section-item.text div.shortdesc{width:100%;}
.headingtitle.shorttitle div.title{font-size:10px;}
.headingtitle div.shortdesc{width:100%; font-size:27px; line-height:40px;}
/*SPECIAL*/
.actions div.button, .actions div.button div.overflow{width:100% !important;}
.actions div.button div.fleft{float:none; width:100% !important; margin-right:0; margin-bottom:10px;}
.actions div.button div.fleft a{width:100%; }
.table tbody tr td.w60{width:80% !important;}
.table tbody tr td.w40{padding-left:10px; padding-bottom:0;}
.editor div.imagelist ul{list-style-type:none; }
.editor div.imagelist ul li{float:none; width:100%; margin-right:0; margin-bottom:10px;}
.editor div.imagelist ul li img{width:100%; }
.kvkk.default{width:100% !important;}
.abouts div.titles{font-family:"balo2-extrabold"; font-size:30px; line-height:35px; margin-bottom:20px; margin-top:0px; }
}
@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:#0094ff;}
.rightcategori div.title:hover .fleft, .rightcategori div.title:active .fleft{color:#0094ff;}
header div.col-md-3{}
.content-image{aspect-ratio:4/2; height:auto;}
.content-image div.icon{font-size:25px;}
.content-title div.col-md-12{margin:0 0 0 20px !important;}
.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;}
.boxes div.content{height:auto !important;}
.boxes div.content{padding:20px 10px 0 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:90% !important; height:auto !important;}

.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;}
.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;}
.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:#0094ff; 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.content div.video{width:100%; height:100vh;}
.slider div.content div.video video{object-fit:cover; width:auto; height:100vh;}
.slider div.content div.video div.text{width:80%;}
.slider div.content div.video div.text div.table div.titles{line-height:50px; height:auto;}

.triplecolumn div.box{padding:20px 0 20px 0;}
.product-content{padding:0;}
.product-content div.code, .product-content div.title, 
.product-content div.shortdesc,
.product-content div.button{margin:0 0 0 0 !important;}
.product-content div.title{margin-bottom:10px !important;}
.product-content div.shortdesc{margin-bottom:20px !important;}
.lightboxcontent .campaign .images{width:100%; height:auto; margin-left:5%;}
.allbuttons.center{justify-content:left;}
.allbuttons.right{justify-content:left;}
.slidercarousel div.image div.table{width:80% !important;}
.actionlists .contenttable div.text{padding-top:20px; padding-bottom:20px;}
.actionlists .contenttable div.image{width:100%; height:auto;}
.actionlists .contenttable:nth-child(2n+1) .col-md-6:first-child {order: inherit;}
.actionlists .contenttable:nth-child(2n+1) .col-md-6:last-child {order: inherit;}
.actionlists .contenttable:nth-child(2n+2) .col-md-6:first-child {order: inherit;}
.actionlists .contenttable:nth-child(2n+2) .col-md-6:last-child {order: inherit;}
.actionlists .contenttable:nth-child(2n+2) .col-md-6:last-child div.text{padding-right:0;}
.mobilemenu div.logo img{height:100px;}
.mobilemenu.theme div.close{position:absolute; right:20px; top:20px; cursor:pointer;}
.mobilemenu.theme div.close i{color:#333333; font-size:40px;}
.mobilemenu.theme div.close:hover{opacity:0.8;}
.mobilemenu.theme{width:100%; height:100%; overflow:auto; 
background-color:var(--cream-back-color); position:fixed; left:0; top:0; right:0; bottom:0; 
z-index:10010; transition: max-height 0.5s ease-in-out !important;}
.mobilemenu.theme div.box{padding:40px;}
.mobilemenu.theme div.logo{margin-bottom:20px;}
.mobilemenu.theme div.logo img{height:40px;}
.mobilemenu.theme ul li a{width:100%; display:block; height:40px; line-height:40px; border-bottom:1px #fefefe solid; color:#333333;}
.mobilemenu.theme ul li > ul{display:none;}
.mobilemenu.theme div.language{position:absolute; left:0; bottom:0; width:100%; 
background-color:var(--white-back-color); z-index:10004; display:block;}
.mobilemenu.theme div.language ul li{float:left;}
.mobilemenu.theme div.language ul li a{cursor:pointer;}
.mobilemenu.theme div.language ul li a img{height:25px;}
.mobilemenu.theme div.language ul li{padding:20px 0 20px 20px;}
.mobilemenu.theme div.language ul li a{height:auto !important; line-height:normal;}
.mobilemenu.theme2{width:calc(90% - 60px);}
.editor img.float{width:100%; margin-right:0; float:none;}
.editor div.buttons div.fleft{float:none !important; width:100%; margin-right:0 !important;}
.editor div.buttons div.fleft:nth-child(1){margin-bottom:10px;}
.editor .btnwhatsapp, .editor .btnprimary{width:100%;}
.headermenu{display:none;}
.header_product div.col-md-12 div.search,.header_product div.contact, 
.header_product div.language, .header_product div.whatsapp{display:none;}
.header_product div.logo, .header_product div.logo div.center{width:100% !important;}
.header_product div.logo, .header_product div.search,
.header_product div.contact, .header_product div.language{height:auto;}
.header_product div.search, 
.header_product div.search div.content{width:100%; height:auto !important; padding:0 !important;}
.header_product div.search div.content .input{margin:10px 0 10px 7px; width:calc(100% - 60px) !important;}
.header_product div.search div.content .button{margin-top:10px;}
.header_product div.logo div.center i{font-size:25px; cursor:pointer;}
.header_product div.logo div.center i:hover, .header_product div.logo div.center i:active{opacity:0.6;}
footer div.titles, footer div.text{width:100%; text-align:center; font-size:18px;}
.singlemenu ul li{width:100%; text-align:center;}
.singlemenu{margin-bottom:20px;}
.singlemenu ul li a{height:30px; line-height:30px; width:100%; text-align:center;}
.singlemenu ul li a i{display:none;}
.copyright{line-height:20px;}
.lightbox div.content{width:calc(100% - 40px) !important; left:20px;}
.lightbox div.content div.box{width:100% !important;}
.landingpage div.content div.box{width:calc(100% - 80px) !important;}
.landingpage div.content div.box div.logo img{width:80%;}
.products div.rightcategori{width:calc(100% - 40px); float:none; margin-left:20px;}
.products div.content{width:100%; float:none;}
.products div.content div.row{margin:0 !important;}
.subcategorie div.box div.title{margin-bottom:0;}
.subcategorie div.box div.list{display:none;}
.subcategorie div.box div.list ul li, .subcategorie div.box div.list ul li a
{margin:0px 0px 10px 0; width:100%; display:block;}
.products .boxes{min-height:480px;}
.product_detail div.rightcontent div.button div.fleft{width:100%;}
.product_detail div.rightcontent div.button div.fleft a{width:calc(100% - 30px);}
.product_detail div.rightcontent div.button div.fleft:nth-child(1){margin-right:0; margin-bottom:10px;}
.slider div.productslider{height:85vh !important;}
.slider div.productslider, .slider div.productslider.carousel div.fleft{width:100% !important; height:auto; overflow:hidden; margin-bottom:20px;}
.slider div.productslider, .slider div.productslider.carousel div.fright{width:100%; height:auto;}
.slider div.productslider, .slider div.productslider.carousel div.text,
.slider div.productslider, .slider div.productslider.carousel div.description,
.slider div.productslider, .slider div.productslider.carousel div.buttons{width:100%; text-align:center;}
.slider div.productslider.carousel div.text{font-size:27px !important;}
.slider div.productslider, .slider div.productslider.carousel div.fright div.center{width:100% !important;}
.slider div.productslider, .slider div.productslider.carousel div.col-md-12{padding-top:80px;}
.slider div.productslider, .slider div.productslider.carousel div.images{height:auto; width:100%; text-align:center;}
footer div.list{margin-bottom:40px;}
footer div.list ul li{float:none; width:100%; text-align:center; margin-bottom:20px;}
footer a{color:#fff; }
footer span{display:none;}
.marquee-content span {
        font-size: 20px;
        }
.copyright{margin-bottom:40px;}
}