.mobiledisplay{display:none;}
@media (max-width: 800px) {
#mobilemenu{float:right; color:#fff; font-size:30px; margin-right:20px; margin-top:25px; cursor:pointer;}
header.whiteheader #mobilemenu{color:#484646;}
#mobilemenu:active, header.whiteheader #mobilemenu:active{color:#ff0000;}
.box .boxes.articles{height:auto;}
.webdisplay{display:none;}
.mobiledisplay{display:block;}
.w20{width:100%;}
.heading{width:auto; margin:0px auto; text-align:left;}
.heading div.titles:before{bottom:-5px;}
.heading div.text p{font-size:12px;}
.contents div.pd20{padding:0; padding-bottom:20px;}
header div.logos img{height:30px; margin-top:10px;}
header div.menus{float:none; display:none; padding-top:80px; 
position:fixed;left:0; top:0; right:0; bottom:0; 
background-color:#ff0000; margin-top:0; z-index:10004; height:auto; overflow:auto;}
header div.menus div.closer{position:absolute; right:20px; top:20px; border-radius:50px; 
background-color:#fff; width:50px; height:50px; text-align:center; line-height:60px; 
cursor:pointer; border:2px #fff solid;  color:#ff0000;}
header div.menus div.closer:hover, header div.menus div.closer:active{background-color:#ff0000; color:#fff;}
header div.menus div.closer:hover > i, header div.menus div.closer:active > i{color:#fff;}
header div.menus div.closer i{color:#ff0000; font-size:30px;}
header div.menus ul li{float:none; width:100%; padding:0;}
header.whiteheader div.menus ul li a{color:#fff;}
header div.menus ul li a{ width:100%; overflow:hidden; display:inline-block;
padding:15px; border-radius:5px; font-size:20px; height:auto; color:#fff; 
text-shadow:none !important; display:inline-block;}
header div.menus ul li > ul li a{font-size:15px;}
header div.menus ul li a:hover, header div.menus ul li a:active{background-color:#fff; color:#ff0000;}
header div.menus ul li ul, header div.menus ul li ul li > ul{position:inherit; width:100%; height:auto;}
header div.menus ul li ul li > ul{left:0;}
header div.menus ul li a strong{float:left;}
header div.menus ul li a i{float:right;}
header div.menus div.priceform div.button{width:250px; height:auto; position:absolute; right:0; bottom:20px; }
header div.menus div.priceform div.button a{padding:20px; background-color:#ff0000; color:#fff; 
border-radius:10px; display:inline-block; overflow:hidden;border:2px #ff0000 solid;}
header div.menus div.priceform div.button a:hover, header div.menus div.priceform div.button a:active{background-color:#fff; color:#ff0000;}
header div.menus ul li ul{top:0;}
header div.menus ul li.languages div.fleft{float:left !important;}
header div.menus ul li.languages a{padding:0; margin:5px 0 10px 15px;}
header div.menus ul li.languages a:hover, header div.menus ul li.languages a:active{background-color:inherit;}
header div.menus ul li.languages div.fleft img{width:40px;}
header div.menus ul li.languages div.fleft a{padding-left:0;}
header.whiteheader div.menus ul li > ul li a{background-color:#ff0000;}
header.whiteheader div.menus ul li > ul li a:hover, 
header.whiteheader div.menus ul li > ul li a:active{background-color:#c0c0c0; color:#484646;}
.headercategorie div.titles{background-color:#ff0000; color:#fff; display:block; cursor:pointer; 
margin-bottom:0; border-radius:5px; padding:20px; margin-bottom:0;}
.headercategorie div.titles:hover, .headercategorie div.titles:active{background-color:#fff; color:#ff0000;}
.headercategorie div.fleft, .leftmenu div.fleft{float:left !important;}
.headercategorie div.fright, .leftmenu div.fright {float: right !important;}
.headercategorie div.categorielist div.categorie{margin-bottom:10px;}
.content .images{width:100%; padding-bottom:20px;padding-left:0;}
.slider div.images{padding-bottom:40px;}
.searchbuttons div.calculate{width:60%; margin:0px auto;}
.contentslider, .contentslider div.container, 
.contentslider div.container div.images img{width:100% !important; height:auto !important;}
.contentslider div.container .owl-nav{top:30% !important;}
.contentbutton a{width:100%; text-align:center;}
.topfooter div.images img{margin-bottom:20px;}
.fullwidth, .fullwidth div.images{width:100%; height:55vh;}
.fullimage{width:100%; height:300px;}
.defaultimage{height:auto; padding:40px 0;}
.defaultimage div.boxes{width:80%;}
.projects div.item div.images{min-height:150px;}
.projects div.item div.titles{width:100%; text-align:center;}
.certificates div.images{min-height:100px !important;}
.topcategorie .images{width:100%;min-height:130px;}
.promotion{min-height:300px; height:auto; aspect-ratio:4/3;}
.slider div.owlcontent{background-position:center;}
.defaultlist div.text{height:auto;}
.defaultlist div.row{  display: inherit;flex-wrap: inherit;}
.defaultlist div.col-md-6{flex:inherit;max-width: inherit; padding:0; margin:20px; height:auto;}
.defaultlist div.col-md-6 div.images{height:350px !important;}
.defaultlist .col-md-6:nth-child(2) {order: -1;}
.kvkk{width:100%;}
.headercategorie div.categorie{float:none; width:100%;}
.headercategorie div.categorie a{width:100%; margin-bottom:10px;}

footer div.contents.disflex{display:inherit; justify-content:inherit; align-items:inherit;}
footer div.overflow div.fleft{float:none; margin-bottom:10px; padding-left:20px;}
}