@charset "utf-8";
@import url("../css/bootstrap.min.css");
@import url("new-style.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

html,
body {
   font-size: 16px;
   font-weight: normal;
   background-color: #ffffff;
   color: #666666;
   margin: 0;
   border: 0;
   padding: 0;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   line-height: normal;
   min-height: 100%;
}

h2 {
   font-size: 1.125em;
   font-weight: bold;
   text-transform: uppercase;
}

h3 {
   font-size: 1em;
   font-weight: bold;
   text-transform: uppercase;
}

a,
span,
p,
ul li,
ol li,
small {
}

a,
a:hover {
   color: inherit;
   text-decoration: none !important;
}

p {
   font-size: 0.875em;
   line-height: normal;
}

ul {
   padding: 0;
   margin: 0;
}

ul li {
   list-style: none;
   display: inline-block;
}

input,
button,
textarea,
select {
   border: none;
   box-shadow: none;
   border-radius: 0;
}

input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
   cursor: pointer !important;
}

input:focus,
button:focus,
textarea:focus,
select:focus,
a:focus {
   outline: none !important;
   box-shadow: none !important;
}

.mt-3 {
   margin-right: 1rem;
}

.margin-lr-cut {
   margin-right: -15px;
   margin-left: -15px;
}

.margin-lr-cut10 {
   margin-right: -10px;
   margin-left: -10px;
}

.margin-lr-cut5 {
   margin-right: -5px;
   margin-left: -5px;
}

.Show-arrow {
   -webkit-appearance: listitem !important;
}

/******** MENU - START ********/

.mid-ad {
   /* margin-top: 30px; */
   margin-top: 200px;
   margin-bottom: 10px;
}
.mid-ad-1 {
   margin-top: 160px;
}

.dxpc-header {
   height: 40px !important;
}

header {
   width: 100%;
   position: relative;
}

.headerspacer {
   height: 155px;
   width: 100%;
   display: block;
}

header .container {
   position: relative;
}

.lang-selector {
   position: absolute;
   top: 10px;
   right: 0;
   height: 30px;
   margin-right: 15px;
   background-color: #fff;
   display: flex;
   align-items: center;
   z-index: 1;
}

.lang-selector p {
   margin-bottom: 0;
   font-size: 0.7em;
   float: left;
   margin-top: 8px;
}

.lang-selector select {
   float: right;
   font-size: 0.7em;
   background-color: #fff;
   margin-top: 8px;
   color: #575757;
   cursor: pointer;
}

.lang-selector p {
   margin-right: 15px;
   color: #575757;
   line-height: inherit;
   margin-top: 8px;
}

.lang-selector .link-btn.btn-reg {
   color: #fff;
   background: #44545f;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   padding: 3px 25px;
   margin-right: 5px;
   border: 1px solid transparent;
   transition: all 0.4s;
   -moz-transition: all 0.4s;
   -webkit-transition: all 0.4s;
}

.lang-selector .link-btn.btn-reg:hover {
   background: #fff;
   color: #44545f;
   border: 1px solid #44545f;
}

.lang p {
   margin-bottom: 0;
   font-size: 0.7em;
   float: left;
   margin-top: 8px;
}

.lang select {
   float: right;
   font-size: 0.7em;
   background-color: #fff;
   margin-top: 8px;
   margin-left: 10px;
   color: #575757;
   cursor: pointer;
   position: relative;
   z-index: 999;
}

.lang p {
   margin-right: 15px;
   color: #575757;
   line-height: inherit;
   margin-top: 8px;
}

.lang .link-btn.btn-reg {
   color: #fff;
   background: #44545f;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   padding: 3px 25px;
   margin-right: 5px;
   border: 1px solid transparent;
   transition: all 0.4s;
   -moz-transition: all 0.4s;
   -webkit-transition: all 0.4s;
}

.lang .link-btn.btn-reg:hover {
   background: #fff;
   color: #44545f;
   border: 1px solid #44545f;
}

.logo img {
   width: 136px;
}

.menu {
   font-size: 11px;
   font-weight: bold;
   color: #575757;
   padding-right: 0;
   padding-left: 0;
   border-bottom: 1px solid #ccc;
}

.menu .container {
   align-items: flex-end;
}

.menu .nav-link:hover,
.right-side-menu li a:hover {
   color: #012f5f;
}

.top-row label {
   color: #666666;
   font-size: 0.875em;
   font-weight: 300;
   margin-right: 0px;
   text-transform: uppercase;
   position: relative;
}

.top-row select {
   color: #666666;
   width: 200px;
   padding: 3px 10px;
   border: 1px solid #bebebe;
   margin-left: 5px;
   font-weight: 300;
   font-size: 0.75em;
   background-color: #ffffff;
}

.top-row button {
   color: #666666;
   background: transparent;
   padding: 0;
   font-size: 1.37em;
}

.top-row button:nth-child(1) {
   margin-right: 10px;
}

.right-side-menu {
   font-weight: bold;
   color: #575757;
   padding-bottom: 0.5rem;
}

.right-side-menu li:nth-child(even) {
   margin: 0 15px;
}

.menu .container {
   position: relative;
}

.text-black {
   color: #424141 !important;
}

.text-black .btn-buy {
   color: #ffffff !important;
}

.text-black .btn-buy:hover {
   color: #424141 !important;
}

.search-stick-enable {
   cursor: pointer !important;
}

.search-stick {
   padding: 0 !important;
   border: none !important;
   margin-bottom: -4px;
   position: relative;
}

.search-stick input,
.search-stick {
   height: 0px;
   width: 100%;
   color: #888383;
   padding: 0 100px 0 10px;
   transition: height 0.2s ease;
   -webkit-transition: height 0.2s ease;
   -moz-transition: height 0.2s ease;
   -o-transition: height 0.2s ease;
}

.search-stick .search-btn {
   width: 100px !important;
   position: absolute;
   right: 0;
   top: 0;
   border: none;
   text-align: center;
   padding: 0 !important;
   font-size: 1.3em !important;
   background-color: #012f5f;
   color: #ffffff !important;
}

.search-stick .search-btn:hover {
   background-color: #ab1d0e;
}

.search-stick.show input,
.search-stick.show {
   height: 40px;
   transition: height 0.2s ease;
   -webkit-transition: height 0.2s ease;
   -moz-transition: height 0.2s ease;
   -o-transition: height 0.2s ease;
}

.search-stick.show input {
   color: #888383;
   width: 100%;
   font-size: 1.2em;
   border: 1px solid #f1f0f0;
   padding: 0 100px 0 10px;
}

.menu .dropdown-menu {
   border-radius: 0;
   padding: 10px 15px;
}

.menu .dropdown-item {
   padding: 5px 10px 5px 10px;
   font-size: 13px;
   width: 100%;
}

.menu .dropdown-item:active {
   color: inherit;
   text-decoration: none;
   background-color: inherit;
}

.drop-head {
   font-weight: bold;
   padding: 5px 10px 5px 0 !important;
   /*	border-bottom: 2px solid #012f5f;*/
}

.menu .dropdown-item:hover {
   color: #012f5f !important;
}

.dropdown-item.drop-head:hover {
   color: #212529 !important;
   background-color: transparent !important;
}

.dropdown-listing {
   width: 100%;
   float: left;
}

.dropdown-listing .dropdown-item {
   padding: 0.25rem 5px 0.25rem 0;
   width: 200px;
   white-space: inherit;
}

.dropdown-listing li {
   display: block;
   width: 100%;
   float: left;
}

.dropdown-listing {
   padding: 10px;
   -o-column-count: 3;
   -ms-column-count: 3;
   -webkit-column-count: 3;
   -moz-column-count: 3;
   column-count: 3;
}

.nav-item:nth-child(4) .dropdown-listing {
   -o-column-count: 2;
   -ms-column-count: 2;
   -webkit-column-count: 2;
   -moz-column-count: 2;
   column-count: 2;
}

.menu .dropdown-menu.small {
   border-radius: 0;
   padding: 10px 5px;
   width: 250px;
}

.name-box {
   display: flex;
}

.name-box select {
   width: 70px !important;
   margin-right: 5px;
}

.search .user-items button {
   background-color: transparent !important;
   float: right;
   padding-top: 3px;
   width: 50px;
}

.search .user-items button img {
   width: 100%;
}

.dropdown .dropdown-menu {
   left: 0;
}

.dropdown:hover .dropdown-menu {
   display: block !important;
}

.user-items .dropdown-menu {
   top: 30px;
}

.user-items .dropdown-menu .dropdown-item span {
   display: none !important;
}

.purchase-table-header a {
   color: #36d604 !important;
}

.profile-name {
   margin-top: 0 !important;
   font-size: 13px;
   height: 30px;
   display: flex;
   align-items: center;
   width: auto !important;
   margin-left: 15px;
   margin-right: 0 !important;
}

#main > table.col-sm-12 {
   display: block;
}

nav .navbar-brand {
   z-index: 9999;
}

.account-search .dropdown .dropdown-menu {
   left: auto !important;
   right: 20px !important;
   border-radius: 0;
}

.banner-image-box {
   border-bottom: 1px solid #dfdfdf;
}

.market-box {
   margin-top: 50px;
   margin-bottom: 60px;
}

.market-box a {
   display: block;
   margin-bottom: 10px;
}

.market-box a img {
   width: 100%;
}

.market-box h2 {
   color: #333333;
   margin-bottom: 20px;
   font-size: 1.3em !important;
}

.market-box .right-pd {
   padding-right: 5px;
}

.market-box .right-pd a,
.market-box .left-pd a {
   padding-bottom: 0;
}

.market-box .left-pd {
   padding-left: 5px;
}

@media (min-width: 992px) {
   .menu .container {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

@media (max-width: 991px) {
   .menu .container {
      padding: 0 15px;
   }

   .right-side-menu {
      position: absolute;
      right: 70px;
      top: 70px;
   }

   .menu {
      padding: 0 0 8px 0;
   }

   .menu .navbar-toggler {
      padding-right: 0;
   }

   .lang-selector {
      top: 10px;
   }

   .menu .dropdown-menu {
      border: none;
      float: left;
   }

   .dropdown-listing {
      width: 100%;
      height: auto;
   }

   .sec-menu .dropdown {
      position: static;
   }

   .dropdown .dropdown-menu {
      left: 0;
      right: 0;
   }

   #main #content:nth-child(2) {
      margin-top: 0px !important;
   }
}

@media (max-width: 767px) {
   .nav-item:nth-child(4) .dropdown-listing {
      -o-column-count: 2;
      -ms-column-count: 2;
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
   }

   .menu .dropdown-menu.small {
      padding: 0px 0px;
      width: 100%;
   }

   .dropdown-listing:first-child {
      padding-right: 0px;
   }

   .drop-head {
      padding: 5px 10px 5px 5px !important;
   }

   .varified img,
   .payment-m img,
   .courier img {
      width: 200px;
      margin: 0 auto;
   }

   .market-box .right-pd {
      padding-right: 15px;
   }

   .market-box .left-pd {
      padding-left: 15px;
   }
}

/******** MENU - END ********/

/******** BANNER - START ********/

.banner .carousel-indicators li {
   width: 14px;
   height: 10px;
   border-radius: 5px;
   border: 1px solid #012f5f;
   background-color: transparent;
   cursor: pointer;
}

.banner .carousel-indicators li.active {
   background-color: #012f5f;
}

.banner .carousel-indicators {
   bottom: 0;
   right: 20px;
   left: auto;
   margin-right: 0;
}

.banner .head {
   font-size: 1.875em;
   font-weight: bold;
   line-height: 30px;
   text-transform: uppercase;
   display: none;
}

.banner .author-name {
   font-size: 1.125em;
   text-transform: uppercase;
   margin-bottom: 4px;
}

.banner .book-intro {
   margin-bottom: 0;
   font-size: 0.75em;
}

.banner .carousel-caption {
   text-align: left;
   width: 40%;
   right: 50px;
   left: auto;
   top: 50%;
   bottom: auto;
   transform: translateY(-50%);
   float: left;
   padding: 0;
}

.btn-buy {
   width: 100%;
}

.dataView.product-box a::after,
.slider-inner .product-box a::after {
   background: none !important;
   content: none;
}

.banner .carousel-item .banner-image-box img {
   display: block;
   width: 100%;
}

#header {
   position: absolute;
   background: #fff;
   top: 0;
   right: 0;
   left: 0;
   width: 100%;
   z-index: 9999;
}

#header .sec-menu ul li:last-child .dropdown-menu,
#header .sec-menu ul li:nth-child(7) .dropdown-menu,
#header .sec-menu ul li:nth-child(8) .dropdown-menu {
   right: 0;
   left: inherit !important;
}

#header .search:first-child {
   margin-left: 3%;
}

#header .wshlt {
   position: relative;
}

#header .wshlt span.number {
   font-size: 10px;
   position: absolute;
   top: -18px;
   right: -16px;
   background: #0096d6;
   color: #fff;
   width: 25px;
   height: 25px;
   text-align: center;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.green-txt {
   display: inline-block;
   color: #7ac10b !important;
}

.green-txt span {
   font-weight: bold;
}

@media (min-width: 768px) and (max-width: 991px) {
   .hidden-sm {
      display: none !important;
   }
}

@media (max-width: 991px) {
   .banner .head {
      font-size: 1.25em;
      line-height: 23px;
   }

   .banner .author-name {
      font-size: 0.875em;
   }

   .banner .carousel-caption {
      width: 40%;
      right: 30px;
   }

   .btn-buy {
      font-size: 0.875em;
      padding: 6px 25px;
   }
}

@media (max-width: 767px) {
   .banner .head {
      font-size: 1em;
      line-height: 18px;
      margin-bottom: 7px;
   }

   .text-black {
      color: #fff !important;
   }

   .banner .author-name {
      font-size: 0.875em;
   }

   .banner .carousel-caption {
      transform: none;
      width: 100%;
      left: 15px;
      bottom: 10px;
      top: auto;
      padding-right: 30px;
   }

   .hidden-xs {
      display: none !important;
   }

   .banner .carousel-item::after {
      display: none;
      content: "";
      position: absolute;
      background-color: rgba(0, 0, 0, 0.5);
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
   }
}

/******** BANNER - END ********/

/******** MIDDLE MENU - START ********/

.middle-menu {
   margin-bottom: 20px !important;
}

.middle-menu ul {
   border-top: 3px solid #012f5f;
}

.middle-menu li {
   width: 20%;
   float: left;
   text-align: center;
   color: #282828;
   text-transform: uppercase;
   font-weight: bold;
   padding: 0px 1px 0 0;
}

.middle-menu li:last-child {
   padding-right: 0;
}

.middle-menu li p {
   margin-top: 10px;
   margin-bottom: 0;
   font-size: 0.75em;
   width: auto;
   display: inline-block;
}

.middle-menu li a {
   background-color: #282828;
   color: #fff;
   width: 100%;
   display: block;
   padding: 14px 0px;
   display: flex;
   align-items: center;
}

.middle-menu li a {
   transition: all 0.4s ease;
   -webkit-transition: all 0.6s ease;
   -moz-transition: all 0.6s ease;
   -o-transition: all 0.6s ease;
}

.middle-menu li a:hover {
   background-color: #012f5f;
   transition: all 0.4s ease;
   -webkit-transition: all 0.6s ease;
   -moz-transition: all 0.6s ease;
   -o-transition: all 0.6s ease;
}

@media (max-width: 767px) {
   .lang-selector {
      position: relative;
      display: block;
      float: left;
      margin-right: 0;
   }

   .lang-selector p {
      margin-top: 0px;
      width: 100%;
      padding: 5px 0;
      text-align: right;
      margin-right: 0;
   }

   .lang-selector p:nth-child(2) {
      float: left;
      width: 70%;
      margin-right: 0;
      position: relative;
      bottom: -15px;
      text-align: right;
      padding-right: 28px;
   }

   .lang-selector select {
      position: relative;
      bottom: -19px;
      right: 36px;
      margin-top: 0;
   }

   .menu .navbar-toggler {
      float: right;
      padding-top: 15px;
   }

   .menu .container {
      display: block;
   }

   .menu {
      display: block;
      margin-top: 0px;
      margin-bottom: 10px;
   }

   .right-side-menu {
      position: static;
      text-align: right;
   }

   .logo img {
      width: 100px;
   }

   .menu .navbar-collapse {
      position: absolute;
      z-index: 99999;
      background-color: #ffffff;
      width: 100%;
   }

   .menu .navbar-nav {
      padding: 0 15px;
      border: 1px solid #fdf4f4;
      border-top: 0;
      overflow: hidden;
   }

   .middle-menu {
      padding: 0 10px;
      margin-top: 10px;
   }

   .middle-menu ul li {
      padding: 3px 0 0 0;
   }

   .middle-menu ul li:nth-of-type(1n + 1) {
      width: 33.333%;
   }

   .middle-menu ul li:nth-of-type(1n + 4) {
      width: 50%;
   }

   .middle-menu ul li:nth-child(even),
   .middle-menu ul li:first-child {
      padding-right: 3px;
   }

   .middle-menu li a {
      padding: 5px 5px;
   }
}

/******** MIDDLE MENU - END ********/

/******** PRODUCTS - START ********/

.main-heading {
   text-transform: uppercase;
   font-size: 1em;
   text-align: center;
   font-weight: bold;
   overflow: visible;
   padding: 25px 0px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.main-heading a {
   font-size: 1.75em;
   background: #fff;
   padding: 0;
   color: #0096d6;
}

.main-heading span {
   color: #000;
}

.new-product {
   background-color: #fff200;
   width: 55px;
   padding: 2px 0;
   font-size: 1em;
   font-weight: bold;
   color: #000000;
   display: block;
   text-align: center;
   position: absolute;
   left: 0px;
   top: 0;
   z-index: 50;
}

.product-box {
   width: 100%;
   float: left;
   position: relative;
   border: 1px solid #e1e1e1;
   border-radius: 10px;
   overflow: hidden;
}

.off {
   background-color: #fff200;
   width: 85px;
   padding: 2px 0;
   font-size: 1em;
   font-weight: bold;
   color: #000000;
   display: block;
   text-align: center;
   z-index: 2;
   margin-bottom: 0;
   float: right;
}

.product-box .off {
   position: absolute;
   bottom: 0;
   right: 0;
}

.hover {
   height: auto !important;
   /* position: absolute; */
   bottom: 0px;
   left: 0;
   z-index: 99;
   width: 100%;
}

.book-name-and-buy {
   float: left;
   width: 100%;
   padding: 0px 10px 16px 20px;
   min-height: 130px;
   position: relative;
}

.book-name-and-buy .book-name-and-buy ul {
   float: left;
   position: static;
   bottom: 15px;
   left: 10px;
   right: 0;
}

.book-name {
   color: #0096d6;
   font-size: 1.0625em;
   margin-bottom: 10px;
   margin-bottom: 2px;
   margin-top: 10px;
   height: 60px;
   font-weight: bold;
}

.item-name {
   color: #000;
   font-size: 1.25em;
   margin-bottom: 10px;
   margin-bottom: 2px;
   margin-top: 10px;
}

.product {
   overflow: hidden;
   position: relative;
   padding-bottom: 100%;
}

.product img {
   position: absolute;
   left: 0;
   top: -1px;
}

.book-name-and-buy .btn-buy {
   text-align: center;
}

.product-box:hover a::after {
   opacity: 1;
   transition: opacity 0.4s ease;
   -webkit-transition: opacity 0.4s ease;
   -moz-transition: opacity 0.4s ease;
   -o-transition: width 0.4s ease;
}

.mph-owl .owl-nav {
   z-index: -1;
}

.m-t-40 {
   margin-top: 40px;
}

.owl-drag .owl-next {
   width: 30px;
   height: 30px;
   margin-right: -30px;
   text-align: center;
   filter: opacity(100%);
   line-height: 27px;
   background-color: rgba(187, 187, 187, 0);
   transition: background-color 0.3s ease;
   -webkit-transition: background-color 0.3s ease;
   -moz-transition: background-color 0.3s ease;
   -o-transition: background-color 0.3s ease;
   -ms-transition: background-color 0.3s ease;
}

.owl-drag .owl-prev {
   width: 30px;
   height: 30px;
   margin-left: -30px;
   text-align: center;
   filter: opacity(100%);
   line-height: 27px;
   background-color: rgba(187, 187, 187, 0);
   transition: background-color 0.3s ease;
   -webkit-transition: background-color 0.3s ease;
   -moz-transition: background-color 0.3s ease;
   -o-transition: background-color 0.3s ease;
   -ms-transition: background-color 0.3s ease;
}

.owl-drag .owl-prev:hover {
   background-color: rgba(187, 187, 187, 0.95);
   color: #fff;
   transition: background-color 0.4s ease;
   -webkit-transition: background-color 0.4s ease;
   -moz-transition: background-color 0.4s ease;
   -o-transition: background-color 0.4s ease;
   -ms-transition: background-color 0.4s ease;
   border: 1px solid #b5b5b5;
}

.owl-drag .owl-next:hover {
   background-color: rgba(187, 187, 187, 0.95);
   color: #fff;
   transition: background-color 0.4s ease;
   -webkit-transition: background-color 0.4s ease;
   -moz-transition: background-color 0.4s ease;
   -o-transition: background-color 0.4s ease;
   -ms-transition: background-color 0.4s ease;
   border: 1px solid #b5b5b5;
}

.view-more {
   background-color: #ccc;
   text-align: center;
   display: flex;
   align-items: center;
}

.view-more::after {
   background: rgba(255, 255, 255, 0);
   background: -moz-linear-gradient(
      top,
      rgba(255, 255, 255, 0) 0%,
      rgba(97, 97, 97, 1) 100%
   );
   background: -webkit-gradient(
      left top,
      left bottom,
      color-stop(0%, rgba(255, 255, 255, 0)),
      color-stop(100%, rgba(97, 97, 97, 1))
   );
   background: -webkit-linear-gradient(
      top,
      rgba(255, 255, 255, 0) 0%,
      rgba(97, 97, 97, 1) 100%
   );
   background: -o-linear-gradient(
      top,
      rgba(255, 255, 255, 0) 0%,
      rgba(97, 97, 97, 1) 100%
   );
   background: -ms-linear-gradient(
      top,
      rgba(255, 255, 255, 0) 0%,
      rgba(97, 97, 97, 1) 100%
   );
   background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(97, 97, 97, 1) 100%
   );
   filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#616161', GradientType=0);
}

.view-more .btn-buy {
   color: #ffffff;
   position: absolute;
   z-index: 99;
   left: 0;
   right: 0;
   top: 50%;
   width: 135px;
   margin: 0 auto;
   margin-top: 0 !important;
   padding: 5px 0;
}

.main-heading:hover {
   color: #000;
}

@media (max-width: 991px) {
   .mph-owl .owl-nav {
      z-index: 1;
   }

   .hover {
      height: auto;
      bottom: 0;
   }

   .book-name-and-buy {
      padding-bottom: 15px;
   }

   .bottom-add .col-6 {
      margin-bottom: 15px;
   }

   .main-heading {
      margin: 20px auto 20px auto;
      padding-bottom: 18px;
   }
}

@media (max-width: 767px) {
   .main-heading {
      margin: 0px auto 0px auto;
   }

   .mph-owl .product-box:hover .hover {
      top: 26px;
   }

   .hover {
      right: 0;
   }

   .view-more .btn-buy {
      width: 100px;
   }

   .book-name-and-buy .btn-buy {
      font-size: 12px;
      padding: 5px 15px;
   }

   .btn-buy {
      font-size: 0.75em;
      padding: 5px 15px;
   }

   .book-name {
      font-size: 1em;
   }

   .book-name-and-buy ul li:first-child {
      font-size: 1em;
   }
}

/******** PRODUCTS - END ********/

/******** FOOTER - START ********/

.bottom-add {
   margin: 40px auto 0px auto;
   padding: 25px 0;
   background-color: #f3f3f3;
}

.newletter-signup p {
   font-size: 0.75em !important;
   font-weight: 300 !important;
   margin-top: 0 !important;
}

footer {
   background-color: #f3f3f3;
   float: left;
   padding: 30px 0 15px 0;
}

footer p {
   color: #424141;
   font-weight: bold;
   font-size: 1em;
   margin-top: 5px;
   margin-bottom: 10px;
}

footer br {
   display: none;
}

footer li {
   display: block;
   margin-bottom: 7px;
}

footer li a,
footer .footer-logos span {
   font-size: 1em;
   color: #424141;
}

footer li a:hover {
   color: #012f5f;
}

footer .footer-logos img {
   width: 100%;
}

footer .footer-crt {
   text-align: left;
   margin-top: 0;
   padding-top: 10px;
   width: 100%;
   float: left;
}

footer .footer-crt p {
   display: inline-block;
   font-weight: 400;
   font-size: 0.8em;
   margin-bottom: 0;
}

.more ul li {
   display: block;
   margin-bottom: 10px;
}

.more ul li:hover {
   color: #012f5f;
   font-weight: 500;
}

.more ul {
   width: 50%;
   float: left;
   font-size: 0.875em;
}

.logos .varified,
.logos .payment-m,
.logos .courier {
   padding: 10px;
   background-color: #fff;
   float: left;
   border: 1px solid #ccc;
   width: 100%;
   text-align: center;
}

.logos .payment-m {
   margin-bottom: 14px;
   border-radius: 5px;
}

.logos .courier,
.logos .varified {
   height: 128px;
   display: flex;
   align-items: center;
}

.text {
   font-size: 0.75em !important;
   font-weight: 400 !important;
   margin-top: 8px;
}

footer input[type="text"] {
   height: 30px;
   width: 100%;
   padding: 0 60px 0 8px;
   font-size: 0.875em;
   border: 1px solid #ccc;
   color: #666;
}

.sign-up-btn {
   position: absolute;
   top: 0;
   right: 0;
   height: 30px;
   padding: 5px 10px;
   line-height: 20px;
   background-color: #012f5f;
   color: #fff;
   font-size: 0.75em;
   text-transform: uppercase;
   font-weight: bold;
}

.sign-up-btn:hover {
   color: #fff;
}

.btm-logo {
   margin-bottom: 30px;
}

.social {
   margin-bottom: 10px;
}

.social li {
   display: inline-block;
   margin-right: 5px;
   color: #012f5f;
   line-height: 0;
}

.social li a,
.share li a {
   font-size: 32px;
   color: #012f5f;
}

@media (max-width: 991px) {
   .btm-logo {
      width: 100%;
   }

   .more {
      padding: 0;
   }

   .more ul:first-child {
      padding-right: 10px;
   }

   footer p {
      font-size: 1em;
   }

   footer input[type="text"] {
      padding: 0 8px 0 8px;
   }

   .sign-up-btn {
      position: static;
      margin-top: 5px;
      width: 100%;
   }

   .logos .mb-4 {
      margin-bottom: 10px !important;
   }
}

@media (max-width: 767px) {
   .sign-up-btn {
      display: inline-table;
      text-align: center;
   }

   footer {
      padding: 20px 0 20px 0;
   }

   .btm-logo {
      width: 110px;
      margin: auto;
      margin-bottom: 20px;
      display: block;
   }

   .more {
      padding: 15px;
   }

   .logos {
      padding: 0;
   }

   .logos .col-sm-6 {
      margin-bottom: 10px;
   }

   .more {
      padding: 15px 0;
   }
}

/******** FOOTER - END ********/

/******** PRODUCT LISTING PAGE - START ********/

.sort label {
   display: flex;
   align-items: center;
}

.sort .btn-grey.hvr-fade {
   margin-left: 8px;
}

.inner-marging {
   margin: 40px auto 70px auto;
}

.bread-crumb {
   margin-bottom: 20px;
   color: #b5b5b5;
   font-size: 14px;
}

.list-show {
   margin-left: -7px;
   margin-right: -7px;
}

.list-show .product-box {
   padding: 0px;
   width: 20%;
   position: relative;
   height: auto !important;
   border: 1px solid #f2f2f2;
}

.list-show .product-box .product {
   position: relative;
   background-position: top center;
   border-bottom: 1px solid #f2f2f2;
   background-color: #fff;
   overflow: hidden;
   max-width: inherit !important;
   width: 100% !important;
}

.list-show .product-box .product .off {
   position: absolute;
   bottom: 0px !important;
   right: 0;
}

.list-show .product-box ul:nth-child(odd) {
   padding-right: 10px;
}

.list-show .product-box:hover::after {
   opacity: 0;
}

.list-show .hover {
   position: relative;
   height: auto !important;
   overflow: visible !important;
   bottom: 0;
}

.list-show .hover .book-name {
   color: #000000;
   margin-top: 10px;
   width: 100%;
}

.list-show .hover .off {
   position: absolute;
   bottom: 0;
   right: 0;
}

.list-show .cut-prize {
   text-decoration: line-through;
   color: #999999;
   position: absolute;
   bottom: 42px;
   right: 15px;
   text-align: right;
}

.rating {
   margin-bottom: 0px;
}

.rating li {
   font-size: 1em !important;
   padding-right: 0 !important;
   color: #012f5f !important;
   margin-bottom: 0 !important;
}

.rating li:last-child {
   float: none !important;
}

.list-show .book-author-name {
   margin-bottom: 5px;
   min-height: 51px;
}

.price-sec {
   padding-left: 0px;
   bottom: 0;
}

.top-row {
   margin-bottom: 15px;
}

.pricing li {
   display: block;
}

.pricing li:first-child {
   padding-right: 10px;
   margin-bottom: 15px;
}

.fiter-check-box:last-child {
   margin-bottom: 30px;
}

.fiter-check-box span {
   color: #666666;
   font-weight: 300;
   font-size: 0.75em;
   padding-left: 5px;
   position: relative;
   top: -2px;
}

.fiter-head {
   color: #0096d6;
   text-transform: uppercase;
   font-size: 0.875em;
   margin-bottom: 5px;
   font-weight: 600;
}

.left-box h3 {
   margin-bottom: 25px;
}

.left-box .card-header {
   background-color: transparent;
   border: none;
   padding: 0;
}

.left-box .card {
   border: none;
   margin-bottom: 10px;
}

.left-box .card-body {
   padding: 0;
}

.left-box .card-body a {
   width: 100%;
   float: left;
   text-transform: uppercase;
   color: #666666;
   font-weight: 400;
   font-size: 0.75em;
   padding-left: 5px;
   margin-bottom: 5px;
}

.left-box .card-body p {
   font-size: 0.875em;
   text-transform: uppercase !important;
   font-weight: bold;
   color: #737373;
   margin-bottom: 7px;
}

.separator {
   display: block;
   border-bottom: 1px solid #ccc;
   width: 100%;
   margin-bottom: 20px;
}

.sec-menu .dropdown-menu {
   font-size: 0.875em !important;
}

.left-box .card-header h5 {
   text-transform: uppercase;
   font-size: 0.875em;
   font-weight: bold;
   margin-bottom: 10px !important;
}

.left-box .card-header h5:hover {
   color: #c5372a;
}

.list-view .product-box {
   width: 50%;
   float: left;
}

.list-view .product-box li {
   display: inline-block;
}

.list-view .product-box .product {
   width: 25%;
   float: left;
}

.list-view .hover {
   margin-left: 10px;
}

.list-view .hover .off {
   position: absolute;
   top: 0;
   left: -98px;
   right: auto;
}

.list-view .hover .book-name {
   margin-top: 0;
}

.list-view .pricing li:last-child {
   float: none !important;
   padding-left: 25px;
}

.sort .active {
   color: #012f5f !important;
}

.list-view .listing li.product-2 {
   width: 75%;
}

.order-summary .btn-red {
   margin-bottom: 10px;
}

.order-summary .width {
   margin: 0;
}

.order-summary .price-sec {
   padding-left: 15px;
   display: flex;
   flex-wrap: wrap;
}

.order-summary .price-sec a {
   margin-right: 8px;
}

@media (min-width: 992px) {
   #filter-expand-mbl {
      display: none;
   }
}

@media (max-width: 1199px) {
   .list-show .product-box {
      width: 25%;
   }

   .ListingCol {
      max-width: 33.33% !important;
   }

   .list-view .product-box {
      width: 50% !important;
   }
}

@media (max-width: 991px) {
   #filter-expand-mbl {
      float: right;
      background-color: transparent;
      color: #666;
      position: absolute;
      z-index: 999;
      right: 9px;
      top: 38px;
      font-size: 0.875em;
   }

   .left-box {
      width: 0px;
      overflow: hidden;
      position: absolute;
      z-index: 999;
      background-color: #fff;
      transition: width 0.2s ease;
      -webkit-transition: width 0.2s ease;
      -moz-transition: width 0.2s ease;
      -o-transition: width 0.2s ease;
      -ms-transition: width 0.2s ease;
      right: 0;
      top: 63px;
      padding: 0;
   }

   .left-box.filter-mbl {
      width: 220px;
      transition: width 0.2s ease;
      -webkit-transition: width 0.2s ease;
      -moz-transition: width 0.2s ease;
      -o-transition: width 0.2s ease;
      -ms-transition: width 0.2s ease;
      padding-left: 15px;
      padding-top: 10px;
      border-left: 1px solid #e0e0e0;
      border-top: 1px solid #e0e0e0;
      border-bottom: 1px solid #e0e0e0;
   }

   .list-show .hover .book-name-and-buy {
      background-color: transparent;
   }

   .left-box h3:first-child {
      display: none;
   }

   .inner-marging {
      margin: 20px auto 40px auto;
   }

   .top-row {
      margin-bottom: 30px;
   }
}

@media (max-width: 767px) {
   .list-show .product-box {
      width: 50% !important;
      margin-bottom: 10px;
      padding: 5px 5px 0px 5px;
   }

   .list-show.list-view .product-box {
      width: 100% !important;
      margin-bottom: 5px;
      padding-bottom: 5px;
      border-bottom: 1px solid #e0e0e0;
   }

   .list-show .hover .book-name {
      font-size: 1em;
   }

   .list-show.list-view .hover {
      height: 135px !important;
   }

   .left-box .card-header h5 {
      font-size: 0.875em;
   }

   .list-view .product-box .product {
      height: 135px !important;
   }

   .list-show .hover {
      height: auto !important;
   }

   .left-box.filter-mbl {
      max-height: 320px;
      overflow-y: scroll;
   }

   .list-show .product-box .product .off {
      font-size: 0.875em;
      width: 70px;
   }

   .top-row {
      display: block !important;
      margin-bottom: 15px;
   }

   .top-row select {
      width: 120px;
   }

   .sort {
      margin-top: 0px;
   }

   .bread-crumb {
      margin-bottom: 10px;
   }

   #filter-expand-mbl {
      top: 10px;
   }

   .left-box {
      top: 55px;
   }

   .checkout-btn-box {
      float: none !important;
      padding: 20px 20px 40px 20px !important;
      margin-bottom: 15px;
   }

   .address-right .checkout-btn-box {
      margin-top: 20px;
   }

   .divLeft,
   .divRight {
      float: none !important;
      width: 100% !important;
   }

   .order-summary .list-view .product-box li:last-child {
      width: 200px;
   }

   .order-summary .list-view .hover .book-name {
      margin-top: 0 !important;
   }

   .order-summary .list-show.list-view .product-box {
      margin-bottom: 20px;
      background-color: #f9f9f9;
   }

   .address-page .checkbox-font {
      display: flex;
      width: 100%;
      vertical-align: top;
   }

   .address-page .checkbox-font label {
      padding-left: 10px;
   }

   .list-show .book-author-name {
      min-height: 11px;
   }

   .product-name {
      min-height: 33px !important;
   }

   .address-page .email {
      width: 100% !important;
   }

   .modal-dialog {
      margin: 20% 10px 10px 10px;
   }

   .p-box {
      height: auto !important;
   }

   #ctl08_ctl04_progress {
      margin-right: auto;
      margin-left: auto;
   }

   #ctl08_ctl04_progress img {
      width: 30px;
   }

   .a-h2 {
      position: relative !important;
   }

   .book-name-and-buy {
      height: 100% !important;
   }

   .list-show .product-box .product,
   .list-show .product a {
      height: 150px !important;
   }

   footer .footer-logos span {
      display: block;
   }

   footer .footer-logos img {
      width: 60%;
   }

   .order-payment-main ul li {
      width: 100% !important;
   }
}

/******** PRODUCT LISTING PAGE - END ********/

.faq {
   width: 100%;
   margin: 60px auto;
}

.faq h2 {
   font-size: 1.4em;
   margin-bottom: 20px;
}

.faq h4 {
   font-size: 1.2em;
   margin-top: 15px;
   margin-bottom: 10px;
}

.faq .card-body {
   padding-top: 0px;
}

.faq p {
   margin-bottom: 3px;
}

.faq .card {
   margin-bottom: 5px;
}

.faq .accordion {
   margin-top: 35px;
}

.faq .card-header {
   padding: 10px;
   border-bottom: 0;
}

.faq .card-header h5 {
   line-height: 20px;
}

.faq .card-header button {
   padding: 0 0 0 8px;
   font-size: 0.85em;
   font-weight: bold;
   text-transform: uppercase;
   color: #424141;
   text-decoration: none;
}

.faq .card-body h3 {
   text-transform: inherit;
}

.promopage .img-box {
   width: 70%;
   margin: 0 auto 20px auto;
   display: block;
}

.promopage .item {
   width: 70%;
   margin: 0 auto;
   display: block;
}

.promopage .item p {
   position: relative;
   font-size: 16px;
   color: #5f5f5f;
   background: #f1f1f1;
   margin-bottom: 10px;
   padding: 15px 15px 15px 42px;
}

.promopage .item p i {
   font-style: normal;
   color: #c33629;
   margin: 0 auto;
   display: block;
   position: absolute;
   left: 13px;
   top: 10px;
   font-size: 25px;
   font-weight: 300;
}

.promopage .item p a {
   color: #c33629;
}

.modal-header .close {
   background: #fff;
}

.dxWebKitFamily .dxpLite .dxp-current {
   margin-top: 0 !important;
}

.product-details-page .product {
   width: 20%;
   float: left;
   position: relative;
}

.product-details-page .right {
   padding-left: 15px;
   width: 80%;
   padding-right: 355px;
}

.product-details-page .right h2 {
   text-transform: capitalize;
}

.product-details-page .col-sm-12 .product {
   padding-bottom: 0 !important;
}

.product-details-page .col-sm-12 .product img {
   position: static !important;
}

.rating li.rate-text {
   color: #545454 !important;
   font-size: 14px !important;
   /* padding-left: 10px !important; */
   font-weight: bold;
}

.discription-under-price p span {
   /* font-family: "KoHo", sans-serif; */
}

.mobile-price p {
   margin-bottom: 7px;
}

.b-price {
   font-size: 1.5em;
   color: #af1f63;
   font-weight: bold;
   margin-top: 15px;
}

.b-save {
   color: #626262;
   font-size: 0.875em;
   float: left;
}

.b-cut {
   color: #626262;
   font-size: 0.875em;
   float: right;
   position: relative;
}

.b-cut::after {
   position: absolute;
   content: "";
   width: 100%;
   height: 1px;
   background-color: #012f5f;
   display: block;
   top: 50%;
}

.mobile-price {
   width: 100%;
   background-color: #ececec;
   padding: 1px 15px 20px 15px;
}

.mobile-price-wrap {
   width: 100%;
}

.bottom-add-head {
   font-size: 1.75em;
   padding: 0 10px;
   color: #0096d6;
   text-align: center;
   margin-bottom: 20px !important;
   font-weight: bold;
   float: none !important;
}

.bottom-add-head span {
   color: #000;
}

.discription-under-price {
   float: left;
   position: relative;
}

.discription-under-price .category li {
   color: #000;
   font-size: 0.875em;
   width: 100%;
}

.discription-under-price .category li .cat {
   width: 110px;
   display: block;
   float: left;
   padding-right: 10px;
}

.share {
   padding-top: 30px;
   right: 0;
   top: 0;
}

.share li {
   vertical-align: middle !important;
}

.share li:first-child {
   font-size: 0.875em;
   color: #545454;
}

.share li:nth-of-type(1n + 2) {
   color: #465661;
   font-size: 1.35em;
   margin-left: 5px;
}

.share li:nth-of-type(1n + 2):hover {
   color: #465661b5;
}

.short-des {
   color: #545454;
   margin-top: 10px;
   margin-bottom: 42px;
   overflow: hidden;
}

.mobile-price .separator {
   float: left;
   margin-bottom: 30px;
}

.del {
   color: #504f4f;
}

.del span {
   font-size: 1.125em;
   color: #012f5f;
   width: 27px;
   display: block;
   float: left;
}

.btn-red {
   text-transform: uppercase;
   font-size: 0.75em;
   border: 2px solid #012f5f;
   background-color: #012f5f;
   padding: 5px 20px;
   display: inline-block;
   font-weight: 700 !important;
   color: #fff;
}

.btn-red:hover {
   background-color: transparent !important;
   color: #012f5f !important;
   font-weight: 700 !important;
}

.btn-grey {
   text-transform: uppercase;
   font-size: 0.75em;
   border: 2px solid #828282;
   background-color: #828282;
   padding: 5px 10px;
   display: inline-block;
   font-weight: 400 !important;
   color: #fff;
}

.btn-grey:hover {
   background-color: transparent !important;
   color: #828282 !important;
}

.product-descri {
   margin-top: 30px;
   border-bottom: 1px solid #e9e9e9;
}

.product-descri .nav-link {
   width: 180px;
   text-align: center;
   height: 40px;
   border: none;
   border-radius: 0;
   font-weight: 400;
   font-size: 1em;
   background-color: #828282;
   margin-right: 3px;
   color: #fff;
}

.product-descri .nav-link.active {
   border: none;
   background-color: #012f5f;
   color: #fff;
   position: relative;
}

.product-descri .nav-link.active:active,
.product-descri .nav-link.active:hover {
   background-color: #012f5f;
}

.product-descri .nav-link.active::after {
   content: "";
   position: absolute;
   width: 15px;
   height: 15px;
   background-color: #012f5f;
   bottom: -7px;
   left: 0;
   right: 0;
   margin: 0 auto;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
}

.product-descri .nav-link:hover {
   border: none;
   background-color: rgba(130, 130, 130, 0.7);
   margin-right: 3px;
   color: #fff;
}

.tab-body {
   padding: 40px 0;
}

.p-details li {
   display: block;
   color: #666666;
   font-size: 1em;
   margin-bottom: 8px;
}

.p-details li .cat {
   width: 200px;
   display: inline-block;
   padding-right: 10px;
}

.product-details-page h3 {
   text-transform: capitalize;
   margin-bottom: 15px;
}

.slider-inner.list-show .product-box {
   width: 100%;
   padding: 0;
}

.slider-inner.list-show .product-box li .listing .pricing {
   width: 100% !important;
}

.slider-inner {
   padding: 0;
   margin: 0;
}

.slider-inner .owl-nav {
   top: -5px;
}

.slider-inner .owl-next {
   margin-right: -24px;
   margin-bottom: 37px;
   width: 20px;
   background-color: #f0f0f0;
   text-align: center;
}

.slider-inner .owl-prev {
   float: right;
   margin-right: 25px;
   background-color: #f0f0f0;
   width: 20px;
   text-align: center;
}

.bottom-books {
   margin-top: 20px;
}

.bottom-books .separator {
   margin-bottom: 30px;
}

.product-details-page h1 {
   margin-bottom: 25px;
   font-size: 1.5em;
}

.left .off {
   position: absolute;
   right: 0;
   bottom: 0px;
}

.buynow-modal .modal-content {
   border: none;
   border-radius: 0;
}

.check-out-modal-body ul li.modal-price-li {
   width: 50%;
   float: left;
   vertical-align: bottom;
}

.check-out-modal-body ul li.modal-price-li:nth-child(2) {
   text-align: right;
}

.check-out-modal-body ul.modal-price {
   float: left;
   width: 100%;
   display: flex;
   align-items: center;
   border-top: 1px solid #ececec;
   padding-top: 20px;
   margin-bottom: 50px;
}

.check-out-modal-body .b-price {
   font-size: 1.375em;
   padding-left: 10px;
}

.check-out-modal-body .b-save {
   padding-top: 6px;
}

.check-out-modal-body p {
   font-size: 1em;
}

.buynow-modal .modal-header .close {
   padding: 5px;
   background-color: transparent;
}

.buynow-modal .modal-title {
   color: #545454;
   font-size: 1.125em;
   position: relative;
   bottom: -10px;
}

.buynow-modal .col-12 h5 {
   border-bottom: 1px solid #ececec;
   padding-bottom: 10px;
}

.buynow-modal .modal-header {
   border: none;
   padding: 15px 15px 0 15px;
}

.buynow-modal .slider-inner .owl-nav {
   top: -13px;
}

@media (min-width: 576px) {
   .buynow-modal .modal-dialog {
      max-width: 100%;
   }
}

@media (max-width: 991px) {
   .mobile-price {
      width: 200px;
   }

   .product-details-page .right {
      padding-right: 215px;
   }

   .owl-item {
      padding-left: 10px;
   }

   .share {
      position: relative;
      margin: 15px 0;
   }

   .mobile-price .btn-grey,
   .mobile-price .btn-red {
      margin: 0 auto;
      display: block;
      margin-bottom: 10px;
      width: 100%;
   }

   .short-des {
      margin-bottom: 20px;
   }

   .inner-marging {
      margin: 20px auto 20px auto;
   }

   .banner {
      margin-top: 80px;
   }

   .sec-menu ul {
      position: relative;
   }

   .sec-menu .dropdown-menu {
      transform: translate3d(0, 0, 0) !important;
   }
}

@media (max-width: 767px) {
   .product-details-page h1 {
      font-size: 1.25em;
   }

   .banner {
      margin-top: 25px;
   }

   .product-details-page .product.left {
      width: 140px;
      position: relative;
      left: 50%;
      transform: translateX(-70px);
   }

   .owl-item {
      padding-left: 8px;
   }

   .product-details-page h3 {
      width: 75%;
   }

   .bottom-books .separator {
      margin-bottom: 20px;
   }

   .mobile-price {
      position: relative;
      width: 100%;
      margin-top: 15px;
      padding: 15px 15px 10px 15px;
   }

   .product-details-page .right {
      padding-right: 0;
      padding: 0;
      margin-top: 15px;
      width: 100%;
   }

   .p-details li .cat {
      width: 145px;
   }

   .mobile-price .separator {
      margin-bottom: 10px;
   }

   .del.mb-5 {
      margin-bottom: 20px !important;
   }

   .mobile-price .btn-grey,
   .mobile-price .btn-red,
   .discription-under-price .btn-grey,
   .discription-under-price .btn-red {
      width: 100%;
      margin-top: 10px;
   }

   .product-descri .nav-item {
      width: 33.333%;
      float: left;
   }

   .product-descri .nav-link {
      width: auto;
      height: auto;
      min-height: 56px;
      font-size: 0.875em;
   }

   .tab-body {
      padding: 30px 0;
   }

   .slider-inner {
      padding: 0;
      margin: 0;
   }

   .check-out-modal-body ul li.modal-price-li {
      width: 100%;
   }

   .check-out-modal-body ul.modal-price {
      display: block;
   }

   .check-out-modal-body ul li.modal-price-li:first-child {
      margin-bottom: 15px;
   }

   .check-out-modal-body ul li.modal-price-li:nth-child(2) {
      text-align: center;
   }

   .check-out-modal-body ul li.modal-price-li:nth-child(2) input {
      width: 100%;
      margin-bottom: 10px;
   }

   .slider-inner.list-show .product-box {
      width: 100% !important;
   }
}

@media (max-width: 480px) {
   .owl-item {
      padding-left: 0px;
   }
}

/********* Owl Carousel**********/

.owl-carousel,
.owl-carousel .owl-item {
   -webkit-tap-highlight-color: transparent;
   position: relative;
}

.owl-carousel {
   display: none;
   width: 100%;
   z-index: 1;
}

.owl-carousel .owl-stage {
   position: relative;
   -ms-touch-action: pan-Y;
   -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.owl-carousel .owl-stage-outer {
   position: relative;
   overflow: hidden;
   -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
   min-height: 1px;
   float: left;
   -webkit-backface-visibility: hidden;
   -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
   display: block;
   width: 100%;
   border: 1px solid #f2f2f2;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
   display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
   display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
   cursor: pointer;
   cursor: hand;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.owl-carousel.owl-loading {
   opacity: 0;
   display: block;
}

.owl-carousel.owl-hidden {
   opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
   visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.owl-carousel.owl-grab {
   cursor: move;
   cursor: grab;
}

.owl-carousel.owl-rtl {
   direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
   float: right;
}

.owl-carousel .animated {
   animation-duration: 1s;
   animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
   z-index: 0;
}

.owl-carousel .owl-animated-out {
   z-index: 1;
}

.owl-carousel .fadeOut {
   animation-name: fadeOut;
}

@keyframes fadeOut {
   0% {
      opacity: 1;
   }

   100% {
      opacity: 0;
   }
}

.owl-height {
   transition: height 0.5s ease-in-out;
   -webkit-transition: height 0.5s ease;
   -moz-transition: height 0.5s ease;
   -o-transition: height 0.5s ease;
   -ms-transition: height 0.5s ease;
}

.owl-carousel .owl-item .owl-lazy {
   opacity: 0;
   transition: opacity 0.4s ease;
   -webkit-transition: opacity 0.5s ease;
   -moz-transition: opacity 0.5s ease;
   -o-transition: opacity 0.5s ease;
   -ms-transition: opacity 0.5s ease;
}

.owl-carousel .owl-item img.owl-lazy {
   transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
   position: relative;
   height: 100%;
   background: #000;
}

.owl-carousel .owl-video-play-icon {
   position: absolute;
   height: 80px;
   width: 80px;
   left: 50%;
   top: 50%;
   margin-left: -40px;
   margin-top: -40px;
   background: url(owl.video.play.png) no-repeat;
   cursor: pointer;
   z-index: 1;
   -webkit-backface-visibility: hidden;
   transition: transform 0.1s ease;
   -webkit-transition: transform 0.5s ease;
   -moz-transition: transform 0.5s ease;
   -o-transition: transform 0.5s ease;
   -ms-transition: transform 0.5s ease;
}

.owl-carousel .owl-video-play-icon:hover {
   -ms-transform: scale(1.3, 1.3);
   transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
   display: none;
}

.owl-carousel .owl-video-tn {
   opacity: 0;
   height: 100%;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
   transition: opacity 0.4s ease;
   -webkit-transition: opacity 0.4s ease;
   -moz-transition: opacity 0.4s ease;
   -o-transition: opacity 0.4s ease;
   -ms-transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
   position: relative;
   z-index: 1;
   height: 100%;
   width: 100%;
}

.owl-nav {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   width: 100%;
   z-index: 99;
}

.center {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   width: 100%;
}

.owl-prev,
.owl-next {
   font-size: 1.7em !important;
   filter: opacity(60%);
}

.owl-prev {
   margin-left: -20px;
}

.owl-next {
   float: right;
   margin-right: -20px;
}

/* Fade */

.hvr-fade {
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px transparent;
   overflow: hidden;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: color, background-color;
   transition-property: color, background-color;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
   float: left;
}

@media (max-width: 767px) {
   .mph-owl .owl-prev {
      margin-left: 0px;
      background-color: rgba(248, 249, 250, 0.68);
      padding: 0px;
      filter: opacity(100%);
      color: #012f5f;
      width: 22px;
   }

   .mph-owl .owl-next {
      margin-right: 0px;
      background-color: rgba(248, 249, 250, 0.68);
      padding: 0px;
      filter: opacity(100%);
      color: #012f5f;
      width: 22px;
   }

   .mph-owl .owl-nav {
      z-index: 1;
   }
}

/*checkout start*/

.checkout .product {
   width: 18%;
   float: left;
}

.checkout .right {
   width: 50%;
   padding-right: 0;
   position: relative;
   float: left;
}

.checkout .price-select {
   width: 30%;
   position: relative;
   float: left;
}

.checkout-ul {
   float: left;
   display: flex;
}

.checkout .right .discription-under-price {
   position: initial;
}

.checkout .right .delete-btn {
   position: absolute;
   left: 15px;
   bottom: 20px;
}

.checkout .checkout-box {
   border-bottom: 1px solid #e9e9e9;
   padding-bottom: 15px;
   margin-bottom: 15px;
   float: left;
   margin-right: 15px;
}

.checkout .list-show .product-box {
   margin-bottom: 0;
}

.checkout .price-select input {
   border: 1px solid #ccc;
   padding: 5px 10px;
   width: 130px;
}

.checkout .btn-red {
   padding: 5px 25px;
}

.checkout .product-box {
   width: 100%;
   display: block;
}

.checkout-box h2 {
   margin-bottom: 0;
}

.checkout-box .category li:last-child {
   margin-top: 15px;
}

.checkout-box h2,
.checkout-box h3 {
   color: #545454;
}

.checkout .list-view .product-box .product {
   width: 100%;
   display: block;
}

.checkout-btn-box {
   background: #f9f9f9;
   padding: 20px;
   margin-top: 10px;
   margin-bottom: 20px;
   text-align: left;
   float: left;
}

.checkout .right-section .list-view .product-box .product {
   width: 30% !important;
   float: left;
}

.checkout .product-txt {
   width: 70%;
}

.checkout .right-section .related-box {
   margin-top: 30px;
}

.checkout .right-section .book-name {
   font-size: 0.875em;
}

.checkout .right-section .book-name-and-buy ul li:first-child {
   margin-bottom: 0;
}

.checkout .right-section .hover {
   height: 130px !important;
}

.checkout .right-section .cut-prize {
   margin-top: 5px;
}

.price-box {
   position: absolute;
   bottom: 20px;
   left: 0;
}

.price-box span {
   color: #545454;
   font-size: 1.125em;
   font-weight: 600;
   display: block;
   margin-bottom: 5px;
}

.price-box p {
   color: #012f5f;
   font-size: 1.375em;
   font-weight: 600;
   margin: 0;
}

.checkout .list-view .product-box {
   width: 100% !important;
}

.left-section {
   width: 75%;
   float: left;
}

.right-section {
   width: 25%;
   float: left;
}

@media (max-width: 1199px) {
   .left-section {
      width: 70%;
   }

   .right-section {
      width: 30%;
   }
}

@media (max-width: 991px) {
   .left-section,
   .right-section {
      width: 100%;
   }

   .checkout .list-view .product-box {
      width: 50% !important;
      margin-bottom: 5px;
   }

   .checkout .right-section .hover {
      height: 160px !important;
   }

   .checkout .checkout-box {
      margin-right: 0px;
   }
}

@media (max-width: 767px) {
   .checkout.product-details-page .product.left {
      width: 30%;
      position: relative;
      left: auto;
      transform: none;
   }

   .checkout .right {
      width: 70%;
      margin-top: 0;
      padding-left: 10px;
      position: static !important;
   }

   .checkout-ul {
      display: block;
      position: relative;
   }

   .checkout .right .delete-btn {
      width: auto;
      bottom: -40px;
      right: 0;
      left: 0;
      margin-bottom: 0;
   }

   .checkout .checkout-box {
      padding-bottom: 50px;
      margin-right: 0px;
   }

   .price-box {
      position: static;
   }

   .checkout .price-select {
      width: auto;
      margin-top: 10px;
      padding-left: 10px;
   }

   .checkout .price-select h3 {
      margin-bottom: 10px;
   }

   .checkout .qty,
   .checkout .price-box {
      float: left;
   }

   .checkout .price-box {
      margin-left: 15px;
   }

   .checkout .list-view .product-box {
      width: 100% !important;
   }

   .checkout .right-section .hover {
      height: 145px !important;
   }
}

/*checkout end*/

.fiter-check-box {
   position: relative;
}

.fiter-check-box label {
   cursor: pointer;
   position: absolute;
   width: 15px;
   height: 15px;
   top: 0;
   left: 0;
   background: #fff;
   border: 1px solid #8c8c8c;
}

.fiter-check-box input {
   position: relative;
   z-index: 99;
   opacity: 0;
   width: 15px;
   height: 15px;
}

.fiter-check-box label:after {
   opacity: 0;
   content: "";
   position: absolute;
   width: 9px;
   height: 5px;
   background: transparent;
   top: 3px;
   left: 2px;
   border: 1px solid #c5372a;
   border-top: none;
   border-right: none;
   transform: rotate(-45deg);
}

.fiter-check-box label:hover::after {
   opacity: 1;
}

.fiter-check-box input[type="checkbox"]:checked + label:after {
   opacity: 1;
}

.product a:hover::after {
   background-color: rgba(0, 0, 0, 0.3);
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
}

.book-name a:hover {
   color: #012f5f;
}

.book-author-name {
   display: none;
}

/********/

.text-box {
   font-size: 0.75em;
   background-color: transparent;
   border-bottom: 1px solid #a8a8a8;
   margin-bottom: 15px;
   width: 100%;
   height: 25px;
}

.checkout-btn-box p {
   font-size: 0.875em;
   margin-bottom: 10px;
   float: left;
   width: 100%;
   color: #626262;
}

.store-credit span {
   font-size: 1.25em;
}

.checkout-btn-box p span {
   float: right;
   font-weight: bold;
   color: #012f5f;
}

.checkout-btn-box input {
   /* font-family: "KoHo", sans-serif; */
   /* font-family: "Montserrat", sans-serif; */
}

.checkout-btn-box .promo-code-box {
   width: 80%;
   float: left;
}

.checkout-btn-box .apply {
   background-color: transparent;
   color: #545454;
   font-size: 0.75em;
   width: 20%;
   text-align: center;
   font-weight: bold;
}

.checkout-btn-box .store-credit {
   font-size: 0.75em;
}

.checkout-btn-box .total {
   font-size: 1.125em;
   margin-bottom: 20px;
}

.checkout-btn-box .total span {
   color: #012f5f;
}

.left-section h2,
.left-section h3 {
   text-transform: none;
}

.adress-head {
   font-weight: 400;
   color: #012f5f;
   margin-top: 30px;
   margin-bottom: 30px;
}

.adress-head span {
   font-size: 0.75em;
   color: #666666;
}

.mandatory {
   color: #012f5f;
}

.address-page ul li {
   width: 50%;
   float: left;
   padding: 0 15px;
}

.address-page p {
   margin-bottom: 10px;
}

.address-page ul li .text-box {
   margin-bottom: 30px;
}

.address-page ul {
   margin-left: -15px;
   margin-right: -15px;
}

.tele select {
   width: 13%;
   float: left;
   font-size: 0.75em;
   background-color: transparent;
   border-bottom: 1px solid #a8a8a8;
   margin-bottom: 30px;
   height: 25px;
   color: #424141;
}

.tele .text-box {
   width: 83%;
   float: right;
}

.address-page .email {
   width: 48.5%;
}

.address-page {
   /*padding-right: 30px;*/
}

.right-section .separator {
   display: inline-block;
   margin: 8px 0;
}

.width {
   /*width: 170px;*/
   margin: 0 auto;
   display: block;
}

.address-right h3 {
   text-transform: none;
}

.address-right p {
   color: #626262;
   /* font-family: "Roboto", serif; */
   /* font-family: "Montserrat", sans-serif; */
}

.address-right p span {
   color: #252525;
   font-weight: bold;
}

.item-price span {
   font-size: 22px;
   color: #012f5f !important;
}

#list-grid .product-box {
   height: auto !important;
}

@media (max-width: 767px) {
   .address-page ul li {
      width: 100%;
   }

   .address-right {
      margin-top: 20px;
   }
}

/****Order Details Page*****/

.recent-owl .product-box li:nth-child(2) {
   width: 100%;
}

.col {
   width: 33.333%;
   padding: 0 5px;
   float: left;
}

.col-box h4 {
   font-size: 1em;
   color: #012f5f;
}

.col-box h4 span {
   float: right;
   font-weight: 400;
   color: #575757 !important;
   font-size: 0.75em;
}

.col-box {
   background-color: #f8f8f8;
   padding: 10px;
   min-height: 150px;
   margin-bottom: 20px;
}

.order-details {
   padding-right: 30px;
}

.order-details .list-view .product-box .product {
   width: 25% !important;
}

.order-details .list-view .product-box li,
.order-details .list-view .product-box .product {
   padding-bottom: 8px !important;
   margin-bottom: 8px;
   background-color: #f9f9f9;
}

.order-details .list-view .product-box .product img {
   position: static !important;
}

.order-details .list-view .product-box li {
   width: 75%;
   min-height: 245px;
}

.order-details .list-view .hover .book-name {
   font-size: 0.875em;
}

.order-q {
   padding-top: 15px;
   font-size: 1em;
   color: #504f4f;
   margin: 10px 0;
}

.book-name-and-buy .order-q {
   clear: both;
}

.book-name-and-buy .order-q span {
   display: inline-block;
   margin-bottom: 5px;
}

.book-name-and-buy .order-q a {
   display: inline-block;
   background: #012f5f;
   padding: 8px 20px;
   color: #fff;
   text-transform: uppercase;
   font-weight: bold;
   margin-top: 20px;
}

.book-name-and-buy .order-q a i {
   color: #fff;
}

.order-details .list-view .pricing li:last-child {
   float: none !important;
   padding-left: 0;
   color: #060606 !important;
   font-size: 0.875em !important;
   margin-bottom: 0;
}

.order-details .list-show .hover {
   height: auto !important;
}

.order-summary {
   float: left;
   padding: 10px 15px;
   margin-bottom: 20px;
   width: 100%;
}

.order-summary .list-view .product-box li:last-child {
   width: 75%;
}

.order-summary .list-view .product-box .book-name {
   margin-top: 0 !important;
}

.fa {
   color: #0096d6;
}

.fa.red {
   color: #af1f63;
}

.order-summary .listing.product-box {
   margin-bottom: 0px !important;
   width: 100% !important;
   border: none;
}

.order-summary .product-box a::after,
.wish-list .product-box a::after {
   display: none;
}

.order-summary .list-show .book-author-name {
   min-height: auto;
}

.order-summary .list-view .hover {
   margin-left: 0;
}

.order-summary .list-view .hover .book-name {
   margin-top: 20px;
}

.order-summary .listing .pricing {
   margin-top: 0;
}

.order-summary .listing .pricing li {
   width: 100% !important;
}

.thankyou h3 {
   color: #57a225 !important;
}

.o-number {
   font-size: 1.125em;
   margin-top: 15px;
}

.d-text {
   width: 70%;
   margin-bottom: 30px;
}

@media (max-width: 767px) {
   .col {
      width: 100%;
   }

   .order-details,
   .address-page {
      padding-right: 0px;
   }
}

/****** Register ****/

.register {
   background-color: #fbfbfb;
   padding: 20px;
   position: relative;
   -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.register h2 {
   text-transform: capitalize;
   text-align: center;
   margin: 20px 0 30px 0;
}

h2 span {
}

.register p {
   margin-bottom: 5px;
   font-size: 0.75em;
   color: #000000;
}

.register p a {
   float: none;
}

.register .text-box {
   margin-bottom: 20px;
}

.register .news-l {
   margin: 20px 0 30px 0;
}

.register .news-l input {
   margin-right: 5px;
}

.register .btn-red {
   width: 140px;
   font-weight: 400 !important;
}

::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: #bfbfbf;
}

::-moz-placeholder {
   /* Firefox 19+ */
   color: #bfbfbf;
}

:-ms-input-placeholder {
   /* IE 10+ */
   color: #bfbfbf;
}

:-moz-placeholder {
   /* Firefox 18- */
   color: #bfbfbf;
}

.facebook,
.twitter {
   position: relative;
}

.facebook i {
   color: #ffffff;
}

.btn-facebook {
   width: 100%;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   height: 30px;
   font-size: 0.875em;
   background-color: #4267b2;
   color: #ffffff;
   margin-bottom: 15px;
   text-align: center;
   border: 2px solid #4267b2;
}

.btn-facebook.hvr-fade:hover {
   border: 2px solid #4267b2;
   background-color: transparent;
   color: #4267b2;
   text-align: center;
}

.facebook a:hover i {
   color: #4267b2;
}

.btn-twitter {
   width: 100%;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   height: 30px;
   font-size: 0.875em;
   /* font-family: "Roboto", serif; */
   /* font-family: "Montserrat", sans-serif; */
   background-color: #1da1f2;
   color: #ffffff;
   text-align: center;
   border: 2px solid #4267b2;
}

.btn-twitter.hvr-fade:hover {
   border: 2px solid #1da1f2;
   background-color: transparent;
   color: #1da1f2;
}

.twitter a:hover i {
   color: #1da1f2;
}

.have-ac {
   float: right;
   color: #777777 !important;
   padding-top: 7px;
   font-size: 0.75em;
}

.register input[type="text"] {
   color: #212529;
}

.register .f-name {
   width: 13%;
   font-size: 0.75em;
   background-color: transparent;
   border-bottom: 1px solid #a8a8a8;
   margin-bottom: 15px;
   color: #828282;
   height: 25px;
   float: left;
}

.register .first-name {
   width: 83%;
   float: right;
}

.register select {
   width: 100%;
   font-size: 0.75em;
   background-color: transparent;
   border-bottom: 1px solid #a8a8a8;
   margin-bottom: 15px;
   color: #828282;
   height: 25px;
   float: left;
}

.col-box .delete {
   display: block;
   float: none;
   text-align: right;
   color: #012f5f !important;
}

.add-new {
   float: right;
   margin-top: -30px;
   background-color: #3b4b57;
   border-color: #3b4b57;
}

.nav-pills {
   text-align: center;
   display: block;
}

.nav-pills .nav-item {
   border: none;
}

.nav-pills .nav-item .nav-link {
   border: none;
   padding: 0 10px;
   font-weight: 400;
}

.nav-pills .nav-item .nav-link.active {
   color: #012f5f;
   background-color: transparent;
   font-weight: bold;
}

.status-box {
   background-color: #f6f8fc;
   float: left;
   padding: 15px;
   margin-bottom: 15px;
   height: 200px;
   overflow: hidden;
   position: relative;
}

.order-id {
   font-weight: 400;
   margin-bottom: 10px;
}

.status-box.order-details .list-view .product-box .product {
   width: 25%;
}

.status-box.order-details .list-view .product-box li {
   width: 75%;
}

.status-box .list-view .product-box {
   width: 100%;
}

.status-box .list-view {
   width: 40%;
}

.transaction {
   width: 60%;
   float: left;
   position: absolute;
   right: 15px;
   bottom: 30px;
}

.date-amount {
   float: left;
}

.date-amount p {
   margin-bottom: 10px;
   color: #44545f;
}

.date-amount p span {
   font-weight: bold;
}

.status-view {
   float: right;
   font-size: 1em;
}

.processing {
   color: #d07f00;
}

.shipped {
   color: #058d25;
}

.tracking {
   width: 100%;
   float: right;
   border-top: 1px solid #ccc;
   padding-top: 5px;
   color: #44545f;
   font-size: 0.875em;
   text-align: right;
   margin-top: 20px;
}

.tracking li {
   padding-left: 15px;
}

.status-box.order-details .price-sec .pricing {
   margin-top: 40px;
}

.status-box {
   width: 60%;
   margin-left: 20%;
}

.p-box {
   background-color: #f2f5fb;
   padding: 15px;
   color: #545454;
   float: left;
   width: 100%;
   height: 340px;
   position: relative;
   margin-bottom: 15px;
}

.p-box h4 {
   font-size: 1em;
   margin-bottom: 20px;
}

.p-box h4 span {
   font-size: 0.75em;
   text-align: right;
   float: right;
}

.p-box .width,
.p-box .width-2 {
   width: 50%;
   float: left;
}

.p-box p {
   margin-bottom: 12px;
   display: flow-root;
}

.credit-value {
   color: #012f5f;
   font-size: 3em;
   font-weight: 900;
}

.credit-value span {
   font-size: 0.5em;
   font-weight: bold;
}

.have {
   position: absolute;
   left: 0;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
}

.have p {
   margin-bottom: 0;
}

.p-box .use {
   position: absolute;
   bottom: 15px;
   right: 15px;
   text-decoration: underline !important;
   margin-bottom: 0;
   font-size: 0.75em;
   color: #7b7b7b;
}

.mo-rewards {
   background-color: #f7f9fd;
   padding: 10px 15px;
   margin-left: -15px;
   margin-right: -15px;
}

.mo-rewards p:first-child {
   font-weight: 400;
}

.mo-rewards p:last-child {
   color: #2d944f;
}

.add-box {
   height: auto !important;
}

.add-box h4 span {
   font-weight: 700;
}

.address {
   width: 33.333%;
   float: left;
   font-size: 0.875em;
}

.address li {
   width: 100%;
}

.edit-del {
   margin-top: 20px;
   font-size: 0.875em;
}

.wish-list.list-show .product-box {
   width: 100%;
   padding: 0;
   background-color: #fff;
}

.wish-list.list-show .product-box .product {
   width: 20% !important;
   float: left;
   height: 160px;
   padding: 0px;
}

.wish-list.list-show .product-box .product img {
   width: 100% !important;
   height: 100%;
   object-fit: cover;
}

.wish-list.list-show .hover {
   margin-left: 15px;
}

.wish-list {
   float: left;
   margin-bottom: 15px;
   height: 200px;
   overflow: hidden;
   position: relative;
   width: 80%;
}

.wish-list.list-show .product-box .price-sec {
   position: static;
}

.wish-list .btn-red {
   position: absolute;
   right: 30px;
   top: 50%;
   transform: translateY(-15px);
}

.wish-list .close-btn {
   position: absolute;
   right: 10px;
   top: 10px;
   color: #8d8d8d;
   z-index: 9;
}

.autho-coll {
   margin-top: 30px;
}

@media (max-width: 991px) {
   .status-box {
      width: 100%;
      margin-left: 0%;
   }

   .p-box {
      padding: 10px;
   }

   .mo-rewards {
      margin-left: -10px;
      margin-right: -10px;
   }

   .p-box .use {
      right: auto;
      left: auto;
   }

   .order-details .list-view .product-box {
      width: 100% !important;
   }

   .wish-list.list-show .product-box .product {
      width: 20.3%;
   }

   .wish-list .btn-red {
      top: auto;
      bottom: 0;
   }
}

@media (min-width: 768px) {
   .register {
      width: 400px;
      margin: 0 auto;
   }
}

@media (max-width: 767px) {
   .have-ac {
      float: none;
      margin: 10px 0;
   }

   .transaction {
      width: 100%;
      margin-top: 10px;
      position: static;
   }

   .status-box {
      height: auto;
   }

   .status-box .list-view {
      width: 100%;
   }

   .order-details .list-view .product-box .product {
      height: auto !important;
   }

   .status-view {
      float: left;
   }

   .tracking {
      text-align: left;
      margin-top: 0px;
   }

   .tracking li {
      padding-left: 0;
      width: 100%;
      margin-bottom: 10px;
   }

   .address {
      width: 100%;
      padding-bottom: 10px;
      margin-bottom: 15px;
      border-bottom: 1px solid #ccc;
   }

   .wish-list {
      width: 100%;
      margin-left: 0;
   }

   .wish-list {
      height: auto;
   }

   .wish-list.list-show .product-box {
      width: 100% !important;
      flex-direction: row;
      justify-content: space-between;
      margin-bottom: 32px;
   }

   .wish-list.list-show .product-box .product {
      width: 50% !important;
      height: 200px !important;
   }

   .wish-list.list-show .book-name-and-buy {
      padding-top: 30px;
   }

   .wish-list.list-show .hover {
      margin-left: 0;
   }

   .wish-list .btn-red {
      position: static;
   }
}

/*<!-- Preeti-->*/

.progress {
   background-position: no-repeat;
   border: thin solid #d2e9ff;
   width: 250px;
   height: 80px;
   margin: 0 auto;
   padding: 5px 5px;
   visibility: hidden;
   position: fixed;
   top: 350px;
   right: 0 !important;
   left: 0 !important;
   background: no-repeat;
   z-index: 999;
   text-align: center;
   font-size: 11px;
   background-color: #ffffff;
   -moz-box-shadow: 3px 3px 5px 6px #ccc;
   -webkit-box-shadow: 3px 3px 5px 6px #ccc;
   box-shadow: 3px 3px 5px 6px #ccc;
}

.progress img {
   width: 70px;
}

.dxdvItem,
.dxdvFlowItem {
   border: none !important;
   background-color: transparent !important;
   padding: 0px;
   height: 100% !important;
}

.dataView {
   width: 100% !important;
}

.ListingCol {
   max-width: 25% !important;
   margin-left: 0px !important;
   padding: 8px;
}

.dxdvFlowItemsContainer {
   margin: 0 !important;
}

.dxdvControl td.dxdvCtrl {
   padding: 0px !important;
}

.dxdvFlowItemsContainer {
   width: 100%;
}

.product-name {
   color: #ffffff;
   font-size: 0.875em;
   font-weight: 500;
   margin-bottom: 2px;
   margin-top: 10px;
   height: 60px;
}

.product-name:hover,
.book-name:hover {
   color: #012f5f;
}

.list-show .hover .product-name {
   margin-top: 5px;
   width: 100%;
   margin-bottom: 5px;
   font-size: 1.0625em;
   color: #0096d6;
   font-weight: bold;
}

.facebook span {
   display: inline-block;
   margin-top: 5px;
}

.validationHighlight {
   background-color: #ffccdd;
}

.p-box-edit {
   background-color: transparent;
   border-bottom: 1px solid #a8a8a8;
   width: 100%;
   height: 20px;
}

.filter-check-box label {
   color: #666666;
   font-weight: 300;
   font-size: 0.875em;
   padding-left: 5px;
   position: relative;
   top: -2px;
}

.text-box-qty {
   width: 50px;
   background-color: transparent;
   border-bottom: 1px solid #a8a8a8;
   margin-bottom: 5px;
   text-align: center;
}

.divLeft {
   float: left;
   padding: 10px;
   width: 50%;
}

.divRight {
   float: right;
   width: 50%;
   padding: 10px;
}

.full-width {
   width: 100% !important;
}

.address-right .list-view .pricing li:last-child {
   float: none !important;
   padding-left: 0;
   color: #060606 !important;
   font-size: 0.875em !important;
   margin-bottom: 0;
}

.smalltxt {
   font-size: 0.875em;
}

/*********/

.static h2 {
   margin-bottom: 22px;
}

.static h3 {
   margin-bottom: 15px;
}

.static p {
   font-size: 1em;
}

.about .nav-link {
   border: 1px solid #eceeef;
   padding: 3px 40px;
   font-size: 0.875em;
   border-radius: 0;
}

.about .nav-link.active {
   background-color: #eceeef;
   border: 1px solid #eceeef;
}

.about .nav-tabs {
   float: right;
   margin-bottom: 10px;
   border: none;
}

.about .nav-item {
   margin-left: 15px;
}

.a-h2 {
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 9;
   background-color: #44545e;
   padding: 5px 40px 5px 10px;
   margin-bottom: 0 !important;
   color: #ffffff;
}

.over-v {
   background-color: #343432;
   padding: 25px 10px 10px;
   float: left;
   color: #ffffff;
   display: flex;
}

.over-v .col-sm-3 {
   align-items: center;
   display: flex;
   height: 100%;
}

.grey-bgg {
   padding: 15px;
   background-color: #f5f5f5;
}

.h-h {
   height: 235px;
}

.w-100 {
   max-width: 100% !important;
   width: auto !important;
}

.dot {
   list-style: disc;
   color: #3c4d58;
   font-size: 26px;
}

.dot span {
   font-size: 0.615em;
   line-height: 25px;
   position: relative;
   bottom: 2px;
   left: -5px;
   color: #424141;
}

.retu i {
   color: #012f5f;
   font-size: 22px;
}

.retu span {
   display: inline-block;
   vertical-align: top;
   padding-left: 10px;
}

.high {
   background-color: #43535e;
   color: #fff;
   padding: 12px;
}

.p-5px {
   padding: 5px;
}

.contact-us-table {
   font-size: 1em;
   margin-bottom: 40px;
}

.product-2 {
   width: 100% !important;
}

.contact-us-table th {
   background-color: #3d4d58;
   color: #ffffff;
   font-weight: 500;
   font-size: 1em;
}

.contact-us-table td,
.contact-us-table th,
.contact-us-table thead th {
   border: none;
   width: 33.333%;
}

.contact-us-table tbody tr:nth-child(odd) {
   background-color: #f5f5f5;
}

.c-bnr-txt {
   position: absolute;
   left: 15px;
   bottom: 15px;
   margin-bottom: 0;
   font-size: 2em !important;
   font-weight: bold;
   color: #fff;
}

.red-sec {
   background-color: #012f5f;
   padding: 15px;
   color: #fff;
}

.red-sec h2 {
   margin-bottom: 15px;
}

.red-sec ol {
   list-style: none;
   padding-left: 0px;
}

.red-sec ol li {
   margin-bottom: 10px;
   text-transform: uppercase;
}

.black-sec {
   background-color: #43535e;
   padding: 15px;
   color: #ffffff;
}

.black-sec,
.red-sec {
   min-height: 310px;
   display: flex;
   align-items: center;
}

.vacancy {
   background-color: #43535e;
   padding: 5px 15px;
   margin-right: 5px;
   margin-bottom: 5px;
   float: left;
   color: #fff;
}

.career .card-header {
   background-color: #455560;
   border-bottom: none;
   padding: 0;
}

.career .btn-link {
   font-weight: 400;
   color: #fff;
   background-color: transparent;
   width: 100%;
   text-align: left;
}

.career .btn-link:hover {
   text-decoration: none;
}

#accordion {
}

.career .btn-link span {
   float: right;
}

.career .btn-link.collapsed .minus {
   display: none;
}

.career .btn-link.collapsed .plus {
   display: block;
}

.career .btn-link .plus {
   display: none;
}

.career .card-header {
   border-radius: 0;
}

.career .card-body {
   background-color: #eceeef;
   color: #363636;
   padding: 15px;
   border-radius: 0;
}

.career .card {
   border: none;
   margin-bottom: 10px;
}

.career .disc {
   list-style: none;
   padding-left: 15px;
}

.career .disc li {
   margin-bottom: 7px;
}

.career .disc li i {
   position: relative;
   left: -15px;
}

.h-head {
   font-weight: 600;
}

.career .tab-pane {
   float: left;
   width: 100%;
   padding: 25px 0;
}

.career .nav-tabs .nav-link {
   padding: 5px 10px;
   line-height: 27px;
   border: none;
   border-radius: 0;
}

.career .nav-tabs .nav-link.active {
   background-color: #ddd;
   font-weight: 600;
}

.career .nav-tabs .nav-item {
   margin-bottom: 0;
   width: 33.33%;
}

.career .nav-tabs .nav-item:hover {
   border: none;
   background-color: #f4f4f4;
   line-height: 27px;
}

.career .nav-tabs {
   border-bottom: none;
}

.career nav {
   border-bottom: 2px solid #c33629;
   text-align: center;
   margin-top: 45px;
}

.b-box {
   position: relative;
   width: 100%;
   margin-bottom: 10px;
   float: left;
   padding: 15px;
   background-color: rgba(72, 72, 74, 0.05);
}

.b-box > span:first-child {
   background: #c33629;
   padding: 10px;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   float: left;
   line-height: 12px;
   color: #fff;
   position: absolute;
   left: 15px;
   top: 15px;
   text-align: center;
   font-weight: 900;
}

.b-box > span:last-child {
   padding-left: 50px;
   float: left;
}

.b-box p {
   padding-left: 50px;
}

.disc1 {
   list-style: disc;
   padding-left: 65px;
}

.disc1 li {
   margin-bottom: 5px;
}

@media (min-width: 768px) {
   .visible-xs {
      display: none;
   }
}

@media (max-width: 767px) {
   .h-h {
      height: auto;
   }

   .over-v {
      display: block;
   }

   .c-bnr-txt {
      font-size: 1em !important;
   }

   .black-sec,
   .red-sec {
      min-height: inherit;
   }
}

/*****************/

.store-address .nav-tabs {
   display: none;
   border: none;
}

.store-address .nav-tabs .nav-item {
   margin-bottom: 0;
   width: 100%;
   text-transform: uppercase;
}

.store-address .nav-tabs .nav-link.active {
   background-color: #012f5f;
   border-color: transparent;
   border-radius: 0;
   border: none;
   color: #fff;
}

.store-address .nav-tabs .nav-link.active:hover {
   background-color: #012f5f;
}

.store-address .nav-tabs .nav-link:hover {
   border: none;
   background-color: #f7f7f7;
}

.store-address .nav-tabs .nav-link {
   border: none;
}

.map-section {
   width: 100%;
   margin-bottom: 30px;
   height: 250px;
   overflow: hidden;
}

.store-address .card-body {
   padding: 0;
}

.addrees-ol {
   list-style: none;
   padding-left: 20px;
}

.addrees-ol li {
   margin-bottom: 5px;
   position: relative;
}

.addrees-ol li i {
   position: absolute;
   left: -20px;
}

.addrees-ol li:first-child {
   margin-bottom: 15px;
}

.address-box {
   color: #666666;
   background-color: #f5f5f5;
   padding: 12px;
   min-height: 400px;
}

.bottom-address .address-box {
   min-height: 280px;
}

.bottom-address {
   margin-bottom: 40px;
}

@media (min-width: 768px) {
   .store-address .collapse {
      display: block;
   }

   .store-address .nav-tabs {
      display: flex;
   }

   .store-address .card {
      border: none;
   }

   .store-address .card .card-header {
      display: none;
   }

   .store-address card .collapse {
      display: block;
   }
}

@media (max-width: 767px) {
   .store-address .tab-pane {
      display: block !important;
      opacity: 1;
      float: left;
      width: 100%;
      border-radius: 0;
      margin-bottom: 10px;
      border: none;
   }

   .store-address .card-header {
      padding: 0px;
      border-radius: 0 !important;
   }

   .store-address .card-header h5 {
      font-size: 1em;
      padding: 10px;
   }

   .store-address .card-header h5 a {
      width: 100%;
      display: block;
   }

   .store-address .collapse {
      padding: 20px 0;
   }

   .bottom-address .address-box {
      min-height: auto;
   }

   .mid-ad .container {
      padding: 0;
   }
}

/*....................New Menu...................*/

.search .form-control {
   height: 36px;
   width: 100% !important;
   border-radius: 0px;
   font-size: 14px;
   line-height: 24px;
   background-color: #f0f0f0;
   border: none;
   color: #252525;
}

.search .form-inline {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.my-lg-8 a {
   position: absolute;
   right: 0px;
   top: 8px;
}

.search .btn {
   line-height: 24px;
   border: none;
   background-color: #0096d6;
   color: #ffffff;
   padding: 6px 18px 6px 15px;
   border-radius: 0;
   transition: all 0.3s;
}

.search .btn:hover {
   background-color: #828282;
}

.search p {
   width: 20px;
}

.search p {
   float: right;
}

.sec-scroll button {
   display: block !important;
   position: absolute;
   top: -52px;
   left: -11px;
}

.sec-scroll li {
   text-align: left;
}

.sec-scroll .fa {
   color: #0f0f0f;
}

.sec-scroll .btn-secondary {
   background-color: transparent;
   border: none;
   color: #0f0f0f;
}

.sec-scroll .dropdown-toggle::after {
   display: none;
}

.sec-scroll .dropdown-menu {
   position: absolute;
   width: 100%;
   top: 0;
   font-size: 13px;
   color: #575757;
   font-weight: bold;
   border: none;
   background-color: transparent;
   padding: 0;
}

.sec-scroll .show {
   border-bottom: 1px solid #afafaf !important;
   margin-bottom: 10px;
}

.sec-scroll {
   margin-bottom: 5px !important;
   margin-top: 5px !important;
   border-bottom: 1px solid #afafaf !important;
   border-top: 1px solid #c8c8c8 !important;
}

.sec-scroll .btn-secondary:not([disabled]):not(.disabled).active,
.btn-secondary:not([disabled]):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
   border: none;
   background-color: transparent;
   box-shadow: none;
}

.navbar-brand img {
   margin-left: 0;
   width: 200px !important;
}

.navbar-brand .menu-icon {
   width: 17px !important;
}

.menu-bar .navbar-brand img {
   width: 80%;
   margin-left: 22px;
   transition: margin-left 0.5s;
   -webkit-transition: margin-left 0.5s;
}

.menu-bar {
   width: 100%;
   position: fixed !important;
   top: 0;
   right: 0;
   left: 0;
   z-index: 999;
   background-color: #ffffff;
   border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.menu-bar .divspace,
.menu-bar .divspace a {
   display: none;
   width: 100%;
}

#header .navbar {
   margin-top: 12px;
}

.menu-bar .navbar {
   margin-top: 0 !important;
}

.lang {
   width: 100%;
}

.categories-sc {
   margin-top: 10px;
}

.categories-sc img {
   width: 100%;
   border: 1px solid #e2e2e2;
}

.categories-sc h5 {
   font-size: 12px;
   text-align: left;
   font-weight: bold;
   text-transform: uppercase;
}

.categories-sc p {
   font-size: 11px;
   text-align: left;
}

.categories-sc .col-lg-2 {
   max-width: 20% !important;
}

.categories-sc li span:first-child {
   float: left;
   height: auto;
}

.c-img img {
   width: 100%;
}

.categories-sc .col-sm-2 {
   max-width: 20% !important;
}

.nav-link {
   display: block;
   padding: 0.5rem 1rem;
}

.d-menu button {
   display: block !important;
}

.d-menu .btn-secondary {
   font-size: 13px;
   font-weight: bold;
   background-color: transparent;
   border: none;
   color: #575757;
   text-transform: uppercase;
}

.d-menu .dropdown-toggle::after {
   display: none;
}

.d-menu .dropdown-menu {
   position: absolute !important;
}

.sec-menu .btn-secondary {
   font-size: 13px;
   color: #575757 !important;
   font-weight: bold !important;
   text-transform: uppercase;
   position: relative;
   transition: all 0.3s;
}

.sec-menu .btn-secondary:hover::before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 2px;
   background-color: #0096d6;
}

.sec-menu .btn-secondary {
   background-color: transparent !important;
   border: none !important;
}

.sec-menu btn-secondary:hover {
   background-color: transparent !important;
}

.sec-menu ul {
   text-align: center;
}

.sec-menu .dropdown-toggle::after {
   display: none;
}

.sec-menu {
   border-bottom: 1px solid #b7b7b7;
   border-top: 1px solid #b7b7b7;
   margin-top: 10px;
   margin-bottom: 15px;
}

.sec-menu .dropdown-menu ul,
a {
   text-align: left;
}

.menu-icon {
   width: 17px !important;
   left: 0;
   margin-left: 0px !important;
   top: 50%;
   display: none;
   position: absolute;
   z-index: 999;
   transform: translateY(-50%);
}

.hide {
   display: none !important;
}

.sec-menu-show {
   display: block !important;
}

.showing {
   width: 17px;
   display: block !important;
}

@media (max-width: 991px) {
   .nav-link {
      display: block;
      padding: 0.3rem 0.2rem !important;
   }
}

@media (min-width: 1024px) {
   .sec-scroll button {
      display: block !important;
      position: absolute;
      top: -52px;
      left: -11px;
   }

   .menu-bar .navbar-brand img {
      width: 87%;
      margin-left: 28px;
      transition: margin-left 0.5s;
      -webkit-transition: margin-left 0.5s;
   }
}

@media (max-width: 767px) {
   .categories-sc .col-lg-2 {
      max-width: 33% !important;
   }

   .last-menu .dropdown-menu {
      left: -33px !important;
   }

   .menu-bar .menu-icon {
      width: 17px !important;
      left: 0;
      margin-left: 0px !important;
      display: none;
      position: absolute;
      z-index: 999;
   }

   .menu .dropdown-menu {
      float: left;
      border: none;
      padding: 0;
      width: 100%;
      margin-bottom: 10px;
   }

   .search {
      max-width: 100%;
   }

   .menu-bar {
      display: block !important;
   }

   .sec-scroll {
      display: block !important;
   }

   .search p {
      width: 16px !important;
   }

   .sec-scroll button {
      display: block !important;
      position: absolute;
      top: -118px !important;
      left: 0px !important;
   }

   .lang p {
      margin-right: 5px;
   }

   .search {
      margin-top: 35px;
   }

   .search .mt-2,
   .my-2 {
      margin-top: 0 !important;
   }

   .my-lg-8 a {
      top: 0;
   }

   .lang {
      position: absolute;
      top: -18px;
   }

   .categories-sc .col-lg-2 {
      margin-top: 10px;
   }

   .navbar-brand img {
      width: 57%;
   }

   .sec-menu .btn-secondary {
      font-size: 11px;
   }

   .list-show {
      margin-left: 0;
      margin-right: 0;
   }

   .ListingCol {
      max-width: 50% !important;
      margin-top: 0 !important;
      padding: 0;
   }

   .ListingCol .product-box {
      width: 100% !important;
      padding: 0;
   }

   .dxdvFlowItemsContainer {
      margin-top: 22px;
      margin-right: auto;
      margin-left: auto !important;
   }

   #header .search:first-child {
      margin-left: 0 !important;
   }

   .mobile-price-wrap {
      position: relative;
      min-width: auto;
      width: 100%;
   }

   nav .navbar-brand {
      width: 135px;
   }

   .navbar-brand img {
      width: 140px !important;
   }

   .wshlt span {
      display: none;
   }

   .main-heading a {
      bottom: -8px;
      font-size: 1.125em;
   }

   .list-show .book-author-name {
      min-height: 21px;
   }

   #main #content:nth-child(2) {
      margin-top: 0px !important;
   }

   #footer .container-fluid {
      padding: 0;
   }
}

@media (max-width: 480px) {
   .dropdown .dropdown-menu {
      transform: translate3d(0px, 0px, 0px) !important;
   }

   .sec-menu li {
      position: relative;
      width: 100% !important;
      display: block;
      text-align: left;
   }

   .dropdown-listing {
      height: 300px;
      column-count: auto;
      width: 100%;
      overflow-y: scroll;
   }

   .two-section {
      width: 100%;
   }

   .menu-bar .navbar-brand img {
      width: 77%;
      margin-left: 0px;
   }
   .navbar-brand img {
      margin-left: 30px;
   }

   .menu-icon {
      width: 17px !important;
      left: 0;
      margin-left: 0px !important;
      top: 9px;
      display: block !important;
      position: absolute;
      z-index: 999;
   }

   .categories-sc .col-lg-2 {
      max-width: 100% !important;
   }

   .categories-sc .col-lg-2 .col-3 {
      max-width: 15%;
   }
   .sec-menu {
      display: none;
   }

   .last-menu .dropdown-menu {
      left: 0px !important;
   }

   .lang select {
      margin-left: 15px;
   }

   #main #content:nth-child(2) {
      margin-top: 0px !important;
   }
}

.ellip {
   display: block;
   height: 100%;
}

.ellip-line {
   display: inline-block;
   text-overflow: ellipsis;
   white-space: nowrap;
   word-wrap: normal;
}

.ellip,
.ellip-line {
   position: relative;
   overflow: hidden;
   max-width: 100%;
}

/*Sitemap start*/

.site-map ul li {
   display: block;
   margin-bottom: 7px;
}

.site-map ul li a:hover {
   color: #012f5f;
   font-weight: bold;
}

.site-map h4 {
   font-size: 1em;
   margin-bottom: 15px;
   color: #c33629;
   font-weight: bold;
}

/*Sitemap end*/

/*  .dim {
            position: absolute;
            background-color: #02020257;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            display: block;
            z-index: 9;
            height: 5000px;
        }*/

.mph-owl .product-box a {
   display: block;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 99;
   padding-bottom: 50px;
   background: #fff;
}

.mph-owl .product-box .hover {
   transition: all 0.4s;
   -moz-transition: all 0.4s;
   -webkit-transition: all 0.4s;
}

.mph-owl .product-box ul li {
   display: block;
}

.mph-owl .product-box ul li:first-child {
   font-weight: bold;
   margin-bottom: 15px;
   font-size: 18px;
}

.mph-owl .product-box:hover .hover {
}

.mph-owl .product-box .btn-buy {
   display: inline-block;
   border-radius: 0px;
   padding: 4px 19px;
   color: #fff;
   font-size: 0.75em;
   transition: all 0.4s;
   -moz-transition: all 0.4s;
   -webkit-transition: all 0.4s;
   z-index: 999;
}

#pills-profile .p-box .width,
#pills-profile .p-box .width-2 {
   margin-bottom: 12px;
   font-size: 0.875em;
}

.width-2 .p-box-edit {
   color: #545454;
   border-bottom: solid 1px #666666 !important;
   border-top: none !important;
   border-left: none !important;
   border-right: none !important;
   border: none !important;
}

#pills-profile input {
   border: none;
   color: #545454;
   background-color: transparent;
}

#xMsg .modal-header,
#alert_Login .modal-header,
#alert_Profile .modal-header {
   border: none;
   padding-bottom: 0;
}

#xMsg .modal-header .close,
#alert_Login .modal-header .close,
#alert_Profile .modal-header .close {
   padding: 0;
   background: none;
}

.modal-content {
   border: none;
   border-radius: 0 !important;
}

#xMsg .modal-body,
#alert_Login .modal-body,
#alert_Profile .modal-body {
   text-align: center;
   min-height: inherit !important;
}

.dxeButtonEditSys td.dxic {
   padding: 0 !important;
}

.slider-inner .product a:hover::before {
   content: "";
   position: absolute;
   display: block;
   top: 0;
   bottom: -2px;
   left: 0;
   right: 0;
   z-index: 2;
   background-color: rgba(0, 0, 0, 0.21);
}

.order-summary .product {
   height: auto !important;
}

#ctl07_ctl04_GuestCheckOut_btnCheckOut {
   margin: 0;
}

#ctl07_ctl04_CartLogin_imgbtnSignIn {
   width: 120px;
   margin: 0;
   margin-bottom: 15px;
}

#ctl07_ctl04_CartLogin_lblSCOr {
   text-align: center;
   width: 100%;
   display: block;
}

.modal {
   z-index: 99999;
}

.modal-open {
   overflow: hidden !important;
   padding-right: 0 !important;
}

.modal-backdrop {
   z-index: 9999 !important;
}

.order-payment-main {
   width: 80%;
   margin: 0 auto;
}

.order-payment-main ul {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 30px;
}

.order-payment-main ul li {
   width: 23%;
   padding: 20px;
   background: #f9f9f9;
   margin-bottom: 10px;
   margin-right: 10px;
}

.order-payment-main h3 {
   margin-top: 35px;
}

.order-payment-main .step {
   margin-bottom: 15px;
}

.order-payment-main .step span {
   font-size: 15px;
}

.order-payment-main .step span:nth-child(1) {
   font-size: 15px;
   color: #afafaf;
   margin-right: 5px;
}

.order-payment-main .step span:nth-child(2) {
   font-size: 35px;
   color: #c33629;
}

@-moz-document url-prefix() {
   .dropdown-listing {
      max-height: 410px;
   }
}

.subopt-left {
   padding-left: 6%;
   font-size: 12px;
}

.subopt-right {
   font-size: 12px;
}

.checkbox-font label {
   width: calc(100% - 15px);
   margin: 0px !important;
   padding-left: 10px;
}

.checkbox-font input {
   vertical-align: top;
   margin-top: 4px;
}

.search .btn .fa {
   color: #ffffff;
}

.lang select {
   margin-top: 0px;
}

.selector {
   float: right;
   margin-right: 10px;
   background-color: #f0f0f0;
}

.selector .form-control {
   width: 100px !important;
   font-size: 12px;
   padding-left: 0;
}

.dxpcLite_Moderno .dxpc-header,
.dxdpLite_Moderno .dxpc-header {
   background: #e6e6e6 !important;
   border: none !important;
}

.dxpcLite_Moderno.dxpc-mainDiv {
   border: none !important;
}

.bottom-outer-box {
   display: flex;
   flex-wrap: wrap;
}

.product-details-page h2 {
   color: #000;
}

.product-details-page .category {
   color: #000;
}

.abt-footer {
   background: #0096d6;
   border-bottom: 5px solid #004c6c;
   width: 100%;
}

.abt-footer__content {
   text-align: center;
   color: #ffffff;
   padding-top: 32px;
   padding-bottom: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}

.abt-footer__txt {
   display: block;
   font-size: 20px;
   line-height: 1.3;
   margin-bottom: 5px;
}

.abt-footer__txt:hover {
   text-decoration: underline !important;
}

.mobile-price .btn-red.hvr-fade {
   background-color: #0096d6;
   border: 2px solid #0096d6 !important;
}

.mobile-price .btn-red.hvr-fade:hover {
   background-color: #fff;
   color: #0096d6 !important;
}

.tawk-button {
   background-color: #0096d6 !important;
}

.modal-dialog-centered {
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   min-height: calc(100vh - 60px);
}

@media (max-width: 600px) {
   .abt-footer__txt {
      font-size: 18px;
   }
}

@media (max-width: 767px) {
   .selector-div {
      float: right;
      width: 100%;
      margin-top: 5px;
   }

   .selector-div .selector {
      margin-right: 0px;
      width: 35%;
      float: right;
      margin-left: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .selector-div .selector .form-control {
      height: 25px;
      padding: 0 5px;
   }

   .selector .form-control {
      width: 100% !important;
   }

   #header .navbar {
      margin-top: 5px;
   }

   .profile-name .wshlt span {
      display: block !important;
   }
   .order-summary .list-show .product-box .product {
      min-height: auto;
   }

   .order-summary .order-q {
      position: static;
   }

   .order-summary .price-sec div {
      margin-bottom: 10px;
      margin-right: 12px;
   }
}

@media (min-width: 1024px) and (max-width: 1199px) {
   .selector-div {
      display: flex;
      margin-top: 55px;
      justify-content: flex-end;
   }

   .mobile-price-wrap table > tbody > tr > td > table {
      width: 100px !important;
   }

   .mobile-price-wrap .hvr-fade {
      width: 100%;
   }

   .mobile-price-wrap .btn-grey.hvr-fade {
      margin-bottom: 8px;
   }
}

@media (max-width: 1023.8px) {
   .selector-div {
      display: flex;
      padding-top: 8px;
      justify-content: flex-end;
      width: 100%;
   }

   #header .search:first-child {
      margin-left: 0;
   }

   .inner-marging {
      margin-top: 30px;
   }

   .menu-icon {
      top: 20%;
   }

   .menu-bar .navbar-brand img {
      margin-left: 30px;
   }

   .mobile-price-wrap table > tbody > tr {
      display: flex;
      flex-direction: column;
      width: 100% !important;
   }

   .mobile-price-wrap table > tbody > tr > td > table {
      width: 100% !important;
      margin-bottom: 4px;
   }

   .mobile-price-wrap table > tbody > tr > td > table > tbody > tr {
      flex-direction: row;
      align-items: center;
   }
}

@media (max-width: 767px) {
   .bottom-add .col-6 {
      width: calc(50% - 8px);
      margin: 0 4px 8px;
      padding: 0;
      float: none;
      flex: auto;
   }

   .form-inline.my-2.my-lg-8 {
      margin-top: 24px !important;
   }

   .form-inline.my-2.my-lg-8 a {
      top: auto;
      margin-bottom: 0px !important;
   }

   .search .profile-name {
      width: 90px !important;
   }

   .selector-div .selector:last-child {
      display: none;
   }

   .bottom-add .margin-lr-cut {
      margin: 0px;
   }

   .bottom-add-head {
      font-size: 24px;
      line-height: 28px;
   }

   .book-name-and-buy .item-name {
      margin-top: 0px;
   }

   .listing.product-box {
      display: flex;
      flex-direction: column;
   }
   /* .listing.product-box .list-show .product-box {
        padding: 0px;
    } */
   .order-summary .list-show .product-box .product,
   .order-details .list-view .product-box li {
      width: 100% !important;
   }

   .book-name-and-buy {
      padding: 0px;
   }
}

@media (max-width: 480px) {
   .menu-icon {
      top: 50%;
      transform: translateY(-50%);
   }

   .navbar-brand img {
      margin-left: 0;
   }

   .profile-name {
      display: none;
   }

   .search .form-control,
   .menu-bar .navbar-brand img {
      margin-left: 0px;
   }

   .modal-dialog-centered {
      min-height: calc(100 - 60px);
   }
}

@media (max-width: 991px) and (min-width: 481px) {
   .headerspacer {
      height: 240px;
   }
}

.table-scroll {
   overflow: auto;
}