﻿.mobiledisplay{display:none;}
@media (min-width: 750px) and (max-width: 900px) {
    .boxaction{width:100%; height:auto; padding:30px 0 0 0; color:#fff;}
.boxaction div.box{width:100%; height:auto; border-right:0; margin-bottom:30px; text-align:center;}
.boxaction div.box div.text{text-align:center; margin-bottom:30px;}
.boxaction div.col-md-4:nth-child(4) div.box{border-right:0;}
.defaultimage div.trans div.text{width:80%; margin-left:10%;}
}
@media (min-width: 0px) and (max-width: 750px) {
.webdisplay{display:none;}
.mobiledisplay{display:block;}
.contents{padding:20px 0 20px 0;}
#mobilemenu {color: #fff;font-size: 24px;display: block;background-color: #fff;color: #101314;transition: all .2s;
padding: 7px 12px 7px 12px;cursor: pointer;margin-bottom: 0; border-radius:5px;}
#mobilemenu:hover, #mobilemenu:active{background-color:#7c3d1c; color:#fff;}
#webmenu{float:none; display:none; width:100%; overflow:hidden; padding-top:20px;}
#webmenu ul li{float:none;}
#webmenu ul li a{background-color:#7c3d1c; color:#fff; width:100%; margin-top:5px; margin-bottom:5px;}
#webmenu ul li a:hover, #webmenu ul li a:active{background-color:#f8f8f8; color:#191919;}
#webmenu ul li a i{float:right; margin-top:3px;}
.whiteheader ul.menus li ul{position:inherit; width:100%; border-radius:0;}
.whiteheader ul.menus li ul li{float:none;}
.whiteheader ul.menus li ul li a{width:100%; display:inline-block; background-color:#fff !important; color:#191919 !important;}
.whiteheader ul.menus li ul li a:hover, .whiteheader ul.menus li ul li a:active{padding-left:20px;}
.whiteheader ul.menus li.line{display:none;}
.contents div.subtitle{color:#fff; margin-bottom:0; width:100%; background-color:#7c3d1c; padding:15px; cursor:pointer; border-radius:5px; margin-bottom:20px;}
.contents div.subtitle:hover, .contents div.subtitle:active{background-color:#fff; color:#7c3d1c; }
.contents div.sublist ul li{float:none; width:100%; height:auto;}
.contents div.sublist ul li a{width:100%; padding:13px 0 13px 13px; display:block; border-bottom:1px #d1d1d1 dotted;}
.contents div.sublist ul li a:hover, .contents div.sublist ul li a:active{padding-left:25px; background-color:#7c3d1c; color:#fff;}
.leftmenu div.titles{border-radius:5px; cursor:pointer; transition:all .5s;}
.leftmenu div.titles:hover, .leftmenu div.titles:active{background-color:#fff; color:#7c3d1c;}
.leftmenu div.lists ul li a{border-radius:5px; margin-bottom:10px;}
.imagegallery div.images{height:250px;}
.imagelist{height:150px;}
.slidercarousel .owl-content div.desc{width:80% !important; margin-left:-40% !important;}
.slidercarousel .owl-content div.desc div.titles{font-size:30px !important;}
.slidercarousel .owl-content div.desc div.text{font-size:15px !important;}
.accordionmenu div.text, .accordionactive div.text{font-size:15px;}
.kvkk{width:100%;}
.kvkk .BtnStyle{margin-bottom:10px;}
.formstyle .fleft{float:none;}
.formstyle #file-input{margin-bottom:20px;}
.formstyle input{width:100%;}
.boxaction{width:100%; height:auto; padding:30px 0 0 0; color:#fff;}
.boxaction div.box{width:100%; height:auto; border-right:0; margin-bottom:30px; text-align:center;}
.boxaction div.box div.icons{float:none;}
.boxaction div.box div.text{text-align:center; margin-bottom:30px; float:none;}
.boxaction div.col-md-4:nth-child(4) div.box{border-right:0;}
.defaultimage div.trans div.text{width:80%;}
.defaultimage div.trans div.text strong{font-size:25px;}
.defaultimage div.trans div.text span{font-size:15px;}
.actions div.col-md-6:nth-child(1){padding-right:15px !important;}
.actions div.col-md-6:nth-child(2){padding-left:15px !important;}
.productdetail .BtnWhatsapp{margin-bottom:20px; width:100% !important;}
.lightboxvideo{width:90%; height:300px;}
.lightboxvideo iframe{width:100%; height:100%;}
}
