/* ====== Inner Page CSS ====== */
.clear{
  clear:both;
}
.shopping-basket{
  font-size:27px;
  color:#3c4ea2;
  margin:0 50px 0 25px;
}
.shopping-basket span.quantity{
  position: absolute;
  background-color:#e91722;
  border-radius:100px;
  width:16px;
  height:16px;
  font-size:10px;
  color:#fff;
  font-weight:700;
  text-align: center;
  line-height: 15px;
  margin-left: -10px;
}
.breadcrumb-custom .breadcrumb-item+.breadcrumb-item::before{
  display: none;
}
.breadcrumb-custom{
  background-color: transparent;
  padding:0;
  margin:0;
}
.breadcrumb-custom >li>a{
  color:#636363;
  font-size:14.5px;
}
.next-arrow{
  padding-left:.5rem;
}
.inner-page-tital{
}
.inner-page-tital h1.page-tital{
  margin:0;
  padding:0;
  font-size:1.5rem;
  color:#444444;
  font-weight:500;
}
.filters-btn{
  border-radius:14px;
  font-size:1.1rem;
  color:#616161;
  font-weight:500;
  background-color:#fff;
  padding: .4rem 1.8rem;
}
.filters-btn:hover, .filters-btn:focus{
  background-color:#3b3b3b;
  color:#fff;
}
.filter-icon{
  margin-right:15px;
  font-size:22px !important;
}
.women-offers-section{
  padding:10px 0 25px 0;
}
.restaurent-carousel-thumb{
  background-color: #ffffff;
    border: 1px solid #bbbbbb;
    line-height: normal;
    border-radius:0;
}
.restaurent-carousel-thumb .icon{
    height:auto;
    overflow: hidden;
    margin: 0px 0;
}
.restaurent-carousel-thumb .icon img{
    width:auto !important;
    display: inline-block !important;
}
.women-offers-five-thumbs-carousel .heading{
    font-size:1.3rem;
    font-weight:400;
    color: #606060;
    margin-bottom: 5px;
    margin-top:10px;
}
.footwear-offers-padding{
  padding-bottom:35px;
}
.home-carousel-section .white-bg{
  background-color:#fff;
  border: 1px solid #bbbbbb;
  padding:25px 20px; 
}
.product-detail-section{
  padding:45px 0;
}
.product-detail-section .product-detail-text-area .sh1{
  font-size:18px;
  color:#606060;
}
.product-detail-section .product-detail-text-area h1{
  font-size:30px;
  color:#606060;
}
ul.product-detail-links{
  margin:10px 0 15px 0;
  padding:0;
  list-style: none;
}
ul.product-detail-links li{
  display: inline-block;
  font-size:21px;
  color:#606060;
  padding:0 20px;
  border-right:#606060 solid 1px;
}
ul.product-detail-links li:last-child{
  border:0;
}
ul.product-detail-links li:first-child{
  padding-left:0;
}
.star-icon{
  color:#ffd33b;
  margin-right:4px;
}
.icon-padd{
  margin-right:5px;
  font-size:21px !important;
}
.product-details-btn-group{
  padding:5px 0 20px 0;
}
.btn-group{
  -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -o-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    border: 1px solid #7d7d7d;
    background-color:transparent;
    color:#606060;
    font-size:18px;
    padding: .5rem 1.3rem;
}
.btn-group:hover{
  background-color:#3c4ea2;
}
.btn-group i{
  line-height: 26px;
}
.product-detail-section .product-detail-text-area .sh2{
  font-size:23px;
  color:#d91843;
  line-height: normal;
  padding-bottom:12px;
}
.product-detail-section .product-detail-text-area .offer-date{
  border:#3fb610 solid 1px;
  border-radius:4px;
  padding: .3rem 1.3rem;
  font-size:20px;
  font-weight:500;
  color:#3fb610;
  width: 90%;
}
.product-detail-section .product-detail-text-area .offer-date i{
  margin-right:12px;
}
.product-detail-section .product-detail-text-area p{
  font-size:16px;
  color:#606060;
  padding:20px 0 10px 0;
}
.coupon-code-area{
  background-color:#f0f0f0;
  padding:20px 25px;
}
.coupon-code-area .coupon-heading{
  font-size:20px;
  color:#696969;
  line-height: normal;
}
.coupon-code-area .coupon-code{
  background-color:#fff;
  -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -o-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    color:#b52681;
    border:dashed #ed1c24 2px;
    text-align: center;
    padding: .3rem 1.5rem;
    font-size:32px;
    font-weight:500;
}
.coupon-code-area .coupon-code img{
  margin-bottom:8px;
}
.product-detail-section .contact-info{
  padding:10px 0 15px 0;
}
.product-detail-section .contact-info .contact-head{
  font-size:18px;
  padding-bottom:5px;
  font-weight:500;
}
.product-detail-section .contact-info .phone-num{
  font-size:18px;
  padding-bottom:5px;
}
.product-detail-section .contact-info .phone-icon{
  background-color:#4eb222;
  -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -o-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
    color:#fff;
    width:25px;
    height:25px;
    text-align: center;
    vertical-align: middle;
    font-size:17px !important;
    line-height: 25px !important;
    margin-left: 15px;
    margin-bottom: 7px;
}
.separate-border{
    border-bottom: 1px solid #828282;
}
.product-detail-section ul.point{
  margin:40px 0 12px 0;
  padding:0;
  list-style: none;
}
.product-detail-section ul.point li{
  margin:0;
  padding:0 0 0 0px;
  list-style: none;
  font-size:18px;
}
.product-detail-section ul.point li i{
  color: #4eb222;
  font-size: 28px !important;
  vertical-align: middle;
  margin-bottom: 5px;
  margin-right:7px;
}
.product-detail-section .addess-detail-area{
  padding:20px 0;
}
.product-detail-section .addess-detail-area .sh1{
  font-size:18px;
  font-weight:500;
}
.product-detail-section .addess-detail-area .location-area{
  font-size:16px;
  line-height:normal;
}
.product-detail-section .follow-section{
  padding:20px 0;
}
.product-detail-section .follow-section .sh1{
  font-size:18px;
  font-weight:500;
}
.product-detail-section .follow-section ul{
  margin:10px 0 0 0;
  padding:0;
  list-style: none;
}
.product-detail-section .follow-section ul li{
  display: inline-block;
  padding-right:20px;
}
.large-btn-group{
  padding:35px 0 0 0;
}
.large-blue-btn{
  -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -o-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    border:0;
    background-color:#3c4ea2;
    color: #fff;
    font-size:27px;
   padding: .9rem 2.8rem;
    line-height: normal;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.large-blue-btn:hover{
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.large-green-btn{
  -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -o-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    border:0;
    background-color:#4eb222;
    color: #fff;
    font-size:27px;
   padding: .9rem 2.8rem;
    line-height: normal;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.large-green-btn:hover{
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.product-detail-slider .carousel-indicators{
  position:initial;
  margin-top:15px;
  margin-bottom:15px;
}
.product-detail-slider .carousel-indicators li{
  background-color:#4c4c4c;
  -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -o-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
    width:20px;
    height:20px;
    border-top:0px solid transparent;
    border-bottom:0px solid transparent;
}

.login-bg{
  background:#fff url(../images/login-bg.jpg) repeat center;
}
.login-top-bg{
  background: #ea171f;
  background: -webkit-linear-gradient(legacy-direction(to bottom), #ea171f, #dd1c54);
  background: linear-gradient(to bottom, #ea171f, #dd1c54);
  padding:15px 0;
}
.logo{
  padding:15px 0 20px 0;
}
.login-bg h1{
  font-size:34px;
  font-weight:600;
  color:#656565;
}
.login-bg h2{
  font-size:24px;
  font-weight:500;
  color:#656565;
  padding-bottom: 20px;
}
.login-bg h3{
  font-size:20px;
  font-weight:500;
  color:#656565;
  padding-bottom: 20px;
}
.login-bg h5{
  font-size:30px;
  font-weight:500;
  color:#656565;
  padding-bottom:15px;
}
.login-bg .login-screen{
  box-shadow:5px 3px 5px -2px rgba(0,0,0,.15);
}
.login-bg .login-screen .card-body{
  padding:2.25rem 3.25rem;
}
.login-bg .login-screen .large-btn-group{
  text-align: center;
  margin-bottom:15px;
  margin-top:10px;
}
.login-bg .login-screen .or{
  border: #afafaf solid 1px;
    width: 52px;
    height: 52px;
    margin: 0 auto;
    font-size: 18px;
    color: #787878;
    font-weight: 500;
    line-height: 49px;
    margin-top: -7px;
}
.login-bg .login-screen .login-btn-padd{
  padding-bottom: 1rem;
}
.login-bg .login-screen .signup-text{
  padding-top: 30px;
}
.login-bg .login-screen h4{
  font-size: 37px;
  font-weight: 500;
  color: #3c4ea2;
  letter-spacing: -1px;
  padding-bottom:0;
}
.login-bg .login-screen h6{
  font-size: 22px;
    font-weight: 400;
    color: #787878;
    letter-spacing: -1px;
}
ul.registration-point{
  margin:0 0 0 0px;
  padding:0;
  list-style: none;
}
ul.registration-point li{
  font-size:17px;
  color:#656565;
  padding:0 0 20px 30px;
  background:url(../images/disc-icon.jpg) no-repeat 0 8px;
}
.large-btn{
  padding: .7rem 3rem !important;
  font-size: 34px !important;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  line-height: 44px;
}
.condition-text{
  font-size:20px;
  color:#3c4ea2;
}
.login-bg .form-check-input{
  margin-top: 0.6rem;
}
.registration-input-bg{
  border-radius:0;
  background:#fafafa;
  height: calc(2.2em + 1rem + 3px);
  color:#898989;
}
.input-border-right{
  border-right:0;
}
.login-bg .input-group-text{
  background:#fafafa;
  border-radius:0;
}
.back-text-btn{
  padding:20px 0 0 0;
  font-size:40px;
  font-weight:500;
  color:#656565;
}
.back-text-btn a{
  color:#656565;
}
.back-arrow{
  font-size:35px;
}
.login-bg .custom-file-input:lang(en)~.custom-file-label::after{
  content: "Document Attached";
  text-align: center;
}
.login-bg .custom-file-label::after{
  height: calc(2.2em + 1rem + 3px);
  border-left: 0;
  background-color:transparent;
  position: initial;
}
.input-shadow{
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.camera-icon{
  position: absolute;
    text-align: center;
    left: 39%;
    right: 70%;
    top: 18px;
}
.login-bg .custom-file-input{
  height: calc(2.9em + 1rem + 6px);
}
.label-heading{
  font-size:17px;
  font-weight:500;
  color:#898989;
}
.notification{
  padding:0px 0 45px 0;
}
.notification h2{
  font-size:20px;
  color:#444444;
  font-weight:400;
}
.notification-left{
  background:#ffffff;
  padding:12px 18px;
  border:#cccccc solid 1px;
}
.notification-left ul{
  list-style: none;
  margin:0;
  padding:0;
}
.notification-left ul a{
  font-size: 18px;
  color: #737373;
  padding: 12px 0;
  display: inline-block;
}
.notification-left ul a:hover{
  color:#ea171f;
}
.notification .notification-left .current_page_item > a,
.notification .notification-left .current_page_ancestor > a,
.notification .notification-left .current-menu-item > a,
.notification .notification-left .current-menu-ancestor > a {
  color:#ea171f;
}
.notification-page-icon{
  margin-right:15px;
}
.notification-right{
  background:#ffffff;
  padding:0;
  border:#cccccc solid 1px;
}
.notification-right ul{
  background:#f8f8f8;
}
.notification-right ul li a{
  padding: .9rem 3rem;
  font-size:21px;
  color:#444444;
  border-radius:0;
}
.notification-right .nav-link.active, .nav-pills .show>.nav-link{
  color: #444444;
  background-color: #fff;
}
.notification-right-middle-section{
  padding:20px 40px;
}
.notification-padd{
  padding-bottom:15px;
  margin-bottom:25px;
  margin-top:15px;
}
.notification-right-middle-section h4{
  font-size:24px;
  font-weight:500;
  color:#656565;
}
.notification-right-middle-section h4 span.small{
  font-weight:400;
  font-size:15px;
}
.notification-right-middle-section h5{
  font-size:19px;
  font-weight:500;
  color:#656565;
}
.notification-right-middle-section .exclamation-icon{
  color:#929292;
  font-size:85px;
}
.notification-right-middle-section .alert-icon{
  font-size:85px;
  margin-top: 14px;
  color:#ffde33;
}
.notification-right-middle-section .media-body{
  font-size:17px;
  color:#747474;
  font-size:17px;
  font-weight:300;
}
.notification-right-middle-section .media-body p.text-danger{
  margin-bottom: 0.4rem;
}
.notification-right-middle-section .media-body p.small{
  margin-bottom: 0.2rem;
}
.white-btn{
  background-color:#fff;
  border-radius:6px;
  font-size:16px;
  border:#cccccc solid 1px;
}
.notification h2.notification-head-padd{
  margin-bottom:25px;
}
.notification .total-sales{
  font-size: 20px;
  color: #000;
  font-weight: 500;
  padding-top: 15px;
}
.notification .label-head{
  font-size:16px;
  font-weight:400;
  color:#6b6b6b;
}
.notification .value-head{
  font-size:18px;
  font-weight:500;
  color:#6b6b6b;
}
.notification .request-offer-head{
  font-size:20px;
  padding-bottom:20px;
}
.user-pic{
  position: absolute;
  left: -31px;
  top: 0;
  border:#fff 3px solid;
}
.edit-user-pic{
   border:#c2c2c2 3px solid;
   margin-bottom:15px;
}
.edit-user-dropdown{
  box-shadow:none;
  border-radius:0;
  border:0;
  padding: .9rem .9rem;
}
.remove-link{
  font-size:18px;
  color:#7d7d7d;
}
h2.user-head{
  font-size:30px;
  color:#7d7d7d;
  font-weight:400;
  padding-top:10px;
}
.plus-circle{
  font-size:20px !important;
  color:#999999;
  margin-right:5px;
  vertical-align: middle;
}
.pencil-icon{
  margin-right:5px;
}
.edit-btn{
  padding: .275rem .75rem;
  border-radius: .65rem;
  position: absolute;
  right:18px;
}
.eye-icon{
  color:#616161;
  font-size:20px !important;
  margin-right:4px;
}
.tag-icon-color{
  color:#d3154c;
}
.calendar-icon{
  font-size:18px !important;
  color:#737373;
  vertical-align: middle;
  margin-right: 6px;
}
.mobile-shadow br{
  display: none;
}
.icon-width{
  max-width: 6.333333%;
}
.date-text{
  font-size:16px;
  color:#888888;
}
.date-text span{
  font-size:14px;
}
.remove-btn{
  background:#a7a7a7;
  padding: .15rem .9rem;
  border-radius:.7rem;
}
.column-padd{
  padding-bottom:25px;
  margin-bottom: 30px;
}
.column-padd p{
  margin-bottom: 0.9rem;
  line-height: 20px;
}
.small-btn{
  background-color:#fff;
  font-size:16px;
  padding: .3rem .7rem;
}
.small-btn:hover{
  color:#fff;
}
.small-btn i{
  font-size: 15px !important;
}
.notification .product-detail-text-area .sh2{
  font-size: 20px;
  color:#d91843;
}
.notification .product-detail-text-area .offer-date{
  width:100%;
  font-size: 19px;
}
.notification .product-detail-text-area p{
  font-size: 14px;
  padding-bottom:0;
}
.notification .coupon-code-area .coupon-heading{
  font-size: 14px;
}
.notification .coupon-code-area .coupon-code{
  font-size: 21px;
  padding: .3rem 1.2rem;
}
.notification .coupon-code-area .coupon-code img{
  width:25%;
  margin-bottom: 3px;
}
.add-offers-padd{
  padding:30px 30px;
}
.google-map-bg{
  background-color:#fafafa;
  padding:20px 30px;
  border:dashed 2px #b5b5b5;
}
.label-heading{
  font-size:20px;
  color:#444444;
  padding-top:10px;
  padding-bottom:10px;
}
button.close-btn{
  position: absolute;
  right: 22px;
  background: #fff;
  border-radius: 100px;
  height: 30px;
  width: 30px;
  margin-top: 8px;
  opacity:1
}
.view-banner-icon{
  position: absolute;
  text-align: center;
  color:#fff;
  width:100%;
  font-size:22px;
  margin-top:80px;
  display:block;
  line-height:20px;
}
.view-banner-icon i{
  font-size:45px;
}
.add-offers-padd .input-group-text{
  background: #fafafa;
  border-radius: 0;
}
.large-gray-btn{
  background-color:#aaaaaa;
}
.company-profile-pic{
  padding:25px 0;
}
.company-profile-pic h6{
  font-size:18px;
  color:#7c7c7c;
}
.vendor-profile-right{
  background: #ffffff;
  padding:0;
  border: #cccccc solid 1px;
}
.vendor-profile-right ul{
  background-color:#f8f8f8;
  overflow-x: auto;
  -ms-overflow-style: none; /*// IE 10+*/
  overflow: -moz-scrollbars-none;/*// Firefox*/
  flex-wrap: inherit;
}
.vendor-profile-right ul li a{
  padding: .9rem 1.7rem;
  font-size:20px;
  color: #444444;
  border-radius: 0;
  border-bottom:transparent solid 1px;
}
.vendor-profile-right .nav-link.active, .nav-pills .show>.nav-link{
  color: #444444;
  background-color: #fff;
  border-radius: 0;
  border-bottom:#c2c2c2 solid 1px;
}
.vendor-profile-right-middle-section{
  padding: 20px 0px;
}
.label-sub-heading{
  font-size:20px;
  color:#6b6b6b;
}
.label-small-heading{
  font-size:18px;
  color:#898989;
}
.vendor-profile-right-middle-section .custom-file-input{
  height: calc(2.9em + 1rem + 6px);
}
.vendor-profile-right-middle-section .custom-file-input:lang(en)~.custom-file-label::after{
  content: "Document Attached";
    text-align: center;
}
.vendor-profile-right-middle-section .custom-file-label::after{
  height: calc(2.2em + 1rem + 3px);
    border-left: 0;
    background-color: transparent;
    position: initial;
}
.vendor-profile-right-middle-section .camera-icon{
  left: 29%;
}
.vendor-profile-right-middle-section .form-check-input{
  margin-top: 0.6rem;
}
.my-account-padd{
  padding:20px 25px;
  margin-bottom:35px;
}
.my-account-padd h4{
  color:#fff;
  font-size:22px;
  font-weight:500;
}
.border{
  border:#cccccc solid 1px !important;
}
.my-account-padd .sub-text{
  font-size:20px;
  color:#fff;
  line-height: normal;
  padding: 10px 0;
}
.my-account-padd .amount{
  font-size:53px;
  color:#fff;
  text-align: right;
}
.my-account-padd .amount i{
  vertical-align: middle;
  margin-right:6px;
}
.notification h3{
  font-size:22px;
  font-weight:500;
  color:#656565;
}
.gift-icon{
  font-size:95px !important;
  color:#656565;
  text-align: center;
  vertical-align:middle;
  line-height: 80px !important;
}
.white-box-padd{
  padding:30px 25px;
  margin-bottom:15px;
}
.white-box-padd h5{
  font-size:20px;
  font-weight:500;
  color:#4a4949;
  margin:0;
  padding:0 0 5px 0;
}
.white-box-padd .offer-text{
  color:#7d7d7d;
  font-size:18px;
}
.white-box-padd .free-text{
  color:#2d9f27;
  font-size:32px;
  text-align: right;
  font-weight:500;
}
.white-box-padd .red-text{
  color:#da1942;
  font-size:32px;
  text-align: right;
  font-weight:500;
}
.icon-color{
  color:#fff;
}
.my-account-padd .mr-4{
  font-size:22px;
  color:#fff;
}
.info-icon{
  border:#999999 solid 1px;
  border-radius:100px;
  width:37px;
  height:37px;
  font-size:25px !important;
  line-height: 35px !important;
}
.info-icon a{
  color:#999999;
}
.vendor-date{
  font-size:24px;
  color:#fff;
}
.vendor-date i{
  font-size:30px;
}
.earnings-table-section{
  background:#fff;
  margin-bottom:15px;
}
.earnings-table-section .table-light, .table-light>td, .table-light>th{
  background-color:#fbfbfb;
}
.earnings-table-section .table td, .table th{
  padding: 1.5rem 1.5rem;
}
.earnings-table-section .table-active, .table-active>td, .table-active>th{
  background-color: rgba(243,243,243);
}
.earnings-table-section table td{
  font-size:18px;
  color:#4a4949;
}
.earnings-table-section h5{
  font-size:24px;
  font-weight:500;
  color:#4a4949;
}
.earnings-table-section h6{
  font-size:20px;
  font-weight:500;
  color:#4a4949;
}
.total-amount{
  text-align: center;
  font-size:42px;
  color:#4d4d4d;
  font-weight:500;
  padding-bottom:45px;
}
.notification .modal-content{
  border-radius: .6rem;
}
.notification .modal-header{
  background-color:#f3f3f3;
  padding: 1.2rem 1.9rem;
  border-top-left-radius: calc(.6rem - 1px);
  border-top-right-radius: calc(.6rem - 1px);
  border-bottom:0px solid #dee2e6;
}
.notification .modal-header h5.modal-title{
  font-size:24px !important;
  font-weight:500;
  color:#656565;
}
.notification .modal-content .input-group-text{
    background: #fafafa;
    border-radius: 0;
}
.notification .modal-content{
  text-align: left !important;
}
.notification .modal-content label{
  font-size:18px;
  color:#6b6b6b;
}
.notification .modal-content i{
  font-size:25px;
  color:#d2d2d2;
}
.vendor-dashboard{
  margin-bottom:55px;
}
.vendor-dashboard h2{
  font-size:20px;
  font-weight:500;
  color:#656565;
  padding:25px 0;
}
.earning-month{
  background-color:#fff;
  padding:35px 40px;
  border-radius:25px;
  margin-bottom:40px;
}
.earning-month h3{
  text-align: center;
  font-size:26px;
  font-weight: 500;
  color:#656565;
}

.mobile-logo{
  display:none;
}
.mibile-dropdown-menu{
  display: none;
}
.close-btn-area{
  position: absolute;
  right:-25px;
  background-color:#fff;
  width:58px;
  height:58px;
  z-index:999;
  top: -25px;
}
.close-btn-area .close{
  height:37px;
  width:37px;
  border:#7f7f7f solid 2px;
  float: none;
  margin: 10px 10px;
}
.login-popup{
  border-radius: 1.1rem;
}
.login-popup .login-banner img{
  border-radius:0;
  border-top-left-radius:1.1rem;
  border-bottom-left-radius:1.1rem;
}
.login-popup .modal-body{
  padding:0;
}
.login-popup .popup-right-login-section{
  padding:2rem 1.5rem 0 0rem;
}
.login-popup .popup-right-login-section h2{
  font-size:30px;
  color:#656565;
  font-weight:500;
}
.forgot-password{
  font-size:17px;
  color:#3c4ea2;
}
.login-popup .popup-right-login-section .or{
  border:#afafaf solid 1px;
  width:52px;
  height:52px;
  margin:0 auto;
  font-size:18px;
  color:#787878;
  font-weight:500;
  line-height: 49px;
  margin-top: -7px;
}
.login-popup .popup-right-login-section .login-padd{
  padding:0;
}
.login-popup .popup-right-login-section .login-btn-padd{
  padding-bottom:1rem;
}
.facebook-btn{
  -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -o-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    border: 0;
    background-color: #3c4ea2;
    color: #fff;
    font-size:20px;
    font-weight:600;
    text-transform: uppercase;
    padding: .9rem 1.7rem;
    line-height: normal;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.facebook-btn i{
  margin-right:7px;
  font-size:30px;
  vertical-align: middle;
}
.google-btn{
  -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -o-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    border: 0;
    background-color: #f44336;
    color: #fff;
    font-size:20px;
    font-weight:600;
    text-transform: uppercase;
    padding: .9rem 1.7rem;
    line-height: normal;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.google-btn i{
  margin-right:7px;
  font-size:30px;
  vertical-align: middle;
}
.login-popup .popup-right-login-section .signup-text{
  padding-top:30px;
}
.login-popup .popup-right-login-section .signup-text h4{
  font-size:37px;
  font-weight:500;
  color:#3c4ea2;
  letter-spacing:-1px;
}
.login-popup .popup-right-login-section .signup-text h4 a{
  color:#3c4ea2;
}
.login-popup .popup-right-login-section .signup-text h4 a:hover{
  color:#de1c4e;
}
.login-popup .popup-right-login-section .signup-text h6{
  font-size:22px;
  font-weight:400;
  color:#787878;
  letter-spacing:-1px;
}
.product-filters .modal-body{
  padding:0;
}
.product-filters .left-bar{
  background-color:#f8f8f8;
  padding:1rem 0rem;
  height:100%;
}

.product-filters .left-bar a{
  font-size:17px;
  padding:0.6rem 1rem;
  display: inline-block;
  color:#000;
  background-color:transparent;
  border:0px solid rgba(0,0,0,.125);
}
.left-bar a:focus, .left-bar a:hover{
  z-index: 2;
  color: #fff;
  background-color: #3c4ea2;
  border-color: #3c4ea2;
}
.product-filters .left-bar .active{
  z-index: 2;
  color: #fff;
  background-color: #3c4ea2;
  border-color: #3c4ea2;
}
.list-group-item:first-child{
  border-top-left-radius:0rem;
  border-top-right-radius:0rem;
}
.list-group-item:last-child{
  border-top-left-radius:0rem;
  border-top-right-radius:0rem;
}
ul.filters-prices{
  margin:0;
  padding:0;
  list-style: none;
}
ul.filters-prices li{
  margin:0;
  padding:5px 0;
  list-style: none;
  font-size:16px;
}

.product-filters .dropdown-menu{
  min-width: 15rem;
}
.product-filters .modal-footer{
  display: inline-block;
}
.product-filters .right-bar{
  padding:1.5rem 0.5rem;
}
.mobile-table{
    display: none;
  }


@media (max-width: 1069px) {
  .vendor-profile-right ul li a{
    padding: .9rem 1.2rem;
    font-size: 16px;
  }
  .notification-right-middle-section .media-body p.text-danger{
    font-size: 14px;
  }
  .login-bg .login-screen .card-body{
    padding: 2.25rem 1.55rem;
  }
  .desktop-table{
    display: none;
  }
  .notification-left ul a{
    font-size: 15px;
  }
  .mobile-table{
    display: initial;
  }
  .filters-btn{
    font-size: 0.8rem;
    padding: .4rem 1.1rem;
  }
  .filter-icon{
    margin-right: 3px;
    font-size: 15px !important;
  }
}

@media (max-width: 999px) {
  .logo{
    display: none;
  }
  .mobile-logo{
    display: inherit;
  }
  .login-bg h2{
    display: none;
  }
  ul.registration-point{
    display: none;
  }
  .mobile-shadow{
    box-shadow: 0.2rem 0.2rem 1rem 0.2rem rgba(0,0,0,.15)!important;
  }
  .condition-text{
    font-size: 18px;
  }
  .notification .notification-left{
    display: none;
  }
  .notification h2{
    display: none;
  }
  .breadcrumb-custom{
    display: none;
  }
  .mibile-dropdown-menu{
    margin-bottom:25px;
    display: inherit;
  }
  .mibile-dropdown-menu .mibile-btn{
    background: #ea171f;
    background: -webkit-linear-gradient(legacy-direction(to bottom), #ea171f, #dd1c54);
    background: linear-gradient(to bottom, #ea171f, #dd1c54);
    width: 100%;
    border:0;
    border-radius:0;
    padding: .8rem 1rem;
    font-size: 1.45rem;
  }
  .mibile-dropdown-menu .mibile-btn:hover{
    border:0;
  }
  .mibile-dropdown-menu .mibile-btn:focus{
    border:0;
    box-shadow:none;
  }
  .mibile-dropdown-menu .dropdown-icon{
    margin-left: 10px;
    font-size: 30px;
    vertical-align: middle;
  }
  .mibile-dropdown-menu .multi-collapse{
    background-color:#fff;
    padding: 20px 20px;
  }
  .mibile-dropdown-menu .multi-collapse ul{
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .mibile-dropdown-menu .multi-collapse ul a{
    font-size: 18px;
    color: #737373;
    padding: 12px 0;
    display:block;
  }
  .mibile-dropdown-menu .multi-collapse ul a:hover{
    color: #ea171f;
  }
  .mibile-dropdown-menu .multi-collapse .current_page_item > a, 
  .mibile-dropdown-menu .multi-collapse .current_page_ancestor > a, 
  .mibile-dropdown-menu .multi-collapse .current-menu-item > a, 
  .mibile-dropdown-menu .multi-collapse .current-menu-ancestor > a{
    color: #ea171f;
  }
  .add-offers-padd{
    padding: 30px 5px;
  }
  .view-banner-icon{
    font-size: 12px;
    margin-top: 32px;
  }
  .notification-right-middle-section{
    padding: 20px 15px;
  }
  .my-account-padd .amount{
    font-size: 45px;
  }
  .white-box-padd .red-text{
    font-size: 29px;
  }
  .product-detail-text-area{
    background-color:#fff;
    padding: 25px 20px;
  }
  .vendor-profile-right ul li a{
    padding: 0.4rem 1rem;
    font-size: 14px;
  }
  .login-banner{
    display: none;
  }
  .login-popup .popup-right-login-section{
    padding: 2rem 1.5rem 2rem 1rem;
  }
  .notification-right-middle-section .media-body p.text-danger{
    font-size: 14px;
  }
  .home-carousel-section .carousel-heading .heading-border .line-border{
    border:0;
  }
  .login-bg .login-screen .card-body{
    padding: 2.25rem 1.55rem;
  }
  .desktop-table{
    display: none;
  }
  .mobile-table{
    display: initial;
  }
  .filters-btn{
    font-size: 0.8rem;
    padding: .4rem 1.1rem;
  }
  .filter-icon{
    margin-right: 3px;
    font-size: 15px !important;
  }
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { 
  .camera-icon{
    left: 25%;
  }
  .filters-btn{
    font-size: 0.9rem;
    padding: .4rem 0.7rem;
  }
  .filter-icon{
    margin-right: 4px;
    font-size: 15px !important;
  }
  .login-bg .login-screen .card-body{
    padding: 2.25rem 1.25rem;
  }
  .facebook-btn{
    font-size: 14px;
    padding: .9rem 1.4rem;
  }
  .facebook-btn i{
    font-size: 20px;
  }
  .google-btn{
    font-size: 14px;
    padding: .9rem 1.4rem;
  }
  .google-btn i{
    font-size: 20px;
  }
  .desktop-table{
    display: none;
  }
  .mobile-shadow br{
    display: initial;
  }
  .mobile-shadow .remove-btn-padd{
    padding-top:15px;
  }
  .mobile-table{
    display: initial;
  }

}


@media (max-width: 767px) {
  .logo{
    display: none;
  }
  .mobile-logo{
    display: inherit;
  }
  .login-bg h2{
    display: none;
  }
  ul.registration-point{
    display: none;
  }
  .mobile-shadow{
    box-shadow: 0.2rem 0.2rem 1rem 0.2rem rgba(0,0,0,.15)!important;
  }
  .condition-text{
    font-size: 18px;
  }
  .notification .notification-left{
    display: none;
  }
  .notification h2{
    display: none;
  }
  .breadcrumb-custom{
    display: none;
  }
  .mibile-dropdown-menu{
    margin-bottom:25px;
    display: inherit;
  }
  .mibile-dropdown-menu .mibile-btn{
    background: #ea171f;
    background: -webkit-linear-gradient(legacy-direction(to bottom), #ea171f, #dd1c54);
    background: linear-gradient(to bottom, #ea171f, #dd1c54);
    width: 100%;
    border:0;
    border-radius:0;
    padding: .8rem 1rem;
    font-size: 1.45rem;
  }
  .mibile-dropdown-menu .mibile-btn:hover{
    border:0;
  }
  .mibile-dropdown-menu .mibile-btn:focus{
    border:0;
    box-shadow:none;
  }
  .mibile-dropdown-menu .dropdown-icon{
    margin-left: 10px;
    font-size: 30px;
    vertical-align: middle;
  }
  .mibile-dropdown-menu .multi-collapse{
    background-color:#fff;
    padding: 20px 20px;
  }
  .mibile-dropdown-menu .multi-collapse ul{
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .mibile-dropdown-menu .multi-collapse ul a{
    font-size: 18px;
    color: #737373;
    padding: 12px 0;
    display:block;
  }
  .add-offers-padd{
    padding: 30px 5px;
  }
  .large-blue-btn{
    font-size: 20px;
    padding: .9rem 2.2rem;
  }
  .large-green-btn{
    font-size: 20px;
    padding: .9rem 2.1rem;
  }
  .view-banner-icon{
    font-size: 12px;
    margin-top: 32px;
  }
  .mobile-shadow .text-right{
    text-align: left !important;
  }
  .my-account-padd .amount{
    text-align: left;
  }
  .white-box-padd{
    text-align: center;
  }
  .white-box-padd h5{
    padding:10px 0;
  }
  .info-icon{
    margin:10px 0;
  }
  .white-box-padd .red-text{
    text-align: center;
  }
  .notification-right-middle-section{
    padding: 20px 15px;
  }
  .notification-right-middle-section h4{
    font-size: 20px;
    padding: 8px 0 0 0;
  }
  .icon-width{
    padding-bottom: 15px;
  }
  .notification .text-right{
    text-align: center !important;
    margin-bottom:15px;
  }
  .white-box-padd .free-text{
    text-align: center;
  }
  .product-detail-text-area{
    background-color:#fff;
    padding: 25px 20px;
  }
  .vendor-profile-right ul li a{
    padding: 0.4rem 1rem;
    font-size: 14px;
  }
  .popular-categories .carousel-heading .heading-border .line-border{
    border:0;
  }
  .home-carousel-section .carousel-heading .heading-border .line-border{
    border:0;
  }
  .login-banner{
    display: none;
  }
  .login-popup .popup-right-login-section{
    padding: 2rem 1.5rem 2rem 1rem;
  }
  .user-pic{
    top: -10px;
  }
  .btn-group{
    font-size: 15px;
    padding: .5rem 0.9rem;
  }
  .product-detail-section .product-detail-text-area .offer-date{
    font-size: 18px;
  }
  .coupon-code-area .coupon-code{
    font-size: 22px;
  }
  .coupon-code-area .coupon-heading{
    font-size: 17px;
  }
  .vendor-profile-right-middle-section .camera-icon{
    left:25%;
  }
  .camera-icon{
    left: 20%;
  }
  .desktop-table{
    display: none;
  }
  .earnings-table-section .table td, .table th{
    padding: .8rem 1.5rem;
  }
  .earnings-table-section h5{
    font-size: 18px;
  }
  .mobile-shadow br{
    display: initial;
  }
  .mobile-shadow .remove-btn-padd{
    padding-top:15px;
  }
  .mobile-table{
    display: initial;
  }

}
@media (max-width: 643px) {
  .logo{
    display: none;
  }
  .mobile-logo{
    display: inherit;
  }
  .login-bg h2{
    display: none;
  }
  ul.registration-point{
    display: none;
  }
  .mobile-shadow{
    box-shadow: 0.2rem 0.2rem 1rem 0.2rem rgba(0,0,0,.15)!important;
  }
  .condition-text{
    font-size: 18px;
  }
  .notification .notification-left{
    display: none;
  }
  .notification h2{
    display: none;
  }
  .breadcrumb-custom{
    display: none;
  }
  .mibile-dropdown-menu{
    margin-bottom:25px;
    display: inherit;
  }
  .mibile-dropdown-menu .mibile-btn{
    background: #ea171f;
    background: -webkit-linear-gradient(legacy-direction(to bottom), #ea171f, #dd1c54);
    background: linear-gradient(to bottom, #ea171f, #dd1c54);
    width: 100%;
    border:0;
    border-radius:0;
    padding: .8rem 1rem;
    font-size: 1.45rem;
  }
  .mibile-dropdown-menu .mibile-btn:hover{
    border:0;
  }
  .mibile-dropdown-menu .mibile-btn:focus{
    border:0;
    box-shadow:none;
  }
  .mibile-dropdown-menu .dropdown-icon{
    margin-left: 10px;
    font-size: 30px;
    vertical-align: middle;
  }
  .mibile-dropdown-menu .multi-collapse{
    background-color:#fff;
    padding: 20px 20px;
  }
  .mibile-dropdown-menu .multi-collapse ul{
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .mibile-dropdown-menu .multi-collapse ul a{
    font-size: 18px;
    color: #737373;
    padding: 12px 0;
    display:block;
  }
  .add-offers-padd{
    padding: 30px 5px;
  }
  .large-blue-btn{
    font-size: 20px;
    padding: .9rem 1.5rem;
  }
  .large-green-btn{
    font-size: 20px;
    padding: .9rem 1.5rem;
  }
  .view-banner-icon{
    font-size: 12px;
    margin-top: 32px;
  }
  .mobile-shadow .text-right{
    text-align: left !important;
  }
  .my-account-padd .amount{
    text-align: left;
  }
  .white-box-padd{
    text-align: center;
  }
  .white-box-padd h5{
    padding:10px 0;
  }
  .info-icon{
    margin:10px 0;
  }
  .white-box-padd .red-text{
    text-align: center;
  }
  .notification-right-middle-section{
    padding: 20px 15px;
  }
  .notification-right-middle-section h4{
    font-size: 20px;
    padding: 8px 0 0 0;
  }
  .icon-width{
    padding-bottom: 15px;
  }
  .notification .text-right{
    text-align: center !important;
    margin-bottom:15px;
  }
  .white-box-padd .free-text{
    text-align: center;
  }
  .product-detail-text-area{
    background-color:#fff;
    padding: 25px 20px;
  }
  .vendor-profile-right ul li a{
    padding: 0.4rem 1rem;
    font-size: 14px;
  }
  .popular-categories .carousel-heading .heading-border .line-border{
    border:0;
  }
  .home-carousel-section .carousel-heading .heading-border .line-border{
    border:0;
  }
  .login-banner{
    display: none;
  }
  .login-popup .popup-right-login-section{
    padding: 2rem 1.5rem 2rem 1rem;
  }
  .login-bg .login-screen .card-body{
    padding: 2.25rem 1.80rem;
  }
  .facebook-btn{
    font-size: 14px;
    padding: .9rem 1.4rem;
  }
  .facebook-btn i{
    font-size: 22px;
  }
  .google-btn{
    font-size: 14px;
    padding: .9rem 1.4rem;
  }
  .google-btn i{
    font-size: 22px;
  }
  .close-btn-area{
    right: 0;
    width: 35px;
    height: 35px;
    top: -9px;
  }
  .close-btn-area .close{
    height: 25px;
    width: 25px;
    margin: 4px 5px;
  }
  .notification-right ul li a{
    padding: .9rem 1.9rem;
    font-size: 16px;
  }
  .earnings-table-section .tdColspan{
    border-collapse: collapse;
  }
  .notification-right-middle-section h5{
    font-size:16px;
  }
  .mobile-shadow .icon-mobile-width{
    flex: 0 0 5.333333%;
    max-width: 14.333333%;
  }
  .mobile-shadow .text-mobile-width{
    flex: 0 0 85.666667%;
    max-width: 85.666667%;
  }
  .notification-right-middle-section .exclamation-icon{
    font-size: 28px;
  }
  .notification-right-middle-section .alert-icon{
    font-size: 28px;
  }
  ul.product-detail-links li{
    font-size: 14px;
    padding: 0 14px;
  }
  .icon-padd{
    font-size: 16px !important;
  }
  .product-detail-section .product-detail-text-area .sh2 br{
    display: none;
  }
  .product-detail-section .product-detail-text-area .sh2{
    font-size:15px;
  }
  .product-detail-section .product-detail-text-area .offer-date{
    padding: .3rem 0.6rem;
    font-size: 12px;
  }
  .product-detail-section .product-detail-text-area .offer-date i{
    margin-right: 7px;
  }
  .vendor-profile-right-middle-section .camera-icon{
    left: 8%;
  }
  .product-details-btn-group{
    display: inline-grid;
  }
  .product-details-btn-group button{
    margin-bottom:10px;
  }
  .camera-icon{
    left: 8%;
  }
  .login-bg .custom-file-input:lang(en)~.custom-file-label::after{
    font-size: 16px;
  }
  .custom-file-label::after{
    padding: .575rem .75rem;
  }
  .desktop-table{
    display: none;
  }
  .earnings-table-section .table td, .table th{
    padding: .8rem 1.2rem;
    font-size: 13px;
  }
  .earnings-table-section h5{
    font-size: 12px;
  }
  .mobile-shadow br{
    display: initial;
  }
  .mobile-shadow .remove-btn-padd{
    padding-top:15px;
  }
  .mobile-table{
    display: initial;
  }
  .product-filters .left-bar a{
    font-size: 14px;
  }
  ul.filters-prices li{
    font-size: 13px;
  }
}
@media (max-width: 359px) {
  .logo{
    display: none;
  }
  .mobile-logo{
    display: inherit;
  }
  .login-bg h2{
    display: none;
  }
  ul.registration-point{
    display: none;
  }
  .mobile-shadow{
    box-shadow: 0.2rem 0.2rem 1rem 0.2rem rgba(0,0,0,.15)!important;
  }
  .condition-text{
    font-size: 18px;
  }
  .notification .notification-left{
    display: none;
  }
  .notification h2{
    display: none;
  }
  .breadcrumb-custom{
    display: none;
  }
  .mibile-dropdown-menu{
    margin-bottom:25px;
  }
  .mibile-dropdown-menu .mibile-btn{
    background: #ea171f;
    background: -webkit-linear-gradient(legacy-direction(to bottom), #ea171f, #dd1c54);
    background: linear-gradient(to bottom, #ea171f, #dd1c54);
    width: 100%;
    border:0;
    border-radius:0;
    padding: .8rem 1rem;
    font-size: 1.45rem;
  }
  .mibile-dropdown-menu .mibile-btn:hover{
    border:0;
  }
  .mibile-dropdown-menu .mibile-btn:focus{
    border:0;
    box-shadow:none;
  }
  .mibile-dropdown-menu .dropdown-icon{
    margin-left: 10px;
    font-size: 30px;
    vertical-align: middle;
  }
  .mibile-dropdown-menu .multi-collapse{
    background-color:#fff;
    padding: 20px 20px;
  }
  .mibile-dropdown-menu .multi-collapse ul{
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .mibile-dropdown-menu .multi-collapse ul a{
    font-size: 18px;
    color: #737373;
    padding: 12px 0;
    display:block;
  }
  .add-offers-padd{
    padding: 30px 5px;
  }
  .large-blue-btn{
    font-size: 20px;
    padding: .9rem 2.2rem;
  }
  .large-green-btn{
    font-size: 20px;
    padding: .9rem 2.1rem;
  }
  .view-banner-icon{
    font-size: 12px;
    margin-top: 32px;
  }
  .mobile-shadow .text-right{
    text-align: left !important;
  }
  .my-account-padd .amount{
    text-align: left;
  }
  .white-box-padd{
    text-align: center;
  }
  .white-box-padd h5{
    padding:10px 0;
  }
  .info-icon{
    margin:10px 0;
  }
  .white-box-padd .red-text{
    text-align: center;
  }
  .notification-right-middle-section{
    padding: 20px 15px;
  }
  .notification-right-middle-section h4{
    font-size: 20px;
    padding: 8px 0 0 0;
  }
  .icon-width{
    max-width: 21.333333%;
    padding-bottom: 15px;
  }
  .notification .text-right{
    text-align: center !important;
    margin-bottom:15px;
  }
  .white-box-padd .free-text{
    text-align: center;
  }
  .notification-right ul li a{
    padding: .6rem 1.5rem;
    font-size: 15px;
  }
  .product-detail-text-area{
    background-color:#fff;
    padding: 25px 20px;
  }
  .product-detail-section .product-detail-text-area h1{
    font-size: 22px;
  }
  ul.product-detail-links li{
    font-size: 15px;
    padding: 0 8px;
  }
  .icon-padd{
    font-size: 14px !important;
  }
  .edit-btn{
    position:inherit;
  }
  .vendor-profile-right ul li a{
    padding: 0.4rem 1rem;
    font-size: 14px;
  }
  .popular-categories .carousel-heading .heading-border .line-border{
    border:0;
  }
  .home-carousel-section .carousel-heading .heading-border .line-border{
    border:0;
  }
  .login-banner{
    display: none;
  }
  .login-popup .popup-right-login-section{
    padding: 2rem 1.5rem 0 1rem;
  }
  .desktop-table{
    display: none;
  }
  .earnings-table-section .table td, .table th{
    padding: .8rem 1.5rem;
  }
  .earnings-table-section h5{
    font-size: 18px;
  }
  .mobile-shadow br{
    display: initial;
  }
  .mobile-shadow .icon-mobile-width{
    flex: 0 0 5.333333%;
    max-width: 14.333333%;
  }
  .mobile-shadow .text-mobile-width{
    flex: 0 0 85.666667%;
    max-width: 85.666667%;
  }
  .notification-right-middle-section .exclamation-icon{
    font-size: 28px;
  }
  .notification-right-middle-section h5{
    font-size:16px;
  }
  .mobile-table{
    display: initial;
  }
}