/* ============ Responsive ============ */
 @media all and (max-width: 360px) {
     .navbar .form-inline .header-search input, .navbar.header-3 .form-inline .header-search input {
         width: 210px;
         max-width: 210px;
    }
}

/*===============
SMALL DEVICE
===============*/

 @media all and (max-width: 480px) {

   .search-center {
    position: relative;
    width: 80%;
}

.navbar-brand {
  min-height: 45px;
}

.header-3 {
  padding-bottom: 15px !important;
}

.card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.grid-view .card.itemlist {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0px;
    padding: 0 10px;
}

div#ordertyperetail {
  padding-top: 0px;
}

.container-fluid.header-2-space.product-list-space {
    padding-top: 48px !important;
}


.item-list-one.bg-light.p-2.mb-3.rounded .col-md-9.col-lg-4 {
  -ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;

}


button.btn-order-type {
    width: 100%;
    border-radius: 8px !important;
}

.wrapper.login-top-padding {
  padding-top: 70px;
}


.form-inline.inline-right {
  float: none !important;
}

/*-----Apply Discount Box-------*/
.form-inline.inline-right button.btn.btn-primary {
    margin: 0px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -8px;
    margin-left: 10px;
}


/*-----Input Group - Single Fix-------*/
input#shipping_name {
    margin-bottom: 15px;
}


.apply-discount-sec .col-md-5 {
  position: relative;
      right: 0px;
      width: 100%;
      text-align: left;


}

.apply-discount-sec .col-md-5 .btn.btn-primary {
      width: 35%;
      border: 1px solid #202A46;
      padding: 12px 20px;
      border-radius: 8px;
}

.apply-gift-card.apply-discount-sec .col-md-7 input#giftCardNumber {
    width: 100% !important;
    display: inline-block;
    border-radius: 8px !important;
}


.apply-gift-card.apply-discount-sec .col-md-7 input#giftCardPin {
  width: 50% !important;
  border-radius: 8px !important;
  margin-top: 7px;
  margin-left: 0 !important;
}

.nav-link.hv_sign.u-n-circle {
  color:white;
}

.nav-link.hv_sign.u-n-circle .dropdown-menu {
  left: -115px !important;
}

 }



 @media (min-width: 576px) {
     .modal-dialog.md-popup {
         max-width: 650px;
         margin: 1.75rem auto;
    }
}
@media screen and (max-width: 767px) {
.create-an-account {
	padding-bottom: 30px;
    border-bottom: 1px solid #ced4da;
    margin-bottom: 30px;
}


.row.align-items-center.filter-fix-mobi .col-md-9.col-lg-4 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}


 .row.align-items-center.filter-fix-mobi a.btn.btn-icon.text-dark {
    width: 50px;
}

.row.align-items-center.filter-fix-mobi .col-md-12.col-lg-4 {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
  padding-left: 0;
}

.row.align-items-center.filter-fix-mobi .col-md-3.text-center.step.col-lg-4 {
  display: none;
}

.form-inline .header-search input,
.header-3 .form-inline .header-search input {
  width: 100% !important;
max-width: 100% !important;
}

.col-md-10.delivery__add {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}

.row.align-items-center.filter-fix-mobi .col-md-9.col-lg-4 {
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  max-width: 70%;
}


div#ordertyperetail {
  padding-top: 0px !important;
}

.col-md-2.delivery__add.text-right {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

/*----Mobile User Name----*/
.u-n-circle {
    background: #ca362f;
    color: white;
    font-size: 0px;
    display: inline-block;
    height: 32px;
    width: 32px;
    border-radius: 100px;
    text-align: center;
    line-height: .75;
}
.u-n-circle::first-letter {
    font-size: 24px;
    color:white;
}


.u-n-circle a.nav-link {  color: white;}



.wrapper.login-top-padding {
	padding-top: 80px;
}

     .tile-links-row .col-md-2 {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
    }
     footer .btn-danger {
         min-width: 50px !important;
    }
     .banner-eco.banner-header-1 {
         padding-top: 90px;
    }
     .product-row-5.card-deck .card {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
    }
     .header-search a {
         right: 15px;
    }
     .form-inline .header-search input {
         padding-right: 34px;
    }
     a.social-icon {
         margin: 0px 3px !important;
    }
     .check_out_btn .btn-light-blue, .btn-fix {
         position: fixed;
         bottom: 0;
         left: 0;
         right: 0;
         margin: 0 !important;
         border-radius: 0px;
         z-index: 1;
    }
     .pb-if-btn {
         padding-bottom: 46px;
    }
     .card.hover-btn-view .hover-btn {
         display: block;
         position: unset;
         box-shadow: none;
         padding: 0;
    }
     .hover-btn-view .card-body {
         padding-bottom: 0;
    }
     .bg_shd {
         padding: 15px;
    }
     .order-md-top {
         order: 2;
    }
     .small-container .show-small-img {
         max-width: 50px;
         max-height: 75px;
    }
     .pos-rel div {
         display: none !important;
    }
     div#centersec h2, div#leftrightsec h2, div#ourproductsservices h2, div#ourbestseller h2, div#emailsubscribe h2, .head-lg h2 {
         font-size: 24px;
         line-height: 34px;
    }
     .box-head {
         padding-top: 13px;
         text-align: center;
    }
     .about_detail {
         text-align: center;
    }
     .caret {
         cursor: pointer;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         padding-left: 20px;
         position: relative;
         margin: 0;
    }
     .nested {
         display: none;
    }
     .active-list {
         display: block;
    }
     .caret::before {
         content: "\f107";
         display: inline-block;
         position: absolute;
         top: -4px;
         font-size: 22px;
         color: #92b2eb;
         font-family: 'FontAwesome';
         position: absolute;
         left: 0px;
    }
     .caret-down::before {
         content: "\f105";
         color: #969696;
         font-family: 'FontAwesome';
    }
     .checkout-sec+footer {
         padding-bottom: 46px;
    }
     h3.detail-head {
         font-size: 32px;
    }
     .checkout-sec .btn-md-block.btn-light-blue {
         position: fixed;
         bottom: 0;
         left: 0;
         bottom: 0px;
         border-radius: 0px;
         opacity: 1;
         z-index: 2;
         margin-bottom: 0px;
    }
     .category-page {
         margin-top: 94px;
    }
     .login-sec button.btn.fill-btn.btn-block, .modal-content .checkout-btn {
         position: fixed;
         bottom: 0;
         left: 0;
         border-radius: 0px;
         right: 0;
         margin: 0px !important;
         z-index: 1;
    }
     .dashboard_content {
         padding: 0px 0px 30px 0px;
    }
     .modal.left .modal-content .modal-body {
         padding-left: 15px;
         padding-right: 15px;
         padding-bottom: 70px;
    }
     .order-first {
         order: 2;
    }
     button.btn-light-blue, button.btn-dark-black {
         margin-bottom: 15px;
    }
     button.btn-dark-black:hover {
         background: #050c16;
         border-color: #050c16;
    }
     .tab_cl.nav-pills .nav-link {
         min-width: auto;
         margin-bottom: 10px;
    }
     .slider-team .carousel-control-next {
         right: 22%;
    }
     .slider-team .carousel-control-prev {
         left: 15%;
    }
     .line-head span:before, .line-head span:after {
         display: none;
    }
     div#itemlist {
         padding-top: 0;
    }
     .team-sec p {
         font-size: 12px;
         padding: 13px 6px;
    }
     .product-detail-sec, .about-us-page, .product-list-space {
         margin-top:0px;
    }

    .header-4-space {
    padding-top: 89px;
}


     .container-fluid.header-2-space.product-list-space {
         padding-top: 99px !important;
    }
     .dashboard_content p a {
         font-size: 12px;
    }
     .step {
         padding: 8px 0px;
    }
     .container-fluid {
         padding-left: 15px;
         padding-right: 15px;
    }
     .navbar li.nav-item ul.dropdown-menu li.has-megasubmenu .megasubmenu h6.title {
         font-size: 14px;
    }
     .header-search {
         margin-right: 9px;
    }
     form.form-inline {
         padding: 7px 0px 15px 0px;
         margin: auto;
    }
     .card-box .border.rounded {
         height: auto;
    }
     button.outline-btn, button.fill-btn {
         display: block;
         width: 100%;
    }
     div#centersec button {
         margin: 10px 0 0 0px;
    }
     .banner-eco {
         padding-top: 106.23px;
    }
     nav.navbar.header-4+nav.pt-top+.banner-eco {
         padding-top: 106.23px;
    }
     .header-1, .header-2, .header-3, .header-4 {
         padding-top: 0px;
         padding-bottom: 0px;
    }
     .navbar.header-1 .navbar-collapse, .navbar.header-2 .navbar-collapse, .navbar.header-3 .navbar-collapse, .navbar.header-4 .navbar-collapse {
         top: 99px;
    }
     nav.navbar+nav.pt-top {
         display: none
    }
}
 @media (min-width:768px) and (max-width:991px) {
     .navbar-brand img {
         width: 150px;
    }
     .slider-team .carousel-control-prev {
         left: 37%;
    }
     .navbar-brand {
         margin-left: 50px;
    }
     .product-detail-sec button.outline-btn, .product-detail-sec button.fill-btn {
         min-width: 185px;
    }
     div#itemlist {
         margin-top: 95px;
    }
     .header-4-space div#categories-list, .header-4-space div#itemlist, .header-4-space .product-detail-sec {
         margin-top: 0px;
    }
     .card-deck.list-view-sec .card .card-body h5 {
         font-size: 18px !important;
    }
     nav.navbar+nav.pt-top {
         padding-top: 73.23px;
    }
     .btn-md-block {
         width: 100%;
    }
     .list-l-right ul li a.list-blue-link {
         margin: 0;
    }
}
 @media all and (min-width: 768px) {
     h5.card-title a.text-dark {
         display: -webkit-box;
         -webkit-line-clamp: 1;
         -webkit-box-orient: vertical;
         overflow: hidden;
         text-overflow: ellipsis;
    }
     div#itemlist .card-deck.fourColumn .card {
         max-width: 23.2%;
    }
     .account_dashboard {
         padding-bottom: 100px;
    }
    /* ============Product-List-View============ */
     .card-deck.list-view-sec {
         flex-flow: unset;
         display: block;
    }
     .card-deck.list-view-sec .card .border.rounded {
         width: 14%;
    }
     .card-deck.list-view-sec .card {
         flex-direction: unset;
         align-items: center;
         border-bottom: 1px solid #e6e6e6 !important;
         padding-bottom: 20px;
         margin-bottom: 20px;
         border-radius: 0px;
    }
     .card-deck.list-view-sec .card .card-body {
         padding-left: 24px !important;
         padding-bottom: 0;
    }
     .card-deck.list-view-sec .card .card-body h5 {
         font-size: 24px;
         padding-right: 185px;
    }
     .list-view-sec .hover-btn a.view-detail-btn {
         background: #f4f5f9;
         border: 1px solid #e4e9ed;
         padding: 8px;
         border-radius: 4px;
         margin-bottom: 8px;
         min-width: 125px;
    }
     .card-deck.list-view-sec .hover-btn {
         position: absolute;
         right: 0;
         border-left: 1px solid #e6e6e6;
         top: 0;
         height: 90%;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         padding-left: 50px;
    }
     .card-deck.list-view-sec .card.hover-btn-view:hover {
         background: #ffffff;
         border-radius: 0;
         box-shadow: none;
    }
     .list-view-sec .card.hover-btn-view .hover-btn {
         left: auto;
         width: auto;
         z-index: unset;
         min-height: auto;
         background: none;
         box-shadow: none;
         display: flex;
    }
    /* ======================== */
     .text_l_sec {
         padding-right: 25px;
    }
     .text_r_sec {
         padding-left: 25px;
    }
     .header-1-2-top {
         padding-top: 99px !important;
    }
     .modal.left .modal-header .col-1 {
         max-width: 37px;
    }
     .about-us-page {
         padding-top: 130px;
    }
    ul {
        font-size: 14px;
    }
}
 @media (min-width:768px) and (max-width:1024px) {
     select#sorting {
         width: auto;
    }
     .header-2 .navbar-nav .nav-link {
         padding-left: 0;
         padding-right: 0;
    }
     .header-login h5 {
         font-size: 21px;
    }
     button.btn-light-blue, button.btn-dark-black {
         margin-bottom: 15px;
    }
     .navbar.header-1 li.nav-item {
         margin-right: 0px;
    }
     .navbar button.navbar-toggler {
         position: absolute;
    }
     div#leftrightsec {
         background-size: Cover;
    }
     .form-inline .header-search input {
         width: 250px;
         max-width: 250px;
    }
     .navbar.header-1 li.nav-item {
         margin-right: 0px;
    }
     .header-3 .form-inline .header-search input {
         width: 340px;
         max-width: 340px;
    }
}
 @media all and (min-width: 992px) {
     .header-4-top {
         padding-top: 135px !important;
    }
     .card-deck.list-view-sec .card .card-body h5 {
         padding-right: 310px;
    }
     .header-4 a.left-logo {
         display: none;
    }
     .megasubmenu {
         left: 100%;
         top: 0;
         min-height: 100%;
         min-width: 300px;
    }
     .dropdown-menu>li:hover .megasubmenu {
         display: block;
    }
     .navbar .nav-item.dropdown:hover>.dropdown-menu {
         display: block;
         height: auto;
         min-height: 240px;
         min-width: 220px;
    }
     .navbar .nav-item.dropdown>.dropdown-menu {
         height: auto;
         min-height: 275px;
         min-width: 200px;
         
         -webkit-box-shadow: -1px 13px 21px 7px rgba(0,0,0,0.13);
         -moz-box-shadow: -1px 13px 21px 7px rgba(0,0,0,0.13);
         box-shadow: -1px 13px 21px 7px rgba(0,0,0,0.13);
    }
     .header-3 .header-search {
         max-width: 700px;
         margin: auto;
    }
     .navbar-brand {
         width: 150px;
         margin-right: 50px;
         position: relative;
         z-index: 1;
    }
     .logo-center a.navbar-brand {
         width: 200px;
    }
     .navbar li.nav-item {
         margin-right: 15px;
         padding-left: 0px;
    }
     .megasubmenu.dropdown-menu {
         margin: 0px;
    }
     .dropdown-menu>li:hover .megasubmenu {
         display: block;
         margin-left: -3px;
         border-radius: 0px 6px 6px 0px;
    }
     .dropdown-menu>li:hover .megasubmenu {
         display: block;
    }
     .navbar li.nav-item ul.dropdown-menu li a {
         padding: 7px 30px;
    }
     .header-3 .search-center {
         position: absolute;
         left: 0;
         right: 0;
         text-align: center;
         top: 17px;
    }
     .header-3 .search-center #searchResponse{
         position: absolute;
         left: 0;
         right: 0;
         margin-left: auto;
         margin-right: auto;
         width: 100%;
         max-width: 700px;
         z-index: 5;
    }
     .header-3 div#main_nav, .header-4 div#main_nav {
         width: 100%;
         position: fixed;
         top:68px;
         left: 0;
         padding: 7px 30px;
    }
     .navbar-expand-md.header-3>.container, .navbar-expand-md.header-3>.container-fluid {
         flex-wrap: wrap;
    }
     .header-3 div#main_nav ul.navbar-nav {
         width: 1540px;
         margin: auto;
    }
}
 @media all and (max-width: 991px) {
     .cart-sec {
         padding-left: 0px;
    }
     form#checkout {
         padding-right: 0px;
    }
     .header-3, .header-4 {
         box-shadow: 0 0.125rem 0.3rem -0.0625rem rgb(0 0 0 / 3%), 0 0.275rem 0.75rem -0.0625rem rgb(0 0 0 / 6%);
    }
     ul.nav.line-tabs {
         flex-wrap: nowrap;
         overflow: auto;
    }
     .header-4 .coll-no, .header-4 .logo-center {
         display: none;
    }
     div#leftrightsec {
         background-size: Cover;
    }
     .navbar-nav {
         padding: 0px 20px;
    }
     .header-1 .navbar-collapse, .header-2 .navbar-collapse, .header-3 .navbar-collapse, .header-4 .navbar-collapse {
         position: absolute;
         top: 72.23px;
         background: #ffffff;
         width: 100%;
         left: 0;
         height: auto;
         box-shadow: 0 0.125rem 0.3rem -0.0625rem rgb(0 0 0 / 3%), 0 0.275rem 0.75rem -0.0625rem rgb(0 0 0 / 6%);
    }
     .form-inline .header-search input, .header-3 .form-inline .header-search input {
         width: 255px;
         max-width: 255px;
    }
     .header-2 .navbar-nav .nav-link {
         color: #171717;
    }
}
 @media all and (max-width: 1024px) {
     div#small-img-roll {
         margin-top: 15px;
    }
     .small-container {
         position: unset;
    }
     .small-container .show-small-img {
         max-width: 48px;
         max-height: 74px;
    }
     .order-md-one {
         order: 2;
    }
     .pos-rel div {
         max-width: 425px !important;
    }
     div#leftrightsec:after {
         content: "";
         position: absolute;
         left: 0;
         width: 100%;
         height: 100%;
    }
     div#leftrightsec .container {
         position: relative;
         z-index: 1;
    }
}
 @media all and (min-width: 1025px) {
     .small-container .show-small-img {
         display: block;
    }
}
 @media (min-width:1025px) and (max-width:1199px) {
     .form-inline .header-search input {
         width: 250px;
         max-width: 250px;
    }
     .logo-center {
         max-width: 210px;
    }
}
/*---------Mobile-Menu-CSS------------*/
 @media screen and (min-width: 768px) {
     span.mobile-menu-bottom, .sidenav a.closebtn {
         display: none;
    }
     .cart-sec {
         padding-bottom: 15px;
    }
}
 @media screen and (max-width: 767px) {
     .checkout-col-8 {
         margin-left: 0px !important;
         padding-left: 0px !important;
    }
     .link-input {
         position: unset;
         margin-top: 5px;
         display: inline-block;
    }
     a.chat-box {
         z-index: 3;
         bottom: 68px;
    }
     .category-page {
         margin: 0px;
    }
     .card-deck .card {
         margin-bottom: 15px;
    }
     .navbar-brand img {
         width: 172px;
    }
     .bg-gray-gradient {
         background-image: none;
    }
     .pay-type a {
         width: 100%;
         margin: 0px 0px 15px 0px;
    }
     .cart-sec {
         padding-top: 40px;
    }
     button.mt-top {
         margin-top: 0px;
    }
     div#categories-list {
         overflow: auto;
         height: 70vh;
         border-bottom: none;
         padding-top: 40px;
    }
     .sidenav {
         height: 0;
         width: 100%;
         position: fixed;
         bottom: -64px;
         transition: 0.5s;
         left: 0;
         z-index: 2;
         background: white;
         overflow: auto;
    }
     .sidenav .closebtn {
         color: black;
         font-size: 30px;
         color: #989898;
         background: #eaeaea;
         width: 35px;
         height: 35px;
         border-radius: 100px;
         text-align: center;
         line-height: 35px;
         display: inline-block;
         float: right;
         position: relative;
         top: -30px;
         right: 15px;
    }
     span.mobile-menu-bottom {
         height: 55px;
         position: fixed;
         bottom: 0;
         right: 0;
         left: 0;
         text-align: center;
         background: white;
         z-index: 3;
         font-size: 30px;
         display: flex;
         align-items: center;
         justify-content: center;
         box-shadow: -40px 45px 20px 48px rgb(0 0 0 / 10%);
    }
}

.header-3 div#main_nav {
background: #bb4237;
z-index: 2;
}
/*---------------*/