@media (max-width: 767px) {
  .flex-container .flex1 {
    width: 100%; }
  .box_logo {
    padding: 0; }
  .wrapper {
    padding: 0 10px; }
  #iframeModal {
    margin-left: 0 !important;
    left: 0 !important;
    top: 60px !important;
    height: calc(70%) !important;
    width: calc(100% - 20px) !important; }
  .modal .close {
    top: -50px !important;
    right: 10px !important; }
  h3.subheader {
    margin: 5px 0 25px; }
  h2 .small,
  h3 .small {
    display: block; }
  #position_cart .cart-dropdown .dropdown-menu .body.profile .seller {
    padding-left: 0;
    padding-top: 20px; }
  .pagination li {
    /*width: 100%;*/ }
    .pagination li a,
    .pagination li span {
      padding: 5px 10px; }
  .tabbable .tab-content .tab-pane {
    background-color: transparent;
    border: none;
    padding: 0; }
  .tabbable ul:not(.horizontal-nav-tabs) {
    height: 42px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; }
    .tabbable ul.open {
      height: initial; }
    .tabbable ul:not(.horizontal-nav-tabs) li {
      background-color: #f1f1f1;
      display: block;
      width: 100%; }
      .tabbable ul li a {
        font-size: 0.875rem !important;
        padding: 10px !important;
        text-align: left; }
      .tabbable ul li.active a {
        background-color: #f7f7f7;
        border: none;
        border-radius: 0;
        padding: 10px; }
  .tabbable.tabbable-dark ul li.active a {
    background-color: initial;
    color: #fff; }
  .tabbable ul li:first-child a {
    background-color: #f7f7f7;
    font-weight: 400; }
    .tabbable ul li:first-child a i {
      float: right;
      font-size: 1.25rem; }
  .tabbable ul.open li:first-child a i {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .tabbable ul li:first-child a {
    color: #616161; }
    .tabbable ul li:first-child a:hover {
      color: #616161; }
  .tabbable.tabbable-dark ul li {
    background-color: initial; }
    .tabbable.tabbable-dark ul li:first-child a {
      background-color: initial;
      border-bottom: none;
      color: #fff !important; }
      .tabbable.tabbable-dark ul li:first-child a:hover {
        background-color: initial;
        border-bottom: none;
        color: #fff !important; }

  form label,
  form input,
  form .col {
    display: block; }
  form label input,
  form.form-columns label input {
    display: inline-block;
    max-width: initial;
    width: initial; }
  footer .wrapper {
    padding: 35px 10px; }
}

@media (min-width: 768px) and (max-width: 992px) {
  .wrapper {
    padding: 0 20px; }
  main .content .sidebar-btn {
    padding: 15px 10px; }
  footer {
    padding: 0 20px; }
}

@media (max-width: 992px) {
	header.floating-topbar + main {
		margin-top: 80px;
	}

	header > .wrapper {
		padding: 0;
	}

	.mobile-menu-offcanvas,
	.side-position-offcanvas {
		max-width: 280px;
	}

	.mobile-menu-offcanvas .offcanvas-header,
	.side-position-offcanvas .offcanvas-header,
  .mobile-menu-offcanvas .offcanvas-body,
  .side-position-offcanvas .offcanvas-body {
		padding: .5rem;
	}
	.mobile-menu-offcanvas .offcanvas-body,
	.side-position-offcanvas .offcanvas-body {
		padding-top: 0;
	}

  body > div.clearfix {
    display: none; }
  .container-fluid {
    /* box-shadow: 0 0 22px -7px #000; */
    /* -moz-box-shadow: 0 0 22px -7px #000; */
    /* -webkit-box-shadow: 0 0 22px -7px #000; */
    display: inline-block;
    height: initial;
    margin: 0;
    overflow: auto;
    position: relative;
    width: 100%;
    /* z-index: 10; */
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-overflow-scrolling: touch; }
    .container-fluid.slide-to-left {
      margin: 0 0 0 -260px; }
    .container-fluid.slide-to-right {
      margin: 0 0 0 260px; }
  .wrapper {
    overflow: hidden; }
  .top-row {
    display: none; }
  body .page-container {
    margin: 0; }
    body .page-container:not(.homepage) > header {
      padding: 0; }
  #iframeModal {
    top: 60px !important; }
  .mobile-menu .logo img {
    max-height: 35px;
  }
  .mobile-menu a i {
      /* margin: 5px; */
      padding: 5px;
      color: #404040;
      font-size: 1.5rem;
  }
  .dropdown-menu.show {
    visibility: visible;
    margin: 0;
    opacity: 1; }
  aside.sidebar {
    background-color: #f7f7f7;
    box-shadow: 0 0 12px -4px #000;
    -moz-box-shadow: 0 0 12px -4px #000;
    -webkit-box-shadow: 0 0 12px -4px #000;
    height: 100%;
    margin: 0;
    padding: .5rem;
    overflow: auto;
    position: fixed;
    top: 0;
    z-index: 999; }
    aside.sidebar.sidebar-right.slide {
      right: 0; }
    aside.sidebar.sidebar-left.slide {
      left: 0; }
  main .content .sidebar-btn {
    background-color: #333;
    padding: 15px;
    position: fixed;
    top: 80px;
    z-index: 999; }
    main .content .sidebar-btn.left {
      border-radius: 0 5px 5px 0;
      -moz-border-radius: 0 5px 5px 0;
      -webkit-border-radius: 0 5px 5px 0;
      left: 0; }
    main .content .sidebar-btn.right {
      border-radius: 5px 0 0 5px;
      -moz-border-radius: 5px 0 0 5px;
      -webkit-border-radius: 5px 0 0 5px;
      right: 0; }
    main .content .sidebar-btn i {
      color: #fff; }
  #position_logo {
    padding: 15px 0;
    text-align: center; }

	.checkout-cart-summary {
		border-left: none !important;
	}
	header .mobile-menu-logo-section {
		margin: 5px 0;
		padding: 5px 0;
		text-align: center;
	}
	header .mobile-menu-topbar > div {
		align-self: center;
	}
	header .mobile-menu-topbar > div:last-child {
		text-align: right;
	}
	header .mobile-menu .mobile-menu-topbar {
		background: #ffffff;
    padding: 0 calc(.75rem - 5px);
	}

	/* side positions togglers */
	.left-position-mobile-toggler,
	.right-position-mobile-toggler {
		background-color: #ff8000;
		padding: 6px 2px;
		position: fixed;
		top: 120px;
		z-index: 1001;
		border-radius: 5px;
		align-items: center;
		justify-content: center;
	}
	.left-position-mobile-toggler {
		left: -1px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.right-position-mobile-toggler {
		right: -1px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.left-position-mobile-toggler i,
	.right-position-mobile-toggler i {
		color: #ffffff;
	}

  #payment_method_select li {
    display: flex;
    align-items: center;
  }
  #payment_method_select li label {
    margin-bottom: 0;
    margin-left: .25rem;
  }
  #payment_method_select li input {
    margin-top: 0;
  }

  .form-group.d-flex label {
    margin-bottom: 0;
    margin-left: .25rem;
  }
  .form-group.d-flex input {
    margin-top: 0;
  }
}


@media (min-width: 993px) {
  ul.nav li:hover > .dropdown-menu,
  .dropdown:hover > .dropdown-menu {
    visibility: visible;
    margin: 0;
    opacity: 1; }
  main {
    position: relative; }
    main:after {
      background-color: rgba(0, 0, 0, 0.7);
      content: "";
      visibility: hidden;
      height: 100%;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 900;
      transition: all 0.3s ease-in-out 0.1s;
      -moz-transition: all 0.3s ease-in-out 0.1s;
      -webkit-transition: all 0.2s ease-in-out 0.1s; }
    main.cover:after {
      visibility: visible;
      opacity: 1; }


	.side-position-offcanvas {
		width: 300px;
		z-index: 0;
		position: relative;
		display: block;
		left: unset;
		top: unset;
		border: none;
		transform: none;
		visibility: visible !important;
	}
	.left-position-offcanvas {
		margin-right: 30px;
		/*border: 1px solid #b6c7d6;*/
    box-shadow: 0 0px 4px 0px rgba(33, 51, 67, .12);
		padding: 1rem;
		border-radius: .25rem;
    height: fit-content;
    position: sticky;
    top: 100px;
	}
	.right-position-offcanvas {
		margin-left: 30px;
	}
	.side-position-offcanvas .offcanvas-header {
		display: none;
	}
	.side-position-offcanvas .offcanvas-body {
		padding: 0;
		overflow: initial;
	}
}