@import url("../css/line-awesome.css");
@import url('../css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');
/*-------------------------------------------------------------------------------------------
CSS definations for uknowSeller
-------------------------------------------------------------------------------------------*/
/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a,
a:hover,
a:focus {
outline:none;
text-decoration:none;
cursor: pointer;
}
a:hover{
text-decoration: none !important;
}
h1,h2,h3,h4,h5,h6 {
font-weight: bold;
}
/* Common Tages */
label.form-check-label {
display: inline-block;
}
.form-check {
margin-bottom: 5px;
}
h4.p-title {
    margin-bottom: 10px;
    font-size: 16px;
    margin-top: 5px;
}
.selected-img{
display: flex;
align-items: center;
}
.selected-img .form-check {
margin-right: 10px;
}
label {
padding-bottom: 2px;
display: block;
font-size: 13px;
font-weight: 600;
}
.btn {
    padding: 7px 15px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    border-radius: 5px;
    min-height: 36px;
}
.btn-default {
border: 1px solid #C9C9C9;
background: #f9f9f9;
color: #666;
font-weight: 600;
}
.btn:hover,
.btn:focus {
background: #000;
border-color: #000;
color: #fff;
}
.btn-sm {padding: 3px 10px;font-size: 14px;min-height: auto;}
.btn-lg {
padding: 10px 20px;
}
.form-control {
border: 1px solid #a7a7a7;
background: #fff;
padding: 7px 15px;
height: auto;
font-size: 13px;
box-shadow: none;
outline: none;
border-radius: 4px;
min-height: 36px;
}
textarea.form-control {
min-height: 90px;
}
.form-control-feedback .fa {
font-size: 16px;
}
.has-feedback .form-control-feedback {
border-left: 1px solid #a7a7a7;
font-size: 24px;
}
.has-feedback-left .form-control {
padding-right: 12px;
padding-left: 46px;
}
.has-feedback-left .form-control-feedback {
border-right: 1px solid #a7a7a7;
border-left: none;
right: auto;
left: 0;
font-size: 23px;
}
.form-group {margin-bottom: 15px;}
.form-group span {
padding-bottom: 5px;
display: block;
}
.form-group label .mendetory {
    display: inline-block;
    color: red;
    line-height: normal;
    margin: 0;
    padding: 0;
}
/*-------------------------------------------------------------------------------------------*/
/* SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
body {
background: #f5f5f5;
font-family: 'Inter', sans-serif;
font-size: 13px;
color: #333;
font-weight: 400;
}
/* header */
.header {
background: #fff;
box-shadow: rgba(0,0,0,0.3) 0px 0px 2px;
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 99;
}
/* logo */
.logo {
min-width: 245px;
float: left;
padding: 5px 0;
}
.logo img {
width: auto;
height: 40px;
}
/* nav-links */
.nav-links {
padding: 10px 0;
float: left;
font-size: 14px;
}
.nav-links li {
border-left: 1px solid #eee;
float: left;
padding: 0 15px;
}
.nav-links li a {
display: block;
color: #333;
line-height: 30px;
}
.nav-links li a i {
    font-size: 18px;
    width: 28px;
    display: block;
    text-align: center;
    padding: 5px;
    border-radius: 50%;
}
.nav-links li a i:hover {
    background: #eee;
}
/* top-nav */
.top-nav {
float: right;
margin-left: 10px;
position: relative;
z-index: 1;
}
.topnav-link {
display: block;
padding: 5px 10px;
}
.top-nav .imgb {
width: 40px;
height: 40px;
float: left;
border-radius: 100%;
overflow: hidden;
}
.top-nav .imgb img {
width: 40px;
height: 40px;
float: left;
}
.top-nav .name {
margin-left: 45px;
white-space: nowrap;
font-size: 14px;
color: #333;
line-height: 40px;
}
.topnav-link.active {
background: #e9e9e9;
}
.topnav-dropdown {
background: #e9e9e9;
min-width: 180px;
white-space: nowrap;
position: absolute;
right: 0;
top: 100%;
z-index: 99;
display: none;
border-radius: 5px 0 5px 5px;
}
.topnav-dropdown li a:hover {
    color: #7f0d7f;
    
}
.topnav-dropdown li {
border-top: 1px solid #ccc;
}
.topnav-dropdown li:first-child {
border-top: none;
}
.topnav-dropdown li a {
display: block;
padding: 10px 15px;
color: #333;
}
/* left-menu-link */
.left-menu-link,
.search-link {
width: 50px;
height: 50px;
float: left;
text-align: center;
font-size: 20px;
color: #333;
line-height: 50px;
}
.left-menu-link i,
.search-link i {
width: 50px;
height: 50px;
float: left;
line-height: 50px;
}
/* search */
.search {
float: right;
position: relative;
z-index: 1;
}
.search .search-box {
background: #e9e9e9;
width: 300px;
float: right;
padding: 8px;
position: absolute;
right: 0;
top: 100%;
z-index: 2;
display: none;
}
.search-link {
float: right;
font-size: 18px;
}
.search-link.active {
background: #e9e9e9;
}
/* leftcol */
.leftcol {
background: #ffffff;
width: 260px;
height: 100vh;
float: left;
padding: 50px 0 0 0;
white-space: nowrap;
position: fixed;
left: 0;
top: 0;
overflow: hidden;
transition: 0.3s;
}
.leftcol.active {
width: 0;
}
/* sub-nav */
.sub-nav {
padding: 10px;
}
.sub-nav li {
/* border-top: 1px solid #3e3e3e; */
line-height: 24px;
}
.sub-nav li a {
    display: block;
    padding: 7px 15px;
    color: #000;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 5px;
    margin: 5px 0;
}
.sub-nav li.main-link.active a {
background: #ede0fc;
}
.sub-nav li a i {
margin: 0;
text-align: center;
line-height: normal;
font-size: 24px;
margin-right: 10px;
position: relative;
top: 3px;
}
.sub-nav li.main-link.active a {
background: #ede0fc;
color: #580ed5;
}
.sub-nav li.main-link a:hover {
    background: #ede0fc;
    color: #580ed5;
}
.sub-nav li a i.fa-angle-down {
display: none;
}
.sub-nav li a.active i {
display: none;
}
.sub-nav li a.active i.fa-angle-down {
display: block;
}
.sub-nav li li a {
padding: 10px 30px;
color: #fff;
font-weight: 400;
text-transform: none;
}
.sub-nav ul ul {
display: none;
}
.sub-nav li li {
border-top: 1px solid #777;
border-bottom: none;
}
.sub-nav li.main-link {
}
/* user-info */
.user-info {
background: #7f0d7f;
padding: 10px 15px;
}
.user-info .imgb {
width: 50px;
height: 50px;
float: left;
border-radius: 100%;
overflow: hidden;
}
.user-info .imgb img {
width: 50px;
height: 50px;
float: left;
}
.user-info .name {
margin-left: 60px;
padding: 5px 0;
white-space: nowrap;
font-size: 15px;
color: #fff;
font-weight: 600;
}
a.edit-title {
    position: absolute;
    right: 10px;
    top: 0;
    color: #fff;
    font-size: 20px;
}
@-webkit-keyframes mailmunchswing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }}@keyframes mailmunchswing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); -ms-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); -ms-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); -ms-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); -ms-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); -ms-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }}.mailmunch-swing {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-animation-name: mailmunchswing;animation-name: mailmunchswing;}

.fourqtPopupInnerWrap {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.user-info .name span {
display: block;
font-size: 12px;
font-weight: 400;
}
/* rightcol */
.rightcol {
margin-left: 260px;
height: 100vh;
padding: 50px 0 0 0;
transition: 0.3s;
}
.rightcol.active {
margin-left: 0;
}
.rightcol-in {
width: 100%;
float: left;
}
/* page-header */
.page-header {
background: #fff;
margin: 0;
padding: 10px 0;
}
.page-header h3 {
font-size: 18px;
color: #333;
font-weight: 400;
line-height: 48px;
}
.page-header h3 a {
    font-size: 22px;
}
/* heading-elements */
.heading-elements {
float: right;
text-align: center;
}
.heading-elements li {
float: left;
margin-left: 25px;
}
.heading-elements li a {
display: block;
color: #333;
}
.heading-elements li a i {
font-size: 20px;
color: #006945;
}
.heading-elements li span {
display: block;
padding-top: 5px;
font-weight: 600;
}
.heading-elements li a span i {
font-size: 14px;
}
.hide-field{
display: none;
}
.show-url, .event-hide{
display: none;
}
/* signin */
.signin {
padding: 120px 0;
}
.signin .logo {
float: none;
padding-bottom: 30px;
text-align: center;
}
.signin .logo img {
width: auto;
height: 70px;
}
.signin .txtb {
padding-bottom: 30px;
text-align: center;
}
.signin h3 {
padding-bottom: 7px;
font-size: 20px;
color: #000;
font-weight: 600;
}
.signin-content {
background: #fff;
max-width: 360px;
margin: 0 auto;
padding: 15px 30px;
border-radius: 15px;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px;
}
.signin-content .form-action {
margin-bottom: 10px;
}
.signin-content .forgot-link {
display: inline-block;
color: #3700b3;
font-weight: 600;
}
/* main-container */
.main-container {padding: 15px 0 15px;min-height: 500px;}
/* service */
.service h3 {
padding-bottom: 20px;
font-size: 20px;
color: #fff;
}
.service .column.bg_1 {
background: #1ed760;
}
.service .column.bg_1:hover {
border: 1px solid #068131;
background: #089b3c;
}
.service .column.bg_2 {
background: #2d86c0;
}
.service .column.bg_2:hover {
border: 1px solid #073f63;
background: #145d8d;
}
.service .column.bg_3 {
background: #3fe0d0;
}
.service .column.bg_3:hover {
border: 1px solid #1c8d82;
background: #27a69a;
}
.service .column.bg_4 {
background: #ff7f50;
}
.service .column.bg_4:hover {
border: 1px solid #bd4d25;
background: #d35f35;
}
.service .column.bg_5 {
background: #6395ec;
}
.service .column.bg_5:hover {
border: 1px solid #244a8e;
background: #365da1;
}
.service .column.bg_6 {
background: #63947b;
}
.service .column.bg_6:hover {
border: 1px solid #40745a;
background: #456e59;
}
.service .column {
border: 1px solid #eee;
background: #fff;
min-height: 150px;
margin: 15px 0;
padding: 0;
text-align: center;
box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px;
position: relative;
z-index: 1;
transition: 0.3s;
border-radius: 15px;
}
.service .txtb {
width: 100%;
padding: 20px;
/* -webkit-transform: translateY(-50%); */
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
/* transform: translateY(-50%); */
/* position: absolute; */
/* top: 50%; */
/* z-index: 1; */
}
.service .txtb img{
width: 70px;
}
.history {
background: #fff;
border-radius: 5px;
padding: 10px 0 0;
box-shadow: rgb(0 0 0 / 5%) 0px 0px 5px;
}
.history-boxes {
padding: 15px;
}
.history h3 {
text-align: center;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-bottom: 5px;
font-size: 18px;
font-weight: 600;
color: #580ed5;
}
.histi-box {
display: flex;
justify-content: flex-start;
align-items: center;
}
.histi-box .bxbs {
width: 20px;
height: 20px;
border-radius: 3px;
margin-right: 10px;
}
.histi-box .bxbs.bg_1 {
background: #888;
}
.histi-box .bxbs.bg_2 {
background: #ff7f50;
}
.histi-box .bxbs.bg_3 {
background: #ffc300;
}
.histi-box .bxbs.bg_4 {
background: #1ed760;
}
.histi-box h4 {
font-size: 16px;
}
.histi-box h4 i {
font-size: 18px;
}
.histi-box span {
margin-left: 5px;
font-size: 18px;
}
/* Add Product Page */
.product-list {
    display: flex;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: #fbfbfb;
    padding: 10px;
    border-radius: 5px;
}
.product-list:last-child {
     
    border-bottom:none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.product-list .imgb-box {
    background: #d9d7d7;
    width: 150px;
    height: 150px;
    border-radius: 5px;
}
.product-list .imgb-box img {
    width: 150px;
    border-radius: 5px;
}
.product-list .title-box {
    padding: 5px 15px 5px;
    width: 100%;
    position: relative;
}
.product-list .title-box .title-list {
    display: flex;
    justify-content: space-between;
}
.product-list .title-box .title-list .delete-imgb span {
    color: red;
    font-size: 24px;
    position: relative;
    top: -5px;
}
.product-list .title-box .title-list .arrow-imgb {
    position: absolute;
    right: 15px;
    top: 50px;
}
.product-list .title-box .title-list .arrow-imgb span {
    color: grey;
    font-size: 24px;
    position: relative;
    top: -5px;
}

.product-list .title-box .title-list .title-text h3 {
    font-size: 18px;
    margin-bottom: 5px;
    color: #333;
}
.badge-danger {
    background: #d9534f;
}
span.line-bdr {
    display: block;
    border-bottom: 1px solid #ddd;
    margin: 10px 0px;
}
.product-list .title-box .btn-box {
    margin-top: 10px;
}
/* Variant List  */
.variant-box p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 5px;
}
.variant-box p .align-text {
    position: absolute;
    left: 50%;
    display: block;
}
.variant-box p .del {
    color: red;
    font-size: 20px;
}

.variant-box p .edit {
    color: green;
    font-size: 20px;
}
#img-preview {
  display: none;
  width: 70px;
  margin-bottom: 20px;
  box-shadow: 0 1px 1px rgb(0 0 0 / 24%);
  min-height: 70px;
  border-radius: 5px;
  overflow: hidden;
  padding: 5px;
  height: 70px;
}
#img-preview img {
  width: 100%;
  height: auto;
  display: block;
}
[type="file"] {
  /* height: 0; */
  /* width: 0; */
  /* overflow: hidden; */
}
[type="file"] + label {
  /* font-family: sans-serif; */
  /* background: #f44336; */
  /* padding: 10px 30px; */
  /* border: 2px solid #f44336; */
  /* border-radius: 3px; */
  /* color: #fff; */
  /* cursor: pointer; */
  /* transition: all 0.2s; */
}
[type="file"] + label:hover {
  /* background-color: #fff; */
  /* color: #f44336; */
}
.product-list.branch-list .badge {
    margin: 0 15px 0 0;
    border-radius: 50%;
    padding: 2px;
    width: 25px;
    height: 25px;
    line-height: 22px;
    background: #000;
}
.icon-la {
    position: relative;
}
.icon-la i {
    position: absolute;
    font-size: 24px;
    color: #545454;
    left: 7px;
    top: 5px;
}
.icon-la .form-control {
    padding-left: 35px;
}
.form-check-input[type=checkbox] {
    border-radius: 0.25rem;
    margin-top: 0.19em;
    margin-right: 6px;
}
.form-check-input:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.25);
    transition: border-color .2s;
}
.form-check-input:hover {
    cursor: pointer;
}
.form-check-input:checked:before {
    opacity: .16;
}
.form-check-input:before {
    content: "";
    position: absolute;
    box-shadow: 0 0 0 13px transparent;
    border-radius: 50%;
    width: 0.875rem;
    height: 0.875rem;
    background-color: transparent;
    opacity: 0;
    pointer-events: none;
    transform: scale(0);
}

button.btn.btn-default:hover, button.btn.btn-check-primary:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
button.btn.btn-check-primary {
    border: 1px solid #C9C9C9;
    background: #f9f9f9;
    color: #666;
    font-weight: 600;
}
button.btn.btn-check-primary.active {
    background: #3700b3;
    color: #fff;
    border-color: #3700b3;
}
i.state-icon.la.la-stop {
    font-size: 18px;
    position: relative;
    left: -3px;
    top: 1px;
    width: 18px;
}
i.state-icon.la.la-check {
    width: 18px;
}
.branch-tags {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.branch-tags .button-checkbox {
    margin-right: 10px;
}
/* Tracking Order  */
.track-list {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    background: #fbfbfb;
    padding: 10px;
    border-radius: 5px;
}
.track-list .btn-box {
    margin-top: 15px;
}
.track-list .track-items p {
    margin-bottom: 5px;
}
.track-list .track-items p strong {
    min-width: 170px;
    display: inline-block;
    max-width: 170px;
    position: relative;
}
.track-list .track-items p strong.list:after {
    content: ':';
    display: block;
    position: absolute;
    top: -2px;
    right: 0;
    font-size: 14px;
}
.track-list .title-text p strong{
    min-width: 130px;
    display: inline-block;
    max-width: 130px;
    position: relative;
}
.track-list .title-text p strong.list:after {
    content: ':';
    display: block;
    position: absolute;
    top: -2px;
    right: 0;
    font-size: 14px;
}
.track-list .title-text p strong .la-rupee-sign {
    font-size: 18px;
    position: relative;
    top: 3px;
}
.track-list .title-text h3 {
    font-size: 16px;
    margin-bottom: 5px;
}
.track-list .title-text p {
    margin-bottom: 5px;
}

.track-list .imgb-box img {
    width: 110px;
    border-radius: 5px;
    height: 110px;
}
.track-list .track-items h3, .track-list .title-text h3{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.track-list .title-text p .price-list {
    float: right;
    font-weight: bold;
}
.track-list .title-text p .price-list i {
    font-size: 16px;
    position: relative;
    top: 2px;
}
.track-list .title-text p.total-amnt {
    border-top: 1px solid #ddd;
    padding: 5px 0;
    border-style: dashed;
    margin-top: 15px;
    font-size: 14px;
    line-height: 24px;
        color: #3700b3;
}
p.info {
    margin-bottom: 10px;
}
/* adresse */
.adresse .heading {border-bottom: 1px solid #ddd;padding: 8px 20px;margin: -30px -20px 20px -20px;background: #7f0d7f;border-radius: 3px 3px 0 0;}
.adresse .heading h4 {font-size: 18px;color: #fff;line-height: normal;}
.adresse .column {
border: 1px solid #ddd;
background: #fff;
margin-bottom: 30px;
padding: 30px 20px;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.adresse .text-info {
background: #f1f1f1;
padding: 15px;
color: #000;
font-weight: 600;
}
.adresse .text-info p {
line-height: normal;
}
/* footer */
.footer {
background: #006945;
padding: 30px 0 20px 0;
color: #fff;
}
.footer h6 {
padding-bottom: 10px;
font-size: 14px;
}
.footer p {
padding-bottom: 10px;
line-height: 21px;
}
/* table-box */
.table-box {
background: #fff;
}
.text-info {
background: #f1f1f1;
padding: 10px;
color: #000;
font-weight: 600;
}
.schab-zert .text-info p.text-center {
    text-align: center;
    display: block;
}
.text-info p {
line-height: normal;
}
/* schab-zert */
.schab-zert .text-info {
background: #e2e2e2;
margin-bottom: 5px;
color: red;
display: none;
}
.schab-zert .btn-group {margin-bottom: 10px;position: -webkit-sticky; /* Safari */position: sticky;top: 50px;display: block;width: 100%;background: #f5f5f5;padding-top: 5px;padding-bottom: 5px;z-index: 9;}
.schab-zert .btn-group .btn {margin-right: 0;border-radius: 3px !important;float: right;}
.schab-zert th {
white-space: nowrap;
}
.schab-zert s {
color: #ef0808;
}
.schab-zert .gary-highlight {
background: #f1f1f1;
}
/*/////////////////////////////////
Responsive CSS
/////////////////////////////////*/
@media (min-width: 320px) and (max-width: 767px) {
.position-static {
position: static;
}
.logo {
min-width: 148px;
}
.left-menu-link {
border-left: 1px solid #ddd;
float: right;
margin-right: -15px;
}
.search .search-box {
right: -40px;
}
/* leftcol */
.leftcol {
width: 260px;
left: -260px;
z-index: 9;
}
.leftcol.active {
width: 260px;
left: 0;
}
/* rightcol */
.rightcol {
margin-left: 0;
}
.rightcol.active {
margin-left: 0;
}
.sub-nav li.main-link {display: block;}
.nav-links,
.top-nav {
display: none;
}
/* heading-elements */
.page-header h3 {font-size: 14px;line-height: normal;text-align: center;}
.heading-elements {border-top: 1px solid #ddd;padding-top: 10px;margin-top: 10px;float: none;text-align: center;}
.heading-elements ul {
display: inline-block;
}
.heading-elements li {
margin: 0;
padding: 0 10px;
}
/* signin */
.signin-content {
padding: 30px 15px;
}
/* service */
.service .column {
}
/* adresse */
.adresse .column {
padding: 30px 15px;
}
.adresse .heading {border-bottom: 1px solid #ddd;padding: 10px 15px;margin: -30px -15px 10px -15px;}
/* Add Branch  */
.form-group {
    margin-bottom: 10px;
}
.branch-tags .button-checkbox {
    margin-right: 10px;
    display: inline-block;
}
.branch-tags {
    display: block;
}
/* Order  */
.product-list {
    flex-direction: column;
}
.product-list .imgb-box {
    width: 100%;
    height: auto;
}
.product-list .imgb-box img {
    width: 150px;
    border-radius: 5px;
    margin: 0 auto;
    display: block;
}
.product-list .title-box {
    padding: 10px 15px 5px;
    width: 100%;
}
.product-list .title-box .title-list .arrow-imgb {
    position: relative;
    right: 0;
    top: 0;
}
/*  Tracking Order */
.track-list .title-text {
    margin-top: 20px;
}
.track-list .btn-box .btn {
    margin: 5px 0;
}
.schab-zert .btn-group .btn {
width: 100%;
margin: 0 0 10px 0;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
.container {
width: auto;
}
.logo {
min-width: 180px;
}
.search .search-box {
right: -40px;
}
.track-list .title-text p strong {
    min-width: 110px;
}
.form-group {
    margin-bottom: 10px;
}
.branch-tags .button-checkbox {
    margin-right: 10px;
    display: inline-block;
}
.branch-tags {
    display: block;
}
/* leftcol */
.leftcol {
width: 260px;
left: -260px;
z-index: 9;
}
.leftcol.active {
width: 260px;
left: 0;
}
/* rightcol */
.rightcol {
margin-left: 0;
}
.rightcol.active {
margin-left: 0;
}
/* service */
.service .column {
min-height: 200px;
}
.service .txtb {
padding: 15px;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
.container {
width: auto;
}
.branch-tags .button-checkbox {
    margin-right: 10px;
    display: inline-block;
}
.branch-tags {
    display: block;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 1200px) and (max-width: 1599px) {
.container {
width: auto;
}
.branch-tags .button-checkbox {
    margin-right: 10px;
    display: inline-block;
}
.branch-tags {
    display: block;
}
}
/* Medium devices (desktops, 1660px and up) */
@media (min-width: 1600px) and (max-width: 1920px) {
    .branch-tags .button-checkbox {
    margin-right: 10px;
    display: inline-block;
}
.branch-tags {
    display: block;
}
}