@media screen and (max-width: 991px){ 
header {padding-bottom:10px;}
header .logo {margin:20px 0 0 0; padding:0; outline:none;}
header .mail {margin:22px 0 0 0; font-size:13px; letter-spacing:1px; text-align:right;}
header .social {margin:22px 0 0 0; text-align:center; display:block;}
header .loginform {background:#efefef; display:inline-block; font-size:13px; width:49%; height:40px; letter-spacing:1px; vertical-align:top; text-align:center; margin-top:15px; line-height:39px !important;}
.ajax_cart_wl {background:#cabdb4; display:inline-block; width:49%; margin-left:1.8%; vertical-align:top; text-align:center; margin-top:15px;}
.topmenu {margin:0; z-index:2; height:56px; padding:0; line-height:inherit; background:#313131 !important;}
.navbar-light .navbar-toggler {color:#fff; border-color:none; outline:none !important; font-size:13px; border:none !important;}
.navbar-light .navbar-toggler .fa-bars {font-size:26px; padding:0; margin:25px 0 0 0; line-height:1px;}
.search {margin:10px 10px 0 0; padding:0; display:inline-block; float:right;}
.search .button {margin:0; padding:0; background:url('../images/search.png') 0 0 no-repeat; border:none; width:20px; height:17px; cursor:pointer; position:absolute; right:10px; top:10px; outline:none;}

.topmenu ul {margin:0; padding:0; list-style:none; font-size:16px;}
.navbar-collapse {background:#313131 !important; position:fixed; right:0; top:0; z-index:10000; padding:20px 0; width:250px; height:100vh;}
.topmenu li {margin:0; padding:10px 0; display:inline-block; vertical-align:top; position:relative; transition:all 0.5s ease; border-bottom:1px solid #454545;}
.topmenu li a {margin:0; padding:2px 20px; outline:none; text-decoration:none; color:#fff; border-right:none;}
.topmenu li.dropdown .dropdown-menu {background-color:#313131 !important; font-size:14px; height:auto; width:auto; margin-left:20px; margin-top:0; border:none;}
.topmenu li.dropdown .dropdown-menu li {border:none;}
.topmenu li.dropdown:hover .dropdown-menu li.dropdown .dropdown-menu {display:none; margin-left:0; margin-top:0; font-size:13px !important; position:relative;}

.productfull h1 {margin:30px 0 10px 0 !important; font-size:30px;}

.blogin {position:relative; margin-top:10px;}
.home {position:relative; margin-top:10px;}
.module_menu h3 {text-transform:uppercase; font-size:16px; color:#b77a50; border:1px solid #b77a50; display:inline-block; letter-spacing:2px; padding:5px 20px; margin-bottom:15px;}
.form_sort_count {padding:10px 0 !important; border-bottom:1px solid #ccc; border-top:1px solid #ccc; letter-spacing:1px; font-size:12px;}
.table .thead-dark th {color:#fff; background-color:#313131; border-color:#313131; text-align:center; padding:10px 5px !important; font-size:12px !important;}
.aside .hidd {display:none;}
.hidd2 {display:block; z-index:1; position:relative;}
.module_menu h3 {display:none;}
.butmenu {font-size:16px; color:#b77a50; border:1px solid #b77a50; display:inline-block; padding:5px 20px; margin-bottom:25px; background:none;}

.modulecategory {background:#fff; margin-bottom:-70px !important; position:relative; z-index:5;}
}
@media screen and (max-width: 768px){ 
header .logo {margin:20px 0 0 0; padding:0; outline:none;}
header .mail {margin:22px 0 0 0; font-size:13px; letter-spacing:1px; text-align:right;}
.decor .caption {position:absolute; top:45px; left:auto; right:25px; text-align:right;}
}
@media screen and (max-width: 575px){ 
header .logo {margin:0 auto; margin-top:20px; padding:0; outline:none; text-align:center; width:60%;}
header .mail {margin:5px 0 0 0; font-size:13px; letter-spacing:1px; text-align:center;}
header .social {margin:5px 0 0 0; text-align:center; display:block;}
.blog .caption .title {font-size:34px; text-transform:uppercase; letter-spacing:2px; border:8px solid #fff; width:84%; margin:0 auto; padding:30px 0 25px 0;}
.blog .caption .description {font-size:20px; text-transform:uppercase; margin:20px 0 60px 0; letter-spacing:3px;}
.form_sort_count .num {display:none;}
.table .thead-dark {display:none !important;}
.table td {font-size:11px !important;}
.navbar-collapse {background:#313131 !important; position:fixed; right:0; top:0; z-index:10000; padding:20px 0; height:100vh;}
}
@media screen and (max-width: 475px){ 
.blog .caption {position:absolute; color:#fff; text-align:center; display:block; width:100%; top:70px;}
.table.table-hover .total_price {display:none;}
.table.table-hover .quantity {display:none;}
}
@media screen and (max-width: 375px){ 
header .loginform {background:#efefef; display:inline-block; font-size:13px; width:100%; height:40px; letter-spacing:1px; vertical-align:top; text-align:center; margin-top:15px; line-height:39px !important;}
.ajax_cart_wl {background:#cabdb4; display:inline-block; width:100%; margin-left:0; vertical-align:top; text-align:center; margin-top:5px;}
.search form {margin:0; padding:0; position:relative; display:inline-block; width:220px;}
.blog .caption .description {font-size:20px; text-transform:uppercase; margin:20px 0; letter-spacing:3px;}
.login .inputbox {border:1px solid #ccc; padding:0 10px; height:39px; width:100%; margin-bottom:10px;}
.login .validate-username {border:1px solid #ccc; padding:0 10px; height:39px; width:100%; margin:10px 0;}
}