@import "icon-font.css";
@import "../Webfonts-Riffic/Web-Fonts/riffic-style.css";
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
/* logged-banner */
.logged-banner{
    background: var(--clr-sec);
    color: var(--clr-light);
    text-align: center;
    padding: 7px 20px;
}
.logged-blk{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; 
    flex-wrap: wrap;
}
.logged-blk .login-btn.links-nav a{
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border: 1px solid var(--clr-light);
    padding: 0 10px;
    width: 100%;
}
.logged-banner .logged-title{
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
}
.post-authour ul {
    display: flex;
    align-items: center;
}
.post-authour ul li {
    color: #585858;
    font-size: 13px;
    font-weight: 300;
    margin-right: 28px;
    display: inline-flex;
    align-items: center;
}
.post-authour ul li:last-child {
    margin-right: 0px;
}
.post-authour ul li i {
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
}
.blog-page {
    padding: 40px 0;
}
.blog-box {
    background-color: #fff;
    display: flex;
    border: 1px solid #d6d6d6;
    flex-wrap: wrap;
    box-shadow: 0px 3px 56px rgb(0 0 0 / 6%);
    transition: all 0.4s ease;
    height: 100%;
}
.blog-box:hover {
    transform: translateY(-4px);
}
.blog-box figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-box a:hover .fig-blog-detail h4 {
    color: #69bd31;
}
.fig-blog-detail {
    padding: 16px 24px 26px;
}
.fig-blog-detail h4 {
    margin: 0;
    color: #333333;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.4s ease;
}
.fig-blog-detail h4 a {
    color: inherit;
}
.fig-blog-detail p {
    color: #231f20;
    font-size: 15px;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.fig-blog-detail p span {
    color: #231f20;
}
.btn-prim {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    background-color: #1d62af;
    padding: 0 24px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.4s ease;
}
.btn-prim:hover {
    filter: brightness(115%);
    color: #ffffff;
}
.cs-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 12px;
}
.cs-pagination a {
    color: #666666;
    font-size: 19px;
    padding: 0 10px;
}
.cs-pagination span.active {
    font-size: 19px;
    padding: 0 10px;
    background-color: var(--clr-sec);
    color: #fff;
    font-weight: 500;
    margin: 0 5px;
    border-radius: 4px;
}
.flex-row {
    display: flex;
    flex-wrap: wrap;
}
.cs-pagination a.hidden {
    display: none;
}
.right-blog-ui {
    flex: 0 0 25%;
}
.search-widget form {
    display: flex;
    width: 100%;
}
.breadcrumb-ui ul li {
    padding-right: 28px;
    position: relative;
}
.breadcrumb-ui ul li:before {
    content: "";
    position: absolute;
    right: 12px;
    top: 7px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #1d1c1e;
    border-right: 1px solid #1d1c1e;
    transform: rotate(45deg);
}
section.page-block .breadcrumbcat {
    padding: 20px 15px 10px;
    margin: 0px auto;
}
.breadcrumb-ui ul li a,
.breadcrumb-ui ul li span {
    color: #1d1c1e;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}
.breadcrumb-ui ul {
    display: flex;
    flex-wrap: wrap;
}
.breadcrumb-ui {
    margin-bottom: 15px;
}
.blog-page .right-blog-ui .recent-post input.form-control {
    padding-right: 102px;
}
.recent-post.mb-30 input.form-control {
    box-shadow: none;
    height: 42px;
    font-size: 13px;
}
.detail-blog .post-img {
    margin-bottom: 0 !important;
}
.post-img {
    padding-top: 20px;
}
section.blog-page.gray-bg .blogprevnext a i {
    margin: 0px 6px;
}
.recent-post {
    background: #fff;
    box-shadow: 0px 3px 56px rgb(144 144 144 / 8%);
    border: 1px solid #d6d6d6;
}
section.blog-page.gray-bg .blogprevnext a {
    border: 1px solid;
    padding: 7px 10px;
    margin: 0px 10px;
    border-radius: 5px;
}
a {
    background-color: transparent;
    color: var(--clr-pri);
    text-decoration: none;
}
section.blog-page.gray-bg .blogprevnext {
    display: flex;
    justify-content: center;
    margin: 30px 0px;
}
.header-title.sm-header-title {
    border-bottom: 2px solid #cfcfcf;
    padding-bottom: 2px;
    margin-bottom: 26px;
}
.header-title {
    border-bottom: 3px solid #cfcfcf;
    margin: 0 0 22px;
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
}
section.blog-page.gray-bg .blogprevnext {
    display: flex;
    justify-content: center;
    margin: 30px 0px;
}
section.blog-page.gray-bg .blogprevnext a i {
    margin: 0px 6px;
}
section.blog-page.gray-bg .blogprevnext a {
    border: 1px solid;
    padding: 7px 10px;
    margin: 0px 10px;
    border-radius: 5px;
}
section.blog-page.gray-bg .blogprevnext span{
    padding: 9px 10px;
    margin: 0px 10px;
    border-radius: 5px;
    background-color: #d6d6d6;
    border: none;
    opacity: 0.8;
}
.blog-user-comment .comment-media {
    float: left;
    margin-right: 5px;
}
.blog-user-comment img.comment-img {
    max-width: 100%;
    border-radius: 50%;
    padding: 4px;
    height: 38px;
}
ul.comment-list.replybox li.comment {
    border-bottom: 1px dotted;
    margin-bottom: 15px;
}
.blog-user-comment .comment span.date {
    color: #ff9c00;
}
ul.comment-list.replybox {
    margin: 17px 0px 17px 55px;
}
.comment-body {
    margin-bottom: 15px;
}
.comment-body .who-said {
    font-size: 15px;
    font-weight: 500;
}
.comment-list .what-said,
.comment-list .comment-reply {
    font-size: 13px;
    padding: 5px 0px 0px 50px;
}
.blog-user-comment .comment-media {
    float: left;
    margin-right: 5px;
}
.blog-user-comment img.comment-img {
    max-width: 100%;
    border-radius: 50%;
    padding: 4px;
    height: 38px;
}
ul.comment-list.replybox li.comment {
    border-bottom: 1px dotted;
    margin-bottom: 15px;
}
.blog-user-comment .comment span.date {
    color: #ff9c00;
}
ul.comment-list.replybox {
    margin: 17px 0px 17px 55px;
}
.comment-body {
    margin-bottom: 15px;
}
.comment-body .who-said {
    font-size: 15px;
    font-weight: 500;
}
.comment-list .what-said,
.comment-list .comment-reply {
    font-size: 13px;
    padding: 5px 0px 0px 50px;
}
.blog-user-comment {
    box-shadow: 0 2px 5px #d7d7d7;
    border: 1px solid #d7d7d7;
    padding: 15px 10px;
    margin: 25px 0px;
}
.blog-user-comment h3:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #bf2025;
    bottom: -11px;
    left: 0px;
}
.blog-user-comment h3 {
    color: #bf2025;
    font-size: 15px;
    width: fit-content;
    position: relative;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.blog-comment-session .col-6.mob-fluid {
    margin-bottom: 0px;
}
.form-group.attachment-modal-ui label.attahment-btn.btn-dark.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 10px 25px;
    background: transparent;
    color: #333333;
}
.recent-post.mb-30 form {
    margin: 22px 15px;
    position: relative;
}
.recent-post.mb-30 button.btn.btn-primary {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 100%;
    padding: 0 8px;
    border: none;
    font-size: 13px;
    border-radius: 0 5px 5px 0;
}
.recent-post.mb-30 input.form-control {
    box-shadow: none;
    height: 42px;
    font-size: 13px;
}
.search-widget button.btn-primary {
    border-radius: 0 5px 5px 0px;
}
.blog-box figure {
    max-width: 46%;
    width: 100%;
    padding-right: 22px;
}
.blog-box .fig-blog-detail {
    max-width: 54%;
    padding: 10px 17px 15px 0px;
}
.post-authour p a {
    color: #000;
}
.post-authour p {
    display: inline-block;
    padding: 10px 0px;
    width: 100%;
    font-size: 14px;
    color: #575757;
    margin: 0;
}
.blog-page.gray-bg .blog-list.tab-fluid {
    flex: 0 0 75%;
    max-width: 75%;
}
.detail-blog .post-img {
    margin-bottom: 12px;
}
.detail-blog .post-authour a {
    color: #bf2025;
}
.modal-body.ui-from-block {
    padding-top: 26px;
}
.modal-body {
    padding: 16px 20px;
}
.form-sm-fields .header-title.sm-header-title h3 {
    /* font-size: 14px; */
    font-size: 30px;
    line-height: 33px;
    padding-top: 0;
    padding-bottom: 16px !important;
    text-transform: initial !important;
    color: #333;
}
.group-form-space .form-sm-fields .header-title {
    border-bottom: 1px solid #ececec;
}
.header-title.sm-header-title h3 {
    font-size: 16px;
    padding: 12px 0;
}
.header-title h3 {
    color: #bf2025;
    display: inline-block;
    vertical-align: top;
    font-size: 21px;
    text-transform: uppercase;
    position: relative;
    border-bottom: none;
    line-height: normal;
    margin: 0;
}
.blog-comment-session .col-6.mob-fluid {
    margin-bottom: 0px;
}
.row.sm-pad [class*="col-"] {
    padding: 0 10px;
}
.blog-list .col-6 {
    margin-bottom: 30px;
    flex: 0 0 100%;
    max-width: 100%;
}
.blog-page.gray-bg .blog-list.tab-fluid {
    flex: 0 0 75%;
    max-width: 75%;
}
.mb-30 {
    margin-bottom: 30px;
}

.recent-post.mb-30 form {
    margin: 22px 15px;
    position: relative;
}
.recent-post.mb-30 button.btn.btn-primary {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 100%;
    padding: 0 8px;
    border: none;
    font-size: 13px;
    border-radius: 0 5px 5px 0;
}
.cs-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 12px;
}
.cs-pagination span,
.cs-pagination a {
    padding: 8px 20px !important;
    font-size: 16px;
    color: #000;
}
.cs-pagination span {
    opacity: 0.6;
}
.blog-detail {
    margin: 10px 0 10px 0px;
    color: #2f2f2f;
    font-size: 15px;
    line-height: 1.9;
}
.search-widget {
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 3px 56px rgb(144 144 144 / 8%);
    margin-bottom: 24px;
    border: 1px solid rgb(236 236 236 / 65%);
}
.search-widget button {
    width: 90px;
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: normal;
    border-radius: 0px;
    border: none;
    transition: all 0.4s ease;
}
.search-widget input[type="text"] {
    width: calc(100% - 80px);
    background-color: #fff;
    border-radius: 0;
    color: #28262b;
    font-size: 14px;
    padding: 2px 16px;
    height: 44px;
    border: none;
}
.recent-post {
    background: #fff;
    box-shadow: 0px 3px 56px rgb(144 144 144 / 8%);
    border: 1px solid #d6d6d6;
}
.recent-post h4 {
    padding: 16px 20px;
    margin: 0px;
    color: #28262b;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid rgb(112 112 112 / 20%);
}
.recent-post ul {
    list-style: none;
    padding: 18px 20px;
    margin: 0;
}
.recent-post ul li {
    margin: 0 0 12px 0;
}
.recent-post ul li a {
    color: #666666;
    font-size: 14px;
    transition: all 0.4s ease;
}
.recent-post ul li a:hover {
    color: #000000;
}
.recent-post .btn-cs-ui {
    padding: 0 20px 20px 20px;
}
.blog-detail {
    margin: 10px 0 10px 0px;
    color: #2f2f2f;
    font-size: 15px;
    line-height: 1.9;
}
.blog-detail h2 {
    color: #28262b;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 30px;
}
.blog-detail img {
    max-width: 100%;
}
.blog-detail p {
    margin: 10px 0 10px 0px;
    color: #2f2f2f;
    font-size: 15px;
    line-height: 1.9;
}
.blog-detail p a,
.blog-detail li a {
    color: #d014d0;
}
.blog-detail li {
    color: #2f2f2f;
    font-size: 15px;
    margin-bottom: 8px;
    white-space: normal !important;
}
.comment-block-blog {
    border-top: 1px solid #dedede;
    margin-top: 20px;
    padding-top: 30px;
}
.comment-block-blog h4 {
    margin: 0 0 20px;
    color: #28262b;
    font-size: 28px;
    font-weight: 700;
}
.fieldset-block .textfield {
    width: 100%;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    background-color: #fff !important;
    font-size: 16px;
    height: 52px;
    padding: 0 20px;
}
.fieldset-block textarea.textfield {
    height: 156px;
    padding-top: 14px;
    padding-bottom: 14px;
}
.blog-fields-ui a.btn-prim {
    height: 50px;
    line-height: 50px;
    min-width: 202px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
}
.blog-fields-ui .btn-cs-ui {
    padding-top: 22px;
}
.related-blogs {
    background-color: #ffffff;
}
.related-blogs h2 {
    margin: 0;
    color: #28262b;
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 700;
}
.related-blogs {
    background-color: #ffffff;
    padding: 50px 0;
}
.related-blogs,
.related-blogs * {
    box-sizing: border-box;
}
.blog-list .col-6 {
    margin-bottom: 30px;
    flex: 0 0 100%;
    max-width: 100%;
}
.blog-detail ul {
    list-style: disc;
    padding-left: 30px;
    margin: 20px 0;
}
.blog-detail ol {
    list-style: decimal;
    padding-left: 30px;
    margin: 20px 0;
}
.head-blog {
    display: block;
    margin-bottom: 30px;
}
.head-blog h1 {
    font-size: 30px;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #ececec;
}
.post-img {
    padding-top: 20px;
}
.post-img img {
    max-width: 100%;
}
.blog-detail h3 {
    color: #231f20 !important;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 30px;
}
.blog-detail h4 {
    color: #28262b;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 30px;
}
.blog-detail strong {
    font-weight: 700;
} /* Content pages */
.content-pages {
    padding: 30px 0;
}
.content-ui-block p {
    margin: 10px 0 22px 0px;
    color: #2f2f2f;
    font-size: 15px;
    line-height: 1.8;
}
.content-ui-block h4 {
    color: #d014d0;
    font-size: 18px;
    font-weight: 600;
    margin: 12px 0 8px 0px;
} /*Contact us*/
.contact-page {
    padding: 60px 0;
}
.contact-us-block {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 20px 20px 20px;
    align-items: flex-start;
    border-radius: 4px;
    box-shadow: 0px 6px 16px 0 rgb(0 0 0 / 4%);
}
.left-contact {
    flex: 0 0 468px;
    max-width: 468px;
    padding: 30px 26px;
    background: #6e236d;
    border-radius: 8px;
}
.left-contact h1 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 14px;
}
.left-contact ul.list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0;
    color: #ffffff;
    border-bottom: 1px solid #ffffff1f;
    padding: 14px 0;
}
.left-contact ul.list li:first-child {
    padding-top: 0px;
}
.left-contact ul.list li i {
    flex: 0 0 40px;
    max-width: 40px;
    font-size: 24px;
    margin-top: -1px;
}
.contact-us-block .left-contact ul.list li i.fas.fa-map-marker-alt {
    margin-top: 5px;
}
.left-contact ul li:last-child {
    border-bottom: none;
}
.info-content a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
}
.info-content address {
    margin-bottom: 0px;
}
.info-content {
    font-size: 14px;
}
.info-content p {
    font-size: 12px;
    margin: 0 0 6px 0;
}
.info-content p:last-child {
    margin-bottom: 0px;
}
.content-dis-info {
    padding-top: 10px;
    color: #e0e0e0;
    font-size: 12px;
    font-weight: 300;
}
.content-dis-info p {
    margin-bottom: 10px;
}
.content-dis-info a {
    font-weight: 600;
    color: #69bd31;
    border-bottom: 1px solid;
}
.content-dis-info h6 {
    font-size: 14px;
    margin-top: 20px;
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
}
.content-dis-info ul {
    list-style: disc;
    padding-left: 20px;
}
.content-dis-info ul li {
    margin-bottom: 5px;
}
.block-form-contact {
    flex: 0 0 calc(100% - 468px);
    max-width: calc(100% - 468px);
    padding: 18px 30px 30px 50px;
}
.block-form-contact h4 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 22px;
}
.block-quilty-control {
    text-align: center;
    font-size: 13px;
    max-width: 740px;
    font-style: italic;
    margin: 20px auto 0;
    color: #505050;
}
.block-quilty-control p {
    margin-bottom: 0px;
} /*Discount offer*/
.discount-offer {
    padding: 30px 0;
}
.discount-shipping {
    width: 100%;
    text-align: center;
    border: 2px solid #00bd00;
    padding: 54px 20px 20px 20px;
    position: relative;
    margin-top: 50px;
    z-index: 1;
    border-radius: 4px;
}
.flat-title {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    text-align: center;
}
.discount-shipping h3 {
    font-size: 46px;
    color: #d013d0;
    font-family: Inter, sans-serif;
    font-weight: 900;
    line-height: normal;
    margin: 0;
    text-transform: uppercase;
}
.discount-shipping h5 {
    font-size: 74px;
    line-height: 70px;
    font-weight: 900;
    text-transform: uppercase;
    color: #00bd00;
}
.discount-shipping h5 sup {
    font-size: 38px;
    top: -27px;
    height: 3px;
    border-bottom: 6px solid #00bd00;
    left: 5px;
}
.ship-note {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2.5px;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    max-width: 449px;
    margin: 22px auto 40px;
}
.truck-img img {
    max-width: 100%;
}
.box-hassle-discount {
    width: 562px;
    height: 357px;
    background-image: url(../images/discount-bg.png);
    background-repeat: no-repeat;
    position: relative;
    padding: 74px 0 0 64px;
    margin-left: auto;
    margin-right: auto;
}
.box-hassle-discount label {
    position: relative;
    left: 110px;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 800;
    font-family: inter;
    letter-spacing: 2px;
    display: block;
}
.hassle-text {
    padding-top: 28px;
    display: inline-block;
    clear: both;
    text-align: center;
    font-weight: 500;
    margin-left: 6px;
    padding-bottom: 28px;
}
.hassle-text span {
    font-size: 33px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 15px;
    display: inline-block;
    padding-left: 14px;
}
.hassle-text h6 {
    font-size: 53px;
    color: #fff;
    text-transform: uppercase;
    line-height: 32px;
    margin: 0px;
}
.up-discount {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    left: -2px;
    line-height: 37px;
}
.discount-offer .card-ui-block {
    padding: 30px 30px;
    overflow: hidden;
}
.covid-info {
    color: var(--clr-sec);
    padding-top: 18px;
    font-weight: 600;
    padding: 10px 20px;
    border: 1px solid #eaeaea;
    background: #fff4ff;
    text-align: left;
    margin-top: 18px;
    border-radius: 5px;
    font-size: 15px;
}
.search-widget button.btn-primary {
    border-radius: 0 5px 5px 0px;
}
.media-inqueries-banner {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    position: relative;
    background: url(/assets/images/media-inquries-bg.png);
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    background-color: #bf2025;
}
.media-inqueries-banner-content {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 25px;
    width: 100%;
}
.media-inqueries-banner .banner-mail-icon {
    margin-right: 25px;
}
.blog-box figure {
    max-width: 46%;
    width: 100%;
    padding-right: 22px;
}
.blog-box {
    background-color: #fff;
    display: flex;
    border: 1px solid #d6d6d6;
    flex-wrap: wrap;
    box-shadow: 0px 3px 56px rgb(0 0 0 / 6%);
    transition: all 0.4s ease;
    height: 100%;
}
.blog-box .fig-blog-detail {
    max-width: 54%;
    padding: 10px 17px 15px 0px;
}
.fig-blog-detail {
    padding: 16px 24px 26px;
}
.blog-list .short-blog-content {
    color: #231f20;
    font-size: 15px;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-list .short-blog-content span{
    font-family: "Poppins", sans-serif !important;
}
/*flip css*/
div#cat-banner-sale-cntdwn {
    padding-top: 5px;
}
.cust_inner {
    background: #000;
    border-radius: 50px;
    overflow: hidden;
    display: inline-block;
    max-width: 680px;
    position: relative;
    width: 100%;
    vertical-align: top;
}
.hideDiv {
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    transition: all ease-in-out 0.6s;
    -moz-transition: all ease-in-out 0.6s;
    -webkit-transition: all ease-in-out 0.6s;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 42px;
}
.today_fini {
    position: relative;
    text-align: center;
    min-height: 40px;
    width: calc(100% - 405px);
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
.show-div {
    top: 0;
    bottom: 0;
    min-height: 100%;
}
.img_cust-new > figure img {
    display: block;
}
.today_fini p {
    font-size: 15px;
    margin-bottom: 0;
    color: #fff;
}
.detals_shop {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 118px;
}
.detals_shop a,
.btnCampaignLink a {
    background-color: var(--clr-pri);
    border-radius: 50px;
    color: #fff !important;
    display: inline-block;
    font-size: 13px;
    height: 33px;
    line-height: 34px;
    padding: 0 16px;
    position: relative;
    text-transform: uppercase;
    width: auto;
}
a.yellow-banner-close {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 40px;
}
.cust_inner h3 {
    margin-inline: auto;
}
.foot_close img {
    display: block;
    margin: auto;
}
.cust_inner a {
    text-decoration: none !important;
}
.new_footer {
    bottom: 5px;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1000;
    width: 680px;
    margin: auto;
}
.today_fini h3 a {
    font-size: 18px;
    color: #d014d0;
    text-transform: uppercase;
}
.foot_close {
    color: #fff;
    width: 59px;
    z-index: 20;
}
.img_cust-new > figure {
    position: relative;
    width: 100%;
    height: 50px;
}
.img_cust-new > figure a {
    height: 100%;
    display: block;
}
.img_cust-new > figure a img {
    height: 100%;
    width: 100%;
}
.img_cust-new {
    float: none;
    width: 232px;
    display: inline-block;
    vertical-align: middle;
    max-height: 50px;
    height: 100%;
}
.showmobil {
    display: none;
}
.cat-sale-timmer p,
.cat-sale-timmer .flipcounter {
    display: inline-block;
    vertical-align: middle;
}
#flip_counter_btm .card {
    border: unset;
    background-color: unset;
    word-wrap: unset;
    min-width: unset;
    flex-direction: unset;
}
.cell-feild img.fig {
    position: absolute;
    top: 17px;
    margin: auto;
    left: 15px;
}
.cell-feild input#cell {
    padding-left: 45px;
}
.cell-feild {
    margin-bottom: 10px;
}
.cell-feild label {
    padding-left: 35px;
}
.new-privacy-block {
    padding: 0px;
}
.fieldset-form.cell-feild.is-completed label {
    padding: 0px 5px;
}
.login-felid-outer {
    width: 100%;
    padding: 15px 10px;
    background: #f5f5f5;
    margin-bottom: 22px;
}
.cell-feild label#cell-error {
    background: transparent;
}
.flip-clock {
    text-align: center;
    -webkit-perspective: 400px;
    perspective: 400px;
    margin: 0;
}
.today_fini p {
    font-size: 15px;
    margin-bottom: 0;
    color: #fff;
}

/*flip css*/
.bannermain .owl-theme .owl-controls .owl-buttons div,
.adsallreview-slider .owl-theme .owl-controls .owl-buttons div {
    display: inline-block;
    border-radius: 30px;
    opacity: 0.5;
    background-color: #a2a2a2f5 !important;
    font-size: 0px !important;
    margin: 0px;
}
.bannermain .owl-theme .owl-controls .owl-buttons .owl-prev,
.adsallreview-slider .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0px;
}
.bannermain .owl-theme .owl-controls .owl-buttons .owl-next,
.adsallreview-slider .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0px;
    transform: rotate(180deg);
}
.bannermain .owl-controls {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
    margin: 0px;
}
.head-home-block {
    padding-top: 25px;
}
/* .bannermain {margin:25px 0px;} */
.bannermain .owl-theme .owl-controls .owl-buttons div,
.adsallreview-slider .owl-theme .owl-controls .owl-buttons div {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    background-image: url(../images/arrow-white.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: rgb(105, 189, 40) !important;
    font-size: 11px !important;
    margin: auto !important;
    color: transparent !important;
    background-size: 10px !important;
    opacity: 1;
}
.bannermain .owl-theme .owl-controls .owl-buttons div,
.adsallreview-slider .owl-theme .owl-controls .owl-buttons div {
    display: inline-block;
    border-radius: 30px;
    opacity: 0.5;
    background-color: #a2a2a2f5 !important;
    font-size: 0px !important;
    margin: 0px;
}
.bannermain .owl-theme .owl-controls .owl-buttons .owl-prev,
.adsallreview-slider .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0px;
}
.bannermain .owl-theme .owl-controls .owl-buttons .owl-next,
.adsallreview-slider .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0px;
    transform: rotate(180deg);
}
.bannermain .owl-controls {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
    margin: 0px;
}
.head-home-block {
    padding-top: 25px;
}
#custom-store-slider .owl-item .item .image-store {
    padding: 0;
    border: none;
    overflow: inherit;
    height: 100%;
}
/* .bannermain {margin:25px 0px;} */
.bannermain a img {
    width: 100%;
}
.show {
    display: block !important;
}
.mobile-show {
    display: none;
}
label.custom-checkbox-ui-v1 input[type="checkbox"]:checked ~ span:after {
    visibility: visible;
    opacity: 1;
}
.product-item .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 1.2s;
}
.product-item .prdtitem-info .action {
    flex: 1;
}
.product-item .action .btn {
    line-height: 1;
    font-size: 13px;
    padding: 7px 10px;
    margin-right: 5px;
}
.product-item .action a.moreinfo {
    font-size: 13px;
}
.prodshipreturn ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 15px;
    border-radius: 5px;
    gap: 15px;
}
.breadcrumbcat {
    font-size: 14px;
    text-transform: uppercase;
    color: #1d1c1e;
}
.breadcrumbcat ul {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
}
.breadcrumbcat a:last-child {
    color: #9e9e9e;
}
.breadcrumbcat ul li a {
    transition: all 0.4s ease;
}
.breadcrumbcat a:last-child {
    color: #9e9e9e;
}
.left-header h1.title,
.left-header h2.title {
    max-width: 100%;
    font-size: 27px;
    color: #c73c40;
    font-weight: 900;
    line-height: 50px;
}
.page-contet.cat-header {
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
}
.prodshipreturn ul li {
    background: #fff;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    line-height: 1;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
}
.prodshipreturn ul li i {
    font-style: normal;
    font-weight: 600;
    color: var(--clr-sec);
    font-size: 16px;
    margin: 0 0 7px;
    display: inline-block;
}
.breadcrumbcat ul li:after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    display: inline-block;
    transform: rotate(-45deg);
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 1px;
}
.page-contet.cat-header {
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
}
.common-inner-header {
    margin: 10px;
}
.itemsdatainfo .products-header {
    margin: 10px;
}
label.custom-checkbox-ui-v1 {
    width: auto;
    font-size: 14px !important;
    color: #000;
    padding: 5px 0 8px 30px;
    cursor: pointer;
    position: initial;
    font-weight: 400;
    margin-bottom: 0px;
    text-transform: inherit;
    pointer-events: inherit;
    opacity: 1;
}
label.custom-checkbox-ui-v1 span:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 13px;
    width: 9px;
    height: 5px;
    border-left: 2px solid #484848;
    border-bottom: 2px solid #484848;
    transform: rotate(-45deg);
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease;
}
ul.home-check-link a:after {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #343232;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px;
}
.explore-block
    label.custom-checkbox-ui-v1
    input[type="checkbox"]:checked
    ~ span:before {
    background-color: var(--clr-pri);
    border-color: var(--clr-pri);
}
label.custom-checkbox-ui-v1 input {
    position: absolute;
    left: 0;
    visibility: hidden;
}
label.custom-checkbox-ui-v1 span:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 7px;
    width: 19px;
    height: 19px;
    border: 2px solid #87898b;
    border-radius: 2px;
}

label.custom-checkbox-ui-v1 span:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 13px;
    width: 9px;
    height: 5px;
    border-left: 2px solid #484848;
    border-bottom: 2px solid #484848;
    transform: rotate(-45deg);
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease;
}

.searchcatitems {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.searchcatitems .product-item-list {
    width: 20%;
    flex: 0 0 20%;
    padding: 0 5px;
    margin-bottom: 10px;
}
.product-item.adscheap-prod {
    border: 1px solid #bf2025;
}
.product-item {
    position: relative;
    text-align: left;
    width: auto;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
    height: 100%;
}
.product-item .mainimg {
    position: relative;
}
.product-item .img {
    height: 260px;
    width: 100%;
    line-height: 1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}
.product-item .img a {
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.product-item .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 1.2s;
}
.product-item .prdtitem-info {
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    min-height: calc(100% - 260px);
    display: flex;
    flex-direction: column;
    width: 100%;
}
.adscheap-pickup {
    z-index: 9;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    left: 8px;
    top: 8px;
    position: absolute;
}
.ads-cheap {
    display: inline-block;
    cursor: pointer;
}
.adscheap-pickup {
    z-index: 9;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    left: 8px;
    top: 8px;
    position: absolute;
}
.product-item .adscheap-pickup img {
    height: 17px;
    max-height: unset;
    width: auto;
    max-width: 100%;
}
.product-item .name {
    line-height: 1;
    margin-top: 10px;
}
.prd-favticon:hover {
    background: #f7f7f8;
    cursor: pointer;
}
.prd-favticon img {
    filter: invert(1);
}
.prd-favticon {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px #ddd;
    border-radius: 50px;
    background: #e9e9e9;
    line-height: 1;
    position: absolute;
    top: 15px;
    right: 10px;
    z-index: 9;
}
.product-item .cat-swatches {
    position: relative;
    width: 100%;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;

}
ul.product_swatch,
ul.productswatch {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.product_swatch li.active,
ul.productswatch li.active {
    border: 2px solid #69bd28;
}
.product-item .product_swatch li,
.product-item ul.productswatch li {
    margin-bottom: 0;
}
.product-item .product_swatch li span {
    font-size: 1px;
    color: transparent;
}
.product-item .product_swatch li span {
    font-size: 1px;
    color: transparent;
}
/* .product_swatch li, ul.productswatch li {
    border: 1px solid #ebebeb;
    display: inline-flex;
    flex-wrap: wrap;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    width: 21px;
    cursor: pointer;
    position: relative;
    margin-right: 5px;
    height: 21px;
    border-radius: 50px;
    transform: rotate(25deg);
    font-size: 14px;
} */
/* .product_swatch li.active:before, ul.productswatch li.active:before {
    z-index: 1;
    opacity: 0.8;
    transform: rotate(-20deg);
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../images/check.png);
    position: absolute;
    display: block;
    margin: auto;
    left: 0px;
    background-size: 62% 62%;
    background-repeat: no-repeat;
    background-position: center;
} */

.product_swatch li span,
ul.productswatch li span {
    width: 100%;
    height: 100%;
}
.product-item .name a {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    color: #656565;
    font-weight: 500;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-item .sku {
    margin: 0px;
    line-height: 1.2;
    font-size: 13px;
}
.product-item .rating-brand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 10px 0px 0;
}
.product-item .price .aslow {
    line-height: 1;
    display: block;
    margin-bottom: 7px;
}
.order-selling-points p {
    color: #5aa774;
}
.ship-icon {
    background-image: url(/assets/images/tick-icon.svg);
    
    background-size: 12px;
    background-repeat: no-repeat;
    padding-left: 17px;
    background-position: left center;
}
.prod_price {
    color: #bf2025;
    font-size: 25px;
    line-height: 1;
    font-weight: bold;
    display: block;
}
span.adsfreeship {
    font-size: 13px;
    margin: 0 0 5px;
    line-height: 1;
    padding: 7px;
    display: block;
    background: var(--clr-sec);
    color: #fff;
    max-width: fit-content;
    border-radius: 5px;
}
.price-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0px 10px;
}
.price-section .coupan-popup,
.price-section .price {
    margin-right: 0px;
}
.product-item .price .aslow {
    line-height: 1;
    display: block;
    margin-bottom: 0px;
}
.product-item .brand-section {
    max-width: 80px;
    height: 58px;
}
.product-item .brand-section img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product-item .total-rating a {
    line-height: 1;
    display: flex;
    align-items: center;
    color: #000;
    font-weight: 500;
    margin: 10px 0px 0px;
}
/** baaner section **/
.bannermain.homepage-banner .container-fluid {
    padding: 0;
}
.homepage-banner .banner-ui {
    padding: 0;
}
.banner-ui {
    padding-top: 19.2%;
    position: relative;
    border-radius: 0 0 10px 10px;
}
.banner-loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    padding-top: 10px;
}
.banner-loader::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 500%;
    margin-left: -250%;
    -webkit-animation: phAnimation 1s linear infinite;
    animation: phAnimation 1s linear infinite;
    background: linear-gradient(
            to right,
            rgb(255 255 255 / 0%) 46%,
            rgb(255 255 255 / 55%) 50%,
            rgb(255 255 255 / 0%) 54%
        )
        50% 50%;
}
#owl_sale_banner .owl-item{
    padding: 0;
}
.homepage-banner .banner-ui .box-loader {
    padding-top: 11.6%;
}
.box-loader {
    background: #f1f1f1;
    height: calc(100% - 40px);
    width: 100%;
    margin: 0 12px;
    position: relative;
}
.homepage-banner div#dynsalebanner,
.homepage-banner div#dynsalebanner1 {
    position: relative;
    z-index: 2;
}
div#dynsalebanner,
div#dynsalebanner1 {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.latest-banner {
    border-radius: 0;
    overflow: hidden;
}
.bannermain a img {
    width: 100%;
}
/** cashcredit */
.mnly-bnscredit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 15px;
    background: #fff;
}

.mnly-bnscredit h6 {
    color: var(--clr-sec);
}

.about-storecredit span {
    font-size: 16px;
    font-weight: 600;
}

.about-storecredit span b {
    color: var(--clr-pri);
    font-size: 21px;
}

.cashcredit {
    display: flex;
    margin: 0px -5px;
}

.cashcredit .mnly-bnscredit {
    box-shadow: 0 1px 10px 0px rgb(0 0 0 / 10%);
    margin: 0px 5px 15px;
}

/*header start*/
header.main-header {
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 101;
}

.attachment-modal-ui .upload-modal-ui {
    display: flex;
    align-items: center;
}

.form-group.attachment-modal-ui label.attahment-btn.btn-dark.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 10px 25px;
    background: transparent;
    color: #333333;
}

label.attahment-btn input {
    display: none;
}

.attahment-btn .fa-plus {
    margin-right: 3px;
}

.upload-modal-ui i {
    font-size: 12px;
}

.attachment-modal-ui .upload-modal-ui span#prevname:empty {
    border: none;
}

.upload-modal-ui label.attahment-btn {
    margin-left: 0;
}

label.attahment-btn {
    padding: 0px 12px;
    margin: 0 12px;
    font-size: 14px;
    background-color: #000;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    height: 38px;
    line-height: 36px;
}

.attachment-modal-ui .upload-modal-ui span#prevname {
    font-size: 13px;
    display: inline-block;
    border: 1px solid #d6d6d6;
    padding: 6px 18px;
    border-radius: 5px;
    position: relative;
    margin-top: 5px;
}

.attachment-modal-ui .attachedfiles ul li {
    margin: 0 10px 10px 0;
}

.attachedfiles li {
    position: relative;
    font-size: 12px;
    color: #000000;
    padding: 6px 35px 6px 12px;
    display: inline-block;
    background-color: #f5f5f5;
    border-radius: 4px;
    margin: 0 0 10px 10px;
}

.attachedfiles {
    padding: 14px 0 0 0;
}

.customize-cart div.block-loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgb(255 255 255 / 85%);
    z-index: 2;
}

.searchBoxform .ss-ac-container {
    margin: auto !important;
    padding: 0 !important;
    max-height: 483px;
    overflow: auto !important;
    min-height: 30px;
    position: relative;
}

.ss_prdinnr.overlay {
    position: relative;
    overflow: hidden;
}

.ss_prdinnr.overlay:after {
    width: 100%;
    height: 100%;
    content: "";
    background: #504f4f36;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/assets/images/loader.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.ss_prdinnr_mob.overlay {
    position: relative;
    overflow: hidden;
}

.ss_prdinnr_mob.overlay:after {
    width: 100%;
    height: 100%;
    content: "";
    background: #504f4f36;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/assets/images/loader.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.searchBoxform #ss-ac-terms {
    margin: auto !important;
    width: 100% !important;
}

.searchBoxform #ss-ac-terms ul.ss-list li a {
    cursor: pointer;
    border-top: 1px solid #eee;
    padding: 5px 20px !important;
    font-style: normal;
    color: #535353;
    outline: 0;
    font-size: 13px !important;
}

.searchBoxform .ss-ac-item-details .ss-ac-item-name {
    text-decoration: none !important;
    color: #535353 !important;
    font-weight: 500 !important;
    font-size: 12px;
}

.searchBoxform .ss-ac-item-details .ss-ac-item-price {
    display: none;
}

.searchBoxform .ss-ac-item-details {
    display: inline-block;
    width: calc(100% - 55px) !important;
    vertical-align: middle;
    padding-left: 10px;
}

.searchBoxform .ss-ac-item-image {
    display: inline-block;
    width: 47px !important;
    height: 47px !important;
    margin: auto !important;
    vertical-align: middle;
}

.searchBoxform #ss-ac-facets {
    width: 100% !important;
    padding: 0 !important;
    order: 2;
    display: none;
}

.searchBoxform #ss-ac-results .ss-ac-item-container .ss-ac-item:hover {
    background: #f3f3f3;
}

.searchBoxform div#ss-ac-ss_category,
.searchBoxform div#ss-ac-manufacturer {
    display: none !important;
}

.searchBoxform #ss-ac-facets .ss-ac-facet-container .ss-list .ss-list-option {
    margin-bottom: 0 !important;
    width: calc(100% / 3) !important;
    display: inline-block;
    vertical-align: top;
}

.searchBoxform ul.ss-list li a {
    cursor: pointer;
    border-bottom: 1px solid #eee;
    padding: 5px 16px !important;
    font-style: normal;
    outline: 0;
    font-size: 12px !important;
    display: inline-block;
    width: 100%;
    text-decoration: none !important;
    vertical-align: top;
    color: #535353;
}

.searchBoxform .ss-targeted div#ss-ac-results .ss-title {
    background: #69bd29;
    color: #fff;
    margin: auto !important;
    padding: 7px 15px;
    font-weight: 600;
}

.searchBoxform div#ss-ac-content {
    display: flex;
    width: 100%;
    padding: 6px !important;
    flex-wrap: wrap;
}

.searchBoxform div#ss-ac-results {
    display: inline-block;
    width: 100%;
    order: 1;
    margin-bottom: 10px;
}

.searchBoxform .ss-ac-see-more-padding {
    padding: 0 !important;
    margin-top: 10px !important;
    order: 3;
    width: 100%;
}

.searchBoxform #ss-ac-results .ss-ac-item-container .ss-ac-item {
    width: 100% !important;
    border-bottom: 1px solid #f1f1f1;
    padding: 5px !important;
    margin-bottom: 0 !important;
}

.searchBoxform #ss-ac-results .ss-ac-item-container {
    margin: auto !important;
}

.searchBoxform #ss-ac-terms .ss-list .ss-list-option {
    width: 100% !important;
    margin: auto !important;
    padding: 0 !important;
}

.searchBoxform #ss-ac-terms {
    padding: 0 !important;
}

.searchBoxform #ss-ac-terms .ss-list {
    margin: auto !important;
}

.searchBoxform .ss-ac-see-more-padding a.ss-ac-see-more-link {
    background: 0;
    font-size: 12px !important;
}

.searchBoxform #ss-ac-facets .ss-ac-facet-container {
    width: 100% !important;
    border: 0 !important;
    margin: auto !important;
    padding-bottom: 0 !important;
}

.searchBoxform .ss-targeted {
    top: 44px;
}

.searchBoxform [ss-autocomplete] #ss-ac-terms .ss-list .ss-active .ss-list-link,
.searchBoxform
    [ss-autocomplete]
    #ss-ac-facets
    .ss-ac-facet-container
    .ss-active,
.searchBoxform
    [ss-autocomplete]
    #ss-ac-results
    .ss-ac-item-container
    .ss-ac-item
    .ss-focused
    .ss-ac-item-details
    .ss-ac-item-name {
    color: #69bd29;
}

.ss_prdlist .ss_prditem a {
    display: flex;
    align-items: center;
    color: #535353;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
}

.ss_prdlist ul li:first-child,
.ss_prdlist ul.ss_searchsku li.ss_prditem:first-child {
    padding-top: 0px;
    margin-top: 0px;
    border: none;
}

.ss_prdlist ul.ss_searchsku li.ss_prditem {
    padding: 12px 0px 0px;
    margin: 10px 0px 0px;
}

.ss_prdlist ul li {
    width: 100%;
    display: block;
    border-top: 1px solid #ddd;
    padding-top: 6px;
}

.searchBoxform .ss-ac-item-container {
    display: flex;
    flex-wrap: wrap;
}

.ss_prdlist ul {
    padding: 10px;
}

.ss_prdlist_mob .ss_prditem a {
    display: flex;
    align-items: center;
    color: #535353;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
}

.ss_prdlist_mob ul li:first-child,
.ss_prdlist_mob ul.ss_searchsku li.ss_prditem:first-child {
    padding-top: 0px;
    margin-top: 0px;
    border: none;
}

.ss_prdlist_mob ul.ss_searchsku li.ss_prditem {
    padding: 12px 0px 0px;
    margin: 10px 0px 0px;
}

.ss_prdlist_mob ul li {
    width: 100%;
    display: block;
    border-top: 1px solid #ddd;
    padding-top: 6px;
}

.ss_prdlist_mob ul {
    padding: 10px;
}

.ss_prdinnr h4.ss-title {
    background: var(--clr-light);
    color: var(--clr-pri);
    padding: 10px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0px;
}

.ss_prdinnr_mob h4.ss-title {
    background: var(--clr-pri);
    color: #fff;
    padding: 10px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0px;
}

.topheader {
    background: var(--clr-light);
    color: var(--clr-dark);
    width: 100%;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    padding: 10px 15px 0;
    font-size: 16px;
}

.header-flex {
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.left-header {
    flex: 1;
}

.header-flex.head-tabhide {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
}

.header-leftnav .header-flex {
    display: block;
}

.header-leftnav .header-flex li.fastpromo-logo {
    padding: 20px 0 10px 8px;
}

.header-leftnav .header-flex li.fastpromo-logo a:hover {
    color: inherit;
    border: none;
    padding: 0;
}

.header-leftnav .header-flex li.fastpromo-logo a.active {
    color: inherit;
    border: none;
    padding: 0;
}

.header-leftnav .header-flex li {
    padding: 18px 20px 6px 25px;
}

.header-leftnav .header-flex li a.active {
    color: var(--clr-sec);
    border-left: 3px solid var(--clr-sec);
    padding-left: 10px;
}

.header-leftnav .header-flex li a:hover {
    color: var(--clr-sec);
    border-left: 3px solid var(--clr-sec);
    padding-left: 10px;
}

/* .topheader .left-header {
    width: 320px;
}
.topheader .right-header {
    width: calc(100% - 320px);
} */
.topheader .mob-srchcion,
.topheader .head-tabblock {
    display: none;
}

.topheader .right-header ul {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.topheader .searchbar i {
    width: 25px;
    padding-right: 5px;
    font-size: inherit;
}

.topheader .searchbar input {
    color: var(--clr-dark);
    outline: none;
    max-width: calc(100% - 40px);
    width: 100%;
    height: 40px;
    background-color: #f5f5f5;
    border: none;
    border-radius: 5px 0 0 5px;
    padding: 0px 50px 0px 15px;
    font-size: 14px;
    box-shadow: none;
    border: 1px solid #a9a9a917;
}

button.search {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color: #bf2025;
    border: none;
    width: 40px;
    border-radius: 0 4px 4px 0;
}

button.search i {
    color: var(--clr-light);
}

.topheader li#searchBox {
    flex: 1;
}

.topheader li {
    position: relative;
    line-height: 1;
    display: inline-block;
    width: fit-content;
}

.topheader li:last-child a {
    position: relative;
}

.topheader li:first-child a {
    /* padding-left: 0; */
}

.topheader li:last-child {
    border-right: 0;
}

.header-contact i {
    margin-right: 5px;
}

.topheader a,
.topheader .searchbar {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px 15px;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    width: 100%;
}

.topheader span.badge {
    margin: 0;
    background: var(--clr-pri);
    padding: 3px 5px;
    max-width: 70px;
    overflow: hidden;
    line-height: 1;
    display: inline-flex;
    font-weight: 600;
    margin-left: 0px;
    align-items: center;
    justify-content: center;
    margin-top: -22px;
    font-size: 12px;
}

.topheader span.badge.nofavorites {
    max-width: 50px;
    overflow: hidden;
}

.dropdownitem {
    position: relative;
}

body .dropdownitem > a,
body li:last-child .dropdownitem > a {
    position: relative;
    padding-right: 11px;
}

.dropdownitem > a:after {
    height: 8px;
    width: 8px;
    border-style: solid;
    border-color: inherit;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
    display: inline-block;
    content: "";
    margin-left: 5px;
}

.dropdownitem .hvr-items {
    position: absolute;
    top: 100%;
    left: 0px;
    display: inline-block;
    z-index: 99;
    color: var(--clr-sec);
    background: #dfdfdf;
    width: 100%;
    transition: all 0.5s ease;
    transform: translateY(-5px);
    visibility: hidden;
    opacity: 0;
    margin-left: 0px;
    min-width: 150px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 5px #777575;
}

.dropdownitem:hover .hvr-items {
    transform: translateY(7px);
    visibility: visible;
    opacity: 1;
}

.dropdownitem .hvr-items li {
    display: block;
    width: 100%;
    padding: 5px 8px;
}

.dropdownitem .hvr-items li a,
.dropdownitem .hvr-items li:first-child a,
.dropdownitem .hvr-items li:last-child a {
    padding: 0;
}

.header-leftnav {
    -webkit-transition: right 0.3s ease-out;
    -moz-transition: right 0.3s ease-out;
    -ms-transition: right 0.3s ease-out;
    -o-transition: right 0.3s ease-out;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    position: fixed;
    background: var(--clr-light);
    width: 350px;
    height: 100%;
    overflow-y: auto;
    z-index: 9999999999;
    overflow-x: hidden;
    left: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transition: 0.5s;
    top: 0;
    display: none;
}


.headernavLogo {
    display: flex;
    color: #fff;
    align-items: center;
    width: 100%;
    padding: 23px 25px;
    font-size: 15px;
}

.welcometxt {
    display: flex;
    background: var(--clr-sec);
    color: #fff;
    align-items: center;
    width: 100%;
    padding: 17px 25px;
    font-size: 15px;
    font-weight: 500;
    gap: 8px;
}

.close-mobmenu {
    position: absolute;
    top: 22px;
    right: 15px;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: #c0c0c2;
    cursor: pointer;
}

.weluser {
    line-height: 1;
}

.weluser .icon-user {
    font-size: 35px;
    margin-right: 5px;
}

.username strong {
    line-height: 1.2;
    display: block;
    font-size: 18px;
    font-weight: 800;
    text-shadow: 1px 1px #000;
}

.username {
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 1.5;
    font-size: 14px;
    text-shadow: 1px 1px #000;
}

.toplogo {
    width: 140px;
}

.toplogo img {
    max-width: 140px;
    height: auto;
}

.hamburger-img {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

ul.mob-navbar > li > a,
ul.mob-navbar > li > .dropdownitem > a {
    font-size: 16px;
    font-weight: 500;
    display: block;
    padding: 10px 10px;
}

.hamburger-img img {
    max-height: 14px;
    max-width: 14px;
    filter: brightness(0) saturate(100%);
}

.bottomheader a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 18px;
    font-weight: 600;
    color: #121212;
    line-height: 1;
    font-size: 15px;
}

.bottomheader .dropdownitem > a:after {
    width: 6px;
    height: 6px;
}

/* .bottomheader .main-nav li:first-child a {
    padding-left: 0;
} */
/* new submenu */

.bottomheader .main-nav li.has-submenu a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
    margin-top: -7px;
    margin-left: 9px;
}
.bottomheader .main-nav li.has-submenu .promo-nav li a:after {
    display: none;
}
ul.main-nav > li > a:hover {
    background-color: #1f69bb;
    color: #fff;
}
ul.main-nav li.has-submenu:hover ul.cat-list-nav {
    display: block;
}
ul.cat-list-nav {
    position: absolute;
    top: 44px;
    left: 4px;
    width: 260px;
    background-color: #000;
    transition: all 0.4sease;
    display: none;
}
ul.cat-list-nav > li {
    border-bottom: 1px solid #3c3c3c;
    position: initial;
}

ul.cat-list-nav > li > a {
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    padding: 10px 10px;
    display: inline-block;
    width: 100%;
    position: relative;
    transition: all 0.4sease;
}
ul.cat-list-nav > li:hover > a {
    background-color: #2f2f2f;
}

ul.cat-list-nav.promo-nav .dropdown {
    width: calc(100% - 0px);
    padding: 5px 0px;
}

ul.cat-list-nav.promo-nav ul.custom-nav {
    display: block;
    width: 100%;
}

ul.custom-nav li:hover {
    background-color: #f9f9f9;
}
ul.cat-list-nav.promo-nav .dropdown ul.custom-nav li a {
    padding: 7px 8px !important;
    width: 100%;
    font-size: 15px;
    align-items: flex-start !important;
}
ul.cat-list-nav.promo-nav .dropdown ul.custom-nav li a:hover {
    color: #3f4041;
    background: transparent !important;
}
.dropdown ul.custom-nav li a {
    padding: 8px 8px;
    width: 100%;
}

/* .bottomheader .main-nav li:last-child a {
    padding-right: 0;
} */
.topheader .searchbar input::placeholder {
    color: #272626 !important;
    opacity: 1;
}

.topheader .searchbar input:-ms-input-placeholder {
    /* color: #eeebeb !important; */
    opacity: 0.7;
}

.topheader .searchbar input::-ms-input-placeholder {
    /* color: #eeebeb !important; */
    opacity: 0.7;
}
.topheader .searchbar {
    padding: 0;
    display: block;
}

.mobmnuoverlay {
    position: fixed;
    z-index: 101;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.3;
    display: none;
}

.mobmnuoverlay.show {
    display: block;
}

.homecat-banner.owl-carousel .owl-item img {
    height: 300px;
    object-fit: cover;
}

.homecat-banner.owl-carousel .owl-nav button.owl-prev {
    left: 20px;
}

.homecat-banner.owl-carousel .owl-nav button.owl-next {
    right: 20px;
}

.homecat-banner.owl-carousel .owl-item {
    padding: 0;
}

.ss_prdinnr {
    overflow: auto;
    max-height: 400px;
}

.ss_prdinnr_mob {
    overflow: auto;
    max-height: 400px;
}

.ss_prdlist {
    position: absolute;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 5px #000;
    border-radius: 0 0 2px 2px;
    overflow: hidden;
    right: 334px;
    color: #000;
    width: 590px !important;
    top: 47px;
    z-index: 1;
}

.ss_prdlist .ss_prditem a {
    display: flex;
    align-items: center;
    color: #535353;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
}

.ss_prdlist_mob {
    position: absolute;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 5px #000;
    border-radius: 0 0 2px 2px;
    overflow: hidden;
    right: 0;
    color: #000;
    width: calc(100% - 18px);
    top: 40px;
}

.ss_prdlist_mob .ss_prditem a {
    display: flex;
    align-items: center;
    color: #535353;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
}

.topheader .right-header ul li.ss_prditem a,
.topheader .right-header ul li.ss_prditem a:hover {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.ss_prditem a .ss_prdimg {
    width: 55px;
    padding-right: 10px;
}

.topheader li.ss_prditem {
    width: 100%;
    /* border-bottom: 1px solid #ddd; */
    padding-bottom: 6px;
}

.topheader li.ss_prditem:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.ss_prdlist h4.ss-title {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
}

.ss_prdlist_mob h4.ss-title {
    font-size: 15px;
    color: white !important;
    text-transform: uppercase;
    font-weight: 600;
}

.ss_prditem a .ss_prddtl {
    width: calc(100% - 55px);
    font-size: 14px;
    line-height: 1;
    display: block;
}

.ss_prditem a .ss_prddtl p {
    font-size: 13px;
    font-weight: 500;
    margin: 0 0 3px;
    line-height: 1;
}

.ss_prditem a .ss_prddtl p.ss_sku {
    font-weight: 600;
    margin: 0;
    display: block;
    line-height: 1;
}

/*footer page css*/
footer.footer-main {
    background: var(--clr-light-dark);
    color: #ededed;
    font-weight: 300;
}

footer .footer-card {
    /* padding-top: 30px; */
    padding-bottom: 15px;
}

footer.footer-main ul li {
    margin-bottom: 7px;
    display: block;
    width: 100%;
    font-weight: 300;
    line-height: 1.7;
    font-size: 14px;
}

footer.footer-main .footer-text ul li:first-child {
    margin-bottom: 20px;
}

footer.footer-main ul li:last-child {
    margin-bottom: 0px;
}

.footer-logo img {
    max-width: 200px;
}

.footer-openlogoup {
    display: none;
    padding: 15px 10px;
}

.footer-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}

.footer-text {
    width: calc(100% - 22%);
    padding: 0px 10px;
}

.footer-links {
    width: 16.66%;
    padding: 0px 10px;
}

.footer-links.common-link {
    width: 25%;
}

.footer-links a:hover {
    color: var(--clr-sec);
}

.footer-links .end-link {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.footer-links .end-link li:first-child,
.footer-links .end-link li:nth-child(2) {
    width: 120px;
}

.footer-links .end-link li:nth-child(3),
.footer-links .end-link li:nth-child(4) {
    width: 60px;
}

.footer-main h5.f-title {
    font-size: 20px;
    color: #ededed;
    margin-bottom: 15px;
    display: block;
}

.block-copyright {
    text-align: center;
    padding-top: 20px;
    font-size: 14px;
}

.block-copyright p:last-child {
    margin-bottom: 0;
}
.prd-favticon.active {
    background: var(--clr-pri);
    color: #fff;
}
/*footer css end */
/*homepage css start*/
.homecat-typeinr .item img {
    width: 100%;
    max-height: 270px;
    border-radius: 5px;
    object-fit: contain;
}

.homecat-typeinr-mob .item img {
    width: 100%;
    max-height: 270px;
    border-radius: 5px;
    object-fit: contain;
}

.homecat-typeinr .item a {
    display: block;
    padding: 0px;
    border-radius: 5px;
    position: relative;
    width: fit-content;
    margin: auto;
}

.homecat-typeinr-mob .item a {
    display: block;
    padding: 0px;
    border-radius: 5px;
    position: relative;
    width: fit-content;
    margin: 10px auto;
}

.homecat-typeinr.owl-carousel .owl-item {
    padding: 0px 12px;
}

.homecat-typeinr-mob.owl-carousel .owl-item {
    padding: 0px 12px;
}

.homecat-typeinr .item a span {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    text-align: center;
    justify-content: center;
    line-height: 1.2;
    font-family: "riffic";
    color: #fff;
    text-shadow: 1px 1px #000;
}

.homecat-typeinr-mob .item a span {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    text-align: center;
    justify-content: center;
    line-height: 1.2;
    font-family: "riffic";
    color: #fff;
    text-shadow: 1px 1px #000;
}

.homecat-typeinr .item a span.smtext {
    font-size: 35px;
}

.homecat-typeinr-mob .item a span.smtext {
    font-size: 35px;
}

.fstpromo-container .owl-carousel .owl-stage-outer {
    overflow: visible;
}
.fstpromo-container.home-slider-container .owl-carousel .owl-stage-outer {
    overflow: hidden;
}

.fstpromo-container .owl-carousel .owl-stage-outer .item.product-item-list {
    height: 100%;
}

.fstprmo-platform,
.homecat-type,
.fstpromo-tiertype,
.multpleship-block,
.trendingprdt,
.fstpromo-distribution,
.testmonial-block {
    padding: 50px 0px;
    background-color: #ffffff;
}
.latest-custom-logo {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}
.custom-brand-left {
    flex: 1;
}
.latest-custom-logo img {
    position: absolute;
    left: 13px;
    top: 4px;
    max-width: 110px;
}
.custom-brand-left h5 {
    font-size: 33px;
    color: #050505;
    text-transform: uppercase;
    font-weight: 700;
}
.custom-brand-left h5 a.link {
    color: #bf2025;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 1px solid;
    margin-left: 7px;
}
.custom-brand-left h6 {
    font-size: 15px;
    color: #040303;
    text-transform: none;
    position: relative;
    margin: 0;
    font-weight: 400;
}
.store-shipping-ui-block {
    position: relative;
    padding: 9px 22px;
    top: -8px;
    background-color: #bf2025;
    display: flex;
    justify-content: center;
    border-radius: 6px;
    max-width: 455px;
    overflow: hidden;
}
.store-shipping-ui-block:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0px;
    width: 195px;
    height: 100%;
    background: #1d62af;
    clip-path: polygon(20px 0, 100% 0, 100% 100%, 0% 100%);
    z-index: 1;
}
.ship-store-custom {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}
.priceoffstore {
    display: inline-flex;
    align-items: center;
}
.percentage-store label {
    color: #ffffff;
    font-size: 47px;
    font-family: "Bebas Neue", cursive;
    line-height: 50px;
    display: inline-block;
    padding-top: 5px;
    padding-right: 4px;
    margin-bottom: 0;
}
.priceoffstore {
    display: inline-flex;
    align-items: center;
}
.ship-store-custom figure img {
    position: relative;
    top: -4px;
    left: -2px;
}
.blockoffspcial span {
    display: block;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 20px;
    font-weight: 700;
}
.blockoffspcial small {
    display: block;
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
    font-family: "Bebas Neue", cursive;
}
#custom-store-slider .owl-item .item a {
    background: #fff;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 27%);
    overflow: hidden;
    border-radius: 7px;
    /* height: 214px; */
    height: 174px;
}
#custom-store-slider .owl-item .item a img {
    height: 100%;
    width: 100%;
    display: block;
}
#custom-store-slider .owl-item .item {
    border-radius: 3px;
    position: relative;
    background: transparent;
    margin: 4px 2px;
    text-align: center;
}
#custom-store-slider .owl-item .item .storename {
    font-size: 15px;
    padding: 4px 12px;
    color: #000000;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 12px;
}
.image-store {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 180px;
    width: 100%;
    padding: 20px;
    border: 1px solid #ccc; /* Optional for visual clarity */
    overflow: hidden; /* Ensures the image doesn't overflow the container */
    position: relative; /* Allows better control if needed */
}
.owl-carousel.custom-store-slider .owl-item {
    padding: 0;
    margin-right: 20px;
}
.image-store img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Ensures the image scales properly without distortion */
    padding: 5px;
}
.latest-custom-logo {
    padding-left: 150px !important;
    padding-bottom: 12px;
    margin-bottom: 0;
    position: relative;
}
.percentage-store {
    display: inline-flex;
    align-items: center;
}
.disc-order h3 {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    max-width: 130px;
    font-family: "Bebas Neue", cursive;
    letter-spacing: 1.4px;
}
.disc-order {
    padding: 0 10px;
}
.disc-order span {
    white-space: nowrap;
    text-transform: uppercase;
    color: #fff;
    font-family: "Bebas Neue", cursive;
}
.truck-flat-figure {
    background-image: url(/assets/images/flat-shipping-truck.svg);
    background-size: auto;
    background-repeat: no-repeat;
    max-width: 147px;
    padding: 2px 34px 10px 13px;
    display: inline-flex;
    align-items: center;
    margin-left: 30px;
}
.truck-flat-figure span {
    color: #ffffff;
    font-size: 24px;
    font-family: "Bebas Neue", cursive;
}
.truck-flat-figure label {
    color: #ffffff;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    padding-left: 4px;
    font-family: "Bebas Neue", cursive;
    letter-spacing: 0.4px;
    font-weight: 400;
    margin: 0px;
}
.truck-flat-figure label small {
    font-size: inherit;
    letter-spacing: 1.4px;
}
.homepage-section {
    color: #7a7a7a;
    overflow: hidden;
}

.homepage-section h2 {
    font-size: 36px;
    padding-bottom: 20px;
    display: block;
    margin: 0;
    font-weight: 700;
    font-family: "riffic";
    line-height: 1.3;
    color: #7a7a7a;
}

/* related order proof */
.related-proof{
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 15px;
   height: auto;
}

.fstprmo-platform h1 {
    font-size: 45px;
    margin-bottom: 4px;
    color: var(--clr-sec);
    font-family: "riffic";
    letter-spacing: 0.9px;
    font-weight: 700;
    line-height: 1.3;
}

.fstprmo-platform h1 span {
    color: var(--clr-pri);
}

.fstprmo-platform p {
    font-size: 22px;
    max-width: 790px;
    line-height: 1.3;
    font-weight: 400;
    margin: 0;
}

.rbox-shdow {
    box-shadow: 0 0 5px #ddd;
    overflow: hidden;
}

.box-shdow {
    box-shadow: 0 0 5px #ddd;
    background-color: #fff;
    overflow: hidden;
    word-wrap: break-word;
}

.boxshdow-body {
    padding: 20px;
}
.boxshdow-body .proof_logo .details p strong {
    min-width: 150px;
}
.boxshdow-body .proof_logo .details p.proof_deatils {
    display: flex;
}
.boxshdow-body .proof_logo .details .proof_deatils span{
    word-break: break-all;
}
.box-shdow .box-title {
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 0;
}

.border-none {
    border: none !important;
}
.box-shdow .box-title.bold {
    font-weight: 700 !important;
}

.fstpromo-tiertype .rbox-shdow {
    height: 100%;
    border-radius: 5px;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
}

.fstpromo-tiertype .rbox-shdow span {
    background: #fff;
    color: #000;
    font-size: 15px;
    padding: 7px 15px;
    font-weight: 600;
    border-radius: 36px;
    display: block;
    width: fit-content;
    line-height: 1.3;
}

.fstpromo-tiertype .rbox-shdow.slow-tier span {
    background-color: var(--clr-pri);
    color: #fff;
    font-weight: 400;
}

.fstpromo-tiertype .slow-tier {
    font-weight: 500;
    position: relative;
    background-color: #f1f2f2;
}

.fstpromo-tiertype .fast-tier {
    background-color: var(--clr-pri);
    color: #fff;
    position: relative;
}

.fstpromo-tiertype .fastest-tier {
    background-color: var(--clr-sec);
    color: #fff;
    position: relative;
}

.shipping_icon {
    height: 145px;
}

.fstpromo-tiertype h4 {
    font-size: 40px;
    font-family: "riffic";
    font-weight: 600;
    line-height: 1;
    margin-bottom: 12px;
    display: block;
    width: 100%;
}

.float-right {
    float: right;
}

.set-sqr {
    border-radius: 0px !important;
    transform: none !important;
}

.multpleship-innr .row {
    align-items: center;
}

.multpleship-innr.rbox-shdow {
    padding: 30px 30px 0px 0px;
}

.homeship-map {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px -15px;
}

.homeship-map .right-block {
    width: 550px;
    padding: 0px 15px 15px;
}

.fstpromo-tiertype .rbox-shdow figcaption {
    position: absolute;
    bottom: 40px;
    left: 15px;
    z-index: 1;
}

.fstpromo-tiertype .rbox-shdow figure {
    position: relative;
}

.fstpromo-tiertype .rbox-shdow figure img {
    max-width: 100%;
    height: 180px;
}

.homeship-map .left-block {
    width: calc(100% - 550px);
    padding: 0px 15px;
}

.multpleship-innr .right-block h4 {
    font-size: 60px;
    font-weight: 600;
    font-family: "riffic";
    line-height: 1.2;
    display: block;
    text-transform: uppercase;
    margin-bottom: 0;
}

.multpleship-innr .right-block p {
    font-size: 22px;
    line-height: 1.4;
    margin: 20px 0px;
    display: block;
    font-weight: 500;
    max-width: 456px;
}

.multpleship-innr .btn {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    padding: 10px 33px;
}

.disbution-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.disbution-info .left-block {
    padding-right: 15px;
    width: calc(100% - 140px);
}

.disbution-info .right-block {
    width: 140px;
    text-align: right;
}

.disbution-info p {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
}

.homepage-section .disbution-info h2 {
    padding-bottom: 4px;
}

.disbution-box.rbox-shdow {
    height: 100%;
    display: block;
    padding: 15px 30px;
    border-radius: 9px;
    background-color: var(--clr-light);
}

.disbution-box img {
    height: 90px;
    width: 90px;
    object-fit: contain;
    margin-block-start: 15px;
}

.disbution-box p {
    font-size: 19px;
    color: #121212;
    display: block;
    line-height: 1.5;
    margin: 0px;
    font-weight: 600;
    width: calc(100% - 40px);
    padding-block-start: 15px;
    padding-block-end: 8px;
}

.testmonial-block span.tml-topcomma {
    position: absolute;
    left: 0;
    top: 0;
}

.testmonial-block span.tml-bottomcomma {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: rotate(180deg);
}

.testmonial-block span.tml-topcomma img,
.testmonial-block span.tml-bottomcomma img {
    max-width: 80px;
    max-height: 80px;
    object-fit: contain;
}

.testmonial-block .item {
    text-align: center;
    max-width: 1000px;
    margin: auto;
}

.testmonial-block .item p {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3;
}

.testmonial-block .item b {
    font-size: 19px;
    color: var(--clr-pri);
    font-weight: 600;
}

.testmonial-block .container {
    position: relative;
}

.topheader a:hover {
    background-color: #f2f2f2;
    opacity: 0.8;
}
.topheader .toplogo:hover {
    background-color: transparent;
}

.error_message {
    color: red;
}

/*homepage css end*/
/* swatch css */
ul.prdt-swatch {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

ul.prdt-swatchdet {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.swatchitem {
    line-height: 1;
    margin-right: 0px;
    margin-bottom: 6px;
    width: 21px;
    height: 21px;
    padding: 2px;
}

/* .subswatches.prdt-swatch .swatchitem {
    width: 21px;
    height: 21px;
    margin-right: 3px;
    margin-bottom: 3px;
} */

.swatchitem a {
    width: 100%;
    height: 100%;
    margin: 0;
    display: inline-block;
    position: relative;
}

.swatchitem a label,
.swatchitem a .swatch-label {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    /* transform: rotate(26deg); */
    border: 1px solid #ddd;
    cursor: pointer;
}

.swatchitem a label span,
.swatchitem a .swatch-label span {
    width: 100%;
    height: 100%;
    display: block;
}

.swatchitem.active {
    border: 1px solid var(--clr-sec);
    border-radius: 5px;
    padding: 3px;
    box-shadow: 0 0 3px var(--clr-sec) inset;
}

ul.subswatches.prdt-swatch {
    position: absolute;
    width: 100%;
    background: #e3e3e3;
    box-shadow: 0 0 5px #ddd;
    z-index: 99;
    padding: 5px 3px 0px 6px;
    max-width: fit-content;
    right: 0px;
    margin: 0px 5px;
    border-radius: 5px;
    transition: all 0.5s ease;
    transform: translateY(-5px);
    visibility: hidden;
    opacity: 0;
    overflow: auto;
    top: 100%;
    max-height: 0;
}

.cat-swatches .showswatch:hover + .subswatches,
.cat-swatches ul.subswatches:hover {
    max-width: 100%;
    transform: translateY(0px);
    padding: 5px 3px 1px 3px;
    display: flex;
    flex-wrap: wrap;
    max-height: 75px;
    overflow: auto;
    opacity: 1;
    visibility: visible;
}

.cat-swatches {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
}
.default-height-asdhga{
    height: 40px;
}
.cat-swatches .prdt-swatch:first-child li {
    margin-bottom: 0;
}

.cat-swatches .prdt-swatch {
    width: fit-content;
}

span.showswatch {
    color: var(--clr-pri);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    cursor: pointer;
    padding-right: 0;
}

/* swatch css end*/
/* SLIDER CSS */
.product-item.dsktop-item {
    display: block;
}

.product-item {
    padding: 10px;
    position: relative;
    overflow: unset;
    box-shadow: 0 0 5px #ddd;
    border-radius: 10px;
    background-color: #fff;
    transition: 1s;
    height: 100%;
    /* display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start; */
}
.prd-upper-details {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.prdt-name {
    display: block;
    line-height: 1;
    margin: 7px 0px;
    overflow: hidden;
    /* white-space: nowrap; */
    width: 100%;
    text-overflow: ellipsis;
}

.prdt-name a {
    letter-spacing: 0.6px;
    word-break: break-all;
    font-size: 17px;
    color: #000;
    font-weight: 500;
    line-height: 1.2;
    transition: 0.5s;
    /* font-family: "riffic"; */
    font-family:"Poppins", sans-serif !important;
}
.prdt-name .text-truncated-by2-asdbadsb{
    display: -webkit-box !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
}
.prdt-price {
    font-weight: 500;
    font-size: 15px;
    display: block;
    line-height: 1;
    color: #000;
}

.prdt-price span {
    color: var(--clr-sec);
    font-weight: 600;
    font-size: 20px;
}

.favourite-sku {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    position: relative;
}

.prdt-sku {
    font-weight: 500;
    font-size: 15px;
    margin-right: 5px;
    word-wrap: break-word;
    width: calc(100% - 30px);
    line-height: 1.3;
    color: #242424;
}

.addfavourite i {
    font-weight: 700;
    color: inherit;
    font-size: inherit;
}

.addfavourite {
    position: absolute;
    top: 0px;
    right: 0px;
    line-height: 1;
    background: #dfdfdf;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    box-shadow: 0 0 5px #a9a9a9;
}

.addfavourite a {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 13px;
}

.addfavourite.active a {
    color: #fff;
}

.addfavourite.active {
    background-color: var(--clr-pri);
}

figure.prdt-img {
    height: 340px;
    width: 100%;
    margin: 10px 0px;
    overflow: hidden;
}

figure.prdt-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    transition: 1s;
    position: relative;
    z-index: 2;
    transform: scale(0.9);
}

.item.product-item-list:hover figure.prdt-img img,
.item.product-item:hover figure.prdt-img img {
    transform: scale(1.1);
    transition: 1s;
}

.btnaction {
    margin: 10px 0px 0px;
}

.btnaction .addtocard {
    margin-right: 7px;
    font-size: 16px;
}

.btnaction .moreinfo {
    font-size: 14px;
    font-weight: 600;
    color: #454545;
    display: inline-block;
    line-height: 1;
}

.mininmum-qtybox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

span.minimum-qty {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    line-height: 1;
}

span.minimum-qty b {
    color: var(--clr-pri);
    font-weight: 700;
}

.mininmum-qtybox .btnaction {
    margin: 0;
    display: flex;
    align-items: center;
}

.main_image {
    border: 1px solid #ddd;
    position: relative;
    background: #fff;
}

.main_image .realatedimg {
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: flex;
    flex-wrap: wrap;
    z-index: 1;
}

.main-login {
    padding: 15px;
}

.chkmth-inr {
    box-shadow: 0 0 5px #ddd;
    background: #f7f7f7;
    margin: 0 0 15px;
    border-radius: 5px;
    padding: 15px;
    overflow: hidden;
    height: 100%;
}

a.forgotlinks {
    position: absolute;
    top: 33px;
    right: 7px;
    font-size: 11px;
    font-weight: 600;
    color: var(--clr-pri);
    border: 1px solid var(--clr-pri);
    display: inline-block;
    padding: 4px 4px;
    border-radius: 5px;
    line-height: 1;
}

.chkmth-inr h4.title {
    display: block;
    font-size: 17px;
    line-height: 1.3;
    background: #6e6e6e;
    padding: 10px 10px;
    margin: -15px -15px 15px;
    color: #fff;
    font-weight: 400;
}

.main_image .realatedimg li {
    width: 50px;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.main_image .realatedimg li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cat-sku-rating {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}

.cat-prdtclr label {
    font-size: 15px;
    font-weight: 500;
    margin-right: 13px;
    margin-top: 10px;
}

.cat-prdtclr label span {
    font-weight: 600;
}

.cat-prdtclr label:last-child {
    margin-right: 0;
}

.cat-prdtsize {
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0px;
}

.main_image .addfavourite {
    top: 6px;
    right: 6px;
}

.cat-prdtsize label.fluid-label,
.cat-prdtqty label.fluid-label {
    width: fit-content;
    margin-right: 5px;
    font-weight: 500;
}

.cat-prdtsize .sizes span {
    border: 1px solid #ddd;
    padding: 3px 10px;
    display: inline-block;
    line-height: 1;
    margin-right: 5px;
}

.cat-prdtsize .sizes span.active {
    background: var(--clr-sec);
    color: #fff;
    border-color: var(--clr-sec);
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
}

.cat-prdtqty {
    display: flex;
    margin: 15px 0px;
}

.cat-prdtqty .qtybox {
    font-size: 14px;
    font-weight: 500;
}

.cat-prdtqty .qtybox label.price {
    font-weight: 600;
    font-size: 17px;
    color: var(--clr-pri);
    line-height: 1.3;
}

.cat-prdtqty span.prst-sprice {
    display: none;
}

.cat-prdtqty input.qntyinput {
    border: 1px solid #ddd;
    font-size: 14px;
    text-align: center;
    padding: 2px 5px;
    width: 100%;
    margin-top: 5px;
}

.catbtn .atcModel {
    display: block;
    width: 100%;
    max-width: 320px;
    font-size: 18px;
    padding: 15px 10px;
    text-transform: uppercase;
}

.modal-moreinfo {
    margin-top: 10px;
}

.modal-moreinfo a {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: var(--clr-sec);
}

/* SLIDER CSS END */
.realtedprdt {
    padding: 75px 0px 155px;
    overflow: hidden;
}

.realtedprdt h4 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--clr-sec);
}

.page-error {
    padding: 50px 20px 80px 20px;
}

.page-error .error-inr {
    background: #fff;
    max-width: 600px;
    padding: 35px 10px;
    margin: auto;
    text-align: center;
    border-radius: 5px;
}

.page-error h3.text-uppercase {
    font-size: 26px;
    margin: 26px 0px;
    display: block;
}

.login-myaccount {
    width: 100%;
}

.login-myaccount .container {
    width: 100%;
    max-width: 600px;
}

.message-block .container {
    width: 100%;
    max-width: 600px;
}

.login-page {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    margin: 35px 0px 80px 0;
}

.message-block .card-ui-block {
    padding: 40px 40px;
    background-color: #fff;
    max-width: 470px;
    margin: 70px auto;
    border-radius: 6px;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 7%);
    border: 1px solid #f1f1f1;
    width: 90%;
    text-align: center;
    background-color: #f9f9f9;
    position: relative;
}
.card-ui-block .alert-info {
    position: relative;
}
.card-ui-block .alert-info button.close {
    position: absolute;
    right: 7px;
    top: 0;
    background: transparent !important;
    border: none !important;
}
.card-ui-block .alert-info button.close p {
    font-size: 25px !important;
}
.login-page .head-block-login {
    text-align: center;
}

.login-page .head-block-login h1,
.message-block h1 {
    font-size: 28px;
    margin-bottom: 10px;
}
.custom-conatiner {
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
}
#loginAccount {
    background-color: #fff;
    text-align: center;
    width: 100%;
    padding: 50px;
    border-radius: 3px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 1, 0.23);
}
#loginAccount .btn i{
    margin-inline-end: 8px !important;
}
.alpha-col {
    border-right: 1px solid #a8a8a8;
    float: left;
}
.alpha-col {
    width: calc(100% / 2 - 3px);
    display: inline-block;
    vertical-align: top;
}
.myaccountLogin {
    max-width: 404px;
    margin: 0 auto;
}
.beta-col {
    text-align: center;
    width: 50%;
}
#loginAccount .header {
    border-bottom: transparent;
    margin: 0px;
}
#loginAccount .createNewAccount {
    margin: 0 0 15px;
}
.myaccountLogin .form-group .form-label{
    text-align: left;
}
.createNewAccount > p {
    color: #000;
    float: none;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 30px !important;
    max-width: 313px;
    margin: auto;
}
.beta-col .create-account-button {
    float: none !important;
    margin: auto;
    width: 70%;
}
#loginAccount .btn {
    width: 100%;
    background-color: #1072ba;
    border: 1px solid #1072ba;
    height: 45px;
    font-weight: 400;
    transition: all 0.4s ease;
    font-size: 16px;
    border-radius: 4px;
    padding: 0 16px;
    line-height: 40px;
}

.beta-col .btn {
    border: 1px solid #0a93ca;
    border-radius: 2px !important;
    width: 100%;
    color: #fff !important;
}

.message-block {
    text-align: center;
}

.message-block figure {
    width: 90px;
    height: 90px;
    display: flex;
    margin: 0 auto;
    background-color: #1d62af0f;
    color: #1d62af;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    box-shadow: 0px 6px 8px 0 rgb(128 121 115 / 2%);
    margin-bottom: 20px;
    padding: 15px;
}

.message-block .button-1 {
    display: inline-block;
    height: 45px;
    font-weight: 400;
    transition: all 0.4s ease;
    font-size: 16px;
    border-radius: 4px;
    padding: 0 16px;
    line-height: 40px;
}

.message-block .button-2 {
    display: inline-block;
    margin-top: 15px;
}

.clrpri {
    color: var(--clr-pri);
}

.clrsec {
    color: var(--clr-sec);
}

/* shipaddress modal */
#shipaddress.modal .modal-dialog .modal-content .modal-body {
    padding: 10px;
    height: calc(90vh - 105px);
    overflow-y: auto;
    overflow-x: hidden;
}

/* banner */
.mobile_banner {
    display: none;
}

/* .login-btn {
    margin: 20px 0px 0px;
} */
.login-btn .btn {
    width: 100%;
    max-width: 300px;
    margin: auto;
    display: block;
    padding: 12px 5px;
    font-size: 20px;
    text-transform: uppercase;
}

.or-option span {
    border: 2px solid var(--clr-pri);
    color: var(--clr-pri);
    max-width: 37px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    margin: auto;
    width: 100%;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.or-option {
    text-align: center;
    position: relative;
    margin: 32px 0px;
}

.or-option:after {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--clr-pri);
    position: absolute;
    left: 0;
    top: 17px;
    z-index: 0;
}

.newaccount-block {
    display: flex;
    align-items: center;
    justify-content: center;
}

.newaccount-block span {
    margin-right: 5px;
}

.create-new_account .btn {
    color: var(--clr-sec);
    font-weight: 400;
    font-size: 15px;
    border: 1px solid var(--clr-sec);
    line-height: 1;
    padding: 6px 6px;
    border-radius: 5px;
}

.create-new_account .btn:hover,
.password .form-label a.forgotlink:hover {
    background: var(--clr-pri);
    border: 1px solid var(--clr-pri);
    color: #fff;
}

.form-group.password .form-label {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.password .form-label a.forgotlink {
    font-size: 13px;
    color: var(--clr-pri);
    display: inline-block;
    line-height: 1;
    border: 1px solid var(--clr-pri);
    padding: 3px 5px;
    border-radius: 5px;
}

.sub-modal-heading {
    font-size: 15px;
    line-height: 1.3;
    display: block;
    margin-bottom: 15px;
    font-weight: 600;
}

.signinform {
    padding: 30px 0px 80px 0;
}

.sign-card {
    background: #fff;
    padding: 20px;
}

.signinform h1 {
    font-size: 18px;
    margin: -20px -20px 15px;
    background: var(--clr-pri);
    padding: 10px;
    font-weight: 600;
    color: #fff;
}

.sign-card h4 {
    font-size: 18px;
    color: var(--clr-pri);
    display: inline-block;
    border-bottom: 2px solid var(--clr-pri);
    padding: 0px 15px 3px 0px;
    font-weight: 500;
    margin-bottom: 20px;
}

/* thankyou page */
.thankyou-page {
    padding: 40px 0px 80px 0;
}

table.thankyou-prdtdtl {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0 1em;
}

body address {
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.6;
    font-size: inherit;
}

.thankyou-page .finalstep .box-shdow {
    padding: 50px;
    border-radius: 10px;
}

.thankyou-page .finalstep .box-inner {
    padding: 10px 10px 10px;
    border: 2px solid #e6e6e6;
    border-radius: 10px;
}

.thankyou-page .finalstep ul.box-inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.thankyou-page .finalstep img {
    max-height: 130px;
    object-fit: contain;
}

.thankyou-page .finalstep h1 {
    font-size: 45px;
    font-weight: 700;
    display: block;
    text-align: left;
    padding: 0;
    line-height: 1.3;
    color: var(--clr-sec);
    margin: 0;
}

.thankyou-page .finalstep h2 {
    font-size: 45px;
    font-weight: 700;
    display: block;
    text-align: left;
    padding: 0;
    line-height: 1;
    color: var(--clr-pri);
    margin: 0;
}

.thankyou-page .finalstep b {
    font-size: 18px;
    font-size: 400;
    text-align: left;
    margin-top: 10px;
}

.thankyou-page .orderId-text {
    margin-top: 13px !important;
    font-size: 16px !important;
}

.thankyou-page .finalstep .thankYouText {
    flex: 1;
    width: 100%;
    max-width: 350px;
    text-align: left;
}

.thankyou-page .finalstep p {
    font-size: 13px;
    margin: 0px auto 0px;
    font-weight: 400;
    line-height: 2;
}

.border-grey {
    border-top: 2px solid #e9e9e9;
    margin-block: 30px;
}

.thankyou-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.left-thankyou {
    width: calc(100% - 350px);
    padding: 0px 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}

.right-thankyou address,
.right-thankyou li {
    font-size: 14px;
    font-weight: 500;
}

.right-thankyou {
    width: 350px;
    padding: 0px 15px;
    position: sticky;
    top: 60px;
    align-self: baseline;
}

.thankyou-prdtion {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

.thankyou-prdtion:last-child {
    border-bottom: none;
}

.thankyou-prdtion .leftopt,
.thankyou-prdtion .rightopt {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    padding: 0px 10px;
}

.thankyou-prdtion figure {
    width: 80px;
}

.thankyou-prdtion figcaption {
    width: calc(100% - 80px);
    padding-left: 15px;
}

.thankyou-page .prdoduction-dtl span {
    display: block;
    margin-top: 5px;
    line-height: 1.3;
    font-weight: 500;
}

.thankyou-page .rightopt label {
    width: 100%;
    margin-bottom: 10px;
    line-height: 1.3;
    font-weight: 700;
}

.thankyou-page .rightopt label:last-child {
    margin-bottom: 0px;
}

.thankyou-page .rightopt span {
    width: 100%;
    font-weight: 500;
    display: block;
}

.right-thankyou .box-inner {
    padding: 20px !important;
}

.thankyou-page .box-shdow {
    margin-bottom: 25px;
}

.thankyou-page .box-shdow:last-child {
    margin-bottom: 0px;
}

table.thankyou-prdtdtl thead th:first-child,
table.thankyou-prdtdtl tbody tr td:first-child {
    text-align: left;
}

table.thankyou-prdtdtl thead th {
    color: #000;
    font-weight: 400;
    border: none;
    padding: 15px 15px 0px;
    text-align: center;
}

table.thankyou-prdtdtl tbody tr {
    background-color: #f3f3f3;
}

table.thankyou-prdtdtl tbody tr td {
    background: transparent;
    padding: 15px;
    text-align: center;
    border: none;
}

table.thankyou-prdtdtl tbody tr td .text-bold {
    font-weight: 700;
}

table.thankyou-prdtdtl tbody tr td .ml-data {
    margin-left: 10px;
}
.imprintColorCode {
    line-height: 16px;
}
table tfoot tr:last-child td {
    border-bottom: 0px;
}

.thankyou-inner h5.title {
    color: var(--clr-sec);
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.right-thankyou ul.box-shdow li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-weight: 500;
    margin-bottom: 10px;
}

.right-thankyou ul.box-shdow li:last-child {
    margin-bottom: 0px;
}

.block-loader img {
    max-width: 100px;
    max-height: 100px;
    object-fit: contain;
}

.block-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #bbbbbb2e;
    z-index: 9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.block-loaders img {
    max-width: 100px;
    max-height: 100px;
    object-fit: contain;
    position: relative;
}

.block-loaders {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 600px;
    background-color: rgb(255 255 255 / 85%);
    z-index: 9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.block-loader-pay img {
    max-width: 100px;
    max-height: 100px;
    object-fit: contain;
}

.block-loader-pay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #bbbbbb2e;
    z-index: 9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.complete-order .btn {
    font-size: 19px;
    padding: 15px 10px;
    max-width: 400px;
    margin: auto;
}

.complete-order .btn[disabled] {
    background: #808080;
    color: #fff;
    border-color: #808080;
    opacity: 1;
    font-weight: 500;
}

.skeleton-loader {
    width: 100%;
    height: 20px;
    background: linear-gradient(90deg, #eeee 25%, #dedede 50%, #eeee 75%);
    background-size: 200% 100%;
    animation: loading 2s infinite ease-in-out;
    border-radius: 8px;
    margin-bottom: 20px;
}

@keyframes loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.skeleton-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.skeleton-flex span {
    width: 100px;
    margin: 0;
}

.skeleton-loader.prdt-name,
figure.skeleton-loader.prdt-img,
.prdt-skeleton ul.cat-swatches {
    margin: 10px 0px;
}

.prdt-skeleton ul.cat-swatches li {
    width: 26px;
    height: 26px;
    margin: 0px 8px 0px 0px;
    border-radius: 50px;
}

.prdt-skeleton .owl-nav {
    display: none;
}

.skeleton-flex span.favourite-skelton {
    width: 20px;
    height: 20px;
    border-radius: 50px;
}

.modal-dialog.cat-cartmodal {
    width: 100%;
    max-width: 800px;
}

.drop-logo {
    border: 1px dashed #adadad;
    border-radius: 10px;
    max-width: 100%;
    margin: 0 auto 15px;
    width: 100%;
    padding: 20px 5px;
    position: relative;
    text-align: center;
    word-break: break-all;
}
#truncate-text-drop-logo {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.upload-main input[type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 5;
    cursor: pointer;
    left: 0;
    top: 0;
    text-indent: -104px;
}

.drop-logo img {
    max-width: 35px;
}

.acnt-logolib .drop-logo h5 {
    margin: 0;
}

.drop-logo h5 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 12px;
    padding: 0 5px;
}

.drop-logo h5 span {
    font-size: 13px;
    margin-top: 7px;
    display: inline-block;
    width: 100%;
    opacity: 0.9;
}

.loader-text {
    position: absolute;
    left: 0;
    right: 0;
    background: #efefef;
    top: 0;
    bottom: 0;
    padding: 40px 10px;
    border-radius: 9px;
}

.loader-text span {
    display: block;
    margin-bottom: 10px;
}

.drop-logo img {
    max-width: 35px;
}

.upload-main p {
    font-size: 15px;
    margin: 0 0 10px;
}

.uploaded_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.form-logoupload {
    margin-bottom: 14px;
}

.acnt-logolib .upload-main p {
    font-size: 14px;
}

.acnt-logolib .drop-logo {
    padding: 10px 5px;
}

div.dsktop-srchcion {
    display: none !important;
}

/* new-block-homepage */
.categories-block {
    padding: 20px 0 45px;
    width: 100%;
    background: var(--clr-light);
}
.homepage-section .categories-block {
    padding: 20px 0 60px;
}
.categories-block .homecat-row {
    display: flex;
    margin: 0px -10px;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}
.categories-block .homecat-row.data-text-grid {
    margin: 0;
    flex-wrap: nowrap;
}
.categories-block .home-catblock {
    width: 20%;
    padding: 0px 10px;
}

.categories-block .home-catblock a.box-category-home figure {
    width: 100%;
    height: 190px;
    border: 1px solid #cecece;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 7px;
    transition: all 0.4s ease;
    overflow: hidden;
}

.categories-block .home-catblock a.box-category-home figure img {
    max-width: 90%;
    transition: all 0.4s ease;
    max-height: 90%;
}

.categories-block .home-catblock .box-category-home figcaption {
    text-align: center;
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    transition: all 0.4s ease;
    /* font-weight: 500; */
}

.featured-brand {
    padding: 30px 0 0;
    display: inline-block;
    text-align: center;
    width: 100%;
    background-color: var(--clr-light);
}

.featured-brand .heading-brand {
    text-align: center;
    position: relative;
    z-index: 3;
}

.featured-brand .heading-brand h4 {
    margin: 0 0 10px;
    text-align: center;
    /* color: var(--clr-sec); */
    color: #000;
    font-size: 36px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 0 6px;
    position: absolute;
    left: 0;
    right: 0;
    top: -55px;
    background: #fff;
    max-width: 374px;
    margin: 0 auto;
    width: 100%;
}

.owl-carousel#owl_brand_slider .owl-item {
    padding: 0;
}

div#owl_brand_slider {
    display: flex;
    justify-content: center;
    border: 1px solid #cecece !important;

}

#owl_brand_slider .brand-list {
    display: flex;
    align-items: center;
    border: none;
    justify-content: center;
}

#owl_brand_slider .brand-list {
    max-width: 100%;
    height: 180px;
    border: 1px solid #cecece !important;
    padding: 10px 34px;
}

#owl_brand_slider .brand-list img {
    max-width: 85%;
    margin: 0 auto;
}
/* #owl_brand_slider .owl-nav {
    /* position: relative; *
}
#owl_brand_slider .owl-nav  button.owl-prev, #owl_brand_slider .owl-nav button.owl-next {
    background: #1d62af;
    position: absolute;
    margin: auto;
    display: flex;
    align-items: center;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
    margin: auto;
    padding: 11px;
    opacity: 1;
}
#owl_brand_slider .owl-prev {
    top: 0;
    bottom: 0px;
    left: 0px;
}
#owl_brand_slider .owl-next {
    top: 0;
    right: 0;
    bottom: 0px;
    padding: 14px;
} */

#owl_brand_slider button.owl-prev, #owl_brand_slider button.owl-next{
   opacity: 1;
   width: 32px;
   height: 32px;
   text-align: center;
   border-radius: 50%;
}
#owl_brand_slider button.owl-prev span, #owl_brand_slider button.owl-next span{
      background: #1d62af;
        position: absolute;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        text-align: center;
        border-radius: 50%;
        margin: auto;
        padding: 11px;
        font-size: 14px !important;
}
/* richardson */
.desktop_banner_richardson {
    margin: 0 !important;
}

.style_grid.categories-block .home-catblock {
    width: 33.33%;
    padding: 15px;
}

.categories-block.style_grid {
    padding: 45px 0 80px;
}

.style_grid.categories-block .home-catblock a.box-category-home figure {
    border: 1px solid #969696;
    height: 270px;
}

.style_grid.categories-block .home-catblock a.box-category-home figure img {
    max-width: 80%;
    max-height: 80%;
}

.style_grid .heading-brand h4 {
    font-size: 36px;
    font-weight: 600;
}

.heading-brand h4 span {
    color: var(--clr-sec);
}

.style_grid.categories-block .home-catblock .box-category-home figcaption {
    font-weight: 600;
}

.step_blk {
    background-color: #f5f5f5;
}

.home-stepblock {
    position: relative;
    width: 33.33%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 420px;
}

.home-stepblock:first-child a img {
    filter: brightness(0) saturate(100%);
}
.home-stepblock:first-child {
    background: url("../../assets/images/richardson/circle1.svg") no-repeat
        center center;
}
.home-stepblock:nth-child(2) {
    background: url("../../assets/images/richardson/circle2.svg") no-repeat
        center center;
}
.home-stepblock:last-child {
    background: url("../../assets/images/richardson/circle3.svg") no-repeat
        center center;
}
.home-stepblock:nth-child(2)::before {
    content: "";
    position: absolute;
    left: -124px;
    width: 245px;
    height: 300px;
    background: url("../../assets/images/richardson/Center-Part-1.svg")
        no-repeat center center;
    background-size: contain;
}
.home-stepblock:nth-child(2)::after {
    content: "";
    position: absolute;
    right: -120px;
    width: 245px;
    height: 300px;
    background: url("../../assets/images/richardson/Center-Part-2.svg")
        no-repeat center center;
    background-size: contain;
}
.home-stepblock a img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%)
        hue-rotate(37deg) brightness(108%) contrast(102%);
}

.number-count {
    position: absolute;
    bottom: 5%;
    left: 7%;
    background: var(--clr-light);
    color: #969696;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
}

.number-count.second {
    color: var(--clr-dark);
}

.number-count.third {
    color: #1a1a1a;
}

.home-stepblock .box-category-home figcaption {
    color: var(--clr-light);
}

.home-stepblock .box-category-home figure img {
    width: 100%;
    max-width: 60px;
    height: 60px;
}

.home-stepblock .box-category-home figure {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-stepblock:first-child {
    background-color: #f0f0f0;
}

.home-stepblock:first-child .box-category-home figcaption {
    color: var(--clr-dark);
}

.home-stepblock:first-child .box-category-home p {
    color: var(--clr-dark);
}

.home-stepblock:first-child .box-category-home figure img {
    filter: brightness(0) saturate(100%);
}

.home-stepblock a {
    max-width: 55%;
    text-align: center;
    position: relative;
    z-index: 2;
}

.home-stepblock a figcaption {
    font-size: 20px;
    margin-block: 15px;
    font-weight: 600;
}

.home-stepblock a p {
    font-size: 16px;
    color: var(--clr-light);
}

.data-text-grid {
    gap: 30px;
}

.related-prd {
    width: 25% !important;
}

.related-prd.home-catblock a.box-category-home {
    position: relative;
}

.logo-img-over {
    position: absolute;
    width: 150px;
    height: auto;
    bottom: 20px;
    right: 20px;
}

.related-prd.home-catblock a.box-category-home figure img {
    max-width: 100% !important;
    max-height: 100% !important;
}
.related_product {
    height: 100%;
}
.add-com {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    position: relative;
}

.add-com .logo-img-demo {
    width: 250px;
    height: auto;
}

.plus-img-demo {
    position: absolute;
    left: 50%;
    width: 20px;
    transform: translate(-50%, 0px);
}
.alert-success {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    width: fit-content !important;
    position: relative;
}
.alert-success span:nth-of-type(3) {
    padding-inline-end: 20px;
}
/* logo position alert toast */
.alert-success button.close {
    background: transparent;
    border: none;
    top: 50% !important;
    bottom: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 20px;
    height: 100%;
}

.premium-checkbox {
    font-size: 17px;
    font-weight: 500;
}

.premium-checkbox input {
    width: 16px;
    height: 16px;
}
.colorName > * {
    font-size: 12px;
}
/* branded-apparel */
.branded-apparel {
    display: inline-block;
    width: 100%;
    background: url(/assets/images/review-bg.jpg);
    color: #fff;
    padding: 60px 0 90px;
    vertical-align: top;
    background-size: cover;
    background-attachment: fixed;
    margin-bottom: 0px;
    margin-top: 48px;
}
.cust-design {
    text-align: center;
}
.cust-design h3 {
    text-align: center;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 25px;
    margin: 10px 0px 10px 0;
    padding-bottom: 0;
    position: relative;
}
.white-divder {
    display: inline-block;
    margin: 0 auto;
    height: 3px;
    width: 200px;
    background-color: #fff;
}
.branded {
    display: inline-block;
    width: 100%;
}
.branded .owl-item {
    padding: 38px 18px 22px !important;
    text-align: center;
}
.branded-apparel .owl-carousel .owl-dots button.owl-dot, .branded-apparel .owl-carousel .owl-dots button.owl-dot.active{
      background: transparent;
      border: none;
}
.branded-apparel .owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    background: #403f3f;
    margin: 5px 7px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
 .branded-apparel .owl-theme .owl-dots .owl-dot.active span, .branded-apparel .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}

.branded .item {
    background: #fff;
    display: inline-block;
    width: 100%;
    border-radius: 3px;
    margin-top: 30px;
    height: 100%;
}
.card-tesimonial {
    border-radius: 6px;
    padding: 15px 15px;
    margin: 5px 3px;
}
.branded-apparel figure {
    overflow: hidden;
    border-radius: 2px;
    width: calc(100% - 50px);
    margin: -30px auto auto;
}
.card-tesimonial figure img {
    height: 334px;
    object-fit: cover;
}
.branded-apparel .item figcaption {
    float: left;
    padding: 0 15px;
    margin-top: 21px;
    width: 100%;
}
.branded-apparel .content_right > h4 {
    text-transform: uppercase;
    color: #c82128;
    font-size: 18px;
    font-weight: 700;
}
.card-tesimonial p {
    text-align: center;
    color: #050505;
    font-size: 13px;
    margin: 0;
}
/* promo product start */

.promoproduct-inner {
    width: 100%;
    padding: 30px 0;
}
.container {
    width: 100%;
    max-width: 1200px;
}
.shopallmenu {
    margin-bottom: 20px;
}
.shopallmenu ul {
    margin: auto;
    padding: 0;
}
.shopallmenu li {
    font-size: 18px;
    display: inline-block;
    text-transform: uppercase;
    color: #4d4d4d;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid #4d4d4d;
    line-height: 17px;
}
.shopallmenu li:last-child {
    border-right: 0;
}
.shopallmenu li a {
    font-weight: 600;
}
.shopallmenu li a:hover {
    color: #b3323d;
}
.promo-landing-banner {
    width: 100%;
    max-width: 100%;
    color: #fff;
    background-image: url(/assets/images/promo_product/banner.png);
    background-position: center right;
    background-size: cover;
    margin-bottom: 15px;
    display: flex;
    padding: 30px 15px;
    min-height: 365px;
    border-radius: 10px;
    align-items: center;
}
.promo-landing-banner .banner-content {
    max-width: 515px;
}
.promo-landing-banner .banner-content h3 {
    font-size: 80px;
    font-weight: 700;
    line-height: 85px;
    font-family: "Oswald", sans-serif;
}
.promo-landing-banner .banner-content h3:first-child {
    margin-bottom: 0;
}
.promo-landing-banner .banner-content h4 {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
}
.promoproduct-grp ul {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0px 25px;
}

.promoproduct-grp li {
    width: 25%;
}
.promoproduct-grp li a {
    display: block;
    position: relative;
}
.promoproduct-grp li a span {
    color: #333;
    font-weight: 600;
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 5px;
    text-decoration: underline;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
table tbody tr td .blog-detail p {
    text-align: start;
}
.group-form-space{
    border: 1px solid #f1f1f1 !important;
    padding: 20px;
    box-shadow: 1px -1px 21px -14px #1f73b7;
    border-radius: 5px;
}
.submit-form button {
    background-color: #1072ba;
    border: 1px solid #1072ba;
    min-width: 150px;
    border-radius: 4px;
}
@media screen and (max-width: 1100px) {
    .promo-landing-banner .banner-content h3 {
        font-size: 74px;
        line-height: 79px;
    }
}
@media (max-width: 991px) {
    .header-leftnav.open {
        display: block;
        transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    #owl_brand_slider .brand-list img {
        max-width: 100px;
        margin: 0 auto;
    }
    .promoproduct-grp li {
        width: 33.33%;
    }
    .promo-landing-banner .banner-content h3 {
        font-size: 63px;
        line-height: 71px;
    }
    .promo-landing-banner {
        text-shadow: 1px 1px #000;
    }
}
@media screen and (max-width: 767px) {
    .shopallmenu ul {
        text-align: center;
    }
    .related-proof{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    .alert-success{
        left: 20px;
    }
    .promoproduct-grp li {
        width: 50%;
    }
    .promoproduct-grp li a span {
        font-size: 14px;
    }
    .promo-landing-banner .banner-content h3 {
        font-size: 47px;
        line-height: 53px;
    }
    .shopallmenu li {
        font-size: 15px;
        display: inline-block;
        text-transform: uppercase;
        color: #4d4d4d;
        margin-right: 16px;
        padding-right: 18px;
    }
    .related-proof{
        grid-template-columns: 1fr;
    }
}
/* promo product end */

/* media query started */
@media print {
    * {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin: 0;
    }

    body {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .page-loadoverlay {
        display: none !important;
        transform: translateY(-100%) !important;
    }

    body .container {
        max-width: 100%;
        width: 100%;
    }

    header,
    footer,
    .back-btn {
        display: none;
    }

    .block-ui-address {
        padding: 0;
        margin: 0;
        box-shadow: none;
        border: none;
    }

    .billingBlock .billing-info {
        border: none;
        box-shadow: unset;
    }

    .block-table-ui table {
        border: none;
    }

    table td {
        border: none;
        background-color: transparent !important;
        border-bottom: 1px solid #ddd;
    }

    .cat-prdttype .item {
        width: 50%;
    }
}

@media only screen and (max-width: 1600px) {
    .block-loaders {
        max-width: 530px;
    }
}

@media only screen and (max-width: 1550px) {
    .block-loaders {
        max-width: 500px;
    }
}

@media only screen and (max-width: 1500px) {
    .fstprmo-platform,
    .homecat-type,
    .fstpromo-tiertype,
    .multpleship-block,
    .trendingprdt,
    .fstpromo-distribution,
    .testmonial-block {
        padding: 40px 0px;
    }

    .disbution-info p {
        font-size: 18px;
    }

    span.showswatch {
        font-size: 16px;
    }

    figure.prdt-img {
        height: 320px;
    }
}

@media only screen and (max-width: 1400px) {
    .bottomheader a {
        padding: 12px 11px;
    }

    /* .topheader .searchbar input {
        width: 400px;
    } */
    .topheader {
        font-size: 15px;
    }

    .topheader a {
        padding: 0px 11px;
    }

    .topheader span.badge {
        font-size: 11px;
    }

    /* .topheader .left-header {
        width: 285px;
    }
    .topheader .right-header {
        width: calc(100% - 285px);
    } */
    .prdt-name a {
        font-size: 16px;
    }

    .disbution-box p {
        font-size: 17px;
        width: calc(100% - 52px);
    }

    .disbution-box img {
        height: 70px;
        width: 70px;
        margin-block-start: 8px;
    }

    .multpleship-innr .right-block p {
        font-size: 20px;
        margin: 13px 0px;
    }

    .homeship-map .left-block {
        width: calc(100% - 450px);
    }

    .homeship-map .right-block {
        width: 450px;
    }

    .fstprmo-platform h1 {
        font-size: 40px;
    }

    .fstprmo-platform p {
        font-size: 20px;
        max-width: 730px;
    }

    .homecat-typeinr .item a span {
        font-size: 24px;
    }

    .homecat-typeinr .item a span.smtext {
        font-size: 29px;
    }

    .homecat-typeinr-mob .item a span {
        font-size: 22px;
    }

    .homecat-typeinr-mob .item a span.smtext {
        font-size: 26px;
    }

    .home-stepblock {
        height: 380px;
    }
}

@media only screen and (max-width: 1350px) {
    .block-loaders {
        max-width: 400px;
    }
}

@media only screen and (max-width: 1300px) {
    .fstprmo-platform,
    .homecat-type,
    .fstpromo-tiertype,
    .multpleship-block,
    .trendingprdt,
    .fstpromo-distribution,
    .testmonial-block {
        padding: 35px 0px;
    }

    .testmonial-block .item p {
        font-size: 18px;
    }

    .fstpromo-tiertype .rbox-shdow span {
        font-size: 14px;
    }

    .fstpromo-tiertype h4 {
        font-size: 35px;
    }

    .homepage-section h2 {
        font-size: 35px;
        padding-bottom: 12px;
    }

    figure.prdt-img {
        height: 300px;
    }

    table.inner-table {
        width: 300px;
    }
}

@media only screen and (max-width: 1200px) {
    .featured-brand .heading-brand h4 {
        font-size: 30px;
    }

    body .container {
        width: 100%;
        max-width: 100%;
        padding: 0px 15px;
    }

    /* .topheader .searchbar input {
        width: 350px;
    } */
    /* .bottomheader a {
        font-size: 14px;
    } */
    .disbution-box p {
        font-size: 15px;
    }

    .btnaction .addtocard,
    .btnaction .moreinfo,
    span.minimum-qty {
        font-size: 13px;
    }

    .upperblk-box {
        flex-direction: column;
    }

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

    .home-stepblock a {
        max-width: calc(100% - 90px);
    }

    .home-stepblock {
        height: 300px;
        width: 300px;
    }

    .home-stepblock a p {
        font-size: 12px;
    }

    /* .categories-block .home-catblock .box-category-home figcaption {
        font-size: 16px;
    } */
    .home-stepblock:nth-child(2)::before {
        left: -80px;
        width: 160px;
        height: 300px;
    }
    .home-stepblock:nth-child(2)::after {
        right: -80px;
        width: 160px;
        height: 300px;
    }
    .number-count {
        bottom: 0%;
        left: 12%;
        width: 45px;
        height: 45px;
    }
}

@media only screen and (max-width: 1100px) {
    #owl_brand_slider .brand-list {
        max-width: 100%;
        height: 180px;
    }

    .featured-brand .heading-brand h4 {
        font-size: 26px;
    }

    .disbution-box.rbox-shdow {
        padding: 10px;
    }

    .disbution-box p {
        font-size: 14px;
    }

    .topheader {
        font-size: 14px;
    }

    /* .topheader .left-header {
        width: 270px;
    }
    .topheader .right-header {
        width: calc(100% - 270px);
    } */
    /* .topheader .searchbar input {
        width: 290px;
    } */
    .fstprmo-platform,
    .homecat-type,
    .fstpromo-tiertype,
    .multpleship-block,
    .trendingprdt,
    .fstpromo-distribution,
    .testmonial-block {
        padding: 30px 0px;
    }

    .bottomheader a {
        padding: 12px 10px;
        font-size: 13px;
    }

    .homeship-map .left-block {
        width: calc(100% - 400px);
    }

    .homeship-map .right-block {
        width: 400px;
    }

    .fstpromo-tiertype .rbox-shdow {
        padding: 15px 15px;
        min-height: 150px;
    }

    .fstpromo-tiertype .rbox-shdow figure img {
        height: 150px;
    }

    .fstprmo-platform h1 {
        font-size: 35px;
    }

    .fstprmo-platform p {
        font-size: 18px;
        max-width: 660px;
    }

    .fstpromo-tiertype h4 {
        font-size: 30px;
    }

    .fstpromo-tiertype .rbox-shdow span {
        font-size: 13px;
    }

    .multpleship-innr .right-block h4 {
        font-size: 45px;
    }

    .homecat-typeinr-mob.owl-carousel .owl-item {
        padding: 0px 7px;
    }

    span.showswatch {
        font-size: 13px;
    }
}

@media only screen and (max-width: 991px) {
    .categories-block .home-catblock a.box-category-home figure {
        height: 140px;
    }

    .topheader a.toplogo {
        padding: 0px 0px 0px 10px;
    }

    .toplogo img {
        max-width: 100px;
        margin-right: auto;
    }

    .topheader {
        height: 110px;
    }

    .topheader li#searchBox {
        position: absolute;
        bottom: 10px;
        left: 15px;
        right: 15px;
        width: calc(100% - 30px);
    }

    /* .topheader .left-header {
        width: 200px;
    }
    .topheader .right-header {
        width: calc(100% - 200px);
    } */
    .bottomheader {
        display: none !important;
    }
    /*
    .main-header .topheader .head-tabhide {
        display: none;
    } */

    .topheader .head-tabblock {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    /* .topheader .searchbar input {
        width: 250px;
    } */
    .topheader span.badge {
        font-size: 10px;
    }

    .fstprmo-platform,
    .homecat-type,
    .fstpromo-tiertype,
    .multpleship-block,
    .trendingprdt,
    .fstpromo-distribution,
    .testmonial-block {
        padding: 25px 0px;
    }

    .fstpromo-tiertype h4 {
        font-size: 24px;
    }

    .multpleship-innr .right-block p {
        font-size: 18px;
    }

    .multpleship-innr .btn {
        font-size: 16px;
    }

    .disbution-info p {
        font-size: 15px;
    }

    .disbution-innr .col-md-3.col-sm-4 {
        flex: 0 0 auto;
        width: 33.33%;
        margin-bottom: 20px;
    }

    span.showswatch {
        font-size: 14px;
    }

    .prdt-price span {
        font-size: 16px;
    }

    .btnaction .addtocard,
    .btnaction .moreinfo,
    span.minimum-qty {
        font-size: 12px;
    }

    .footer-row {
        gap: 20px;
    }

    .footer-links {
        width: 25%;
    }

    .footer-text {
        width: 100%;
        margin-bottom: 15px;
    }

    footer.footer-main .footer-text ul li:first-child {
        margin-bottom: 2px;
    }

    .footer-links.common-link {
        width: 25%;
    }

    .footer-links.common-link:last-child {
        width: 50%;
    }

    .footer-main h5.f-title {
        margin-bottom: 7px;
    }

    .realtedprdt h4 {
        font-size: 25px;
    }

    .homeship-map .left-block {
        width: calc(100% - 300px);
    }

    .homeship-map .right-block {
        width: 300px;
    }

    .multpleship-innr.rbox-shdow {
        padding: 25px 5px 0px 0px;
    }

    .fstprmo-platform h1 {
        font-size: 28px;
    }

    .fstpromo-tiertype .rbox-shdow {
        padding: 15px 10px;
        min-height: 150px;
    }

    .fstpromo-tiertype .rbox-shdow figure img {
        height: 150px;
        object-fit: cover;
    }

    .multpleship-innr .right-block h4 {
        font-size: 40px;
    }

    .homepage-section h2 {
        font-size: 27px;
    }

    .homecat-typeinr-mob .item a span {
        font-size: 20px;
    }

    .homecat-typeinr-mob .item a span.smtext {
        font-size: 24px;
    }

    .block-loaders {
        max-width: 350px;
    }

    /* .topheader {
        padding: 8px 0;
    } */
    /* .categories-block .home-catblock .box-category-home figcaption {
        font-size: 14px;
    } */
    .style_grid.categories-block .home-catblock {
        width: 50% !important;
        margin-inline: -10px;
        padding-block: 0;
    }
    .home-stepblock:nth-child(2)::before {
        display: none;
    }
    .home-stepblock:nth-child(2)::after {
        display: none;
    }
    .categories-block.style_grid .homecat-row {
        gap: 30px;
    }
    .categories-block.style_grid .homecat-row .related-prd {
        width: calc(50% - 15px) !important;
        padding: 0;
        margin: -10px;
        max-width: 400px;
    }
    .homecat-row.home-stepblock-row {
        flex-direction: column;
        align-items: center;
    }
}

@media only screen and (max-width: 880px) {
    .block-loaders {
        max-width: 300px;
    }

    .thankyou-page .finalstep h1,
    .finalstep h2 {
        font-size: 30px !important;
        line-height: 1 !important;
    }

    .thankyou-page .orderId-text {
        margin-top: 0 !important;
    }
}
@media only screen and (max-width: 853px) {
    #owl_brand_slider .brand-list {
        max-width: 100%;
        height: 138px;
    }
}
@media only screen and (max-width: 768px) {
    #owl_brand_slider .owl-stage {
        width: fit-content !important;
    }
}
@media only screen and (max-width: 767px) {
    .topheader .mob-srchcion {
        display: none;
    }

    .desktop_banner {
        display: none;
    }

    .mobile_banner {
        display: block;
    }
    .trendingprdt {
        padding-block-end: 80px;
    }

    /* .topheader .dsktop-srchcion.show {
        max-height: 100%;
        opacity: 1;
        transition: max-height 0.5s;
    }
    .topheader .dsktop-srchcion {
        position: relative;
        transition: max-height 0.5s;
        margin-top: 10px;
        z-index: 9999999999;
        width: 100%;
    } */
    /* .dsktop-srchcion .searchbar {
        border-radius: 5px;
    } */
    .searchbar input {
        width: 100% !important;
        color: #000 !important;
        padding-block: 10px;
    }
    .right-header li a span.item-text {
        display: none;
    }
    .topheader .right-header ul {
        gap: 0;
    }
    .topheader .links-nav a img {
        margin: 0;
        width: 14px;
    }
    .help-btn a,
    .head-cart a {
        padding: 0;
    }
    .login-btn.links-nav a {
        background-color: #bf2025;
        border-radius: 50%;
        padding: 0;
        width: 30px;
        height: 30px !important;
    }
    .topheader li:last-child a {
        padding: 0 !important;
    }
    .login-btn.links-nav a span {
        display: none;
    }
    .logged-blk .login-btn.links-nav a span {
        display: block;
    }
    /* .searchbar {
        width: 100%;
        background-color: #fff;
        color: #000;
    } */
    .ss_prdlist {
        top: 45px;
        left: 0;
        width: 100%;
    }

    .ss_prdlist_mob {
        top: 45px;
        left: 0;
        width: 100%;
    }

    /* li.dsktop-srchcion {
        display: none !important;
    } */
    /* div.dsktop-srchcion {
        display: block !important;
    } */
    .footer-openlogoup {
        display: flex;
        align-items: center;
        font-size: 15px;
        line-height: 1.3;
    }

    .footer-links {
        width: 40%;
    }

    .footer-links.common-link {
        width: 40% !important;
    }

    .footer-links.common-link:last-child {
        width: 100% !important;
        max-width: 100%;
    }

    footer .footer-card {
        padding-top: 15px;
        display: none;
    }

    .footer-openlogoup span {
        position: relative;
        width: 20px;
        display: inline-block;
        height: 14px;
    }

    .footer-openlogoup span:after {
        content: "+";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 20px;
        font-weight: 600;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer-openlogoup span.closefooter:after {
        content: "-";
        /* left: 2px;
        top: -3px; */
        left: 50px;
        top: 50px;
        position: absolute;
        transform: translate(-50px, -50px);
    }

    .footer-card.showlatestfooter {
        display: block;
    }

    .footer-openlogoup.open {
        background: var(--clr-sec);
    }

    .disbution-innr .col-md-3.col-sm-4 {
        width: 50%;
    }

    .multpleship-innr .right-block p {
        font-size: 16px;
        margin: 10px 0px;
    }

    .disbution-info .right-block .btn {
        font-size: 13px;
        padding: 8px 10px;
    }

    .disbution-info .right-block {
        width: 110px;
    }

    .disbution-info .left-block {
        padding-right: 10px;
        width: calc(100% - 110px);
    }

    .testmonial-block .item p {
        font-size: 16px;
    }

    .prdt-price {
        font-size: 12px;
        white-space: nowrap;
    }

    .product-item {
        position: relative;
        padding: 15px;
    }

    .prdt-details-blk {
        display: flex;
        flex-direction: column-reverse;
    }

    .prdt-price-blk {
        display: flex;
        align-items: start;
        justify-content: space-between;
        gap: 15px;
    }

    .prdt-name,
    .prdt-price {
        margin: 8px 0 0;
    }

    figure.prdt-img,
    figure.skeleton-loader.prdt-img {
        width: 125px;
        position: relative;
        top: 0;
        left: 0;
        height: 125px;
        margin: 0 auto;
        padding: 0;
    }

    .mininmum-qtybox {
        margin-top: 9px;
    }

    .login-page .head-block-login h1,
    .message-block h1 {
        font-size: 25px;
        margin-bottom: 6px;
    }

    .cat-prdtclr label {
        font-size: 14px;
    }

    .fstpromo-tiertype .rbox-shdow {
        padding: 15px 7px;
    }

    .fstpromo-tiertype .row {
        margin: 0 -5px;
    }

    .fstpromo-tiertype .col-sm-4 {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 13px;
        padding: 0px 5px;
    }

    .fstpromo-tiertype .col-sm-4:last-child {
        margin-bottom: 0px;
    }

    .fstprmo-platform h1 {
        font-size: 24px;
    }

    .fstprmo-platform p {
        font-size: 16px;
        max-width: 580px;
    }

    .homepage-section h2 {
        font-size: 23px;
    }

    .prdt-name a {
        font-size: 13px;
        white-space: normal;
    }

    .homecat-typeinr.owl-carousel .owl-item {
        padding: 0px 7px;
    }

    footer.footer-main {
        position: inherit;
        width: 100%;
        bottom: 0;
        z-index: 101;
    }

    .block-loaders {
        max-width: 100%;
    }

    .mediablock .prdt-images {
        width: 100%;
    }

    .mediablock .prdt-images .main-image canvas {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain;
    }

    .left-thankyou {
        width: 100% !important;
    }

    .right-thankyou > div {
        margin-top: 16px;
        flex: 1;
        width: 100%;
    }

    .box-inner.box-right {
        min-height: 150px;
    }

    .right-thankyou {
        display: flex;
        align-items: start;
        justify-content: space-between;
        gap: 20px;
        width: 100%;
    }

    .thankyou-page .finalstep .box-shdow {
        padding: 40px !important;
    }

    .gap-5 {
        gap: 30px !important;
    }

    table.thankyou-prdtdtl thead th {
        padding-top: 0 !important;
    }

    .categories-block.style_grid
        .homecat-row.data-text-grid
        .home-catblock.text-grid {
        width: 100% !important;
    }
    .categories-block .homecat-row.data-text-grid {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 680px) {
    .categories-block .home-catblock a.box-category-home figure {
        height: 110px;
    }

    .categories-block .home-catblock {
        padding: 0px 5px;
    }

    .footer-main h5.f-title {
        font-size: 18px;
    }

    .testmonial-block .item b {
        font-size: 16px;
    }

    .realtedprdt {
        padding: 45px 0px 135px;
        overflow: hidden;
    }

    .multpleship-innr .right-block p {
        font-size: 15px;
        margin: 7px 0px;
        text-align: center;
        max-width: 100%;
    }

    .homeship-map .left-block {
        width: 100%;
        padding: 0px 7px;
    }

    .homeship-map .right-block {
        width: 100%;
        padding: 15px 10px 10px;
        text-align: center;
    }

    .homeship-map {
        margin: 0 -7px;
    }

    .multpleship-innr .right-block h4 br {
        display: none;
    }

    .multpleship-innr .right-block h4 {
        display: block;
        text-align: center;
    }

    .multpleship-innr .right-block h4 {
        font-size: 30px;
    }

    .homecat-typeinr-mob .item a span {
        font-size: 18px;
    }

    .homecat-typeinr-mob .item a span.smtext {
        font-size: 22px;
    }

    .thankyou-inner h5.title {
        font-size: 14px !important;
        line-height: 1 !important;
    }

    .footer-logo img {
        max-width: 150px;
    }
}

@media only screen and (max-width: 575px) {
    .categories-block .home-catblock {
        width: 33.33%;
        padding: 0px 5px 10px;
    }
    .latest-custom-logo img {
        position: relative;
        left: 0;
        top: 0;
    }
    .custom-brand-left {
        padding-left: 0 !important;
    }
    .percentage-store label {
        font-size: 33px;
    }
    .message-block .card-ui-block {
        padding: 20px;
    }

    /* .topheader .left-header {
        width: 180px;
    }
    .topheader .right-header {
        width: calc(100% - 180px);
    } */
    .multpleship-innr .right-block p {
        font-size: 13px;
        margin: 6px 0px;
    }
    .disc-order h3 {
        font-size: 100%;
    }
    .disbution-info p {
        font-size: 13px;
    }

    .footer-main h5.f-title {
        font-size: 16px;
    }

    footer.footer-main ul li {
        font-size: 13px;
    }

    .page-error h3.text-uppercase {
        font-size: 21px;
    }

    .main_image {
        margin-bottom: 10px;
    }

    .multpleship-innr .btn {
        font-size: 14px;
        padding: 7px 10px;
    }

    .multpleship-innr.rbox-shdow {
        padding: 10px 5px 0px 0px;
    }

    .fstpromo-tiertype .rbox-shdow {
        min-height: 120px;
    }

    .fstpromo-tiertype .rbox-shdow figure,
    .fstpromo-tiertype .rbox-shdow figure img {
        height: 120px;
        object-fit: contain;
    }

    .fstpromo-tiertype h4 {
        font-size: 20px;
        margin-bottom: 7px;
    }

    .fstprmo-platform p {
        font-size: 14px;
    }

    .acnt-logolib #logo-placed img {
        width: 100%;
        max-width: 320px;
        margin: 0 auto 15px;
        display: block;
    }

    .disbution-box p {
        font-size: 10px;
    }

    .right-thankyou {
        flex-direction: column;
        gap: 0;
    }

    .thankyou-page .finalstep .box-shdow {
        padding: 30px !important;
    }

    .gap-5 {
        gap: 20px !important;
    }

    .finalstep h2 {
        font-size: 25px !important;
    }
    .style_grid.categories-block .home-catblock a.box-category-home figure {
        height: 190px;
    }
}

@media only screen and (max-width: 480px) {
    .categories-block .home-catblock {
        width: 50%;
    }
    .style_grid.categories-block .home-catblock a.box-category-home figure {
        height: 185px;
    }
    .truck-flat-figure {
        margin-left: 15px;
    }
    .topheader a {
        padding: 0px 8px;
    }

    .topheader {
        font-size: 13px;
    }

    .topheader span.badge {
        font-size: 9px;
    }

    .hamburger-img {
        width: 27px;
        height: 27px;
    }

    body .topheader .container {
        padding: 0 10px;
    }

    /* .topheader .left-header {
        width: 160px;
    }
    .topheader .right-header {
        width: calc(100% - 160px);
    } */
    .topheader span.badge.nofavorites {
        max-width: 25px;
    }

    .topheader span.badge {
        max-width: 50px;
    }

    .footer-links.fst-link,
    .footer-links.thrd-link,
    .footer-links.scnd-link {
        width: 50%;
        margin: 15px 0px;
    }

    .product-item {
        padding: 10px;
    }

    figure.prdt-img,
    figure.skeleton-loader.prdt-img {
        width: 105px;
    }

    .mininmum-qtybox {
        flex-wrap: wrap;
    }

    span.minimum-qty {
        margin: 5px;
    }

    .prdt-price span {
        font-size: 15px;
    }

    .prdt-name,
    .prdt-price {
        margin: 3px 0px;
    }

    .prdt-name a,
    .prdt-sku {
        font-size: 13px;
    }

    .addfavourite a {
        font-size: 12px;
    }

    .addfavourite {
        width: 21px;
        height: 21px;
    }

    .disbution-info .right-block .btn {
        font-size: 12px;
        padding: 7px 5px;
    }

    .disbution-info .right-block {
        width: 92px;
    }

    .disbution-info .left-block {
        width: calc(100% - 92px);
    }

    .testmonial-block .item p {
        font-size: 15px;
    }

    .login-page .head-block-login h1,
    .message-block h1 {
        font-size: 20px;
        margin-bottom: 6px;
    }

    .newaccount-block {
        font-size: 14px;
    }

    .create-new_account .btn {
        font-size: 14px;
    }

    .page-error h3.text-uppercase {
        font-size: 18px;
    }

    .realtedprdt h4 {
        font-size: 20px;
    }

    .cat-prdtclr label {
        font-size: 13px;
        margin-right: 7px;
    }

    .realtedprdt {
        padding: 25px 0px 135px;
        overflow: hidden;
    }

    .skeleton-flex span {
        width: 79px;
    }

    .homeship-map .left-block {
        width: 100%;
        padding-bottom: 15px;
    }

    .homeship-map .right-block {
        width: 100%;
        text-align: center;
        padding-bottom: 10px;
    }

    .fstpromo-tiertype .rbox-shdow {
        padding: 10px;
    }

    .upload-main p {
        font-size: 14px;
    }

    .homepage-section h2 {
        font-size: 20px;
    }

    .multpleship-innr .right-block h4 {
        font-size: 22px;
    }

    .homecat-typeinr .item a span {
        font-size: 18px;
    }

    .homecat-typeinr .item a span.smtext {
        font-size: 23px;
    }
    .categories-block .home-catblock .box-category-home figcaption {
        font-size: 16px;
    }
    .store-shipping-ui-block:before {
        width: 185px;
    }
}
@media only screen and (max-width: 430px) {
    .store-shipping-ui-block {
        position: inherit;
        right: 0px;
        bottom: 0;
        top: auto;
        min-width: 405px;
        transform-origin: top left;
        transform: scale(0.85);
    }
}
@media only screen and (max-width: 375px) {
    .store-shipping-ui-block {
        transform: scale(0.7);
    }
    .topheader span.badge.nofavorites,
    .topheader span.badge {
        max-width: 30px;
    }

    .hamburger-img {
        width: 26px;
        height: 26px;
    }

    /* .topheader .left-header {
        width: 150px;
    }
    .topheader .right-header {
        width: calc(100% - 150px);
    } */

    figure.prdt-img,
    figure.skeleton-loader.prdt-img {
        width: 95px;
    }

    .testmonial-block .item p {
        font-size: 14px;
    }

    .page-error h3.text-uppercase {
        font-size: 15px;
    }

    .header-leftnav {
        width: 100%;
    }

    .fstprmo-platform h1 {
        font-size: 21px;
    }

    .fstprmo-platform p {
        font-size: 13px;
    }

    .multpleship-innr .right-block h4 {
        font-size: 18px;
    }

    .homepage-section h2 {
        font-size: 18px;
    }

    .homecat-typeinr .item a span {
        font-size: 16px;
    }

    .homecat-typeinr .item a span.smtext {
        font-size: 20px;
    }

    .homecat-typeinr-mob .item a span {
        font-size: 15px;
    }

    .homecat-typeinr-mob .item a span.smtext {
        font-size: 19px;
    }
    .style_grid.categories-block .home-catblock a.box-category-home figure {
        height: 150px;
    }
}
@media screen and (max-width: 1599px) {
    .navbar-review .nav-review {
        font-size: 12px;
    }

    .header-block .search-loaction-bar {
        width: 475px;
    }

    .header-block .searchBoxform {
        width: calc(100% - 495px);
    }

    header.header {
        font-size: 14px;
    }

    .header-block .feeship-head {
        width: 172px;
    }

    .header-block .search-loaction {
        width: calc(100% - 175px);
    }

    .header-block .right-header ul a {
        font-size: 14px;
    }

    .header-block .right-header {
        width: 310px;
    }

    .header-block .center-block {
        width: calc(100% - 490px);
    }

    .header-block .search-loaction .chooseaddress label {
        font-size: 14px;
        margin: 3px 0px 0px;
    }

    .header-block .search-loaction label.chooseaddress {
        font-size: 13px;
    }

    .header-block .greenpickup {
        margin: 3px 0px 0px;
    }

    .header-block .searchBoxform input {
        font-size: 14px;
        height: 42px;
    }
}

@media only screen and (max-width: 350px) {
    .hamburger-img {
        width: 24px;
        height: 24px;
    }
    .topheader a {
        padding: 0px 6px;
    }

    .prdt-name a {
        font-size: 12px;
    }

    .disbution-info .right-block .btn {
        font-size: 10px;
        padding: 7px 4px;
    }

    .disbution-info .right-block {
        width: 77px;
    }

    .disbution-info .left-block {
        width: calc(100% - 77px);
        padding-right: 2px;
    }

    .newaccount-block {
        font-size: 12px;
    }

    .create-new_account .btn {
        font-size: 12px;
    }

    .homepage-section h2 {
        font-size: 17px;
    }

    .homecat-typeinr .item a span {
        font-size: 14px;
    }

    .homecat-typeinr .item a span.smtext {
        font-size: 18px;
    }

    span.showswatch {
        font-size: 13px;
    }
}

/*media query started*/
@media print {
    body .mb-30 {
        margin-bottom: 10px;
    }
    body .block-ui-address {
        margin-top: 0px;
        padding: 0px;
        border: none;
    }
    .page-loadoverlay,
    .find-order-guest .order-guest-container,
    .wrapper-main .page-contet .breadcrumbcat {
        display: none;
        transform: translateY(-100%) !important;
    }
    body a {
        text-decoration: none !important;
    }
    * {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    header,
    footer.footer-main,
    .back-btn,
    .new_footer {
        display: none;
    }
    .block-ui-address.order-info-head,
    .order-info span.os-invoiceno {
        background: none;
        border: none;
    }
    .billing-info {
        border: unset;
    }
    .order-info span.os-invoiceno,
    .block-ui-address,
    .orderDetailsBlock .rowterms.os-total .text {
        color: #000;
    }
    .billing-info h4,
    .block-table-ui table tr th,
    .block-table-ui table,
    .shipmentTable,
    .invoiceTable,
    .rowdata div,
    .invoiceTable .subTitle div,
    .right-col .text {
        background: transparent;
        color: #000;
        border: none;
    }
    .invoiceTable .row-list {
        box-shadow: none;
    }
    .table-tracking thead,
    .invoiceTable .subTitle {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    .invoiceTable .subTitle div,
    .shipmentTable .ship-num,
    .shipmentTable .ship-info,
    .shipmentTable .ship-method,
    .rowdata div {
        text-align: left;
        padding: 11px 0px;
    }
    .block-table-ui table tr th {
        padding: 10px 0px;
    }
    .block-table-ui table tr td {
        padding: 12px 0px;
    }
    .billing-info h4 {
        padding: 13px 0px;
    }
    .complete-address-order {
        padding: 15px 0px;
    }
    .rowterms div,
    .billing-info h4 {
        font-size: 18px;
    }
    .complete-address-order {
        padding: 0px 10px 5px 0px;
        font-size: 17px;
    }
    .invoiceTable .rowdata,
    .shipmentTable {
        font-size: 15px;
    }
}
@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .wrapper-main .page-contet .breadcrumbcat {
        max-width: 1330px;
    }
    .register-myaccount .container {
        max-width: 1060px;
    }
}
@media (min-width: 992px) {
    .page-contet .breadcrumbcat {
        max-width: 960px;
    }
}
@media screen and (min-width: 991px) {
    .ad-cheap-block {
        padding: 25px 15px 25px 15px;
    }
}
@media screen and (min-width: 576px) {
    .modal.left .modal-dialog,
    .modal.right .modal-dialog {
        max-width: 620px;
    }
}
@media screen and (min-width: 1700px) {
    .content-ui-blow {
        max-width: 800px;
    }
    .blockhalf a {
        height: 52px;
        line-height: 52px;
    }
    .blockhalf.dectype {
        margin-bottom: 40px;
    }
    .content-ui-blow {
        max-width: 780px;
    }
    .content-ui-blow h4 {
        font-size: 36px;
    }
    .finalclear-block .content-ui-blow h4 {
        margin-left: -130px;
    }
    .content-ui-blow .blowbargin-block h4 {
        padding-right: 50px;
        margin-right: -50px;
    }
    .finalclear-block .content-ui-blow .left-ui {
        margin-right: -30px;
    }
    .blowbargin-block .content-ui-blow .left-ui {
        margin-left: -34px;
    }
    .slideproductsnew .product-container {
        max-width: 380px;
    }
}
@media screen and (min-width: 1600px) {
    .catNavMenu ul li a {
        padding: 9px;
        font-size: 14px;
    }
    .centerinfotable.as-low-ui table th {
        font-size: 18px;
    }
    .centerinfotable.as-low-ui table td {
        font-size: 28px;
    }
    .as-low-ui .block--discount {
        width: 180px;
    }
    .as-low-block:before {
        left: calc(156px + 6%);
    }
    .title-start-at {
        font-size: 22px;
    }
    .footer-main .container {
        max-width: 1340px;
    }
    .home-brand-slider .owl-carousel .owl-wrapper-outer {
        overflow: unset;
    }
    .home-brand-slider .owl-carousel .owl-wrapper-outer .owl-wrapper {
        display: flex !important;
        flex-wrap: wrap;
        width: 100% !important;
    }
    .home-brand-slider .owl-carousel .owl-wrapper-outer .owl-item {
        width: 9% !important;
    }
}
@media screen and (min-width: 1510px) {
    .finalclearancenav a {
        padding: 0 3px 0 5px;
    }
    .blowout-nav a {
        padding: 0 4px 0 3px;
    }
    .catNavMenu ul li a.navBlacklink {
        padding-right: 16px;
        padding-left: 2px;
    }
    .catNavMenu ul li a {
        padding: 13px 4px 12px;
    }
}
@media screen and (min-width: 1250px) {
    .freeship:after {
        position: absolute;
        content: "";
        right: -14px;
        border-bottom: 21px solid transparent;
        border-top: 21px solid transparent;
        border-left: 15px solid #29abe0;
        top: -1px;
    }
    .freeship {
        min-width: auto;
        display: inline-block;
        float: none;
        padding: 3px 2px 2px 63px;
        vertical-align: middle;
    }
    .catNavMenu > .navscrollouter > ul {
        vertical-align: middle;
    }
    .nav-right-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: 0;
        overflow: hidden;
    }
    a.buldiscount {
        height: 41px;
        padding: 3px 10px 2px 55px;
    }
}
@media screen and (max-width: 1800px) {
    .header-bottom-flex ul li a {
        font-size: 14px;
    }
    .navbar-review .nav-review {
        font-size: 13px;
    }
    .whlsle-avail img {
        max-height: 50px;
    }
}
@media screen and (max-width: 1700px) {
    .bestshipreturn ul i {
        font-size: 16px;
    }
    .bestshipreturn ul span {
        font-size: 14px;
        line-height: 18px;
    }
    .bestshipreturn ul figure {
        height: 36px;
        width: 36px;
    }
    .product_swatch li,
    ul.productswatch li {
        margin-right: 3px;
    }
    .support-page-banner h1 {
        font-size: 30px;
    }
    .support-page-banner p {
        font-size: 20px;
    }
    .support-page-searchbar h2 {
        font-size: 26px;
    }
    .support-page-searchbar p {
        font-size: 17px;
    }
    .support-page-searchbar .searchbar input {
        height: 50px;
        font-size: 15px;
    }
    .support-page-searchbar .searchbar button {
        height: 50px;
    }
    .cs-custom-card .headblock-ui {
        font-size: 20px;
    }
    .support-page-bottom-banner h2 {
        font-size: 25px;
        margin: 0;
    }
    .header-bottom-flex .submenu-web {
        display: none;
        width: 0;
        height: 0;
    }
    .header-bottom-block {
        overflow: hidden;
        overflow-x: auto;
    }
    .header-bottom-flex {
        min-width: 1700px;
    }
}
@media screen and (max-width: 1650px) {
    .owl_reorder .reodr-btn .qty-block {
        width: 130px;
    }
    .owl_reorder .product-item .btn.rodr-addcart {
        width: calc(100% - 130px);
    }
    .product-item .name a {
        font-size: 14px;
    }
    .prod_price {
        font-size: 23px;
    }
    .product-item .cat-swatches .showswatch {
        font-size: 13px;
        min-width: unset;
    }
}
@media screen and (max-width: 1600px) {
    .faster-period h4 {
        font-size: 64px;
    }
    .followusic.follow-head-block {
        margin-right: 5px;
    }
    .c-freeshpping strong {
        font-size: 15px;
    }
    .extra_field ul.tabbing-disc li a {
        font-size: 14px;
        padding: 0px 9px;
    }
    label.regularprice {
        font-size: 28px;
    }
    .adscatbanner .stock-catcontent h1 {
        font-size: 36px;
    }
    .owl_reorder .reodr-btn .qty-block {
        width: 115px;
        padding: 0px 7px;
    }
    .owl_reorder .product-item .btn.rodr-addcart {
        width: calc(100% - 115px);
    }
    .download-images > ul > li {
        width: 25%;
    }
    .prodshipreturn ul li {
        font-size: 13px;
    }
    .prodshipreturn ul li i {
        font-size: 14px;
    }
    .dtf-product-item label.attahment-btn span.artbrowse {
        font-size: 13px;
    }
    .swatchheading h4 {
        font-size: 15px;
    }
}
@media screen and (max-width: 1599px) {
    .navbar-review .nav-review {
        font-size: 12px;
    }
    .header-block .search-loaction-bar {
        width: 475px;
    }
    .header-block .searchBoxform {
        width: calc(100% - 495px);
    }
    header.header {
        font-size: 14px;
    }
    .header-block .feeship-head {
        width: 172px;
    }
    .header-block .search-loaction {
        width: calc(100% - 175px);
    }
    .header-block .right-header ul a {
        font-size: 14px;
    }
    .header-block .right-header {
        width: 310px;
    }
    .header-block .center-block {
        width: calc(100% - 490px);
    }
    .header-block .search-loaction .chooseaddress label {
        font-size: 14px;
        margin: 3px 0px 0px;
    }
    .header-block .search-loaction label.chooseaddress {
        font-size: 13px;
    }
    .header-block .greenpickup {
        margin: 3px 0px 0px;
    }
    .header-block .searchBoxform input {
        font-size: 14px;
        height: 42px;
    }
}
@media screen and (max-width: 1510px) {
    .followusic.follow-head-block span {
        font-size: 12px;
    }
    .logo-main:before {
        display: none;
    }
    .less-note {
        font-size: 23px;
    }
    .in-hassle-text span {
        font-size: 28px;
    }
    .in-hassle-text h3 {
        font-size: 40px;
    }
    .as-low-block:before {
        left: calc(110px + 5%);
    }
    .as-low-ui-v1 .block-right-diff span,
    .as-low-ui.as-low-ui-v1 .as-low-block span {
        font-size: 26px;
    }
    .newbadge {
        width: 85px;
        height: 48px;
        top: -7px;
        font-size: 20px;
        line-height: 40px;
    }
    .followusic.follow-head-block a img {
        width: 25px;
    }
    .head-loction span {
        font-size: 13px;
    }
    .block-accordion-ui .swatches.product_swatch li {
        width: 11.1%;
    }
    .brand-figure img {
        max-height: 60px;
        max-width: 60px;
    }
    .whlsale-shipng {
        margin: 6px 15px 3px 0px;
    }
    .adstock-logo img {
        max-width: 280px;
    }
    .stock-content h1 {
        font-size: 36px;
        line-height: 40px;
    }
    .adstock-nav .nav a:after {
        width: 16px;
        height: 16px;
    }
    .adscatbanner .stock-catcontent h1 {
        font-size: 32px;
    }
    .adstock-nav .tab-pane p {
        max-width: 85%;
    }
    .product-item .cat-swatches .showswatch {
        font-size: 14px;
    }
    .prod_price {
        font-size: 21px;
    }
    .coupan-popup .low-text .coupan-price {
        font-size: 17px;
    }
    .price-section .coupan-popup,
    .price-section .price {
        margin-right: 8px;
    }
    .cookiesbar .wrapper {
        font-size: 13px;
    }
    .adsallreview-slider {
        overflow: auto;
    }
    .adsallreview-slider #google-reviews {
        min-width: 1200px;
    }
    .adsallreview-slider .reviewheading {
        text-align: left;
        padding: 0px 7px 15px;
    }
    .activecart-name .cardname-header {
        font-size: 15px;
    }
    .cookiesbar .acceptcookies {
        position: static;
        padding: 5px 10px;
        margin: 0;
    }
    .cookiesbar a {
        margin-right: 5px;
    }
    .product-item .brand-section {
        max-height: 50px;
    }
    .page-contet.cat-header h1 {
        font-size: 20px;
    }
    .page-contet.cat-header h2 {
        font-size: 17px;
    }
    .page-contet.cat-header h3 {
        font-size: 15px;
    }
    .showimg .newcathead-img {
        display: block;
        width: 350px;
    }
    .showimg .newcathead-content {
        width: calc(100% - 350px);
    }
    .prdt-itemdate small {
        font-size: 12px;
    }
    .prdt-itemdate span {
        font-size: 13px;
    }
    .dtf-product-item label.attahment-btn span.artbrowse {
        font-size: 12px;
        padding: 6px;
    }
    .dtf-product-item label.attahment-btn {
        margin: 6px 0px 0px;
    }
}
@media screen and (max-width: 1400px) {
    .freeshiping-btn a.ui-btn-nav {
        padding-right: 10px;
        padding-left: 14px;
    }
    .c-search-block {
        width: calc(100% - 980px);
    }
    .feature-box-ui a img {
        margin-right: 10px;
    }
    .blockhalf a {
        font-size: 14px;
    }
    .shpteesoverlay-content h4 {
        font-size: 38px;
    }
    .logo-left-cheap img {
        width: 202px;
    }
    /*cookie bar*/
    .left-header h1.title,
    .left-header h2.title {
        font-size: 30px;
    }
    .heading-cheap-seller h3 img {
        max-width: 280px;
    }
    .heading-cheap-seller h3:before {
        height: 14px;
    }
    .shop-btn-cheap a {
        height: 56px;
    }
    h1.logo-cheap-head img {
        max-width: 204px;
    }
    .faster-period h4 {
        font-size: 52px;
    }
    .c-freeshpping strong {
        font-size: 14px;
    }
    .freeshipping img {
        width: 36px;
    }
    .topblkbar .shp-inner {
        font-size: 13px;
    }
    .bestshipreturn ul figure {
        height: 36px;
        width: 36px;
    }
    .extra_field ul.tabbing-disc li a {
        font-size: 14px;
        padding: 5px 5px;
    }
    .adstock-meet {
        font-size: 13px;
    }
    .astock-social a {
        width: 39px;
        height: 39px;
        line-height: 28px;
        margin-left: 8px;
    }
    .astock-social a i {
        font-size: 19px;
    }
    .adstock-right {
        width: 440px;
    }
    .adstock-left {
        width: calc(100% - 440px);
    }
    .adstock-tutrial span {
        font-size: 20px;
    }
    .adstock-meet span {
        margin: 2px;
        padding: 3px;
    }
    .adstock-tutrial {
        width: 200px;
    }
    .adstock-md {
        height: 90%;
    }
    .skelton-product-loader .product-item {
        width: 25%;
    }
    .skelton-product-loader .product-item:nth-child(5) {
        display: none;
    }
    .cat-prdtinfo {
        font-size: 14px;
    }
    .allteamsports {
        display: block;
    }
    ul.dwnloadimg-clrname li .fieldset-form label.dwnloadimgcolor-name {
        width: 40px;
    }
    .header-bottom-flex ul li a {
        font-size: 13px;
        min-height: 40px;
    }
    .header-bottom-flex {
        min-width: 1600px;
    }
    .header-bottom-flex ul li a img {
        height: 16px;
    }
}
@media screen and (max-width: 1399px) {
    .homepage-inner .sale-block-ui .item {
        width: 33.33%;
    }
    .homepage-inner .sale-block-ui .item .product-item {
        display: flex;
        flex-wrap: wrap;
    }
    .homepage-inner .sale-block-ui .item .product-item .mainimg {
        width: 150px;
    }
    .homepage-inner .sale-block-ui .item .product-item .prdtitem-info {
        width: calc(100% - 150px);
        font-size: 13px;
    }
    .homepage-inner .sale-block-ui .item .product-item .adscheap-pickup {
        width: fit-content;
    }
    .homepage-inner .sale-block-ui .item .product-item .prd-favticon {
        left: 4px;
        top: 40px;
        right: unset;
    }
    .homepage-inner .sale-block-ui .item .product-item span.adsfreeship,
    .homepage-inner .sale-block-ui .item .product-item .rating-brand,
    .homepage-inner .sale-block-ui .item .product-item .price-section {
        margin: 6px 0px;
    }
    .homepage-inner .sale-block-ui .item .product-item .price .aslow {
        margin-bottom: 4px;
    }
    .homepage-inner .sale-block-ui .item .product-item .name {
        margin-top: 6px;
    }
    .homepage-inner .sale-block-ui .item .product-item .img,
    .homepage-inner .sale-block-ui .item .product-item .img a {
        min-height: 100%;
        height: 100%;
    }
    .homepage-inner .sale-block-ui .item .product_swatch li {
        width: 20px;
        height: 20px;
    }
    .header-block {
        padding: 10px 15px;
    }
}
@media screen and (max-width: 1350px) {
    .stock-content h1 {
        font-size: 34px;
        line-height: 40px;
    }
    .adstock-nav .nav a {
        font-size: 17px;
    }
    .adstock-nav .tab-pane p {
        font-size: 12px;
        line-height: 15px;
    }
    .adscatbanner .stock-catcontent h1 {
        font-size: 28px;
    }
    .bestshipreturn ul li {
        padding: 0px 8px;
    }
    .bestshipreturn ul {
        margin: 0px -8px;
    }
    .payment-acct .chk-excard span {
        font-size: 14px;
    }
    .addcreditinfo.boxshdw h5.tabpane-title,
    .samebill-address h3 {
        font-size: 13px;
    }
    .cartname-opts span.radio-content b .btn {
        font-size: 12px;
    }
    .cartname-opts span.radio-content b {
        font-size: 13px;
    }
    .cartname-opts p {
        font-size: 12px;
    }
    .activecart-name .cardname-header span.attivebadge {
        font-size: 11px;
    }
    .activecart-name .cartname-body {
        padding: 7px;
    }
    .cookiesbar .wrapper {
        font-size: 13px;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }
    .cookiesbar .wrapper a {
        margin-right: 0;
        line-height: 1.2;
    }
    .cookiesbar .wrapper a.acceptcookies {
        margin-right: 10px;
        display: inline-block;
        line-height: 1;
        height: auto;
        padding: 5px 10px;
    }
    .showimg .newcathead-img {
        display: block;
        width: 300px;
    }
    .showimg .newcathead-content {
        width: calc(100% - 300px);
    }
    .adslogo {
        width: 150px;
    }
    .header-block .center-block {
        width: calc(100% - 460px);
        padding: 0 15px;
    }
}
@media screen and (max-width: 1310px) {
    .navigation-main ul.nav-head li a {
        padding: 10px 6px;
        font-size: 13px;
    }
    .right-block-header ul li a > span {
        padding-top: 4px;
    }
    .right-block-header ul li {
        padding: 0 8px;
    }
    .c-search-block {
        width: calc(100% - 950px);
    }
    .bulk-discount-btn a.ui-btn-nav {
        padding-left: 28px;
        padding-right: 14px;
    }
    .feature-box-ui a img {
        margin-right: 10px;
        max-width: 54px;
    }
    .c-freeshpping p {
        font-size: 10px;
    }
    .c-freeshpping strong {
        font-size: 13px;
    }
    span.text-blowout {
        font-size: 26px;
        line-height: 22px;
    }
    span.text-final {
        font-size: 38px;
    }
    label.feature-clearance {
        font-size: 18px;
    }
    label.feature-bargain {
        font-size: 28px;
    }
    .bx1 .mid-brand-box h4 {
        font-size: 16px;
    }
    .brand-box-content h4 {
        font-size: 24px;
    }
    .bx3 .brand-box-content h4 {
        font-size: 27px;
        line-height: 28px;
    }
    .btn-shop-slide {
        padding: 0 38px 0 28px;
    }
    .blockhalf a {
        font-size: 13px;
    }
    .decfabblock {
        padding: 37px 32px;
    }
    .shpteesoverlay-content h4 {
        font-size: 34px;
    }
    .shpteesoverlay-content p {
        font-size: 18px;
    }
    .qualityshirts h6 {
        font-size: 22px;
    }
    .qualityshirts p {
        font-size: 14px;
    }
    span.aspr-list {
        font-size: 10px;
    }
    /* Homepage En */
    .fluid-btn-cheap figure img {
        max-width: 22%;
    }
    .fluid-btn-cheap figure {
        width: calc(100% - 210px);
    }
    .disc-touch.size-label-content {
        max-width: calc(100% - 160px);
    }
    .followusic.follow-head-block span {
        font-size: 11px;
    }
    .return-page-banner h2 {
        font-size: 70px;
    }
    .return-page-banner h4 {
        font-size: 27px;
    }
    .return-page-banner p {
        width: 654px;
        font-size: 18px;
        margin-top: 10px;
    }
    .free-return-page .return-page-banner .banner-content {
        left: 40px;
    }
    .box-feature-cheap h4:before {
        height: 8px;
        bottom: 0px;
    }
    .box-feature-cheap h4 {
        font-size: 21px;
    }
    .freeshipping img {
        width: 34px;
        margin-right: 5px;
    }
    .bestshipreturn figcaption {
        padding: 5px 7px;
    }
    .stock-content h1 {
        font-size: 30px;
        line-height: 35px;
    }
    .adsstoct-product {
        right: 8px;
        height: 125px;
    }
    .wlcust-lblock li {
        font-size: 23px;
    }
    .wlcust-lblock li:after {
        width: 25px;
        height: 25px;
        left: -35px;
    }
    .bestshipreturn ul i {
        font-size: 15px;
    }
    span.adsmember-mainlogo {
        font-size: 16px;
    }
    .download-images > ul > li {
        width: 33.33%;
    }
}
@media screen and (max-width: 1279px) {
    div#CybotCookiebotDialog.CybotCookiebotDialogActive {
        top: unset;
        transform: unset;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 15px;
    }
    #CybotCookiebotDialog.CybotEdge.CybotCookiebotDialogActive
        .CybotCookiebotDialogContentWrapper {
        flex: 0 0 100%;
    }
    #CybotCookiebotDialog.CybotEdge.CybotCookiebotDialogActive
        .CybotCookiebotDialogContentWrapper
        #CybotCookiebotDialogHeader {
        padding: 0 0 10px;
        border: none;
    }
    #CybotCookiebotDialog.CybotEdge.CybotCookiebotDialogActive
        .CybotCookiebotDialogContentWrapper
        #CybotCookiebotDialogFooter
        #CybotCookiebotDialogBodyButtons
        #CybotCookiebotDialogBodyButtonsWrapper
        button {
        min-height: 30px;
    }
}
@media screen and (max-width: 1250px) {
    .note-optional {
        display: none;
    }
    .cart-newpopup-left {
        width: 67%;
    }
    .cart-newpopup-right {
        width: 33%;
    }
    .heading-cheap-com h3 {
        font-size: 38px;
    }
    .heading-cheap-com p {
        font-size: 18px;
    }
    .heading-cheap-seller h3 {
        font-size: 35px;
    }
    .heading-cheap-seller h3 img {
        max-width: 201px;
    }
    .bulk-buyer a.btn {
        padding: 5px 8px;
        height: fit-content;
        line-height: 1;
        font-size: 15px;
    }
    .block-accordion-ui .swatches.product_swatch li {
        width: 12.5%;
    }
    .swatch-sort {
        font-size: 14px;
    }
    .adstock-logo,
    .astock-btn {
        padding-left: 20px;
    }
    .adstock-logo img {
        max-width: 250px;
    }
    .adsstoct-product {
        height: 111px;
    }
    .adstock-nav .nav a {
        font-size: 16px;
    }
    .adscatbanner h1 .ads-wtext,
    span.freship {
        display: block;
        text-align: center;
    }
    .product-item .adspikup {
        font-size: 10px;
    }
    .product-item .adspikup img {
        max-height: 12px;
    }
    .prodshipreturn ul li {
        font-size: 12px;
        padding: 7px 10px;
    }
    .prodshipreturn ul li i {
        font-size: 13px;
    }
    .support-page-banner ul figure {
        width: 80px;
        height: 80px;
    }
    .support-page-searchbar h2 {
        font-size: 22px;
    }
    .cs-custom-card .headblock-ui {
        font-size: 18px;
        padding: 10px 10px;
    }
    .cs-custom-card .card-inner-block {
        padding: 10px;
    }
    .support-page-card ul li a {
        font-size: 14px;
    }
    .support-page-banner h1 {
        font-size: 25px;
    }
    .support-page-bottom-banner p {
        font-size: 14px;
    }
    .support-page-bottom-banner .btn,
    .new-suport-page .suport-item a h2 {
        min-width: 150px;
        font-size: 15px;
        padding: 10px;
    }
    .support-page-banner p,
    .new-suport-page .suport-item a h6 {
        font-size: 18px;
    }
    .support-page-banner ul {
        font-size: 15px;
    }
    .new-suport-page .suport-item a .availability {
        font-size: 16px;
    }
}
@media screen and (max-width: 1200px) {
    .container-fluid {
        padding: 0 15px;
    }
    .block-nav-header ul > li > a {
        font-size: 14px;
    }
    .logo-main img {
        max-width: 170px;
    }
    .header-middle-block {
        width: calc(100% - 350px);
    }
    .feature-box figcaption label {
        font-size: 14px;
    }
    .feature-box figcaption span {
        font-size: 12px;
    }
    .footer-main .container {
        max-width: 100%;
        width: 100%;
    }
    .footer-nav ul li a,
    .address-block address,
    .address-block .email a {
        font-size: 13px;
    }
    /* Homepage Start */
    .navigation-main ul.nav-head li a {
        padding: 10px 5px;
        font-size: 12px;
    }
    .c-search-block {
        width: calc(100% - 850px);
    }
    .right-block-header ul li a > span {
        padding-top: 2px;
        font-size: 11px;
    }
    .c-search-block input[type="text"] {
        font-size: 11px;
    }
    .bulk-discount-btn a.ui-btn-nav {
        padding-right: 7px;
        padding-left: 23px;
    }
    .freeshiping-btn a.ui-btn-nav {
        padding-right: 5px;
        padding-left: 10px;
    }
    .c-freeshpping p {
        font-size: 11px;
    }
    .btn-shop-slide {
        padding: 0 26px 0 28px;
    }
    .brand-box-content {
        max-width: 64%;
    }
    .block-shop-ui a:before {
        width: 95%;
    }
    .block-quality-advantage {
        padding: 24px 16px;
    }
    .c-freeshpping strong {
        font-size: 12px;
    }
    .c-freeshpping p {
        font-size: 9px;
    }
    .feature-box-ui a img {
        max-width: 44px;
    }
    .feature-content-right p {
        font-size: 20px;
    }
    span.text-easy {
        font-size: 21px;
    }
    .block-form-contact {
        padding: 18px 10px 30px 30px;
    }
    .left-contact {
        flex: 0 0 408px;
        max-width: 408px;
    }
    .block-form-contact {
        max-width: calc(100% - 408px);
        flex: 0 0 calc(100% - 408px);
    }
    .cart-form-block .col-6 {
        padding: 0 6px;
    }
    .cart-form-block .row {
        margin: 0 -6px;
    }
    .expiration-box .fieldset-form {
        padding-right: 8px;
    }
    .card-expiration strong {
        padding-top: 12px;
        font-size: 14px;
    }
    /* .expiration-box{width: calc(100% - 78px);} */
    .discount-shipping h3 {
        font-size: 28px;
    }
    .discount-shipping h5 {
        font-size: 60px;
    }
    .discount-shipping h5 sup {
        font-size: 30px;
        top: -23px;
        border-bottom-width: 4px;
    }
    .ship-note {
        font-size: 20px;
        padding-top: 8px;
        padding-bottom: 8px;
        margin: 22px auto 30px;
    }
    .box-hassle-discount {
        transform: scale(0.8);
        transform-origin: left center;
        margin-left: -20px;
    }
    /*3786*/
    .infowithcheap {
        padding-top: 20px;
    }
    .cart-newpopup-left p {
        font-size: 12px;
    }
    .cart-newpopup-coupan {
        font-size: 12px;
    }
    .cart-newpopup-right button {
        font-size: 10px;
    }
    .cheap-fig-right {
        display: none;
    }
    .followusic.follow-head-block a img {
        width: 24px;
    }
    .less-note {
        font-size: 21px;
    }
    .size_chart_img {
        right: -70px;
    }
    .address_destination_inner {
        padding: 20px 12px 0px;
    }
    .address_destination_head {
        padding: 14px 10px 16px;
    }
    .address_destination_head h3 {
        font-size: 15px;
    }
    .address_destination_head a.change-destination {
        padding: 6px 10px;
        font-size: 14px;
    }
    .delivery_update h4 {
        font-size: 14px;
        margin: 0px 0px 6px 0px;
    }
    .checkout_update_inner {
        padding: 14px;
    }
    .checkout_update {
        padding: 18px;
    }
    .delivery_update h4 span {
        font-size: 25px;
    }
    .checkout_update_inner h4 {
        font-size: 13px;
    }
    .right-block-header ul li {
        padding: 0 6px;
    }
    .blog-page .right-blog-ui .recent-post input.form-control {
        padding-right: 95px;
    }
    .list-prices-block li.after-amount {
        font-size: 14px;
    }
    .cart-newpopup-left:after {
        border-left: 15px solid var(--clr-sec);
    }
    .cart-newpopup-left {
        padding-right: 15px;
    }
    .cart-newpopup-right button img {
        display: block;
        margin: 0px auto 1px;
    }
    .return-page-banner h2 {
        font-size: 66px;
    }
    .return-page-banner h4 {
        font-size: 24px;
    }
    .return-page-banner p {
        width: 604px;
        font-size: 17px;
        margin-top: 10px;
    }
    .box-feature-cheap figure img {
        max-width: 50%;
    }
    .box-feature-cheap figure {
        height: 180px;
        width: 180px;
    }
    .comin-soon-cheap {
        height: 180px;
    }
    ul.exsist-card li {
        width: 33.33%;
    }
    .view-info-btn span {
        font-size: 15px;
        padding: 9px 17px;
    }
    .payment-page .container {
        max-width: 100%;
    }
    .payment-acct .samebill-address .billaddress .col-4.mob-fluid {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .header-block .search-loaction-bar {
        width: 390px;
    }
    .header-block .searchBoxform {
        width: calc(100% - 410px);
    }
    .header-block .feeship-head img {
        max-height: 20px;
    }
    .header-block .feeship-head {
        width: 145px;
        font-size: 12px;
        padding: 5px;
    }
    .header-block .search-loaction {
        width: calc(100% - 145px);
    }
}
@media screen and (max-width: 1199px) {
    .blog-page .right-blog-ui.tab-fluid,
    .blog-page.gray-bg .blog-list.tab-fluid {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .blog-page.gray-bg .container {
        width: 970px;
    }
    .blog-page .blog-list {
        margin-bottom: 40px;
    }
    .left-header h1.title,
    .left-header h2.title {
        font-size: 23px;
        line-height: 40px;
    }
    .content-block-print {
        padding-left: 7px;
    }
    .topblkbar {
        padding: 0px 15px;
    }
    .topblkbar .shp-inner {
        font-size: 12px;
    }
    .topblkbar li.topshp-ads img {
        height: 26px;
    }
    .swatch-sort {
        width: calc(100% - 421px);
        font-size: 13px;
    }
    .bestshipreturn ul i {
        font-size: 14px;
    }
    .address_destination_head .adspikup {
        left: 7px;
    }
    .address_destination_head h3 {
        font-size: 14px;
    }
    .address_destination_head a.change-destination {
        padding: 6px 9px;
        font-size: 12px;
    }
    .stock-content h1 {
        font-size: 27px;
        line-height: 32px;
    }
    .astock-meet {
        flex-wrap: wrap;
    }
    .adstock-meet {
        width: 100%;
        max-width: 50%;
    }
    .astock-social {
        width: 100%;
        text-align: right;
        margin-top: 15px;
    }
    .adstock-tutrial {
        width: 166px;
    }
    .adstock-right {
        width: 340px;
    }
    .adstock-left {
        width: calc(100% - 340px);
    }
    .astock-btn .btn-primary {
        padding: 15px 26px;
        font-size: 16px;
    }
    .adstock-tutrial span {
        font-size: 19px;
    }
    .astock-social a {
        width: 39px;
        height: 39px;
        line-height: 29px;
    }
    .adstock-tutrial img {
        width: 20px;
    }
    .wlcust-lblock li {
        font-size: 20px;
    }
    .wlcust-lblock li:after {
        height: 20px;
        width: 20px;
        left: -30px;
    }
    .wlcust-lblock ul {
        padding-left: 30px;
    }
    .cashcredit .mnly-bnscredit {
        padding: 10px;
    }
    .cashcredit .about-bnscredit p small {
        font-size: 13px;
    }
    .showimg .newcathead-img {
        display: block;
        width: 100%;
    }
    .showimg .newcathead-content {
        width: 100%;
        padding: 10px 0px 0px;
    }
    .showimg.catbrand .newcathead-img {
        width: 100%;
    }
    .showimg.catbrand .newcathead-content {
        width: 100%;
    }
    .newcathead-innr {
        flex-direction: column-reverse;
    }
    .homepage-inner .sale-block-ui .item {
        width: 50%;
    }
    .prodshipreturn ul li {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }
    .header-block .greenpickup {
        font-size: 11px;
    }
    .listing-block .product-title {
        display: inline-block;
        line-height: 1.3;
    }
    .left-block-list .prodt-mob-header .sku-no {
        margin-right: 5px;
    }
}
@media screen and (max-width: 1150px) {
    .topblkbar ul.tophead li {
        padding: 0px 7px;
    }
    .topblkbar a.toprightblock .fivestar {
        width: 100px;
    }
    .bestshipreturn figcaption {
        padding: 5px 4px;
    }
    .bestshipreturn ul span {
        padding-left: 5px;
    }
    .block-accordion-ui .swatches.product_swatch li {
        width: 14.2%;
    }
    .swatch-sort a:last-child {
        margin-right: 0px;
    }
    .swatch-sort a {
        margin-right: 6px;
    }
    .swatch-sort {
        width: calc(100% - 184px);
        padding-left: 7px;
        padding-right: 2px;
        text-align: right;
    }
    .bestshipreturn ul {
        margin: 0px -5px;
    }
    .bestshipreturn ul li.freeship-odr,
    .bestshipreturn ul li.easyreturn {
        width: 30%;
        padding: 0px 5px;
    }
    .bestshipreturn ul li.whsl-price {
        width: 40%;
        padding: 0px 5px;
    }
    .bestshipreturn ul.hide-return li figcaption {
        flex-wrap: unset;
        justify-content: flex-start;
    }
    .bestshipreturn ul.hide-return li span {
        justify-content: flex-start;
        text-align: left;
        width: auto;
        margin-top: 0;
        padding-left: 10px;
    }
    .bestshipreturn ul.hide-return li figure {
        width: 34px;
        height: 34px;
    }
    .chosepymnt .nav-pills li.nav-item a {
        font-size: 14px;
        padding: 10px 2px;
    }
    .payment-acct span.excard-icon .btn {
        padding: 4px 7px;
    }
    .header-block .right-header ul a {
        font-size: 12px;
    }
    .header-block .right-header {
        width: 245px;
    }
    .header-block .center-block {
        width: calc(100% - 395px);
        padding: 0 10px;
        gap: 10px;
    }
    .header-block .search-loaction .chooseaddress label {
        font-size: 13px;
    }
    .header-block .search-loaction-bar {
        width: 330px;
    }
    .header-block .searchBoxform {
        width: calc(100% - 340px);
    }
    .header-block .searchBoxform input {
        font-size: 13px;
        height: 40px;
    }
}
@media screen and (max-width: 1100px) {
    .block-nav-header {
        display: block;
        position: absolute;
        bottom: 6px;
        left: 0;
        width: 100%;
    }
    .header-main {
        padding: 18px 0 44px 0;
    }
    .block-nav-header > ul {
        overflow: auto;
    }
    .block-nav-header ul > li > a {
        white-space: nowrap;
    }
    a.hamburger-icon {
        width: 40px;
        height: 40px;
        background: #fff;
        display: inline-block;
        border-radius: 100%;
        padding: 7px 9px;
    }
    .hamburger-icon span {
        width: 100%;
        height: 3px;
        background: var(--clr-sec);
        display: block;
        margin: 4px 0;
    }
    .header-middle-block {
        width: calc(100% - 430px);
    }
    .feature-box figure img {
        max-width: 100%;
    }
    .feature-box figure {
        width: 40px;
    }
    .feature-box figcaption {
        max-width: calc(100% - 42px);
        padding-right: 0;
        padding-left: 10px;
    }
    .logo-footer-block img {
        max-height: 60px;
        max-width: 110px;
    }
    .block-nav-header > ul::-webkit-scrollbar {
        display: none;
    }
    .block-nav-header > ul {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }
    .info ul li {
        margin: 0 0 8px 0;
        padding-left: 12px;
        font-size: 13px;
    }
    .info p {
        margin: 0 0 12px 0;
        font-size: 13px;
    }
    .sezzle-payement-listing img {
        display: block;
        width: 72px;
    }
    .gallery-listing .zoomImg {
        display: none !important;
    }
    .lg-hide-items .lg-toolbar {
        opacity: 1;
        transform: none;
    }
    .head-total h4 {
        font-size: 14px;
    }
    body .ss-slideout-button {
        background-color: var(--clr-purple);
        border-color: var(--clr-purple) !important;
        margin-top: 15px !important;
    }
    body #searchspring-slideout_container .ss-slideout-header {
        background: #d014d0;
    }
    body
        #searchspring-slideout_container
        .ss-slideout-facets
        .ss-facets
        .ss-facet-container
        .ss-title {
        background-color: var(--clr-pri);
        border-color: #59a022 !important;
    }
    /* Homepage Start */
    .feature-box-ui a img {
        max-width: 44px;
    }
    label.feature-return {
        font-size: 26px;
    }
    span.text-easy {
        font-size: 30px;
    }
    span.text-blowout {
        font-size: 22px;
        line-height: 20px;
    }
    label.feature-bargain {
        font-size: 25px;
        line-height: 30px;
    }
    span.text-final {
        font-size: 26px;
        line-height: 30px;
    }
    label.feature-clearance {
        font-size: 15px;
    }
    .blockhalf a {
        font-size: 12px;
        font-weight: 700;
    }
    .content-short-block h3 {
        font-size: 28px;
    }
    .qualityshirts h6 {
        font-size: 18px;
    }
    .exploreblock {
        padding-left: 20px;
    }
    .followusic.follow-head-block span {
        font-size: 13px;
    }
    .followusic.follow-head-block {
        display: inline-block;
        margin-top: 7px; /* float: right; */
        align-items: center;
        vertical-align: top;
        margin-left: 18px;
        float: none;
    }
    .catNavMenu ul li a.navBlacklink {
        margin-left: -3px;
        z-index: 1;
    }
    .catNavMenu ul li a.navBlacklink {
        min-width: 160px;
        font-size: 12px;
    }
    .img-block-print img {
        height: 100%;
    }
    .navigation-main {
        display: none;
    }
    .c-search-block {
        width: calc(100% - 440px);
    }
    .header-main {
        padding-bottom: 0px;
    }
    a.menubtnclick {
        height: 40px;
        background: #fdf1fd;
        border-radius: 100%;
        padding: 6px 9px;
        text-align: center;
        width: 40px;
        display: inline-block;
    }
    a.menubtnclick img {
        max-width: 22px;
    }
    /* Homepage End */
    .blog-list .row {
        margin: 0 -8px;
    }
    .blog-list .row .col-6 {
        padding: 0 8px;
    }
    .post-authour ul li {
        font-size: 12px;
    }
    .recent-post ul li {
        margin-bottom: 12px;
    }
    .recent-post ul li a {
        font-size: 13px;
        display: block;
    }
    .recent-post ul {
        padding: 18px 14px;
    }
    .recent-post h4 {
        padding: 14px 16px;
        font-size: 14px;
    }
    .left-contact,
    .block-form-contact {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contact-us-block {
        flex-direction: column-reverse;
    }
    .block-form-contact {
        padding: 10px 10px 50px 10px;
    }
    /*Cheap Block*/
    .box-feature-cheap p {
        font-size: 14px;
    }
    .faster-period {
        padding: 30px 50px;
        max-width: 418px;
    }
    .faster-period h4 {
        font-size: 55px;
    }
    .faster-period {
        padding: 30px 50px;
        max-width: 418px;
    }
    /*.header-main .followusic.follow-head-block{margin-right: 42px;margin-left: 0px;}*/
    .content-ui-blow h4 {
        font-size: 22px;
    }
    .blowbargin-block {
        position: relative;
        padding-top: 40px;
    }
    .list-brand-attach {
        padding-top: 10px;
        position: absolute;
        top: 9px;
        max-width: 380px;
        margin-left: 0;
        left: 0;
        right: 0;
        text-align: center;
        margin: auto;
        margin-right: auto;
    }
    .blowbargin-block .list-brand-attach {
        margin-right: auto;
    }
    .content-ui-blow figure {
        max-width: 56%;
    }
    .finalclear-block .content-ui-blow h4 {
        padding-left: 20px;
        margin-left: 0px;
    }
    .finalclear-block .content-ui-blow figure {
        margin-right: -50px;
    }
    .box-blow-ui {
        position: relative;
    }
    .content-short-block h3 {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .content-short-block p {
        font-size: 12px;
        line-height: 17px;
    }
    .klaviyo-sms-form .col-6.mob-fluid {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .newpopup-left-inner {
        padding: 6px 5px;
    }
    .brandheadermenu {
        display: block;
    }
    span.closebrandmenu {
        width: 30px;
        height: 30px;
        float: right;
        text-align: center;
        font-size: 30px;
        line-height: 28px;
        margin: -6px -10px 0 0;
    }
    .coloritem {
        z-index: 2;
    }
    .MagicZoomBigImageCont.inner-zoom {
        z-index: 0;
    }
    .head-offer-coupon-bottom label {
        font-size: 26px;
        line-height: 35px;
    }
    .head-offer-coupon-bottom h5 {
        font-size: 39px;
    }
    .freeshipping .ship-btn {
        padding: 5px 18px;
    }
    .topblkbar a.toprightblock .fivestar {
        width: 80px;
        margin: 0px;
    }
    .topblkbar a.toprightblock {
        width: fit-content;
        max-width: 341px;
        text-align: center;
        justify-content: center;
    }
    .topblkbar a.toprightblock span.hed-star img {
        padding-bottom: 0px;
        width: 20px;
        object-fit: cover;
        margin-right: 2px;
    }
    .topblkbar a.toprightblock p {
        font-size: 14px;
        text-align: center;
    }
    .topblkbar a.toprightblock span.hed-exlnt {
        font-size: 13px;
    }
    .head-loction span {
        font-size: 12px;
    }
    .topblkbar .shp-inner {
        text-align: left;
        line-height: 14px;
    }
    .adstock-logo img {
        max-width: 230px;
    }
    .stock-content h1 {
        font-size: 25px;
        line-height: 30px;
    }
    .adstock-nav .nav a {
        font-size: 14px;
    }
    .adstock-nav .tab-pane p {
        max-width: 81%;
    }
    .owl_reorder .reodr-btn .qty-block {
        width: 100px;
        padding: 0px 4px;
    }
    .owl_reorder .product-item .btn.rodr-addcart {
        width: calc(100% - 100px);
    }
    .owl_reorder .product-item .btn.rodr-addcart {
        font-size: 13px;
    }
    .payment-acct ul.paycc li {
        width: 50%;
    }
    .chosepymnt .nav-pills li.nav-item {
        width: 33.33%;
    }
    .left-prdtcolorimg {
        width: 250px;
    }
    .right-prdtcolorimg {
        width: calc(100% - 250px);
    }
    ul.dwnloadimg-res li label.custom-checkbox-ui-v1 {
        font-size: 13px !important;
    }
}
@media screen and (max-width: 1024px) {
    .page-error-404 .mt-5.text-center {
        margin-top: 30px !important;
    }
    .page-error-404 h3.text-uppercase {
        font-size: 18px;
    }
    .return-page-banner h2 {
        font-size: 60px;
    }
    .return-page-banner h4 {
        font-size: 22px;
    }
    .return-page-banner p {
        width: 534px;
        font-size: 15px;
    }
    .description-block-listing ul.tabbing-disc li a {
        font-size: 13px;
    }
    .totalrating a {
        font-size: 13px;
    }
    .accont-login .create-new_account a {
        font-size: 13px;
    }
    .gpay-payment .radio-content span {
        font-size: 15px;
    }
    .adstock-right {
        width: 270px;
        background-color: #870087;
    }
    .adstock-left {
        width: calc(100% - 270px);
        padding-right: 10px;
    }
    .adstock-tutrial {
        width: 144px;
    }
    .adstock-tutrial span {
        font-size: 17px;
    }
    .adstock-md {
        height: 84%;
    }
    .adstock-nav .nav a {
        font-size: 14px;
        padding: 10px 7px 15px 20px;
    }
    .adscatbanner .stock-catcontent h1 {
        font-size: 30px;
        line-height: 30px;
    }
    span.freship {
        font-size: inherit;
    }
    .about-bnscredit p b {
        font-size: 14px;
    }
    .review-cont h4 {
        font-size: 14px;
    }
    .latest-custom-logo {
        flex-direction: column;
    }
}
@media screen and (max-width: 1000px) {
    .skelton-product-loader .product-item {
        width: 33.33%;
    }
    .skelton-product-loader .product-item:nth-child(4) {
        display: none;
    }
    .catbtn .btn {
        width: 180px;
    }
    .catbtn .activecartcol {
        width: calc(100% - 180px);
    }
}
@media screen and (max-width: 991px) {
    a.feature-box {
        flex: 0 0 33.3%;
        margin-top: -1px;
    }
    a.feature-box:nth-child(1),
    a.feature-box:nth-child(2) {
        flex: 0 0 50%;
    }
    .block-quality-direct {
        padding: 40px 34px;
    }
    .block-quality-direct h3 {
        font-size: 45px;
        line-height: 53px;
        margin-bottom: 30px;
    }
    .block-quality-direct ul li h5 {
        font-size: 24px;
    }
    .block-quality-direct ul li p {
        font-size: 16px;
        line-height: 22px;
    }
    .block-shop-ui a {
        height: 325px;
    }
    /*.content-short-block h3 {font-size: 28px;}*/
    .content-short-block {
        padding: 0 40px;
    }
    .block-short-shop .row {
        margin: 0 -10px;
    }
    .block-short-shop .col-6 {
        padding: 0 10px;
    }
    .first-block-footer .nav-block {
        flex: 0 0 33%;
        max-width: 33%;
        margin-bottom: 30px;
    }
    .col-4.emailinfo-block {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .address-block {
        display: flex;
        flex-wrap: wrap;
    }
    .emailaddress {
        margin-right: 50px;
    }
    .latest-banner img {
        min-height: 0px;
    }
    .primeplustext {
        font-size: 12px;
    }
    .reviews-stars:before,
    .reviews-stars:after {
        font-size: 13px;
    }
    .sezzle-payement-listing .disc-payment {
        flex-wrap: wrap;
    }
    .sezzle-payement-listing span {
        order: 2;
        width: 100%;
        margin-left: 0px;
        padding-left: 0px;
    }
    .sezzle-payement-listing {
        padding-top: 0px;
    }
    .block-accordion-ui .card-header {
        font-size: 15px;
        padding: 10px 60px 10px 14px;
    } /* Login Page */
    .card-ui-block .card-body {
        padding: 30px 26px 36px 26px;
    }
    .head-block-login h1 {
        font-size: 20px;
    } /* Cart Page */
    .list-perfect-touch ul li:first-child {
        max-width: 100%;
    }
    .figure-perfect-touch {
        position: absolute;
        right: -10px;
        top: auto;
        bottom: -19px;
        max-width: 110px;
        height: 83px;
        overflow: hidden;
    }
    .perfect-touch {
        padding: 20px 18px;
    }
    .list-perfect-touch ul li {
        max-width: 100%;
    }
    .content-right-touch h5 {
        font-size: 14px;
    }
    .disc-touch p {
        font-size: 11px;
    }
    .price-touch span {
        font-size: 10px;
        line-height: 12px;
    }
    .perfect-touch h3 {
        font-size: 18px;
        margin-bottom: 0px;
    }
    .tab-fluid {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .cart-left-block {
        margin-bottom: 22px;
    }
    .block-total-group {
        margin-bottom: 22px;
    }
    .form-order-ui {
        max-width: 530px;
    }
    .rowdata div,
    .invoiceTable .subTitle div {
        padding: 8px;
    }
    .shipmentTable,
    .ship-method span,
    .shipmentTable .ship-num {
        font-size: 14px;
    }
    .rowdata div,
    .invoiceTable .subTitle div {
        font-size: 14px;
    }
    .rowdata div {
        font-size: 13px;
    }
    .right-col .text {
        font-size: 16px;
    }
    .ship-method strong {
        display: block;
    }
    .complete-address-order p {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }
    .toprightblock img {
        max-width: 90%;
        margin: 0 5px 5px auto;
        display: block;
    } /* Homepage Start */
    .topblkbar {
        padding: 5px 4px;
    }
    .block-feature-ui .row-block .c-2 {
        flex: 0 0 33.3%;
        max-width: 33.3%;
        margin-bottom: 10px;
    }
    .block-feature-ui .row-block .c-2:nth-child(4),
    .block-feature-ui .row-block .c-2:nth-child(5) {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 0px;
    }
    .block-feature-ui {
        padding: 24px 0 4px 0;
    }
    .brand-box-ui a:before {
        background: rgba(0, 0, 0, 0.49);
        clip-path: none;
    }
    .brand-box-content {
        max-width: 100%;
    }
    .brand-box-content h4 {
        font-size: 20px;
    }
    .bx3 .brand-box-content h4 {
        font-size: 24px;
    }
    .brand-as-low span {
        font-size: 14px;
    }
    .brand-as-low label {
        font-size: 38px;
    }
    .brand-block .row-block {
        margin: 0 -5px;
    }
    .brand-block .row-block .c-4 {
        padding: 0 5px;
    }
    .brand-box-ui a {
        padding: 22px 14px;
    }
    .block-ui-bfc .row-block .c-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .left-blow-final {
        margin-bottom: 0;
    }
    .deccontainer p {
        margin-bottom: 0px;
    }
    .shoptees-v {
        display: inline-flex;
        margin: 0 -5px;
    }
    .shophalf-v {
        padding: 0 5px;
    }
    .shophalf-v img {
        border-radius: 10px;
    }
    .shpteesoverlay-content h4 {
        font-size: 28px;
        line-height: inherit;
    }
    .shpteesoverlay-content p {
        font-size: 15px;
    }
    a.btn-border-white {
        padding: 0 16px;
    }
    .blockhalf p a {
        width: calc(100% / 2 - 7px);
        margin-right: 8px;
        margin-bottom: 16px;
    }
    .block-shop-ui a {
        height: 325px;
    }
    .content-short-block {
        padding: 0 40px;
    }
    .block-shop-ui a:before {
        margin-top: -178px;
    }
    .qualityshirts p {
        line-height: 20px;
        font-size: 12px;
    }
    .qualityshirts h6 {
        font-size: 15px;
        margin-bottom: 4px;
    }
    .decfabblock {
        padding: 28px 20px 36px 20px;
    }
    .blockhalf h5 {
        font-size: 22px;
        margin-bottom: 8px;
    }
    span.text-easy {
        font-size: 24px;
    }
    .feature-content-right p {
        font-size: 18px;
    }
    label.feature-price {
        font-size: 13px;
    }
    .brand-box-content figure img {
        max-width: 140px;
    }
    .mid-brand-box.tall-block {
        min-height: 90px;
    }
    .shpteesoverlay-content {
        padding: 0 20px;
    }
    .qualityshirts h5 {
        font-size: 27px;
    }
    /* Homepage End */
    .sticky-top-10 {
        position: initial;
        margin-bottom: 15px;
    }
    .block-crmm-ui h3 {
        font-size: 17px;
        padding-bottom: 12px;
        margin-bottom: 14px;
    }
    .blog-list {
        margin-bottom: 40px;
    }
    .checkout-disc {
        max-width: 34%;
        flex: 0 0 34%;
    }
    .newaddBlock .row {
        margin: 0 -5px;
    }
    .newaddBlock .row .col-12,
    .newaddBlock .row .col-6 {
        padding: 0 5px;
    }
    .same-billing-address {
        padding: 12px 14px 12px 9px;
    }
    .same-billing-address label.custom-checkbox-ui-v1 {
        padding: 7px 8px 8px 30px;
        font-size: 13px !important;
    }
    .same-billing-address .btn {
        font-size: 13px;
    }
    .card-expiration strong {
        display: none;
    }
    .expiration-box {
        width: 100%;
    }
    .info-login-block p {
        font-size: 12px;
    }
    .info-login-block p {
        min-height: 0px;
    }
    .box-hassle-discount {
        transform: scale(0.8);
        transform-origin: center;
        margin-left: auto;
    }
    /*Cheap Block*/
    .feature-cheap .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 50px;
    }
    .heading-cheap-com h3 {
        font-size: 25px;
    }
    .heading-cheap-com p {
        font-size: 20px;
    }
    .heading-cheap-seller h3 {
        font-size: 27px;
        margin-top: -100px;
    }
    .fluid-btn-cheap figure {
        width: calc(100% - 170px);
    }
    .getnow-cheap {
        padding-bottom: 130px;
    }
    .heading-cheap-seller {
        margin-bottom: 20px;
    } /*3786*/
    .blowbargin-block,
    .box-blow-ui {
        padding-top: 60px;
    }
    .block-blow-ui {
        height: auto;
        margin-bottom: 30px;
    }
    .content-ui-blow .left-ui {
        padding: 12px 10px 10px 10px;
    }
    .content-ui-blow h4 {
        margin: 0px;
    }
    .finalclear-block .content-ui-blow h4 {
        padding-left: 60px;
        margin-left: -20px;
    }
    .block-privacy-number .custom-checkbox-ui-v1 span {
        font-size: 12px;
        line-height: 1.5;
        display: block;
    }
    .block-privacy-number .custom-checkbox-ui-v1 {
        padding-top: 8px;
    }
    section.sitemap_list-block ul li {
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }
    .left-header h1.title,
    .left-header h2.title {
        font-size: 25px;
        margin-bottom: 0px;
    }
    .klaviyo {
        padding: 20px 10px 70px 6px;
    }
    .table-ui {
        padding-top: 50px;
        position: relative;
        flex-wrap: wrap;
    }
    .block-cs h4 {
        position: absolute;
        top: 0;
        width: 50%;
    }
    .block-cs ul.tab-content {
        display: none;
    }
    .block-cs ul.tab-content.current {
        display: block;
    }
    .block-cs {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0px;
    }
    .benifits-block-print h4 {
        left: 0;
    }
    .drawbacks-block-print h4 {
        right: 0;
    }
    .block-cs h4 a.tab-link-print {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .drawbacks-block-print.block-cs h4 {
        background-color: #d014d0;
    }
    .row-screen .cs-6 {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    section.banner-short-menu {
        padding: 0px;
    }
    section.banner-short-menu .custom-container {
        width: 100%;
    }
    .row-screen {
        align-items: center;
        background-color: #f8f8f8;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .content-block-print {
        padding: 32px 0 32px 0;
    }
    .head-blcok-print {
        padding: 0 10px;
    }
    .view-info-btn span {
        width: 100%;
        border-radius: 0px;
    }
    .modal-tb-screen .modal-header .modal-title {
        font-size: 16px;
    }
    .table-ui {
        border: none;
    }
    a.tab-link-print:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 3px;
        background: var(--clr-pri);
        width: 0;
        margin: 0 auto;
        right: 0;
        transition: all 0.4s ease;
    }
    a.tab-link-print.current:before {
        width: 90%;
    }
    .logo-left-cheap {
        width: 100%;
        text-align: center;
    }
    .newbadge {
        left: auto;
        right: 30px;
    }
    .btncheapfoot img {
        height: 20px;
    }
    /* view cart page */
    .view-cart-header .page_header.selling-point {
        display: none;
    }
    .view-cart {
        padding: 20px 0;
    }
    .reset-block .card-body {
        padding: 38px 26px 11px;
    }
    .login-felid-outer {
        padding: 19px 26px 46px;
    }
    .payment-block-info .btn-block-address {
        padding: 0px 14px 20px 14px;
    }
    .form-order-ui .textfield {
        height: 46px;
    }
    .form-submit-btn .submit-btn-green {
        height: 52px;
    }
    .table-tracking table td {
        padding: 10px 14px;
        font-size: 13px;
    }
    .table-tracking table th {
        padding: 8px 14px;
        font-size: 14px;
    }
    .blog-page.gray-bg .blog-list.tab-fluid {
        flex: 0 0 100%;
        max-width: 100%;
    }
    tr.row-grid.box6.active .soldout {
        margin-top: 14px;
    }
    tr.row-grid.box5.active .soldout,
    .box5.active .soldout {
        margin-top: 14px;
    }
    .upsTracking-tracking-details .col-sm-6 {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 10px;
    }
    .blog-page.gray-bg .container {
        width: 750px;
    }
    .banner-mail-icon img {
        width: 55px;
        object-fit: cover;
    }
    .media-inqueries-banner-content h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .media-inqueries-left-content p {
        font-size: 23px;
        line-height: 1.1;
    }
    .media-inqueries-banner-content {
        padding: 25px 15px;
    }
    .media-inqueries-banner .banner-mail-icon {
        margin-right: 17px;
    }
    .size_chart_img {
        display: none;
    }
    .disc-touch.size-label-content {
        max-width: calc(100% - 0px) !important;
    }
    .main-block-checkout {
        max-width: 100%;
        flex: 0 0 100%;
        padding-right: 15px;
    }
    .checkout-disc {
        max-width: 100%;
        flex: 0 0 100%;
        width: 100%;
        padding: 0px 15px;
    }
    .cart-newpopup-right button img {
        display: unset;
        margin: 0px;
    }
    .return-page-banner h2 {
        font-size: 56px;
    }
    .return-page-banner h4 {
        font-size: 20px;
    }
    .return-page-banner p {
        width: 484px;
        font-size: 14px;
    }
    .free-return-page .return-page-banner:after {
        background-image: linear-gradient(
            to right,
            #d014d0,
            #dd2acce8,
            transparent
        );
        z-index: 1;
    }
    .block-order-offer figure {
        height: 330px;
    }
    .shop-btn-cheap a img {
        max-width: 51%;
        width: 100%;
    }
    .shop-btn-cheap a {
        padding: 8px 20px;
        font-size: 20px;
    }
    .cheap-logo {
        margin-bottom: 120px;
    }
    .heading-cheap-com h3 img {
        max-width: 180px;
    }
    .heading-cheap-com p img {
        max-width: 100px;
    }
    .view-cart .vcart-checkout-btn {
        display: block;
    }
    .view-cart .view-cart-header .col-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .freeshipping .ship-btn img {
        display: none;
    }
    .topblkbar li.topshp-ads a {
        line-height: 1;
    }
    .payment-block-info ul li.chkout-bnscrdit {
        padding: 14px 15px 10px;
    }
    .mnly-bnscredit .paymnt-btn button.btn.btn-primary {
        font-size: 12px;
        padding: 6px 7px;
        min-width: 60px;
    }
    .about-bnscredit img {
        width: 40px;
    }
    .bestshipreturn ul span {
        font-size: 12px;
        line-height: 18px;
    }
    .extra_field ul.tabbing-disc li {
        margin-right: 5px;
    }
    .description-block-listing ul.tabbing-disc li a {
        font-size: 12px;
        padding: 4px 4px;
    }
    .astock-btn .btn-primary {
        padding: 14px 22px;
        font-size: 15px;
    }
    .adstock-nav .tab-pane.active img {
        display: none;
    }
    .adstock-nav .tab-pane p {
        padding-left: 0px;
        max-width: 84%;
    }
    .adstock-nav ul.nav {
        padding-left: 5px;
    }
    .adsstock-catbanner .adstock-nav .nav a {
        font-size: 15px;
    }
    .adsstock-catbanner .adstock-nav .tab-pane p {
        font-size: 14px;
    }
    .cat-shortcont {
        padding-right: 0px;
        padding-top: 10px;
    }
    .wlcust-lblock li {
        font-size: 17px;
    }
    .wllogo img {
        max-width: 275px;
    }
    .bestshipreturn ul.hide-return li.freeship-odr,
    .bestshipreturn ul.hide-return li.whsl-price {
        width: 50%;
    }
    .product-item .img {
        height: auto;
        min-height: unset;
    }
    .page-contet.cat-header h1 {
        font-size: 20px;
    }
    .page-contet.cat-header h2 {
        font-size: 17px;
    }
    .page-contet.cat-header h3 {
        font-size: 16px;
    }
    .chosepymnt .left-block {
        width: 100%;
    }
    .chosepymnt .right-block {
        width: 100%;
        margin: 0px 0px 20px;
    }
    .chosepymnt {
        flex-direction: column-reverse;
    }
    .left-prdtcolorimg a.mob-dwnloadbnt {
        display: inline-block;
        background: var(--clr-purple);
        color: #fff;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 15px;
    }
    .left-prdtcolorimg > h2 {
        display: none;
    }
    .right-prdtcolorimg {
        width: 100%;
    }
    ul.dwnloadimg-clrname {
        position: absolute;
        left: 10px;
        width: 100%;
        background: #e3e3e3;
        max-height: 0px;
        border-radius: 5px;
        box-shadow: 0 0 5px #9b9b9b;
        max-width: calc(100% - 25px);
        transition: max-hieght 0.5s;
        overflow: auto;
    }
    ul.dwnloadimg-clrname.show {
        max-height: 500px;
        transition: max-hieght 0.5s;
    }
    ul.dwnloadimg-clrname li {
        padding: 5px;
        margin: 0px 0px;
    }
    .left-prdtcolorimg {
        width: 100%;
        position: sticky;
        top: 0px;
        background: #fff;
        padding: 10px;
        left: 0;
        z-index: 13;
    }
    .prodshipreturn {
        display: none;
    }
    .prdt-itemdate small {
        font-size: 11px;
    }
    .prdt-itemdate span {
        font-size: 12px;
    }
    .header-block .right-header ul a span {
        display: none;
    }
    .header-block .right-header {
        width: 150px;
    }
    .header-block .center-block {
        width: calc(100% - 300px);
    }
    .header-block .right-header ul a sup {
        left: auto;
        right: -7px;
        font-size: 11px;
    }
    .head-blog h1 {
        font-size: 20px;
    }
    .main-login.main-custom-login{
        gap: 15px;
    }
}
@media screen and (max-width: 950px) {
    img.img-flat-rate {
        width: 293px;
        top: -36px;
    }
    .error_404_image img {
        max-width: 300px;
    }
    .ads-finalsale {
        font-size: 13px;
    }
    .stock-content h1 {
        font-size: 22px;
        line-height: 26px;
    }
    .adstock-logo img {
        max-width: 219px;
    }
    .adsstoct-product {
        height: 90px;
        right: -14px;
    }
    .adscatbanner .stock-catcontent h1 {
        font-size: 25px;
        line-height: 27px;
    }
    .adscatbanner .adstock-catlogo img {
        max-width: 200px;
    }
    .adsstock-catbanner .adstock-nav .nav a {
        font-size: 14px;
        padding: 10px 10px 15px 21px;
    }
    .product-item .prdtitem-info {
        font-size: 13px;
        padding: 6px;
    }
    .prdt-itemdate {
        margin: 8px -6px -6px;
    }
    .product-item .img a {
        height: 237px;
    }
    .header-block .search-loaction-bar {
        display: none;
    }
    .header-block .searchBoxform {
        width: 100%;
    }
    .find-lction {
        display: block;
    }
    .mob-head-location-flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 15px;
        background: #590059;
        color: #fff;
    }
    .signinjoin-btn {
        display: flex;
        gap: 3px;
    }
    .mob-head-location-flex label.chooseaddress {
        margin: 0;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 3px 5px;
        flex-wrap: wrap;
        line-height: 1;
    }
    .signinjoin-btn a {
        color: #fff;
        background: var(--clr-pri);
        font-size: 14px;
        padding: 5px 10px;
        border-radius: 3px;
        line-height: 1.2;
        white-space: nowrap;
    }
    .mob-head-location-flex .add-zip-code {
        background: #fff;
        color: #690069;
        font-size: 14px;
        padding: 5px 10px;
        border-radius: 3px;
        line-height: 1.2;
        white-space: nowrap;
    }
    .mob-head-location-flex .mob-head-location {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .mob-head-location-flex span.greenpickup {
        display: inline-flex;
        align-items: center;
        font-size: 13px;
        line-height: 1;
        gap: 2px;
    }
    .mob-head-location-flex span.greenpickup img {
        max-height: 13px;
    }
    .mob-head-location-flex .mob-head-location small {
        font-size: inherit;
    }
    .header-mobslider {
        background: #ffdfff;
        color: #590059;
    }
    .header-mobslider a,
    .millions-delivery {
        color: inherit;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        gap: 10px;
        padding: 5px 10px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
    }
    .header-mobslider .feeship-head img {
        max-height: 25px;
    }
    .header-bottom-flex {
        min-width: 100%;
        padding: 0 0 7px;
    }
    .header-bottom-flex ul li a {
        min-height: unset;
    }
    .header-bottom-block .header-bottom-flex .left-nav li {
        display: none;
    }
    .header-bottom-flex ul.right-block-ul {
        display: none;
    }
    .header-bottom-flex ul {
        justify-content: space-around;
        width: 100%;
        max-width: 480px;
        margin: auto;
    }
    .header-bottom-block {
        background: #870087;
    }
    .header-bottom-block .header-bottom-flex .left-nav li.show-mob {
        display: flex;
    }
    .adslogo .mobicons {
        display: inline-flex;
        margin: 0;
    }
    .adslogo {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .adslogo .mobicons .menubtnclick {
        background: #a33ba3;
        width: 33px;
        padding: 3px;
        height: 33px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .adslogo .mobicons .menubtnclick img {
        max-width: 19px;
    }
    .header ul li.all-submenu.desktop-hide {
        display: flex;
    }
}
@media screen and (max-width: 900px) {
    .soldout {
        margin-top: 14px;
    }
    .faster-period h4 {
        font-size: 50px;
        width: fit-content;
        margin: auto;
    }
    .faster-period {
        padding: 18px 20px;
        max-width: 294px;
    }
    .cheap-hero-block figure img {
        margin-top: -62px;
    }
    .topblkbar a.toprightblock p {
        font-size: 14px;
    }
    .topblkbar a.toprightblock span.hed-exlnt {
        font-size: 11px;
    }
    .topblkbar a.toprightblock span.hed-star img {
        max-width: 20px;
        object-fit: cover;
        margin: 0px;
        padding-bottom: 3px;
    }
    .bulk-discount-btn a.ui-btn-nav {
        padding-right: 5px;
        padding-left: 19px;
    }
    .freeshipping .c-freeshpping {
        width: 90px;
    }
    .freeshipping .ship-btn {
        padding: 5px 5px;
    }
    .topblkbar a.toprightblock p {
        font-size: 12px;
        margin-right: 3px;
    }
    .topblkbar a.toprightblock .fivestar {
        height: 17px;
    }
    .desktop-show.topblkbar .c-freeshpping strong {
        font-size: 11px;
        text-align: center;
        line-height: 13px;
    }
    .desktop-show.topblkbar .freeshipping .c-freeshpping strong {
        line-height: 1;
    }
    .topblkbar ul.tophead li.topshp-btn,
    .topblkbar ul.tophead li.topshp-fleece {
        max-width: 109px;
    }
    .topblkbar .shp-inner {
        line-height: 13px;
    }
    .topblkbar ul.tophead li .ship-btn i {
        font-size: 13px;
    }
    .topblkbar .shp-inner span {
        font-size: 11px;
    }
    .topblkbar ul.tophead li {
        padding: 0px 5px;
    }
    .topblkbar li.topshp-ads img {
        height: 23px;
    }
    .topblkbar img.hrdr-icon {
        height: 23px;
    }
    .bestshipreturn ul figure {
        height: 30px;
        width: 30px;
        padding: 1px;
    }
    .bestshipreturn figcaption {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .bestshipreturn ul span {
        display: block;
        width: 100%;
        margin-top: 6px;
    }
    label.regularprice {
        font-size: 24px;
    }
    .description-block-listing ul.tabbing-disc li a {
        font-size: 12px;
    }
    .extra_field ul.tabbing-disc li {
        margin-right: 1px;
    }
    .block-accordion-ui .swatches.product_swatch li {
        width: 25%;
    }
    .trackinfo .upsTracking-header h1 {
        font-size: 22px;
    }
    .whlsleavail {
        max-width: 83px;
        min-width: 83px;
    }
    .adstock-meet span b {
        font-size: 27px;
    }
    .adstock-tutrial span {
        font-size: 14px;
        margin-top: 10px;
    }
    .astock-social a {
        width: 35px;
        height: 35px;
        line-height: 25px;
        margin-left: 5px;
    }
    .adstock-tutrial {
        width: fit-content;
    }
    .adstock-nav .tab-pane.active {
        padding: 5px;
    }
    .adstock-logo,
    .astock-btn {
        padding-left: 10px;
        position: relative;
        z-index: 10;
    }
    .adscatbanner {
        padding: 9px;
    }
    .select_swatches {
        width: calc(100% - 170px);
    }
    .categoryheader {
        font-size: 22px;
    }
    .payment-acct .chk-excard span[data-type="ccnumber"] {
        font-size: 16px;
    }
    .coupan-popup .low-text .coupan-price {
        font-size: 15px;
    }
    .prod_price {
        font-size: 18px;
    }
    .ads-cheap span.ovrstock {
        font-size: 13px;
    }
    .mob-sub-menu .has-sub-menu .submenu-web-innr h3 {
        font-size: 14px;
    }
    #CybotCookiebotDialog.CybotEdge.CybotCookiebotDialogActive
        div#CybotCookiebotDialogBodyContent
        * {
        font-size: 12px;
    }
    .new-suport-page .suport-item a .text-center {
        font-size: 13px;
    }
}
@media only screen and (max-width: 850px) and (min-width: 768px) {
    .each-price {
        font-size: 10px;
    }
    .pr-unit-price,
    .prUnitPrice {
        font-size: 12px;
        margin-top: 7px;
    }
    .adsstoct-product {
        opacity: 0.1;
    }
    .stock-content h1 {
        font-size: 18px;
        line-height: 22px;
    }
    .adstock-logo img {
        max-width: 193px;
    }
    .adstock-nav .tab-pane p {
        font-size: 11px;
        line-height: 14px;
    }
    .adscatbanner .stock-catcontent h1 {
        font-size: 22px;
        line-height: 23px;
    }
    .adscatbanner .adstock-catlogo img {
        max-width: 180px;
    }
    .select_swatches,
    .products-colors .swatchheading h4 {
        width: 100%;
    }
    .suport-page .availability {
        font-size: 14px;
    }
    .chosepymnt h5.bp-inrtitle {
        font-size: 16px;
    }
    .product_swatch li,
    ul.productswatch li,
    .product-item .cat-swatches .showswatch {
        margin-right: 3px;
    }
    .product-item .cat-swatches .showswatch {
        font-size: 12px;
    }
    .price-section .coupan-popup,
    .price-section .price {
        margin-right: 6px;
    }
}
@media only screen and (max-width: 991px) and (min-width: 767px) {
    .block-banner-content {
        position: relative;
        clip-path: none;
        width: 100%;
        max-width: 100%;
        padding: 20px 24px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .block-banner-content figure {
        margin: 0px;
    }
    .block-banner-content figure img {
        max-width: 140px;
    }
    .block-banner-content h4 {
        font-size: 24px;
        line-height: normal;
        margin: 0 14px 0 0;
    }
    .block-banner-content p {
        font-size: 16px;
        margin: 0 14px 0 0;
    }
    .block-banner-content .btn-block {
        width: auto;
        display: inline-block;
    }
    .block-banner-content a.border-btn-white {
        height: 38px;
        line-height: 36px;
        padding: 0 12px;
        border: 2px solid #fff;
        font-size: 15px;
    }
    .content-banner-text {
        display: inline-flex;
        align-items: center;
        margin-left: 20px;
    }
    section.view-cart .container,
    section.checkout-page .container {
        width: 750px;
    }
}
@media screen and (min-width: 991px) {
    .first-block-footer .nav-block {
        flex: 0 0 22%;
        max-width: 22%;
    }
    .first-block-footer .nav-block:first-child {
        max-width: 16%;
        flex: 0 0 16%;
    }
    .first-block-footer .news-block {
        flex: 0 0 29%;
        max-width: 29%;
    }
    .first-block-footer .emailinfo-block {
        max-width: 33%;
        flex: 0 0 33%;
    }

}
@media screen and (max-width: 767px) {
    .block-banner-content {
        position: relative;
        max-width: 100%;
        clip-path: inherit;
        display: block;
    }
    .block-banner-content figure img {
        max-height: 20px;
    }
    .block-banner-content h4 {
        font-size: 28px;
        line-height: 28px;
    }
    .block-banner-content p {
        font-size: 16px;
        margin-bottom: 10px;
    }
    a.border-btn-white {
        height: 42px;
        border-width: 2px;
        font-size: 16px;
        line-height: 38px;
    }
    .block-banner-content {
        padding: 22px 24px;
        text-align: center;
    }
    .feature-box figcaption label {
        font-size: 12px;
    }
    .feature-box figcaption span {
        font-size: 10px;
    }
    .feature-box figure {
        max-width: 30px;
    }
    a.feature-box {
        flex: 0 0 50%;
    }
    a.feature-box:last-child {
        flex: 0 0 100%;
    }
    .feature-box figcaption {
        text-align: left;
        width: calc(100% - 42px);
    }
    .feature-box:last-child figcaption {
        width: auto;
        max-width: inherit;
    }
    .navigation-right > ul > li a img {
        height: 15px;
    }
    .navigation-right > ul > li a {
        width: 28px;
        height: 28px;
        background: #9f119f;
        border-radius: 100%;
        padding-top: 0px;
        line-height: 28px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .navigation-right > ul > li {
        padding: 0 4px;
    }
    .navigation-right > ul > li .cart-counter {
        z-index: 9;
        left: 19px;
    }
    .mob-hide {
        display: none !important;
    }
    .search-header {
        width: auto;
        margin: 6px 12px 0 12px;
        display: block;
    }
    .products-head-block h6 {
        font-size: 16px;
        margin-top: 5px;
    }
    .products-head-block a {
        font-size: 12px;
        height: 42px;
        line-height: 42px;
        padding: 0 16px 0 22px;
    }
    .products-head-block {
        padding: 3px 12px;
        min-height: 40px;
    }
    .block-quality-direct {
        padding: 30px 24px;
    }
    .block-shop-ui a:before {
        width: 100%;
        top: 0;
        margin-top: 0px;
        border-radius: 0px;
    }
    .first-block-footer .nav-block {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .footer-nav ul li {
        margin-bottom: 8px;
    }
    .footer-nav ul li a,
    .address-block address,
    .address-block .email a {
        font-size: 12px;
    }
    .col-4.news-block {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .address-block address {
        line-height: 22px;
    }
    .block-short-shop {
        padding-bottom: 10px;
    }
    .lSAction > .lSNext {
        right: 4px;
    }
    .lSAction > .lSPrev {
        left: 4px;
    }
    .cm-spinner {
        width: 200px;
        height: 200px;
    }
    .preloader img {
        max-width: 140px;
    }
    .block-nav-header > ul {
        justify-content: flex-start;
    }
    .block-nav-header {
        bottom: 2px;
        padding: 0 10px;
    }
    .mobilesearchbar {
        padding: 5px 0px 8px;
        display: block;
        position: relative;
        margin-left: 0;
        margin-right: 0;
    }
    .mobilesearchbar .text-field {
        padding: 10px 50px 10px 30px;
        font-size: 13px;
        height: 38px;
        border: 1px solid var(--clr-purple);
        width: 100%;
        font-weight: 500;
        overflow: hidden;
        border-radius: 3px;
    }
    .btn-search-home {
        background: var(--clr-purple);
        border: 0;
        color: #fff;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0px 3px 3px 0;
        font-size: 12px;
        text-transform: uppercase;
        bottom: 0;
        width: 78px;
        letter-spacing: 0.5px;
        height: 100%;
        font-weight: 500;
    }
    .brandheadermenu {
        display: block;
    }
    span.closebrandmenu {
        width: 30px;
        height: 30px;
        float: right;
        text-align: center;
        font-size: 30px;
        line-height: 28px;
        margin: -6px -10px 0 0;
    }
    .block-nav-header:before {
        content: "";
        position: absolute;
        right: 0;
        top: 1px;
        width: 20px;
        height: 100%;
        background: -moz-linear-gradient(
            left,
            rgba(0, 71, 153, 0) 0%,
            rgba(208, 20, 208, 1) 100%
        ); /* FF3.6-15 */
        background: -webkit-linear-gradient(
            left,
            rgba(0, 71, 153, 0) 0%,
            rgba(208, 20, 208, 1) 100%
        ); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(
            to right,
            rgba(0, 71, 153, 0) 0%,
            rgba(208, 20, 208, 1) 100%
        ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00004799', endColorstr='#d014d0',GradientType=1 ); /* IE6-9 */
        pointer-events: none;
    }
    .block-nav-header:after {
        content: "";
        position: absolute;
        left: 0;
        top: 1px;
        width: 20px;
        height: 100%;
        background: -moz-linear-gradient(
            left,
            rgba(208, 20, 208, 1) 0%,
            rgba(0, 0, 0, 0) 100%
        ); /* FF3.6-15 */
        background: -webkit-linear-gradient(
            left,
            rgba(208, 20, 208, 1) 0%,
            rgba(0, 0, 0, 0) 100%
        ); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(
            to right,
            rgba(208, 20, 208, 1) 0%,
            rgba(0, 0, 0, 0) 100%
        ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d014d0', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
        pointer-events: none;
    }
    .block-nav-header ul > li > a {
        font-size: 12px;
    }
    .block-nav-header ul > li.submenu-nav > a:before {
        top: 11px;
    }
    .breadcrumb-ui ul li {
        padding-right: 22px;
    }
    .breadcrumb-ui ul li:before {
        right: 10px;
    }
    .breadcrumb-ui ul li a,
    .breadcrumb-ui ul li span {
        font-size: 12px;
    }
    .breadcrumb-ui ul li:last-child {
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 0px;
    }
    .breadcrumb-ui ul {
        white-space: nowrap;
    }
    .right-block-list {
        padding-top: 30px;
    }
    .product-title {
        font-size: 16px;
        margin-bottom: 8px;
        margin-top: 7px;
    }
    .topfooter {
        padding: 40px 10px 40px 10px;
    }
    .shiment-counter {
        position: absolute;
        left: 12px;
        top: -13px;
        padding: 2px 10px;
        border-radius: 2px;
        font-size: 10px;
    }
    body
        .ss-recs
        .ss-recs-carousel-container
        .ss-recs-items-container
        .productBlockContainer
        .product-container
        .recs-product_swatch
        li {
        width: 19px;
        height: 19px;
    }
    .related-carousel .ss-profile-related-product {
        padding: 0 0 !important;
    }
    .owl_bellacanvas .topbarheading h6 img {
        margin-top: -1px;
        float: none;
    }
    .ui-modal-block .modal-header {
        padding: 14px 15px;
    }
    .modal-body {
        padding: 15px 10px;
    }
    .modal-rating .custom-radio .radio-content:after {
        left: 13px;
        top: 14px;
        width: 5px;
        height: 5px;
    }
    .modal-rating label.custom-radio .radio-content:before {
        left: 8px;
        top: 9px;
        width: 15px;
        height: 15px;
    }
    .modal-rating label.custom-radio {
        padding: 2px 4px 6px 28px;
        border-radius: 4px;
    }
    .ui-from-block .col-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .fieldset-form .form-control {
        height: 46px;
        font-size: 15px;
    }
    .fieldset-form textarea.form-control,
    .custom-field textarea.form-control {
        height: 120px;
    }
    .fieldset-form label {
        font-size: 12px;
    }
    .fieldset-form {
        margin-bottom: 18px;
    }
    .header-title.sm-header-title {
        margin-bottom: 20px;
    }
    .primeplustext i {
        font-size: 7px;
    }
    .description-block-listing .tab-content > div {
        margin-bottom: 20px;
    }
    .info h5 {
        margin-bottom: 10px;
    }
    .description-block-listing .tab-content {
        padding: 0px;
    }
    .description-block-listing {
        padding-top: 10px;
    }
    .info p {
        margin-bottom: 5px;
    }
    .info ul li {
        margin-bottom: 4px;
    }
    .info ul li::before {
        width: 6px;
        height: 6px;
        top: 8px;
    }
    .description-block-listing .tab-content > div:first-child h5 {
        display: none;
    } /*Login Page*/
    .final-touch-title .mob-fluid {
        flex: 0 0 100%;
        max-width: 100%;
        -ms-flex: 0 0 100%;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .login-block,
    .reset-block {
        margin-bottom: 30px;
        height: auto;
    }
    .login-myaccount {
        padding: 46px 0;
    } /* Cart page */
    .list-perfect-touch ul li {
        padding: 12px 0;
    }
    .perfect-touch h3 {
        margin-bottom: 8px;
    }
    .btn-block-touch .btn-green-primary {
        font-size: 13px;
        padding: 0 14px;
        height: 36px;
        line-height: 36px;
    }
    .perfect-touch {
        padding: 16px 14px 26px 14px;
    }
    .btn-block-touch span.error-msg {
        margin-left: 28px;
        position: absolute;
        left: 2px;
        top: -6px;
    }
    .btn-block-touch {
        padding-top: 16px;
        position: relative;
    }
    .list-prices-block li {
        font-size: 16px;
    }
    .block-total-group {
        margin-bottom: 18px;
    }
    .product-images {
        max-width: 82px;
    }
    .productinfooptions {
        width: calc(100% - 84px);
    }
    .product-name-options a {
        font-size: 14px;
    }
    .colorproduct {
        font-size: 12px;
    }
    .price-product {
        margin: 6px auto;
    }
    .price-product p {
        font-size: 14px;
    }
    .special-orders .item-info-shopping {
        padding-top: 12px;
        padding-bottom: 12px;
        align-items: flex-start;
    }
    .product-images {
        padding-top: 10px;
    }
    .qtyinput {
        bottom: 25px;
    }
    .product-images img {
        display: block;
        margin: auto;
        max-width: 100%;
        height: 110px;
        object-fit: contain;
    }
    .productinfooptions {
        padding: 10px 10px 10px 18px;
    }
    .already-guest-account {
        min-width: 200px;
    }
    .billing-info {
        margin-bottom: 12px;
        height: auto;
    }
    .block-ui-address {
        padding: 22px 14px 20px 14px;
    }
    .invoice-price,
    .invoice-total,
    .invoice-id {
        display: none;
    }
    .billing-info h4 {
        padding: 10px 12px;
        font-size: 15px;
    }
    .complete-address-order {
        padding: 10px;
    }
    .complete-address-order p {
        font-size: 13px;
    }
    .table-tracking thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .have-account {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .order-info h3 {
        font-size: 22px;
    }
    .table-tracking table td {
        border-bottom: 1px solid #ececec;
    }
    .table-tracking table td:last-child {
        border-bottom: none;
    }
    .table-tracking tr {
        display: flex;
        margin-bottom: 10px;
        border: 1px solid #ececec;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 2px 6px;
    }
    .table-tracking table {
        border: none;
    }
    .table-tracking table td:before {
        content: "ID: ";
        position: absolute;
        left: 6px;
        top: 5px;
        font-weight: 600;
        width: 92%;
    }
    .table-tracking table td:nth-child(1):before {
        content: "Tracking ID: ";
    }
    .table-tracking table td:nth-child(2):before {
        content: "Date / Time: ";
    }
    .table-tracking table td:nth-child(3):before {
        content: "Package: ";
    }
    .table-tracking table td:nth-child(4):before {
        content: "Status: ";
    }
    .table-tracking table td:nth-child(1) {
        width: 100%;
    }
    .table-tracking table td:nth-child(2) {
        width: 100%;
    }
    .table-tracking table td:nth-child(3) {
        width: 100%;
        border-bottom: none;
    }
    .table-tracking table td:nth-child(4) {
        width: 100%;
        border-bottom: none;
    }
    .billingBlock {
        margin-bottom: 4px;
    }
    .table-tracking {
        margin-bottom: 8px;
    }
    .shipmentTable .ship-num {
        position: absolute;
        left: 2px;
        top: -14px;
        padding: 5px 16px;
        font-size: 12px;
        background: #d9d9d9;
        margin: 0;
        display: inline-block;
        margin-left: 6px;
        border-radius: 6px;
        margin-bottom: 4px;
        font-weight: 600;
        width: auto;
    }
    .invoiceTable .row-list {
        margin: 25px 0 20px 0;
    }
    .invoiceTable .row-list .shipmentTable {
        padding-top: 16px;
    }
    .invoiceTable .order-info {
        font-size: 16px;
        text-align: center;
        top: -20px;
        left: 10px;
    }
    .order-not-found {
        padding: 8px 10px;
        font-size: 12px;
        position: relative;
    }
    .invoiceTable {
        border: none;
    }
    .invoiceTable .subTitle {
        position: initial;
    }
    .orderDetailsBlock .text {
        font-size: 15px;
    }
    .shipmentTable .ship-info {
        width: 100%;
        font-size: 12px;
        padding-left: 8px;
        text-align: left;
        margin-top: 6px;
    }
    .shipmentTable .ship-method {
        width: 100%;
        text-align: left;
        padding-top: 10px;
        padding-left: 8px;
    }
    .ship-method strong {
        display: inline-block;
    }
    .shipmentTable,
    .ship-method span,
    .shipmentTable .ship-num {
        font-size: 12px;
    }
    .ship-info span {
        margin: 0px;
    }
    .rowdata .invoice-items:before,
    .rowdata .invoice-qty:before {
        content: "Item";
        display: block;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        color: #000;
        margin-bottom: 2px;
    }
    .invoice-items {
        width: 80%;
    }
    .rowdata div,
    .invoiceTable .subTitle div {
        text-align: left;
        font-size: 12px;
    }
    .rowdata .invoice-qty:before {
        content: "QTY";
    }
    .invoiceTable .invoice-qty {
        width: 100%;
    }
    .orderDetailsBlock .text,
    .orderDetailsBlock .label {
        width: 50%;
    }
    .orderDetailsBlock .label {
        text-align: left;
    }
    .rowterms div {
        padding: 8px 11px;
    }
    .exploreblock {
        width: 100%;
        display: none;
        padding: 0 15px;
    }
    .searchcatitems {
        padding: 0px;
        margin: 0px;
    }
    .ss-results .productBlockContainer .swatches .product_swatch li {
        margin: 0 0 6px 3px !important;
    }
    body .ss-summary-reset .ss-list-link {
        padding: 2px 4px !important;
        font-size: 11px;
    }
    .ss-slideout-toolbar .ss-summary .ss-summary-container {
        padding-top: 20px !important;
        font-size: 14px;
    }
    #searchspring-slideout_container.ss-slideout_show {
        font-size: 14px;
    }
    .order-info {
        margin-bottom: 20px;
    }
    .block-right-address {
        position: initial;
    }
    .login-btn-action.pass-logout-btn {
        width: 100%;
        margin-top: 10px;
    }
    .block-billing-shipping .login-btn-action a.btn {
        font-size: 12px;
        margin-left: 6px;
    }
    .inner-head-ui {
        padding: 8px;
    }
    .table-responsive-block thead tr {
        display: none;
    }
    .table-responsive-block tbody tr td {
        padding-left: 42% !important;
        width: 100% !important;
    }
    .table-responsive-block tbody tr {
        margin-bottom: 10px;
        border: 1px solid #ececec;
    }
    .table-responsive-block tbody tr td:before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        top: 0;
        padding: 8px 10px;
        font-weight: 600;
        font-size: 12px;
        width: 40%;
        text-transform: capitalize;
    }
    .card-inner-block {
        padding: 14px 12px;
    }
    .modal-header-side h4 {
        font-size: 16px;
    }
    .left-odr-detail {
        text-align: left;
        max-width: 100%;
        padding-top: 8px;
    }
    .order-mo-block h2 {
        font-size: 24px;
    }
    .block-ui-address {
        padding: 16px 12px;
    }
    .order-title-block .btn-outline-primary {
        font-size: 14px;
        margin-top: -4px;
        padding: 4px 10px;
    }
    .billingBlock .col-6.mb-30 {
        margin-bottom: 2px;
    } /* Homepage Start */
    .feature-box-ui a img {
        max-width: 36px;
    }
    .feature-content-right p {
        padding-right: 0px;
    }
    .header-row {
        margin-bottom: 5px;
    }
    .right-block-header ul li a {
        width: 28px;
        height: 28px;
        background: #fdf1fd;
        border-radius: 100%;
        padding-top: 0px;
        line-height: 28px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .right-block-header ul sup {
        left: 13px;
        top: -6px;
    }
    .right-block-header ul li {
        padding: 0 6px;
    }
    .brand-block .row-block .c-4 {
        padding: 0 5px;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 12px;
    }
    .brand-block .row-block .c-4:last-child {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .brand-box-ui a:before {
        width: 100%;
    }
    .brand-block {
        padding: 20px 0 20px 0;
    }
    .shpteesoverlay-content h4 {
        font-size: 28px;
        line-height: 33px;
    }
    .shpteesoverlay-content p {
        font-size: 14px;
    }
    .block-shop-ui a:before {
        width: 100%;
        top: 0;
        margin-top: 0px;
        border-radius: 6px;
    }
    .block-shop-ui a:hover:before {
        transform: none;
    }
    .content-short-block {
        padding: 0 8px;
    }
    .right-block-header ul li a > span {
        display: none;
    }
    .con {
        border: 1px solid #aaa;
        width: 70px;
        height: 30px;
    }
    .ss-recs {
        padding: 0 12px !important;
    }
    .logo-main {
        position: absolute;
        left: -75px;
        right: 0;
        max-width: 182px;
        margin: auto;
    }
    .nav-right-block-head a.ui-btn-nav {
        text-align: left;
    }
    .perunit-list {
        font-size: 10px;
        line-height: 20px;
    }
    span.text-easy {
        font-size: 18px;
    }
    .feature-content-right p {
        font-size: 16px;
    }
    .mobile-show.topblkbar a.ui-btn-nav {
        opacity: 1;
        transform: none;
        visibility: visible;
        position: inherit;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
    }
    .mobile-show .nav-right-block-head {
        display: flex !important;
        align-items: center;
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s ease-in-out;
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        top: 150%;
        transform: translateY(-50%);
        display: inline-block;
        width: 100%;
        font-size: 13px;
    }
    .mobile-show .nav-right-block-head.show,
    .mobile-show.topblkbar a.show {
        visibility: visible;
        opacity: 1;
        top: 50%;
    }
    .topblkbar {
        overflow: hidden;
    }
    .nav-right-block-head.headlefttop .bulk-discount-btn a.ui-btn-nav {
        padding-left: 27px;
    }
    .mobile-show.topblkbar a.ui-btn-nav {
        height: 44px;
    }
    .bx3 .brand-box-content h4 {
        line-height: 38px;
    }
    .mid-brand-box.tall-block {
        min-height: 70px;
    }
    .topbarheading h6 {
        font-size: 14px;
        margin: 0px;
    }
    .slideproductsnew {
        margin-bottom: 12px;
    }
    .topbarheading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 12px;
        padding: 5px 7px 4px 16px;
        min-height: 40px;
    }
    .topbarheading h6 img {
        margin-top: 0;
        max-width: 80px;
    }
    .qualityshirts li {
        width: 100%;
        margin-bottom: 11px;
        padding-left: 0;
        padding-right: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .qualityshirts li:before {
        left: 0;
    }
    .mobile-show a {
        padding: 0px 10px;
        color: #fff;
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s ease-in-out;
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        top: 150%;
        transform: translateY(-50%);
        display: inline-block;
        width: 100%;
        font-size: 13px;
    }
    .latest-banner {
        border-radius: 0px;
    }
    .mobile-show {
        display: block;
    }
    .desktop-show {
        display: none !important;
    }
    .topblkbar {
        min-height: 43px;
        z-index: 9;
    }
    /* Homepage End */
    .related-carousel .ss-profile-related-product {
        padding: 0 18px !important;
    }
    .attachement-query a {
        font-size: 12px;
    }
    button.post-message.btn-primary,
    .crm-simg label.attahment-btn {
        padding: 6px 20px;
        line-height: 16px;
        height: auto;
    }
    label.attahment-btn {
        margin: 0 8px;
    }
    label.attahment-btn {
        height: 37px;
        line-height: 35px;
    }
    .heading-block-update h1,
    section.about-block.gray-bg h1 {
        font-size: 22px;
    }
    .card-ui-block .card-body {
        padding: 18px 15px 15px 15px;
    }
    .card-header i.fa.fa-angle-down {
        font-size: 16px;
        top: -10px;
    }
    .card-header.collapsed i.fa.fa-angle-down {
        top: 2px;
    }
    .success-box.rate-msg {
        width: 100%;
        padding-top: 7px;
        padding-left: 0px;
    }
    label.custom-checkbox-ui {
        font-size: 12px;
    }
    .swatchheading {
        margin-bottom: 10px;
    }
    .cs-pagination a {
        font-size: 17px;
    }
    /* .head-blog h1{font-size: 22px;} */
    .head-blog .post-authour {
        padding-top: 2px;
    }
    .blog-detail p,
    .blog-detail li {
        font-size: 14px;
        line-height: 1.8;
    }
    .blog-detail li {
        margin-bottom: 10px;
    }
    .content-ui-block p {
        font-size: 14px;
        line-height: 1.8;
    }
    .content-ui-block h4 {
        font-size: 16px;
    }
    .block-form-contact {
        padding: 0px 0 50px 0px;
    }
    .contact-page {
        padding: 30px 0;
    }
    .block-form-contact h4 {
        font-size: 22px;
    }
    .contact-us-block {
        padding: 0px;
    }
    .block-form-contact {
        padding: 20px 15px 30px 15px;
    }
    .left-contact {
        border-radius: 0 0 6px 6px;
        padding: 30px 16px;
    }
    .info-content a {
        font-size: 14px;
    }
    .info-content {
        font-size: 12px;
    }
    .content-dis-info h6 {
        font-size: 12px;
    }
    .block-quilty-control {
        font-size: 11px;
        margin-top: 12px;
    } /*Checkout */
    .main-block-checkout {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .have-account {
        position: unset;
    }
    .address-box-check .name-tag h6 {
        font-size: 14px;
    }
    .address-box-check .name-tag span {
        padding: 2px 4px;
        font-size: 10px;
    }
    .name-tag small {
        margin-left: 10px;
        font-size: 12px;
    }
    .address-box-check address {
        font-size: 12px;
    }
    .billing-btn button.btn {
        padding: 4px 10px;
        font-size: 12px;
        border-radius: 2px;
    }
    .btn-change-ui .btn {
        padding: 0px 8px;
        font-weight: 500;
        border-color: #d6d6d6;
        font-size: 13px;
        height: 29px;
        line-height: 27px;
    }
    .view-filed-info {
        font-size: 12px;
    }
    .btn-change-ui {
        position: absolute;
        top: 12px;
        right: 11px;
    }
    .same-billing-address .btn {
        font-size: 12px;
        padding: 0px 10px;
        margin-top: 5px;
        height: 30px;
        line-height: 30px;
    }
    .preview-checkout .fieldset-form .form-control {
        height: 38px;
    }
    .same-billing-address {
        align-items: flex-start;
    }
    .same-billing-address label.custom-checkbox-ui-v1 {
        font-size: 12px !important;
    }
    .preview-checkout.shipment-info {
        padding-top: 22px;
        padding-bottom: 20px;
    }
    .btn-block-address .btn {
        padding: 0 18px;
        font-size: 14px;
        border-radius: 3px;
    }
    .preivew-address-price label.custom-radio {
        font-size: 12px;
    }
    .payment-block-info .btn-block-address {
        padding-left: 44px;
    }
    .paypal-payment .simple-payment img {
        width: 48px;
        height: 21px;
    }
    .btn-add a {
        font-size: 14px;
    }
    .payment-block-info .sezzle-payment .radio-content {
        font-size: 10px;
        align-items: center;
    }
    .payment-block-info
        .custom-radio
        input[type="radio"]:checked
        ~ .preview-payment-radio {
        margin-left: -6px;
    }
    .complete-order button.btn {
        width: 100%;
        justify-content: center;
    }
    .checkout-disc {
        max-width: 100%;
        flex: 0 0 100%;
        padding-right: 15px;
    }
    .block-login h4.title {
        font-size: 15px;
    }
    .info-login-block {
        padding-top: 5px;
    }
    .mob-reverse {
        flex-direction: column-reverse;
    }
    .checkout-page {
        padding: 30px 0;
        margin: 0 0 70px 0;
    }
    .complete-order button.btn {
        font-size: 16px;
        padding: 12px 50px;
        border-radius: 3px;
    }
    .price-block-detail li {
        padding: 5px 0;
    }
    .price-block-detail li.total-balance {
        font-size: 14px;
    }
    .box-hassle-discount {
        transform: scale(0.5);
        margin-left: 0;
        transform-origin: left center;
        margin-bottom: -70px;
        margin-top: -50px;
    }
    .discount-offer .card-ui-block {
        padding: 10px 14px;
    }
    .flat-title img {
        max-width: 280px;
        display: block;
        margin: 0 auto;
    }
    .flat-title {
        top: -30px;
    }
    .discount-shipping {
        padding: 54px 10px 20px 10px;
    }
    .discount-shipping h3 {
        font-size: 22px;
    }
    .discount-shipping h5 {
        font-size: 50px;
    }
    .discount-shipping h5 sup {
        font-size: 23px;
        top: -21px;
    }
    .ship-note {
        font-size: 14px;
    }
    .ship-note {
        margin: 2px auto 28px;
    }
    .tems-box p {
        font-size: 13px;
        line-height: 1.7;
    }
    .tems-box h3 {
        font-size: 14px;
    }
    .blog-detail h3 {
        font-size: 18px;
        margin: 13px 0px 6px;
    }
    .icon-astrological {
        width: 60px;
        height: 60px;
    }
    .icon-astrological img {
        max-height: 30px;
        max-width: 30px;
    }
    .head-blog {
        margin-bottom: 18px;
    }
    .block-thankyou h1 {
        font-size: 38px;
    }
    .block-thankyou label {
        font-size: 18px;
        padding: 6px 20px;
        border-radius: 3px;
    }
    .block-thankyou p {
        font-size: 13px;
    }
    .thankyou-page .card-ui-block {
        padding: 10px 12px;
    }
    .block-thankyou {
        margin: 20px auto;
    }
    .item-thankyou-table table th,
    .item-thankyou-table table td {
        padding: 10px 20px;
        font-size: 12px;
    }
    .summary-thankyou ul li {
        padding: 8px 10px;
        font-size: 13px;
    }
    .thankyou-page h3 {
        font-size: 16px;
    }
    .thankyou-page {
        padding: 30px 0 80px 0;
    }
    .page-error-404 .mt-5.text-center {
        margin-top: 25px !important;
    }
    .page-error-404 img.error-img {
        top: -126px;
    }
    .message-block h1 {
        font-size: 26px;
        margin-bottom: 8px;
    }
    .message-block {
        padding: 50px 0;
    }
    .message-block figure i.fas {
        width: 80px;
        height: 80px;
        font-size: 30px;
    }
    .message-block p {
        font-size: 14px;
    }
    .alert.alert-checklist {
        padding: 10px 20px 10px 10px;
        width: 100% !important;
    }
    .alert.alert-checklist .btn-close.clsebtn {
        padding: 12px;
    }
    .alert.alert-checklist h4 {
        font-size: 14px;
        display: flex;
        align-items: center;
    }
    .alert-checklist ul {
        padding-left: 46px;
    }
    .alert-checklist ul {
        font-size: 12px;
    }
    .alert.alert-checklist p {
        padding-left: 27px;
        font-size: 12px;
    }
    .decfabblock.desktop-hide {
        margin-top: 24px;
    }
    .step-block .card-ui-block {
        padding: 20px 20px;
    }
    .step-checkout-modal {
        align-items: flex-start;
    }
    .step-checkout-modal a {
        font-size: 10px;
    }
    .btn-modal-block {
        justify-content: center;
    }
    .btn-modal-block .btn {
        min-width: 130px;
    }
    .block-step-checkout {
        height: calc(100vh - 135px);
    }
    .thankyou-block .block-thankyou figure img {
        max-width: 60px;
    }
    .thankyou-block .block-thankyou figure {
        margin-bottom: 10px;
    }
    .thankyou-block .block-thankyou h1 {
        font-size: 32px;
        margin-bottom: 4px;
    }
    .thankyou-block .block-thankyou label {
        margin-bottom: 12px;
    }
    .getnow-cheap .col-sm-4 {
        width: 50%;
        margin-bottom: 30px;
    }
    .fluid-btn-cheap figure img {
        margin: 0 10px;
    }
    .list-brand-attach {
        max-width: 290px;
    }
    .finalclear-block .content-ui-blow h4 {
        padding-left: 50px;
        margin-left: 0px;
    }
    .content-ui-blow h4 {
        font-size: 16px;
    }
    .box-blow-ui {
        padding-top: 60px;
    }
    .blowbargin-block {
        padding-top: 50px;
    }
    .preview-summery-group .list-row {
        font-size: 12px;
        margin-bottom: 8px;
    }
    .discount-info-groups {
        font-size: 10px;
    }
    .box-wrap-summery {
        padding: 16px 15px 16px 7px;
    }
    .shipment-counter {
        left: 12px;
    }
    .special-orders .item-info-shopping:before {
        width: calc(100% - 20px);
    }
    .description-block-listing .tabbing-disc {
        display: none;
    }
    .description-block-listing .tab-content > .tab-pane {
        display: block;
        opacity: 1;
    }
    .fisrt_haf h4 {
        font-size: 13px;
    }
    .thankMsg {
        font-size: 14px;
    }
    .thankMsg span {
        font-size: 13px;
    }
    .daily_sec {
        padding: 11px;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 38px;
    }
    .second_haf {
        padding: 25px 10px;
    }
    .exclu_item img {
        max-height: 23px;
        max-width: 30px;
    }
    .newlmodal {
        border-bottom: 5px solid #fff;
    }
    .wrap_exclu {
        padding: 30px 0 0;
    }
    .second_haf {
        min-height: auto;
    }
    .exclu_item p {
        font-size: 10px;
        padding: 0 10px;
        margin-top: 10px;
    }
    .exclu_item p br {
        display: none;
    }
    .emailsubscribe.subscribe-number {
        flex-wrap: wrap;
        padding-right: 0;
        background: transparent;
        border-radius: 0;
    }
    .emailsubscribe .phone-field,
    .email-field {
        width: 100%;
    }
    .emailsubscribe .phone-field {
        margin: 8px 0;
    }
    .emailsubscribe button[type="button"] {
        padding: 0 12px;
        font-size: 13px;
        position: inherit;
        width: 100%;
        height: 40px;
    }
    .middle-half {
        padding: 12px 15px;
    }
    .custo-divmoda {
        padding: 30px 0;
    }
    .middle-half p {
        font-size: 12px;
    }
    .fisrt_haf {
        padding-top: 40px;
    }
    .headingnewsh1 {
        font-size: 21px;
        line-height: 26px;
        margin-bottom: 6px;
    }
    .errorpage h1 {
        font-size: 120px;
        line-height: 140px;
    }
    .errorpage p {
        font-size: 13px;
    }
    .title-resale h6 {
        font-size: 14px;
        margin: 0 0 12px 0;
        line-height: 1.4;
    }
    section.sitemap_list-block ul li {
        flex: 0 0 100%;
        max-width: 100%;
    }
    section.sitemap_list-block ul li a {
        padding-top: 4px;
        padding-bottom: 4px;
    }
    section.sitemap_list-block ul li a:before {
        top: 10px;
        left: 2px;
    }
    body #searchspring-content {
        display: inline-block;
        width: 100%;
        min-height: 70vh;
    }
    .sitemap_list-block nav.flex.items-center a,
    .sitemap_list-block nav.flex.items-center span > span > span {
        margin: 0 2px !important;
        display: inline-flex;
        height: 30px !important;
        padding: 7px 2px !important;
        line-height: 13px !important;
        font-size: 12px;
        min-width: 18px;
        text-align: center;
        justify-content: center;
    }
    .sitemap_list-block
        nav.flex.items-center
        .hidden.sm\:flex-1
        > div:first-child {
        width: 100%;
        text-align: center;
        margin-bottom: 10px !important;
        font-size: 13px;
    }
    .emailsubscribe button[type="button"] {
        padding: 0 12px;
        font-size: 13px;
    }
    .emailsubscribe input[type="text"] {
        padding: 0 130px 0 10px;
        font-size: 13px;
    }
    .fisrt_haf h4 {
        font-size: 13px;
    }
    .thankMsg {
        font-size: 14px;
    }
    .thankMsg span {
        font-size: 13px;
    }
    .newlmodal {
        border-bottom: 5px solid #fff;
    }
    .emailsubscribe.subscribe-number {
        flex-wrap: wrap;
        padding-right: 0;
        background: transparent;
        border-radius: 0;
    }
    .emailsubscribe .phone-field,
    .email-field {
        width: 100%;
    }
    .emailsubscribe .phone-field {
        margin: 8px 0;
    }
    .emailsubscribe button[type="button"] {
        padding: 0 12px;
        font-size: 13px;
        position: inherit;
        width: 100%;
        height: 40px;
    }
    .newsletter-modal {
        display: block;
        padding: 20px 0;
        overflow: auto;
    }
    .middle-half {
        padding: 8px 15px;
    }
    .middle-half p {
        font-size: 12px;
    }
    .fisrt_haf {
        padding-top: 40px;
    }
    .newsletter-modal .thankMsg {
        font-size: 22px;
    }
    .newsletter-modal .thankMsg span {
        font-size: 16px;
    }
    .block-price-newsletter figure {
        margin-bottom: 40px;
    }
    .block-price-newsletter {
        padding-top: 24px;
    }
    .logo-left-cheap {
        text-align: left;
    }
    .cheap-fig-right {
        display: block;
        float: right;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .logo-left-cheap img {
        width: 142px;
    }
    .newbadge {
        left: auto;
        right: 70px;
        width: 60px;
        height: 34px;
        font-size: 16px;
        line-height: 28px;
        top: -5px;
    }
    .row-feature-ui a.col-feature {
        flex: 0 0 50%;
        border-right: 1px solid #929292;
        margin-left: -1px;
    }
    body
        .ss-recs
        .ss-recs-item-controls-container
        .ss-recs-item-controls-arrow {
        width: 30px;
        height: 30px;
    }
    .ss-recs
        .ss-recs-item-controls-container
        .ss-recs-item-controls-arrow.left
        .prev,
    .ss-recs
        .ss-recs-item-controls-container
        .ss-recs-item-controls-arrow.right
        .next {
        background-size: 7px;
    }
    .ss-recs
        .ss-recs-item-controls-container
        .ss-recs-item-controls-arrow.right {
        right: -8px !important;
    }
    .ss-recs
        .ss-recs-item-controls-container
        .ss-recs-item-controls-arrow.left {
        left: -9px !important;
    }
    body .ss-recs {
        margin-bottom: 20px;
    }
    .topbarheading a {
        font-size: 12px;
        height: 42px;
        line-height: 42px;
        font-size: 12px;
        padding: 0px 6px 0px 18px;
    }
    .block-quality-direct h3 {
        font-size: 28px;
        line-height: 36px;
    }
    .block-quality-direct ul li h5 {
        font-size: 18px;
    }
    .block-quality-direct ul li p {
        font-size: 14px;
        line-height: 20px;
    }
    .block-banner-content {
        position: relative;
        max-width: 100%;
        clip-path: inherit;
        padding: 22px 24px;
        text-align: center;
        justify-content: center;
    }
    .block-banner-content figure img {
        max-height: 20px;
    }
    .block-banner-content h4 {
        font-size: 28px;
        line-height: 28px;
    }
    .block-banner-content p {
        font-size: 16px;
        margin-bottom: 10px;
    }
    a.border-btn-white {
        height: 42px;
        border-width: 2px;
        font-size: 16px;
        line-height: 38px;
    }
    .head-home-block {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .bannermain {
        margin-bottom: 15px;
        margin-top: 14px;
    }
    .head-home-block {
        padding-top: 5px;
        padding-bottom: 20px;
    }
    .homepage-carousel .productBlockContainer {
        width: 100%;
    }
    ul.bannerslide {
        margin-top: 0px;
    }
    .getnow-cheap .col-xs-4 {
        width: 50%;
        margin-bottom: 30px;
    }
    /*collapse footer*/
    .footer-openlogoup {
        display: block !important;
        background: #313131;
        padding: 19px 45px;
        color: #fff;
        font-weight: 500;
        position: relative;
        cursor: pointer;
        bottom: 0px;
        z-index: 31;
        font-size: 15px;
    }
    .footer-openlogoup span {
        width: 26px;
        height: 26px;
        display: inline-block;
        position: absolute;
        left: 10px;
        top: 0;
        bottom: 0;
        margin: auto;
        background: url(/assets/images/p-symbol.svg);
        background-size: 13px;
        background-repeat: no-repeat;
        background-position: center center;
        border: 1px solid #fff;
        border-radius: 50%;
    }
    .footer-openlogoup span.closefooter {
        width: 26px;
        height: 26px;
        margin: auto;
        background-image: url(/assets/images/m-symbol.svg);
        background-size: 15px;
    }
    .footer-card {
        display: none;
    }
    footer .footer-card.showlatestfooter {
        display: block;
        overflow-y: scroll;
        max-height: calc(100vh - 127px);
        /* position: relative;
        bottom: 60px;
        top: 0; */
    }
    /*cookiebar*/
    .cookiesbar {
        padding: 10px 15px;
    }
    body.general-sale-active .uwy.userway_p5 .uai {
        bottom: 75px !important;
    }
    body.general-sale-active.togglesale .uwy.userway_p5 .uai,
    body.general-sale-active.togglesale.footer-show .uwy.userway_p5 .uai {
        bottom: 160px !important;
    }
    body.footer-show .uwy.userway_p5 .uai {
        bottom: 70px !important;
    }
    body.general-sale-active.footer-show .uwy.userway_p5 .uai {
        bottom: 129px !important;
    }
    body.cookie-active .uwy.userway_p5 .uai {
        bottom: 100px !important;
    }
    body.togglesale.footer-show .uwy.userway_p5 .uai {
        bottom: 70px !important;
    }
    body.footer-show.cookie-active .uwy.userway_p5 .uai {
        bottom: 130px !important;
    }
    .general-sale-active .footer-openlogoup {
        bottom: 0px;
    }
    .action input {
        font-size: 12px;
        line-height: normal;
        padding: 5px 6px;
        height: auto;
    }
    .ss-results
        .productBlockContainer
        .swatches
        .product_swatch
        li
        .swatch-wrapper,
    .ss-results .productBlockContainer .swatches .product_swatch li:before {
        height: 18px;
    }
    .table-responsive-block tbody tr td {
        padding-left: 37% !important;
    }
    /*banner update*/
    .ad-cheap-blog1 img {
        max-width: 150px;
        width: 100%;
    }
    .ad-cheap-blog2 a {
        font-size: 14px;
        padding: 13px 18px;
    }
    .payment-newblock .preview-payment-radio {
        width: 70%;
    }
    #divAddrressValidator button.btn.btn-default {
        display: none;
    }
    .form-order-ui {
        max-width: 100%;
    }
    .order-not-found {
        padding: 8px 10px;
        font-size: 12px;
        position: relative;
    }
    /*new chages 21*/

    .rowterms div {
        padding: 10px !important;
    }
    .innerwhite {
        padding: 20px 10px;
        margin-top: 20px;
    }
    .tracking-order-table .shipmentTable .ship-num {
        width: 100%;
        text-align: left;
        padding: 4px 8px;
        font-size: 10px;
        width: auto !important;
        float: none;
        background: #d9d9d9;
        margin: 0;
        display: inline-block;
        margin-left: 6px;
        border-radius: 6px;
        margin-bottom: 4px;
        font-weight: 600;
    }
    .tracking-order-table .shipmentTable .ship-info {
        width: 100%;
        font-size: 12px;
        padding-left: 8px;
        text-align: left;
        margin-top: 6px;
    }
    .tracking-order-table .ship-info span {
        margin: 4px 0 0px 0;
    }
    .tracking-order-table .shipmentTable .ship-method {
        width: 100%;
        text-align: left;
        padding-top: 10px;
        padding-left: 8px;
    }
    .tracking-order-table .ship-method span {
        font-size: 12px;
    }
    .invoiceTable .rowdata {
        margin-bottom: 0;
        background: #ffffff;
    }
    #orderHistoryView .rowdata .invoice-items:before,
    #orderHistoryView .rowdata .invoice-qty:before {
        content: "Item";
        display: block;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        color: #000;
        margin-bottom: 2px;
    }
    #orderHistoryView .rowdata .invoice-qty:before {
        content: "QTY";
    }
    .tracking-order-table .shippad p {
        font-size: 13px;
    }
    .tracking-order-table .billingBlock .col-sm-6 {
        width: 100%;
        margin-bottom: 15px;
    }
    #orderHistoryView .invoice-id {
        display: none;
    }
    #orderHistoryView .invoice-items {
        width: 80%;
    }
    #orderHistoryView .invoice-price {
        display: none;
    }
    #orderHistoryView .invoice-qty {
        width: 20%;
        text-align: center;
    }
    #orderHistoryView .invoice-total {
        display: none;
    }
    .billingBlock {
        margin-bottom: 0px;
    }
    .table-tracking thead {
        display: none !important;
    }
    .orderDetailsBlock .right-col {
        width: 100%;
    }
    .info-address .shippad {
        padding: 0px;
    }
    .tracking-order-table #orderHistoryView .label {
        min-width: 127px;
    }
    .tracking-order-table .innerwhite {
        padding: 32px 15px 16px 15px;
    }
    .tracking-order-table #orderHistoryView h4 {
        margin-top: 0px !important;
    }
    .tracking-order-table .shipmentTable .ship-num {
        position: absolute;
        left: 2px;
        top: -14px;
        padding: 5px 16px;
        font-size: 12px;
    }
    .tracking-order-table .row-list {
        margin: 30px 0;
    }
    .tracking-order-table .row-list .shipmentTable {
        padding-top: 16px;
    }
    .tracking-order-table .order-info {
        font-size: 16px;
        text-align: center;
        top: -20px;
        left: 10px;
    }
    .invoiceTable .titles2 {
        position: initial;
    }
    .bannermain .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: -10px;
    }
    .bannermain .owl-theme .owl-controls .owl-buttons .owl-next {
        right: -10px;
    }
    .head-home-block {
        padding-top: 5px;
        padding-bottom: 20px;
    }
    a.forgotlink {
        height: 23px;
        line-height: 21px;
        font-size: 10px;
        top: 8px;
    }
    .modal-body .submit-form .mob-fluid {
        width: unset;
        max-width: unset;
        flex: unset;
    }
    section.page-block .breadcrumbcat {
        padding: 10px 15px 5px;
    }
    .page-block .page-contet {
        padding: 0px;
    }
    .ups-trackingModule .formField.ups-terms label,
    .ups-disclaimer {
        font-size: 13px !important;
    }
    .ups-trackingStatus table.customtable th {
        font-size: 14px;
        padding: 10px 18px;
    }
    .ups-trackingStatus table.customtable td {
        padding: 8px 15px !important;
        font-size: 12px;
    }
    .ups-trackingModule-btn .btn-primary,
    .ups-trackingModule-btn .btn-secondary {
        padding: 6px 13px;
        font-size: 14px;
    }
    .spring-deals {
        height: 60px;
        padding: 7px 12px;
        width: 100%;
        background: #000;
        position: relative;
        text-align: left;
    }
    .showmobil {
        display: inline-block;
        vertical-align: middle;
    }
    .new_footer {
        width: 100%;
    }
    .cust_inner {
        border-radius: 0;
        width: 100%;
        display: none;
        max-width: 100%;
    }
    .spring-deals h2 a {
        color: #d014d0;
        font-size: 18px;
        margin-bottom: 2px;
    }
    .spring-deals h2 {
        margin: auto;
        line-height: 24px;
    }
    .spring-deals p {
        margin: auto;
        color: #fff;
        font-size: 13px;
        line-height: 14px;
    }
    .spring-deals a.arrow {
        position: absolute;
        right: 58px;
        top: 27px;
        height: 11px;
        margin: auto;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    .spring-deals a img {
        display: block;
    }
    a.yellow-banner-close {
        display: none;
    }
    .showmobil a.yellow-banner-close {
        display: inline-block !important;
        position: absolute;
        right: 3px;
        top: 19px;
    }
    .img_cust-new {
        width: 100%;
    }
    .img_cust-new figure {
        display: inline-block;
        width: 183px;
        vertical-align: middle;
    }
    .img_cust-new img {
        height: auto;
    }
    .cust_inner .today_fini {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 3px;
    }
    .new_footer .cat-sale-timmer.subtext3 {
        display: block !important;
        position: static;
    }
    .subtext1,
    .subtext2,
    .detals_shop {
        display: none !important;
    }
    .cust_inner.show-shopdeal {
        display: block;
    }
    .spring-deals a.rotate {
        transform: rotate(180deg);
    }
    .card {
        font-size: 15px;
    }
    .flip-clock__slot {
        font-size: 10px;
    }
    .flip-clock__piece {
        line-height: 11px;
    }
    .card__back::after,
    .card__back::before,
    .card__bottom,
    .card__top {
        width: 31px;
    }
    .pri-cust h2 {
        font-size: 25px;
        line-height: 32px;
    }
    .pri-cust h4 {
        font-size: 21px;
    }
    .pri-cust strong {
        font-size: 16px;
    }
    .pri-cust ul li strong {
        margin-right: 3px;
    }
    .pri-cust p {
        font-size: 15px;
        line-height: 22px;
    }
    .txtBoxStyle {
        font-size: 13px;
    }
    .thankyou-page .card-ui-block.card-body {
        display: block;
        padding: 0px;
    }
    .thankyou-page .card-ui-block.card-body .col-7,
    .thankyou-page .card-ui-block.card-body .col-5 {
        max-width: 100%;
        padding: 0px;
    }
    .thankyou-page .customerInfo-block .thumb-thk {
        padding: 10px 13px;
        background: #fff;
    }
    .thankyou-page p strong {
        font-size: 16px;
    }
    .block-thankyou {
        padding: 10px 14px; /*margin-top: 0px;*/
        margin: 0px auto 50px;
    }
    .thankyou-page .item-thankyou-table thead tr th {
        font-size: 12px;
    }
    .block-thankyou h1 {
        font-size: 35px;
        margin-bottom: 0px;
    }
    .thankyou-page .item-thankyou-table {
        margin-bottom: 22px;
    }
    .upsTracking-tracking-details .detail-results {
        font-size: 15px;
    }
    .login-myaccount .card-ui-block .card-body {
        padding: 18px 15px 15px 15px;
    }
    .blog-detail h2 {
        font-size: 18px;
        margin-top: 13px;
    }
    .blog-page.gray-bg .blogprevnext {
        margin-top: 0px;
    }
    .login-myaccount,
    .message-block {
        min-height: calc(100vh - 280px);
    }
    .login-myaccount,
    .message-block {
        display: flex;
        align-items: center;
    }
    .ss-filter-container
        .ss-targeted
        .ss-targeted.ng-scope
        .ss-summary-container
        ul.ss-list,
    .ss-slideout_show .ss-facets.ss-targeted ul {
        font-size: 13px;
    }
    .wrapper-main .menu_links .page-contet .breadcrumbcat {
        padding: 0px 10px 15px 10px;
    }
    .block-billing-shipping .pass-logout-btn a.btn {
        display: inline-block;
        width: calc(100% / 2 - 7px);
        padding: 7px 5px;
        margin: 0px;
    }
    .login-btn-action .btn {
        font-size: 12px;
        padding: 5px 10px;
    }
    .figure-perfect-touch {
        display: none;
    }
    .page-contet.cat-footer h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .view-cart .row.view-cart-header {
        border: 0px solid;
    }
    .view-cart .row.view-cart-header .col-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .view-cart .row.view-cart-header .col-5 .product-head {
        border-bottom: 1px solid #ececec;
    }
    .view-cart .list-perfect-touch .btn-block-touch {
        text-align: right;
    }
    .return-page-banner h2 {
        font-size: 52px;
        margin-bottom: 10px;
    }
    .return-page-banner p {
        margin-top: 3px;
    }
    .free-return-page .banner-img img {
        min-height: 253px;
    }
    .return-page-banner h4 {
        font-size: 19px;
    }
    .free-return-page .c-container {
        width: 100%;
        padding: 0px 15px;
    }
    .returning-customer-coupon .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .offer-figure-post span {
        font-size: 13px;
    }
    .offer-figure-post label {
        font-size: 23px;
        line-height: 32px;
    }
    .offer-figure-post {
        width: 125px;
        height: 125px;
        background-size: cover;
        padding-top: 40px;
    }
    .offer-bg-price {
        height: 170px;
        width: 180px;
        background-size: 100% 100%;
        margin: 25px auto;
    }
    .offer-bg-price span {
        font-size: 34px;
        line-height: 35px;
    }
    .faster-period h4 {
        font-size: 37px;
    }
    .faster-period:after,
    .faster-period:before {
        height: 66px;
        width: 66px;
    }
    .cheap-logo {
        margin-bottom: 100px;
    }
    .view-cart .vcart-checkout-btn .checkoutbtn {
        height: 33px;
    }
    .message-block .card-ui-block .card-body {
        padding: 25px 15px;
    }
    .shipment-info a.refresh-btn {
        right: 18px;
        left: unset;
        top: -96px;
    }
    .shipment-info .col-10 {
        margin-top: 20px;
    }
    span.ads-matrix {
        font-size: 10px;
        margin: 3px 0px 0px;
    }
    .braintreecc-payment .col-12.mob-fluid .fieldset-form {
        width: 100%;
    }
    .mobile-show.topblkbar .nav-right-block-head.headlefttop {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
    }
    .mobile-show.topblkbar .nav-right-block-head.headlefttop .freeshiping-btn {
        width: 35%;
        margin: 0px;
        float: left;
    }
    .mobile-show.topblkbar
        .nav-right-block-head.headlefttop
        .bulk-discount-btn {
        width: 35%;
        margin: 0px;
        float: left;
    }
    .mobile-show.topblkbar .nav-right-block-head.headlefttop .freeshipping {
        width: 30%;
        margin: 0px;
        float: left;
        padding-left: 20px;
        padding: 0px;
    }
    .freeshipping .ship-btn {
        max-width: 150px;
        margin: auto;
    }
    .freeshipping .ship-btn .c-freeshpping {
        margin: auto;
        text-align: center;
    }
    .mobile-show.topblkbar .bulk-discount-btn {
        position: relative;
    }
    .freeshipping .ship-btn {
        height: 40px;
        max-width: 100%;
        -webkit-clip-path: polygon(
            89% 0,
            100% 50%,
            89% 100%,
            0% 100%,
            0 51%,
            0% 0%
        );
        clip-path: polygon(89% 0, 100% 50%, 89% 100%, 0% 100%, 0 51%, 0% 0%);
        border-radius: unset;
    }
    .nav-right-block-head.headlefttop .bulk-discount-btn a.ui-btn-nav:before {
        z-index: 999999;
    }
    .header-main .mobicons {
        margin: 0px;
    }
    .header-main {
        padding-top: 10px;
    }
    .topblkbar .tophead {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
        padding: 0px 10px;
    }
    .topblkbar .tophead li {
        width: 33.33%;
        padding: 0px 10px;
        position: relative;
    }
    .topblkbar .tophead li:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        right: 0px;
        top: 0px;
        background: #ddd;
    }
    .topblkbar .tophead li:last-child:after {
        content: unset;
    }
    .topblkbar .tophead li a {
        padding: 0px;
        width: 100%;
        opacity: 1;
        transform: none;
        visibility: visible;
        position: inherit;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        color: #ffffff;
    }
    .topblkbar .tophead .ship-btn {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
        width: 100%;
    }
    .topblkbar .shp-inner {
        margin-left: 10px;
        padding: 0px;
    }
    .topblkbar .shp-inner strong {
        font-weight: 600;
        font-size: 14px;
        width: 100%;
        display: block;
        line-height: 1;
        letter-spacing: 0px;
    }
    .topblkbar .shp-inner small {
        font-weight: 500;
        font-size: 12px;
        width: 100%;
        display: block;
        line-height: 1;
        padding-top: 3px;
        text-transform: capitalize;
    }
    .head-loction span {
        width: fit-content;
    }
    .topblkbar ul.tophead li,
    .topblkbar ul.tophead li.topshp-btn {
        max-width: 33.33%;
    }
    .head-loction {
        justify-content: flex-end;
    }
    .block-accordion-ui .swatches.product_swatch li {
        width: 16.66%;
    }
    label.regularprice {
        font-size: 28px;
    }
    .bestshipreturn figcaption {
        flex-wrap: unset;
        text-align: left;
    }
    .bestshipreturn ul li.whsl-price {
        display: none;
    }
    .bestshipreturn ul li.freeship-odr,
    .bestshipreturn ul li.easyreturn {
        width: 50%;
    }
    .bestshipreturn ul figure {
        height: 31px;
        width: 35px;
    }
    .bestshipreturn ul i {
        display: block;
    }
    .bestshipreturn ul span {
        font-size: 13px;
        margin-top: 0;
    }
    .bestshipreturn ul span br {
        display: none;
    }
    .bestshipreturn ul {
        flex-wrap: unset;
    }
    .bestshipreturn {
        margin-bottom: 8px;
    }
    body.general-sale-active.footer-show .admin-badge {
        bottom: 129px;
    }
    body.footer-show .admin-badge {
        bottom: 70px;
    }
    body.general-sale-active .admin-badge {
        bottom: 75px;
    }
    .adstock-nav .tab-content {
        display: none;
    }
    .adsstoct-product {
        height: 113px;
        right: 0px;
        opacity: 0.7;
    }
    .astock-social,
    .adstock-tutrial {
        text-align: left;
        margin-top: 15px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        border: none;
        justify-content: space-between;
    }
    .adstock-tutrial span {
        font-size: 14px;
        width: fit-content;
        margin-left: 4px;
        margin-top: 0px;
    }
    .astock-social a {
        width: 40px;
        height: 40px;
        line-height: 31px;
        margin-left: 10px;
    }
    .adstock-tutrial {
        max-width: 300px;
    }
    .astock-social {
        max-width: 192px;
        margin-left: auto;
        margin-right: auto;
    }
    .adstock-nav .nav a:after {
        background-image: url(/assets/images/p-tick.png);
    }
    .adstock-nav .nav a {
        color: #870087;
    }
    .adsstock-banner.adsstock-catbanner .adstock-nav .nav a.active:before {
        content: "";
    }
    .adsstock-catbanner .adstock-nav .nav a.active:after {
        background-image: url(/assets/images/p-tick.png);
    }
    .adsstock-catbanner .adstock-nav .nav a:after {
        background-image: url(/assets/images/b-tick.png);
    }
    .adsstock-catbanner .adstock-nav .nav a {
        color: #000;
    }
    .adsstock-catbanner .adstock-nav .nav a.active {
        color: #870087;
    }
    .slideproductsnew .owl-item {
        width: 100% !important;
        max-width: 350px !important;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0px;
    }
    .ss-results .productBlockContainer .swatches .product_swatch li {
        margin-bottom: 0px !important;
    }
    .productsview.slideproductsnew .owl-wrapper {
        width: 100% !important;
        transition: unset !important;
        transform: unset !important;
        display: block !important;
    }
    .product-item {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .fstpromo-container .owl-carousel .owl-stage-outer .item.product-item-list .product-item{
        display: block;
    }
    .product-item .img {
        height: 100%;
        min-height: auto;
    }
    .product-item .mainimg {
        width: 200px;
    }
    .product-item .img a {
        height: 100%;
        display: block;
    }
    .product-item .img a img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .product-item .name {
        margin-top: 7px;
    }
    .product-item .prdtitem-info {
        width: calc(100% - 200px);
    }
    .product-item .action .btn {
        font-size: 12px;
        padding: 5px 8px;
    }
    .product-item .action a.moreinfo {
        font-size: 12px;
    }
    .product-item .adspikup img {
        max-height: 9px;
        margin-right: 1px;
    }
    .productsview.slideproductsnew .owl-theme .owl-controls,
    .productsview.slideproductsnew .owl-theme .owl-controls .owl-buttons {
        display: none;
        margin: 0px;
    }
    .skelton-product-loader .product-item .aslowas {
        display: none;
    }
    .dt-bbanner {
        display: none;
    }
    .mob-bbanner img {
        width: 100%;
    }
    .mob-bbanner {
        display: block;
        margin-bottom: 15px;
        background: rgb(237 215 213);
        background: linear-gradient(
            90deg,
            rgba(244, 231, 231, 1) 0%,
            rgba(237, 215, 213, 1) 35%,
            rgba(237, 215, 213, 1) 100%
        );
    }
    .wlcust-lblock li {
        font-size: 16px;
    }
    .wlcust-lblock li:after {
        height: 18px;
        width: 18px;
        left: -24px;
        top: 2px;
    }
    .wlcust-lblock ul {
        padding-left: 25px;
    }
    .csoon-sticker {
        font-size: 10px;
    }
    .chosepymnt {
        flex-direction: column-reverse;
    }
    .payment-page {
        padding: 40px 0px;
        min-height: calc(100vh - 195px);
    }
    .payment-acct .samebill-address .billaddress .col-4.mob-fluid {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .skelton-product-loader .product-item {
        width: 100%;
        margin-bottom: 10px;
    }
    .skelton-product-loader .product-item:nth-child(4),
    .skelton-product-loader .product-item:nth-child(5) {
        display: flex;
    }
    .listing-block .skelton-product-loader .product-item:nth-child(1) {
        display: flex;
    }
    .listing-block .skelton-product-loader .product-item {
        display: none;
    }
    .skelton-product-loader .product-item:last-child {
        margin-bottom: 0px;
    }
    .skelton-product-loader .product-item .img {
        margin-bottom: 0px;
    }
    .productsview .owl-item .item {
        margin-bottom: 10px;
    }
    .owl_reorder .product-item .name + p {
        min-height: auto;
    }
    .prdt-itemdate {
        border-radius: 5px;
        margin: 6px 0px 0px;
        flex-wrap: wrap;
    }
    .product-item .rating-brand {
        height: auto;
    }
    .productaoinfo .modal-footer button#bulk-add_cart {
        width: 115px;
        margin: 0;
        height: 39px;
        font-size: 15px;
    }
    .cat-content {
        padding: 0;
    }
    .stock-content h1 {
        font-size: 22px;
        line-height: 26px;
    }
    .adstock-logo img {
        max-width: 170px;
    }
    .adstock-right {
        width: 235px;
    }
    .adstock-left {
        width: calc(100% - 235px);
    }
    .adstock-md {
        height: 68%;
    }
    .astock-social,
    .adstock-tutrial {
        margin-top: 10px;
    }
    .adstock-tutrial span {
        font-size: 16px;
        width: 100%;
        margin-left: 4px;
        margin-top: 11px;
        text-align: right;
        display: block;
    }
    .adstock-meet:after {
        width: 60px;
        height: 25px;
        top: 11px;
        left: -56px;
    }
    .adstock-nav .nav a.active:before {
        content: unset;
    }
    .homepage-inner .productsview .viewall {
        width: 100%;
        max-width: 140px;
        margin: 5px auto 10px;
        padding: 7px 7px;
        font-size: 15px;
        background-color: #870087;
        border-color: #870087;
    }
    .homepage-inner .productsview .owl-item:nth-child(n + 6),
    .homepage-inner .productsview.custom-slider .owl-item:nth-child(n + 4) {
        display: none;
    }
    .cat-gbtn {
        font-size: 14px;
    }
    .homepage-inner .sale-block-ui .item {
        width: 100%;
    }
    .invoiceTable.dtf-image .invoice-items {
        width: calc(80% - 70px);
    }
    .invoiceTable.dtf-image .invoice-dtf-img {
        width: 70px;
    }
    .invoiceTable.dtf-image .rowdata {
        align-items: flex-start;
    }
    .product-item-list.dtf-product-item .product-item {
        flex-direction: unset;
    }
    .dtf-product-item .adsfreeship {
        margin: 5px 0px 0px;
        font-size: 11px;
    }
    .dtf-product-item label.attahment-btn small br {
        display: none;
    }
    .product-item.dtf-product-item .total-rating a {
        margin: 5px 0px 0px;
    }
    .dtf-product-item label.attahment-btn {
        padding: 5px;
    }
    .dtf-product-item .adsfreeship {
        margin: 5px 0px 0px;
        font-size: 12px;
    }
    span.adsfreeship {
        font-size: 12px;
    }
    .price-section {
        margin: 0 0 5px;
    }
    .refund-sticker:after {
        padding: 2px;
        font-size: 10px;
    }
    .mob-sub-menu .has-sub-menu.active .submenu-web,
    .header ul li.has-sub-menu.active > a,
    .mob-menu {
        width: 100%;
        font-size: 13px;
    }
    .has-sub-menu.active .submenu-web button.close-submenu {
        left: unset;
        right: 10px;
    }
    .support-page-card .col-sm-6 {
        flex: 0 0 auto;
        max-width: 100%;
    }
    .support-page-banner p {
        font-size: 16px;
    }
    .support-page-banner ul {
        font-size: 13px;
        gap: 5px;
    }
    .support-page-banner ul figure {
        width: 70px;
        height: 70px;
    }
    .support-page-banner {
        margin: 15px 0;
    }
    .support-page-searchbar {
        margin: 20px 0px;
    }
    .support-page-card {
        margin: 0 0 20px;
    }
    .support-page-bottom-banner {
        margin-bottom: 20px 0px;
    }
    body #CybotCookiebotDialog * {
        font-size: 13px;
    }
    .new-suport-page .col-sm-6 {
        flex: 0 0 auto;
        max-width: 100%;
    }
    .new-suport-page .suport-item {
        padding: 25px 0px 0px;
    }
    .custom-brand-left {
        padding-left: 150px;
    }
    .latest-custom-logo {
        padding-left: 15px !important;
    }
    .banner-ui {
        padding-top: 72.6%;
        border-radius: 7px;
    }
    .box-loader-4,
    .box-loader-5 {
        display: none;
    }
    .head-offer-coupon-bottom label {
        font-size: 22px;
        line-height: 30px;
    }
    .head-offer-coupon-bottom h5 {
        font-size: 26px;
    }
    .favorite-itmodal .ads-matrix {
        font-size: 10px;
    }
    .favorite-itmodal .qtybox {
        font-size: 13px;
    }
    .cat-cartmodal .modal-header .modal-title {
        font-size: 15px;
    }
    .modal-dialog.cat-cartmodal .col-sm-5,
    .modal-dialog.cat-cartmodal .col-sm-7 {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 10px 0px;
    }
    .adsallreview-slider {
        margin-bottom: 15px;
    }
    .homepage-inner .adsstock-banner {
        display: none;
    }
    .banner-ui .adstock-left,
    .banner-ui .adstock-right {
        width: 100%;
        padding: 10px;
        margin: 0;
        justify-content: flex-start;
        display: flex;
        flex-wrap: wrap;
    }
    .astock-btn {
        width: 100%;
    }
    .adstock-nav {
        width: 100%;
    }
    .banner-ui .adstock-md {
        height: 100%;
        left: unset;
        right: 0;
    }
    .banner-ui .adsstock-banner {
        height: 100%;
        margin: 0;
    }
    .banner-ui .adsstoct-product {
        height: 95px;
        right: 0px;
        opacity: 1;
    }
    .banner-ui .adstock-nav ul.nav {
        width: 100%;
        max-width: 100%;
    }
    .banner-ui .adstock-tutrial span {
        text-align: left;
    }
    .banner-ui .adstock-tutrial {
        max-width: 100%;
    }
    .banner-ui .astock-meet {
        justify-content: center;
    }
    .banner-ui .adstock-md img {
        object-fit: contain;
    }
    .banner-ui .stock-content h1 {
        font-size: 28px;
        line-height: 35px;
    }
    .banner-ui .adstock-logo img {
        max-width: 205px;
    }
    .banner-ui .adstock-tutrial span {
        text-align: left;
        font-size: 18px;
        width: fit-content;
    }
    .banner-ui .adstock-meet:after {
        content: unset;
        width: 0;
    }
    .banner-ui .astock-social {
        margin-top: 30px;
    }
    .banner-ui .astock-btn .btn-primary {
        padding: 17px 26px;
        font-size: 17px;
        margin: 22px 0px;
    }
    .ads-cheap.adscheap-pickup.ovrstock {
        font-size: 14xp;
    }
    .product_swatch li,
    ul.productswatch li,
    .product-item .cat-swatches .showswatch {
        width: 21px;
        height: 21px;
        font-size: 13px;
    }
    ul.dwnloadimg-res li label.custom-checkbox-ui-v1 {
        min-width: auto;
    }
    .download-images > ul > li {
        padding: 0 10px 10px;
    }
    .downimg-prdtname {
        font-size: 16px;
        margin: 7px 0px;
    }
    .download-prdtimg p {
        font-size: 14px;
        margin: 6px 0px 0px;
    }
    .downloadimg-card ul.dwnloadimg-res {
        padding: 5px 10px;
    }
    .download-images h2 {
        flex-wrap: wrap;
        padding: 10px;
    }
    .img-dwnlodbtn {
        text-align: right;
        width: 100%;
        margin-top: 6px;
    }
    .img-dwnlodbtn .btn {
        font-size: 11px;
        margin: 4px 1px;
        padding: 7px 9px;
    }
    .header-block .searchBoxform {
        display: none;
    }
    .header-block .searchBoxform.hide-desktop {
        display: block;
        margin: 10px 0 0;
    }
    .header-block .searchBoxform.hide-desktop button.search-icon {
        position: absolute;
        right: 0px;
        top: 0px;
        height: 40px;
        border: 0px;
        background: var(--clr-pri);
        color: #fff;
        padding: 0px 10px;
        font-size: 15px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    .mob-sub-menu
        .tshirt-submenu
        .submenu-web.multi-submenu-web
        > .submenu-web-innr
        > ul
        > li {
        width: calc(50% - 5px);
    }
}
/* @media (max-width: 766px) {

  } */
@media (max-width: 670px) {
    .klaviyo {
        padding: 20px 10px 70px 6px;
        margin: 0 -11px -69px;
    }
    #orderHistoryView h4 {
        font-size: 15px !important;
        margin-top: 0px;
    }
    .tracking-order-table .billingBlock h4 {
        padding: 10px 12px !important;
        font-size: 15px !important;
    }
    .tracking-order-table .shippad {
        padding: 6px 12px 14px 12px;
    }
    .tracking-order-table .shippad p {
        font-size: 14px;
        margin-top: 4px;
    }
    .rowdata div,
    .invoiceTable .titles2 div {
        font-size: 12px;
        text-align: left;
    }
    .invoiceTable {
        border: 1px solid #ccc;
        padding: 0;
    }
    .invoiceTable .titles2 div {
        font-size: 14px;
        padding: 8px 10px;
    }
    #orderHistoryView .label {
        text-align: left;
    }
    .ups-trackingModule-btn .btn-primary,
    .ups-trackingModule-btn .btn-secondary {
        padding: 6px 10px;
        font-size: 13px;
    }
    .ups-tracking-number input {
        max-width: 100%;
        margin-top: 10px;
    }
    .blog-box figure {
        max-width: 100%;
        padding-right: 0px;
        width: 100%;
        height: 300px;
    }
    .blog-box .fig-blog-detail {
        max-width: 100%;
        padding: 10px;
    }
    .fig-blog-detail p {
        margin-bottom: 8px;
    }
    .content-block-print {
        padding: 22px 0 0 0;
    }
    .media-inqueries-banner-content {
        display: block;
        text-align: center;
    }
    .media-inqueries-banner .banner-mail-icon {
        margin: 0px 0px 15px 0px;
    }
    .media-inqueries-banner:after {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        background: #00000005;
        top: 0px;
        bottom: 0px;
        margin: auto;
    }
    .block-accordion-ui .swatches.product_swatch li {
        width: 20%;
    }
    .adscatbanner .adstock-catlogo img {
        max-width: 180px;
    }
    .cat-header .cat-image img.cat-mobile {
        display: block;
    }
    .cat-header .cat-image img.cat-desktop {
        display: none;
    }
    .wlcust-loginblock .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .wlcust-rblock h4 {
        font-size: 25px;
    }
    .wllogo img {
        max-width: 225px;
        margin-bottom: 25px;
    }
    .wlcust-loginblock {
        padding: 20px 0px;
    }
    .csoon-sticker {
        margin: 0 0 0 5px;
    }
    .favorite-itmodal table tr td {
        width: 15.8%;
    }
    .favorite-itmodal table tr td:first-child {
        width: 21%;
    }
    .cashcredit {
        flex-wrap: wrap;
    }
    .cookiesbar .acceptcookies {
        display: block;
        width: fit-content;
        line-height: 1;
        height: auto;
        margin: 5px 0px 0px;
    }
    .banner-ui .stock-content h1 {
        font-size: 23px;
        line-height: 31px;
    }
    .banner-ui .adstock-logo,
    .banner-ui .astock-btn {
        padding-left: 0;
    }
    .banner-ui .astock-social {
        margin-top: 15px;
    }
    .banner-ui .adstock-tutrial span {
        font-size: 16px;
    }
    .astock-social a {
        width: 36px;
        height: 36px;
        line-height: 26px;
    }
    .mob-sub-menu .has-sub-menu .submenu-web a {
        padding: 7px 10px;
    }
}
@media screen and (max-width: 600px) {
    .feature-cheap .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
    .heading-cheap-seller h3 {
        flex-wrap: wrap;
    }
    .feature-cheap {
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .box-feature-cheap figure {
        width: 130px;
        height: 130px;
        margin-bottom: 16px;
    }
    .box-feature-cheap p {
        font-size: 13px;
        max-width: 100%;
    }
    .comin-soon-cheap {
        height: 172px;
        margin-bottom: 14px;
    }
    .comin-soon-cheap img {
        max-height: 165px;
    }
    .heading-cheap-com p {
        font-size: 16px;
    }
    .getnow-cheap .col-sm-4 {
        width: 100%;
    }
    .heading-cheap-seller h3 {
        font-size: 29px;
        justify-content: center;
        margin-top: 0px;
    }
    .adscheap-sellers {
        padding-top: 30px;
    }
    .heading-cheap-seller h3:before {
        height: 10px;
        bottom: 4px;
    }
    .getnow-cheap {
        padding-bottom: 40px;
    }
    .faster-period:after,
    .faster-period:before {
        border-width: 2px;
    }
    .getnow-cheap .col-sm-4 {
        width: 100%;
    }
    .fluid-btn-cheap figure {
        width: 100%;
    }
    .fluid-btn-cheap span {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .fluid-btn-cheap figure img {
        max-width: 20%;
        margin: 0px;
    }
    .faster-period {
        max-width: 278px;
    }
    .img-block-print img {
        height: 175px;
    }
    .head-blcok-print p {
        font-size: 13px;
        line-height: 22px;
    }
    .head-blcok-print {
        padding-bottom: 10px;
    }
    .block-cs h4 {
        font-size: 16px;
    }
    .block-cs ul.tab-content {
        font-size: 13px;
    }
    .head-blcok-print h3 {
        font-size: 20px;
        margin-bottom: 6px;
    }
    .fluid-banner-short .head-blcok-print h3 {
        font-size: 20px;
    }
    .view-info-btn span {
        font-size: 16px;
        line-height: 18px;
    }
    .header-main,
    .homepage-block {
        overflow: hidden;
    }
    .getnow-cheap .col-xs-4 {
        width: 100%;
        margin-bottom: 10px;
    }
    h1.logo-cheap-head img {
        max-width: 160px;
    }
    .shop-btn-cheap img {
        display: none;
    }
    .shop-btn-cheap a {
        height: 42px;
        line-height: 42px;
        font-size: 16px;
    }
    .checkout-addfees .custom-radio-cs span {
        font-size: 13px;
    }
    .checkout-addfees .custom-radio-cs span p {
        font-size: 11px;
    }
    .checkout-addfees {
        margin-bottom: 0px;
    }
    .checkout-addfees .header p {
        font-size: 12px;
    }
    .heading-cheap-com h3 img {
        max-width: 140px;
    }
    .mobile-show.topblkbar .nav-right-block-head.headlefttop .freeshipping {
        padding-left: 0px;
    }
    .topblkbar .tophead li.topshp-btn {
        width: 32%;
    }
    .topblkbar .tophead li.topshp-btn1 {
        width: 36%;
    }
    .topblkbar .shp-inner {
        margin-left: 5px;
    }
    .topblkbar .shp-inner strong {
        font-size: 13px;
    }
    .mnly-bnscredit .paymnt-btn button.btn.btn-primary {
        min-width: 70px;
    }
    .about-bnscredit img {
        max-width: 35px;
    }
    ul.exsist-card li {
        width: 50%;
    }
    .quest-register .sub-modal-heading {
        font-size: 14px;
    }
    .paymnt-recive {
        max-width: 95%;
    }
    .favorite-itmodal table tr td {
        padding: 0px 2px;
    }
    .cookiesbar .wrapper {
        font-size: 12px;
        padding-right: 64px;
    }
    .cookiesbar .acceptcookies {
        font-size: 12px;
    }
    .hover-hideshow {
        position: static;
    }
    .hideshow-inr {
        max-width: 90%;
        right: 0;
        margin: auto;
    }
}
@media screen and (max-width: 575px) {
    .select_swatches,
    .products-colors .swatchheading h4 {
        width: 100%;
    }
    .lSAction > a {
        width: 30px;
        height: 30px;
    }
    .lSAction > a.lSNext:before,
    .lSAction > a.lSPrev:before {
        transform: scale(0.6);
    }
    .block-quality-direct h3 {
        font-size: 24px;
        line-height: 30px;
    }
    .block-quality-direct ul li h5 {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .block-quality-direct ul li p {
        font-size: 13px;
        line-height: 19px;
    }
    .block-short-shop .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 14px;
    }
    .block-copyright {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column-reverse;
    }
    .block-copyright p {
        width: 100%;
    }
    .products-head-block {
        margin-bottom: 10px;
    }
    .according-inner-body {
        padding: 10px 10px;
    }
    .specstable .btn {
        font-size: 12px;
        padding: 5px 11px;
    }
    .option-block-qty {
        margin: 0 -12px;
    }
    .fullpopscroll {
        width: 100%;
        overflow: auto;
    }
    .list-block-review .review-longDesc {
        font-size: 13px;
        line-height: 20px;
    }
    .product-campanion-block .product-related-content {
        margin: 0 -10px -10px;
    }
    .header-title h3 {
        font-size: 16px;
    }
    .lg-flip-hor,
    .lg-flip-ver,
    .lg-flip-ver,
    .lg-flip-hor,
    .lg-rotate-left,
    .lg-rotate-right,
    #lg-actual-size {
        display: none !important;
    }
    .lg-hide-items .lg-next,
    .lg-hide-items .lg-prev {
        opacity: 1;
    }
    .lg-actions .lg-next,
    .lg-actions .lg-prev {
        color: #ffffff;
    }
    .header-title.sm-header-title h3 {
        font-size: 15px;
        padding: 10px 0;
    }
    .info-form {
        font-size: 12px;
    }
    .heading-block-page h1 {
        font-size: 24px;
    }
    .group-form-space {
        margin-bottom: 5px;
    }
    .item-info-shopping {
        padding-left: 10px;
        padding-right: 10px;
    }
    .product-images {
        padding-bottom: 40px;
    }
    .item-info-shopping {
        position: relative;
    }
    .qty-block {
        display: inline-flex;
        width: 100px;
        padding: 0 30px;
        position: relative;
    }
    .qty-block button {
        width: 22px;
        height: 22px;
    }
    .qty-block button.plus {
        line-height: 16px;
    }
    .qty-block button.minus {
        line-height: 17px;
    }
    .qtyinput {
        position: absolute;
        left: 10px;
    }
    .productinfooptions {
        padding: 10px 0px 10px 8px;
        width: calc(100% - 98px);
        padding-left: 14px;
    }
    .colorproduct {
        font-size: 11px;
    }
    .colorproduct ul li {
        margin-top: 1px;
        margin-bottom: 1px;
        margin-right: 8px;
    }
    .product-name-options a {
        font-size: 12px;
    }
    .product-images {
        max-width: 98px;
        width: 98px;
    }
    .btn-action-cart {
        margin-left: 0px;
        width: 100%;
    }
    .qtyinputfield input {
        height: 24px;
        font-size: 12px;
        display: block;
    }
    .list-prices-block .info-discount.alert.alert-danger {
        font-size: 10px;
    }
    .header-title {
        border-bottom-width: 2px;
    }
    .header-title h3:before {
        bottom: -16px;
        height: 4px;
    }
    .qa_list h4 {
        display: flex;
    }
    .review-cont h4 {
        font-size: 13px;
    }
    .review-cont .short label {
        font-size: 12px;
        margin-right: 5px;
    }
    .list-block-review em.reviewed-by {
        font-size: 12px;
        line-height: 18px;
        display: block;
    }
    .list-block-review .rev_allowratings {
        font-size: 11px;
    }
    .rev_allowratings span {
        font-size: 10px;
    }
    .qa_noanswers {
        font-size: 12px;
        padding: 7px 20px;
    }
    .q-author {
        font-size: 11px;
    }
    .product-item .cat-swatches {
        width: calc(100% - 40px);
    }

    /* Homepage Start */
    .block-feature-ui .row-block .c-2 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .block-feature-ui .row-block .c-2:nth-child(4) {
        margin-bottom: 10px;
    }
    .block-feature-ui .row-block .c-2:nth-child(5) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .ss-recs .ss-recs-carousel-container .product-container .sku {
        font-size: 11px;
    }
    body .slideproductsnew .product-container {
        padding: 0 5px !important;
    }
    .ss-recs .ss-recs-item-controls-container .ss-recs-item-controls-arrow {
        opacity: 1 !important;
    }
    .brand-box-content figure img {
        max-width: 110px;
    }
    .shophalf-v {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .brand-box-ui.bx1 img {
        max-width: 110px;
    }
    .shoptees-v {
        flex-wrap: wrap;
        margin: 0px;
    }
    .shophalf-v {
        padding: 0px;
        margin: 0px;
    }
    .shoptee-light-block {
        margin-bottom: 10px;
    }
    .blockhalf p a {
        width: 100%;
        margin-bottom: 9px !important;
        margin-right: 0 !important;
    }
    .blockhalf p {
        margin-bottom: 0px;
    }
    .decfabblock {
        margin-top: 28px;
    }
    .block-short-shop .row-block .c-6 {
        padding: 0 10px;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 14px;
    }
    .block-shop-ui a {
        height: 275px;
    }
    .block-short-shop {
        padding-bottom: 0px;
    }
    .qualityshirts {
        padding: 25px 10px;
    }
    .blowout-bargain-box label.feature-bargain {
        font-size: 20px;
        line-height: 25px;
    }
    .qualityshirts h5 {
        margin-bottom: 16px;
        font-size: 22px;
    }
    .logo-main img {
        max-width: 182px;
    }
    .header-main {
        padding-top: 6px;
    }
    .less-note {
        margin: 14px auto 22px;
        max-width: 388px;
        font-size: 14px;
    }
    img.img-flat-rate {
        width: 178px;
        top: -21px;
    }
    .feature-content-right p {
        font-size: 14px;
        line-height: 20px;
    }
    .pricedisorder .showbulk {
        font-size: 10px;
    }
    .feature-box-ui label {
        font-size: 12px;
    }
    .qualityshirts {
        padding: 25px 6px;
    }

    /* Homepage End */
    .blog-box figure {
        height: 224px;
    }
    .blog-list .col-6 {
        margin-bottom: 20px;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .fig-blog-detail h4 {
        font-size: 16px;
        min-height: 0px;
    }
    .fig-blog-detail p {
        font-size: 14px;
    }
    .recent-post h4 {
        font-size: 14px;
    }
    .recent-post ul li {
        margin-bottom: 8px;
    }
    .recent-post ul li a {
        font-size: 13px;
    }
    .btn-change-ui .btn {
        height: 28px;
        line-height: 26px;
        border-radius: 3px;
        padding: 0px 6px;
    }
    .infowithcheap {
        font-size: 18px;
    }
    .infowithcheap img {
        width: 106px;
    }
    .btn-offer-cheap a.btn-primary {
        width: auto;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        font-size: 16px;
    }
    .finalclear-block .content-ui-blow h4 {
        padding-left: 40px;
    }
    .content-ui-blow h4 {
        font-size: 14px;
    }
    .gallery-listing .MagicZoomPlusHint {
        top: 0px !important;
    }
    .newsletter-modal .block-price-newsletter h4 {
        font-size: 54px;
        line-height: 56px;
    }
    .block-price-newsletter p {
        font-size: 34px;
        line-height: 44px;
    }
    .newsletter-modal {
        padding: 20px 18px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .chkField input {
        height: 40px;
        border-radius: 3px;
    }
    .chkField {
        margin-bottom: 18px;
    }
    .klaviyo {
        margin-bottom: -68px;
    }
    .logo-left-cheap img {
        width: 132px;
    }
    .cheap-fig-right {
        right: 1px;
        max-width: 174px;
        overflow: hidden;
    }
    .cheap-fig-right img {
        max-width: 252px;
    }
    .homepage-block .container-fluid {
        padding: 0 10px;
    }
    .topbarheading a {
        padding: 0 12px 0 22px;
        font-size: 14px;
    }
    /*cookie bar*/
    .cookiesbar {
        padding: 10px 15px;
        font-size: 13px;
    }
    .product_swatch li.total-2 span {
        transform: skew(-11deg);
        left: -13px;
    }
    .chk-questions-section {
        margin-bottom: 18px;
    }
    .mobilesearchbar .btn-search-home {
        font-size: 12px;
        width: 78px;
    }
    .ss-facet-options ul.ss-hierarchy.ng-scope li a {
        font-size: 13px;
    }
    .login-block form#reset_password {
        padding: 0px 20px;
    }
    .login-felid-outer,
    .reset-block .card-body {
        padding: 19px 20px 10px;
    }
    /*banner update*/
    .ad-cheap-blog2 a {
        width: 100px;
    }
    .payment-newblock .preview-payment-radio {
        width: 100%;
    }
    .blog-box .fig-blog-detail {
        padding: 10px 15px 15px 15px;
        max-width: 100%;
    }
    .order-info-head .order-info {
        flex-wrap: wrap;
    }
    .back-btn {
        width: 100%;
        margin-top: 10px;
        text-align: right;
    }
    .my-account-upload-doc .calender-expiration {
        width: 100%;
        max-width: 100%;
    }
    .my-account-upload-doc .expiration-date {
        width: 100%;
    }
    .browse-uplaod-doc .error {
        right: 0px;
    }
    .upsTracking-header h1 {
        font-size: 22px;
    }
    .bannermain .owl-theme .owl-controls .owl-buttons div {
        height: 35px;
        width: 35px;
    }
    .page-error-404 h3.text-uppercase {
        font-size: 16px;
    }
    .qa_list h4 span {
        font-size: 14px;
        line-height: 20px;
    }
    .q-author em,
    .qa_allowratings {
        font-size: 11px;
        line-height: 1;
    }
    .submit-ans-block .btn {
        padding: 5px;
        font-size: 12px;
    }
    .qaBlock .qa_list {
        padding: 10px 5px;
    }
    .header-main .container-fluid {
        padding: 0px 10px;
    }
    .header-main .container-fluid {
        padding: 0px 10px;
    }
    .delivery_update h4 span {
        font-size: 24px;
    }
    .checkout_update {
        padding: 10px;
    }
    .login-myaccount .notice-popup .popup-content {
        width: 90%;
    }
    .login-myaccount .notice-popup .popup-content p {
        font-size: 14px;
    }
    .login-myaccount .notice-popup .popup-content .close {
        width: 26px;
        height: 25px;
        padding: 0px 3px;
    }
    .login-myaccount .notice-popup .popup-content p span {
        font-size: 15px;
    }
    .return-page-banner h2 {
        font-size: 40px;
    }
    .return-page-banner p {
        width: 100%;
        font-size: 15px;
        line-height: 21px;
    }
    .free-return-page .return-page-banner .banner-content {
        left: 20px;
        padding-right: 20px;
    }
    .cheap-hero-block .row.flex-row {
        flex-direction: column-reverse !important;
    }
    .cheap-hero-block figure {
        max-width: 80%;
        margin: auto;
    }
    .faster-period {
        max-width: 260px;
        margin: 20px auto;
    }
    .klarna-payment {
        font-size: 12px;
    }
    .block-accordion-ui .swatches.product_swatch li {
        width: 25%;
    }
    label.regularprice {
        font-size: 25px;
    }
    .trackinfo .upsTracking-header h1 {
        font-size: 19px;
    }
    .trackinfo .upsTracking-header,
    .trackinfo {
        padding: 10px 10px;
    }
    .trackinfo .detail-results {
        font-size: 13px;
    }
    .astock-social {
        justify-content: flex-start;
        text-align: left;
        max-width: 100%;
    }
    .adscatbanner {
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 20px;
    }
    .adscatbanner .stock-catcontent h1 {
        font-size: 23px;
        line-height: 25px;
        margin-top: 15px;
        width: 100%;
        text-align: center;
    }
    .adsstock-catbanner .adstock-nav .tab-pane p {
        font-size: 12px;
    }
    .stock-catcontent {
        width: 100%;
    }
    .categoryheader {
        font-size: 19px;
    }
    .payment-acct .chk-excard span[data-type="ccnumber"] {
        font-size: 15px;
    }
    .product-item .mainimg {
        width: 140px;
    }
    .product-item .prdtitem-info {
        width: calc(100% - 140px);
        font-size: 13px;
        padding: 5px;
    }
    .product-item .brand-section {
        height: 25px;
    }
    .product-item .brand-section img {
        padding: 2px 0px;
    }
    .product-item .total-rating a {
        font-size: 12px;
    }
    .product-item .reviews-stars:before,
    .product-item .reviews-stars:after {
        font-size: 10px;
    }
    .product_swatch li,
    ul.productswatch li {
        margin-right: 3px;
    }
    .product-item .cat-swatches .showswatch {
        font-size: 13px;
        line-height: 23px;
    }
    .coupan-popup .low-text .coupan-price {
        font-size: 15px;
    }
    .price-section .coupan-popup,
    .price-section .price {
        margin-right: 6px;
    }
    .cat-prdtinfo {
        margin-top: 10px;
    }
    .cat-cardsketon .product-item .mainimg {
        width: 100%;
    }
    .cat-cardsketon .product-item .prdtitem-info {
        width: 100%;
        padding-top: 10px;
    }
    .cat-cartmodal .modal-header .modal-title {
        font-size: 14px;
    }
    .banner-ui .adstock-logo img {
        max-width: 160px;
    }
    .banner-ui .stock-content h1 {
        font-size: 20px;
        line-height: 25px;
    }
    .banner-ui .astock-btn .btn-primary {
        padding: 12px 26px;
        font-size: 14px;
        margin: 14px 0px;
    }
    .banner-ui .astock-inner {
        padding-top: 0;
    }
    .banner-ui .astock-meet,
    .banner-ui .adstock-tutrial {
        justify-content: flex-start;
    }
    .banner-ui .adstock-tutrial span {
        font-size: 14px;
        margin-right: 12px;
    }
    .banner-ui .astock-social a i {
        font-size: 15px;
    }
    .banner-ui .astock-social a {
        width: 30px;
        height: 30px;
        line-height: 17px;
    }
    .adstock-nav .nav a {
        font-size: 13px;
        padding: 10px 5px 7px 20px;
    }
    .adstock-nav .nav li {
        padding-right: 6px;
    }
    .prd-favticon {
        width: 26px;
        height: 24px;
        top: 10px;
    }
    .logged-blk .login-btn.links-nav a{
        font-size: 10px;
        height: 22px !important;
        line-height: 22px;
        padding: 0 6px;
    }
    .logged-banner .logged-title {
        font-size: 12px;
    }
    .logged-banner{
        padding-inline: 10px;
    }
}
@media screen and (max-width: 550px) {
    .download-images > ul > li {
        width: 50%;
    }
    .signinjoin-btn a,
    .mob-head-location-flex .add-zip-code {
        font-size: 12px;
        padding: 5px;
    }
    .mob-head-location-flex {
        padding: 10px;
    }
    span.join-prime {
        font-size: 12px;
        padding: 5px 7px;
    }
    .header-bottom-flex > ul > li {
        padding: 0 6px;
    }
}
@media screen and (max-width: 480px) {
    .slideproductsnew .owl-item {
        max-width: 280px !important;
    }
    section.blog-page.gray-bg .blogprevnext a {
        font-size: 14px;
        padding: 7px 5px;
    }
    .last-updated {
        margin-top: 6px;
        margin-bottom: 0px;
        font-size: 11px;
    }
    .pri-cust h2 {
        font-size: 20px;
        line-height: 24px;
    }
    .pri-cust h4 {
        font-size: 20px;
    }
    .heading-block-update h1,
    section.about-block.gray-bg h1 {
        margin-bottom: 5px;
        padding-bottom: 6px;
        font-size: 20px;
    }
    .upsTracking-tracking-details .colupsouter .shiplabel {
        max-width: 100%;
    }
    .upsTracking-tracking-details .colupsouter {
        font-size: 14px;
        padding: 10px 15px;
    }
    .upsTracking-tracking-details .colupsouter .colup {
        margin-bottom: 10px;
    }
    .upsTracking-tracking-details .detail-results {
        font-size: 13px;
    }
    .ups-trackingModule .formField.ups-terms span {
        font-size: 12px;
    }
    .ups-trackingModule .formField.ups-terms label,
    .ups-disclaimer {
        font-size: 12px !important;
    }
    .modal.fade.ups-tc .modal-title {
        font-size: 15px;
    }
    .error_404_image img {
        max-width: 250px;
    }
    .media-inqueries-banner-content h2 {
        font-size: 24px;
    }
    .media-inqueries-left-content p {
        font-size: 21px;
    }
    .media-inqueries-banner-content {
        padding: 18px 10px;
    }
    .address_destination_head h3 {
        font-size: 14px;
    }
    .address_destination_inner {
        padding: 15px 10px 0px;
    }
    .address_destination_head {
        padding: 14px 8px;
    }
    .order_countdown {
        padding: 8px 10px;
    }
    .return-page-banner h2 {
        font-size: 27px;
    }
    .return-page-banner p {
        font-size: 13px;
        line-height: 18px;
        margin-top: 6px;
    }
    .return-page-banner h4 {
        font-size: 15px;
        line-height: 21px;
    }
    .breadcrumbcat ul li {
        font-size: 13px;
    }
    .pri-cust p {
        margin: 5px 0px;
    }
    .heading-cheap-seller h3 img {
        margin-bottom: 10px;
    }
    .klarna-payment .disc-payment {
        margin-top: 5px;
    }
    .preview-checkout li.braintreecc-payment .col-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .mobile-show.topblkbar .nav-right-block-head.headlefttop .freeshiping-btn {
        width: 26%;
    }
    .mobile-show.topblkbar
        .nav-right-block-head.headlefttop
        .bulk-discount-btn {
        width: 30%;
    }
    .mobile-show.topblkbar .nav-right-block-head.headlefttop .freeshipping {
        width: 44%;
    }
    .topblkbar .tophead li.topshp-btn {
        width: 31%;
        padding: 0px 3px;
    }
    .topblkbar .tophead li.topshp-btn1 {
        width: 38%;
        padding: 0px 3px;
    }
    .topblkbar .tophead {
        padding: 0px 0px;
    }
    .head-loction {
        padding-left: 12px;
        justify-content: flex-start;
        position: absolute;
        bottom: 0px;
        left: 0px;
        display: flex;
        align-items: center;
        width: 100%;
        background: #be11beb3;
    }
    .head-loction span {
        padding: 3px;
    }
    .topblkbar ul.tophead li .ship-btn img {
        height: 23px;
        object-fit: contain;
    }
    .mnly-bnscredit .paymnt-btn button.btn.btn-primary {
        min-width: 50px;
        font-size: 11px;
        padding: 6px;
        margin-left: 3px;
    }
    .about-bnscredit p {
        padding: 0px 6px;
    }
    .about-bnscredit img {
        max-width: 29px;
    }
    .payment-block-info ul li.chkout-bnscrdit {
        padding: 14px 10px 10px;
    }
    .mnly-bnscredit {
        padding: 10px;
    }
    .klarna-pay figure {
        width: 100px;
    }
    .login-myaccount .card-ui-block .card-body {
        padding: 18px 10px 15px 10px;
    }
    .footer-main .first-block-footer {
        padding: 20px 0;
    }
    .whlsleavail {
        min-width: 62px;
    }
    .whs-clerance .blockprice-bulk .whlsleavail {
        margin: 0px 0px 0px 5px;
    }
    img.desktop-dtruck {
        display: none;
    }
    .quest-register .sub-modal-heading {
        font-size: 13px;
    }
    .payment-acct ul.paycc li {
        width: 100%;
        max-width: 320px;
    }
    .chosepymnt .nav-pills li.nav-item {
        width: 50%;
        font-size: 14px;
    }
    .chosepymnt .payment-acct,
    .chosepymnt .odrsummary {
        padding: 15px 10px;
    }
    .chosepymnt h5.bp-inrtitle {
        margin: -15px -10px 10px;
        font-size: 15px;
    }
    .samebill-address .bill_address {
        font-size: 13px;
    }
    .paymnt-recive {
        font-size: 15px;
    }
    .favorite-itmodal table tr td:first-child {
        width: 100%;
        min-height: unset;
    }
    .favorite-itmodal table tr td {
        width: 20%;
    }
    .favorite-itmodal .smallimgswatch {
        display: flex;
        align-items: center;
    }
    .favorite-itmodal .smallimgswatch img {
        margin-right: 5px;
    }
    .favorite-itmodal table tbody td .stock-notify .btn,
    .favorite-itmodal table tbody td .notified .btn {
        font-size: 12px;
    }
    .catbtn .activecartcol {
        width: 100%;
        margin: 10px 0px;
        padding: 0;
    }
    .catbtn .btn {
        width: 100%;
        max-width: 270px;
        margin: 10px auto 0px;
    }
    .banner-ui .stock-content h1 {
        font-size: 15px;
        line-height: 19px;
    }
    .banner-ui .adstock-logo img {
        max-width: 120px;
    }
    .banner-ui .adstock-tutrial span {
        font-size: 13px;
        margin-right: 10px;
        margin-top: 0;
    }
    .banner-ui .astock-social {
        margin-top: 10px;
    }
    .banner-ui .astock-btn .btn-primary {
        padding: 8px 15px;
        font-size: 12px;
        margin: 8px 0px;
    }
    .banner-ui .adsstoct-product {
        display: none;
    }
    .banner-ui .adstock-left,
    .banner-ui .adstock-right {
        padding: 7px;
    }
    .qa_list h4 span {
        font-size: 13px;
        line-height: 18px;
    }
    .page-contet.cat-header h1 {
        font-size: 18px;
    }
    .page-contet.cat-header h2 {
        font-size: 16px;
    }
    .page-contet.cat-header h3 {
        font-size: 15px;
    }
    span.adsmember-mainlogo {
        font-size: 14px;
    }
    .homepage-inner .sale-block-ui .item .product-item .mainimg {
        width: 120px;
    }
    .homepage-inner .sale-block-ui .item .product-item .prdtitem-info {
        width: calc(100% - 120px);
        font-size: 13px;
    }
    .dtf-product-item label.attahment-btn span.artbrowse {
        font-size: 11px;
    }
    .mob-head-location-flex span.greenpickup {
        font-size: 11px;
    }
    .mob-head-location-flex label.chooseaddress {
        font-size: 13px;
    }
    .support-page-banner h1 {
        font-size: 22px;
        margin: 0 0 7px;
    }
    .support-page-banner p {
        font-size: 13px;
        margin: 0 0 7px;
    }
    .support-page-banner {
        padding: 10px;
    }
    .support-page-searchbar h2 {
        font-size: 18px;
    }
    .support-page-searchbar p {
        font-size: 14px;
        margin: 0 0 7px;
    }
    .support-page-bottom-banner h2 {
        font-size: 17px;
    }
    .support-page-bottom-banner p {
        font-size: 13px;
        margin: 10px 0px;
        max-width: 100%;
    }
    .cs-custom-card .headblock-ui {
        font-size: 16px;
    }
    #CybotCookiebotDialog.CybotEdge.CybotCookiebotDialogActive
        div#CybotCookiebotDialogBodyContent
        * {
        font-size: 11px;
    }
    .new-suport-page .suport-item a .availability {
        font-size: 12px;
    }
    .modal-dialog.texas-modal .modal-body h2 {
        font-size: 35px;
    }
    .modal-dialog.texas-modal .modal-body h6 {
        font-size: 15px;
    }
    .modal-dialog.texas-modal .modal-body {
        padding: 30px;
        font-size: 14px;
    }
    .modal-dialog.texas-modal .modal-body .btn {
        font-size: 16px;
    }
}
@media (max-width: 450px) {
    .message-block h1 {
        font-size: 23px;
    }
    .topblkbar .shp-inner strong {
        font-size: 12px;
        font-weight: 600;
    }
    .topblkbar .shp-inner small {
        font-size: 11px;
    }
    .topblkbar .shp-inner {
        margin-left: 2px;
    }
    .topblkbar ul.tophead li.topshp-btn {
        width: 31%;
        flex: 0 0 31%;
        max-width: 31%;
    }
    .topblkbar ul.tophead li.topshp-btn1 {
        width: 38%;
        flex: 0 0 38%;
        max-width: 38%;
    }
    .block-accordion-ui .card-header {
        font-size: 14px;
        padding: 10px 29px 10px 10px;
    }
    .card-header i.fa.fa-angle-down {
        font-size: 14px;
        right: 5px;
    }
    .block-accordion-ui .swatches.product_swatch li {
        width: 33.33%;
    }
    .swatch-sort {
        width: 100%;
        margin: 5px 0px 0px;
    }
    .whlsale-shipng {
        margin-right: 0px;
    }
    ul.exsist-card li {
        width: 100%;
    }
    .adsstock-catbanner .adstock-nav .nav a {
        font-size: 14px;
        padding: 9px 6px 15px 20px;
        font-size: 13px;
    }
    .adsstock-catbanner .adstock-nav .nav a:after {
        width: 15px;
        height: 15px;
    }
    .whleft-inr,
    .whright-inr {
        width: 100%;
    }
    .whright-inr {
        margin-top: 10px;
    }
    .owl_reorder .product-item p {
        font-size: 12px;
        line-height: 15px;
    }
    .active-coupon .whlsleavail {
        margin: 0px 0px 0px 5px;
    }
    .ss_prdlist .ss_prditem a {
        font-size: 12px;
    }
    .ss_prdlist {
        min-width: unset;
    }
    .favorite-itmodal table tr td {
        width: 25%;
    }
    .modal-dialog.favorite-itmodal {
        margin: 0;
    }
    .productaoinfo .prd-favticon {
        width: 25px;
        height: 25px;
    }
    .cat-prdtsize .sizes span a {
        font-size: 12px;
    }
    .adstock-nav .nav li {
        padding-right: 2px;
    }
    .header-block .right-header {
        width: 120px;
    }
    .adslogo {
        width: 145px;
    }
    .adslogo .mobicons .menubtnclick {
        background: #a33ba3;
        width: 28px;
        height: 28px;
    }
    .adslogo .mobicons .menubtnclick img {
        max-width: 17px;
    }
    .header-bottom-flex ul li a img {
        height: 15px;
    }
    .header-bottom-flex ul li a {
        font-size: 12px;
        white-space: nowrap;
    }
    .header-bottom-flex > ul > li {
        padding: 0 5px;
    }
}
@media screen and (max-width: 405px) {
    .header-bottom-flex ul {
        min-width: 405px;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0 10px;
    }
    .header-mobslider a,
    .millions-delivery {
        font-size: 13px;
    }
}
@media screen and (max-width: 375px) {
    .cookiesbar {
        padding: 6px 8px;
        font-size: 11px;
    }
    .ss-filter-container .ss-slideout-button .ss-slideout-button-label {
        font-size: 13px;
    } /*banner update*/
    .table-responsive-block tbody tr td {
        padding-left: 33% !important;
    }
    .breadcrumbcat ul li:after {
        margin-right: 7px;
        margin-left: 0px;
    }
    .address_destination_head a.change-destination {
        padding: 6px 8px;
        margin-left: 5px;
    }
    .title-product-coupon h4 {
        font-size: 15px;
    }
    .coupon-slider-box .title-product-coupon label {
        font-size: 16px;
    }
    .price-block-detail li {
        font-size: 14px;
    }
    .head-blog h1 {
        font-size: 18px;
    }
    .blog-detail h2 {
        font-size: 16px;
    }
    .blog-detail p {
        margin: 5px 0px;
    }
    .list-prices-block li {
        font-size: 15px;
    }
    .view-cart .vcart-checkout-btn .checkoutbtn {
        padding: 0px 15px;
        font-size: 13px;
    }
    .c-freeshpping strong {
        font-size: 11px;
    }
    .mobile-show.topblkbar
        .nav-right-block-head.headlefttop
        .bulk-discount-btn {
        width: 32%;
    }
    .mobile-show.topblkbar .nav-right-block-head.headlefttop .freeshipping {
        width: 42%;
    }
    .mobile-show.topblkbar .freeshipping .ship-btn {
        padding: 5px 7px;
    }
    .topblkbar ul.tophead li .ship-btn img {
        height: 20px;
    }
    .mnly-bnscredit {
        flex-wrap: wrap;
    }
    .mnly-bnscredit .paymnt-btn {
        flex: 0 0 100%;
        width: 100%;
        padding-left: 47px;
        margin-top: 5px;
    }
    .about-bnscredit img {
        max-width: 46px;
    }
    .about-bnscredit p {
        padding-left: 10px;
    }
    label.regularprice {
        font-size: 21px;
    }
    .bestshipreturn figcaption {
        flex-wrap: wrap;
        text-align: center;
    }
    .bestshipreturn ul span {
        margin-top: 6px;
    }
    .bestshipreturn ul i {
        font-size: 13px;
    }
    .breadcrumb-ui {
        margin-bottom: 10px;
    }
    .accont-login .newaccount-block p {
        margin: 0px 0px 0px 0px;
        font-size: 12px;
    }
    .accont-login .newaccount-block .create-new_account a {
        font-size: 12px;
        padding: 5px 5px;
    }
    .astock-social a i {
        font-size: 17px;
    }
    .astock-social a {
        width: 32px;
        height: 32px;
        line-height: 20px;
        margin-left: 6px;
    }
    .adstock-tutrial img {
        margin-right: 3px;
    }
    .adstock-nav .nav a i {
        margin-right: 1px;
    }
    .adstock-nav .nav a:after {
        width: 14px;
        height: 14px;
        top: 3px;
    }
    .adsstock-catbanner .adstock-nav .nav a:after {
        width: 13px;
        height: 13px;
    }
    .adsstock-catbanner .adstock-nav .nav a {
        padding: 1px 6px 15px 17px;
    }
    .categoryheader {
        font-size: 17px;
    }
    .bestshipreturn ul.hide-return li.freeship-odr {
        width: 70%;
    }
    .addcreditinfo.boxshdw h5.tabpane-title,
    .samebill-address h3 {
        font-size: 12px;
    }
    .samebill-address .bill_address {
        font-size: 12px;
    }
    .prdt-itemdate {
        padding: 4px;
    }
    .product-item .reviews-stars:before,
    .product-item .reviews-stars:after {
        font-size: 9px;
    }
    .product-item .rating-brand span.total-rating {
        font-size: 10px;
        padding: 3px;
    }
    .catbtn .activecartcol {
        width: 100%;
        margin: 10px 0px;
    }
    .catbtn .btn {
        width: 100%;
    }
    .cookiesbar .wrapper {
        font-size: 11px;
    }
    .adstock-nav .nav a {
        font-size: 11px;
        padding: 3px 3px 3px 16px;
    }
    .adstock-nav .nav a:after {
        width: 13px;
        height: 13px;
        top: 1px;
    }
    .banner-ui .stock-content h1 {
        font-size: 13px;
        line-height: 16px;
    }
    .banner-ui .adstock-logo img {
        max-width: 100px;
    }
    .banner-ui .adstock-left,
    .banner-ui .adstock-right {
        padding: 5px;
    }
    .banner-ui .astock-btn .btn-primary {
        padding: 7px 9px;
        font-size: 11px;
        margin: 6px 0px;
    }
    .adstock-meet span {
        margin: 1px;
        padding: 1px;
    }
    .adstock-meet {
        font-size: 12px;
    }
    .banner-ui .astock-social {
        margin-top: 8px;
    }
    .mob-menu ul li a {
        padding: 14px 10px;
    }
    .mob-bbanner .mob-pdtl-banner {
        display: block;
    }
    .mob-bbanner .tab-pdtl-banner {
        display: none;
    }
    span.join-prime {
        font-size: 11px;
        padding: 5px 5px;
    }
    .header-mobslider a,
    .millions-delivery {
        font-size: 12px;
        line-height: 1.2;
    }
    .modal-dialog.texas-modal .modal-body {
        padding: 20px 15px;
    }
}
@media screen and (max-width: 360px) {
    .logo-main img {
        max-width: 140px;
    }
    .products-head-block h6 {
        font-size: 12px;
        margin-top: 7px;
    }
    .specstable .btn {
        white-space: nowrap;
    }
    .header-title {
        border-bottom-width: 2px;
    }
    .qa_noanswers {
        font-size: 11px;
    }
    .qa_list h4 {
        line-height: 18px;
    }
    .q-author {
        font-size: 11px;
        line-height: 17px;
    }
    .btn {
        font-size: 13px !important;
    }
    .btn-group-sm > .btn,
    .btn-sm {
        font-size: 13px;
    }
    .hamburger-icon span {
        height: 2px;
        margin: 3px 0;
    }
    .lSAction > a.lSNext:before {
        left: 4px;
    }
    .lSAction > a.lSPrev:before {
        right: 4px;
    }
    .breadcrumb-ui ul li a,
    .breadcrumb-ui ul li span {
        font-size: 11px;
    }
    .qualityshirts h5 {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .c-freeshpping p {
        font-size: 7px;
    }
    span.text-easy {
        font-size: 14px;
    }
    .bx1 .mid-brand-box h4 {
        font-size: 13px;
    }
    .topbarheading a {
        padding: 0px 4px;
        font-size: 10px;
        margin-top: 0;
        width: 78px;
        text-align: center;
    }
    .btnheadermy a {
        padding: 9px 8px;
        font-size: 11px;
    }
    .headcustom h3 {
        font-size: 15px !important;
    }
    .box-aff-graphic figure {
        width: 68px;
        height: 68px;
    }
    .box-aff-graphic figure img {
        max-height: 38px;
    }
    .box-aff-graphic label strong {
        font-size: 13px;
    }
    .box-aff-graphic figure span {
        left: -2px;
        bottom: 7px;
        font-size: 22px;
        line-height: 16px;
        transform: scale(0.3);
    }
    .logo-main {
        max-width: 132px;
        left: -78px;
    }
    .feature-content-right p {
        font-size: 13px;
        line-height: normal;
    }
    .feature-box-ui a img {
        max-width: 34px;
        margin-right: 8px;
    }
    .nav-right-block-head.headlefttop .bulk-discount-btn a.ui-btn-nav {
        padding-left: 28px;
    }
    .mobilesearchbar .btn-search-home {
        width: 75px;
    }
    .hidden-mobile {
        display: none;
    } /*Checkout*/
    .view-filed-info {
        padding-top: 2px;
        font-size: 11px;
    }
    .btn-change-ui .btn {
        padding: 3px 6px;
        font-size: 11px;
        border-radius: 3px;
    }
    .info-payment {
        position: absolute;
        right: 8px;
        top: 14px;
    }
    .address-box-check .name-tag h6 {
        margin-right: 4px;
    }
    .address-box-check .name-tag span {
        font-size: 8px;
    }
    .name-tag small {
        font-size: 10px;
    }
    .payment-block-info .sezzle-payment .radio-content {
        font-size: 9px;
    }
    .discount-shipping h5 {
        font-size: 42px;
    }
    .discount-shipping h5 sup {
        font-size: 19px;
        top: -18px;
    }
    .box-hassle-discount {
        margin-left: -20px;
    }
    .covid-info {
        font-size: 13px;
        padding: 10px 10px;
    }
    span.text-easy {
        font-size: 16px;
    }
    .block-privacy-number .checkbox-format label.custom-checkbox-ui {
        font-size: 11px;
    }
    .heading-cheap-seller h3 {
        font-size: 28px;
    }
    .form-order-ui fieldset {
        margin-bottom: 15px;
    }
    .form-order-ui label {
        font-size: 13px;
    }
    .calender-expiration {
        width: 100%;
        max-width: 100%;
        margin-top: 7px;
    }
    .login-btn-action .btn {
        margin-left: 0px;
    }
    .g-recaptcha {
        transform: scale(0.82) !important;
        -webkit-transform: scale(0.82) !important;
        transform-origin: 0 0 !important;
        -webkit-transform-origin: 0 0 !important;
    }
    #reviewtab .block-head-customer .totalrating {
        flex-wrap: wrap;
    }
    #reviewtab .right-btn-review {
        max-width: 119px;
        width: 100%;
        text-align: right;
    }
    .login-myaccount .notice-popup .popup-content p {
        font-size: 13px;
    }
    .btn-action-cart .btn {
        font-size: 11px;
        padding: 6px 10px;
    }
    .cart-newpopup-right button img {
        display: block;
        margin: 0px auto 1px;
    }
    .heading-block-update h1,
    section.about-block.gray-bg h1 {
        font-size: 19px;
    }
    #divAddrressValidator .modal-footer button {
        font-size: 11px;
    }
    div#divAddrressValidator .modal-body {
        padding: 10px;
        font-size: 14px;
    }
    .block-checkout .btn-change-ui .btn {
        font-size: 11px;
        padding: 4px 3px;
        height: 24px;
        line-height: 15px;
    }
    a.menubtnclick img {
        max-width: 18px;
    }
    a.menubtnclick {
        padding: 2px;
        height: 30px;
        width: 30px;
    }
    .topblkbar .shp-inner strong {
        font-size: 11px;
    }
    .topblkbar .shp-inner small {
        font-size: 10px;
    }
    .chose-loation .btn.btn-primary {
        font-size: 13px;
    }
    .accont-login .create-new_account {
        padding: 0px 3px;
    }
    .accont-login .newaccount-block p {
        font-size: 11px;
    }
    .cou-tooltip {
        font-size: 10px;
    }
    .spring-deals h2 a {
        font-size: 17px;
    }
    .trackinfo .detail-results {
        font-size: 12px;
        margin-top: 10px;
    }
    .ads-finalsale {
        font-size: 12px;
    }
    .adscatbanner .stock-catcontent h1 {
        font-size: 20px;
        line-height: 23px;
    }
    .owl_reorder .reodr-btn .qty-block {
        width: 84px;
        height: 30px;
    }
    .owl_reorder .product-item .btn.rodr-addcart {
        width: calc(100% - 84px);
        height: 30px;
        line-height: 30px;
        font-size: 11px;
        padding: 0 3px;
    }
    .owl_reorder .reodr-btn .qty-block button {
        width: 21px;
        height: 21px;
        min-width: 21px;
        font-size: 17px;
        line-height: 17px;
    }
    .csoon-sticker {
        margin: 3px 0 3px;
    }
    .product-item .mainimg {
        width: 120px;
    }
    .product-item .name a {
        font-size: 13px;
    }
    .product-item .prdtitem-info {
        width: calc(100% - 120px);
        font-size: 12px;
    }
    .product-item .action .btn {
        font-size: 11px;
        padding: 5px 4px;
    }
    .owl_reorder .product-item p {
        font-size: 11px;
        line-height: 15px;
    }
    .rsub-innr {
        font-size: 11px;
    }
    .mob-menu ul li a {
        font-size: 13px;
    }
    .welcometxt span.adsmember-mainlogo {
        font-size: 13px;
    }
    .mob-head-location-flex {
        gap: 6px 5px;
    }
    .signinjoin-btn a,
    .mob-head-location-flex .add-zip-code {
        font-size: 11px;
    }
}
@media screen and (min-width: 768px) {
    .checkout-page .row {
        align-items: flex-start;
    }
    .heading-block-update {
        margin-bottom: 14px;
    }
    .desktop-hide {
        display: none;
    }
}
@media screen and (max-width: 320px) {
    .newsletter-modal .block-price-newsletter h4 {
        font-size: 47px;
    }
    .btn-change-ui .btn {
        line-height: 20px;
    }
    .coloritem {
        font-size: 11px;
    }
    #divAddrressValidator .address-outer ul {
        padding-right: 87px;
    }
    .btn-block-cheap ul li {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .mob-filter-option {
        position: relative;
        background: #d014d0;
        color: #ffffff;
        font-size: 18px;
        line-height: 50px;
        margin: -10px -10px 10px;
        font-weight: 600;
        padding: 0 60px 0 20px;
        display: block;
    }
    #loginAccount .alpha-col {
        border-right: 0px;
        border-bottom: 1px solid #a8a8a8;
        padding: 20px 20px !important;
    }
    #loginAccount .beta-col {
        float: none;
        width: 100%;
    }
    #loginAccount .beta-col {
        padding: 20px 30px;
    }
    #loginAccount .alpha-col {
        float: none;
        width: 100%;
    }
    #loginAccount .row{
        margin: 0;
    }
}
/* custom overlay */
.loading-overlay {
    display: none;
    background: rgb(39 39 39 / 41%);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }

  .loading-overlay.is-active {
    display: flex;
    position: absolute;
  }
  .loading-overlay span{
    color: #f2f2f2;
  }
  /* shop all page  */
.filter-list.category,  .filter-list.price{
    padding-inline-start: 7px;

}
@media (min-width: 320px) and (max-width: 767px) {
     #loginAccount {
        width: 100%;
        padding: 20px 5px;
        margin-top: 13px;
        margin-bottom: 20px;
    }
    .head-block-login{
        margin-bottom: 0 !important;
    }
    #loginAccount h3 {
        font-size: 19px;
        margin-bottom: 0px;
    }
    .alpha-col p{
        font-size: 14px;
    }
    .createNewAccount p{
        font-size: 13px;
    }
    #loginAccount .beta-col .btn, .create-account-button .btn {
        font-size: 14px !important;
        height: 40px;
        max-width: 100% !important;
        width: 100%;
    }
    .create-account-button{
        width: 100% !important;
    }
}
/* another loginform */
.createaccount p {
    color: #000;
    float: none;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 30px !important;
    max-width: 313px;
    margin: auto;
}
.create-account-button {
    float: none !important;
    margin: auto;
    width: 70%;
}
.create-account-button .btn {
    border-radius: 2px !important;
    width: 100%;
    color: #fff !important;
    background-color: #1072ba;
    border: 1px solid #1072ba;
    height: 45px;
    font-weight: 400;
    transition: all 0.4s ease;
    font-size: 16px;
    padding: 0 16px;
    line-height: 40px;
}
.iner_width{
    display: flex;
    align-items: center;
    gap: 10px;
}
.countdown-timer {
    display: flex;
    gap: 8px;
}

.time-block {
    text-align: center;
}

.time-block .num {
    display: inline-block;
    background: #00c800;
    color: white;
    font-weight: bold;
    font-size: 14px;
    padding: 2px 2px;
    border-radius: 6px;
    min-width: 32px;
}

.time-block .label {
    font-size: 10px;
    color: #ccc;
    display: block;
    /* margin-top: 3px; */
}

.countdown-label {
    margin: 0 10px 0 0;
    font-weight: bold;
    font-size: 16px;
    color: white;
}
.coupon-popup {
    position: absolute;
    right: 4px;
    border: 2px solid #c22c28;
    border-radius: 4px;
    padding: 4px 4px;
    background-color: #c22c28;
    text-align: center;
    color: #fff;
    flex: 0 0 100px;
    max-width: 100px;
    width: 100px;
    top: auto;
    bottom: 0;
}
button.dismiss-coupon {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    width: 16px;
    height: 16px;
    background: #962420;
    border-radius: 100%;
    line-height: 18px;
    font-size: 15px;
    padding: 0;
    color: #fff;
    opacity: 0.8;
    transition: all 0.4s ease;
}
.coupon-popup label {
    font-size: 11px;
    display: block;
    font-weight: 700;
    margin-bottom: 0px;
}
.coupon-popup .aslowas {
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    line-height: 24px;
    margin-top: 2px;
}
.field-popup-coupon {
    width: 100%;
    padding: 2px 6px;
    background: #fff;
    color: #cb2026;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 3px;
}
.subscribe-container-asda{
    background: #1d62af none repeat scroll 0 0;
    padding: 30px;
    gap: 20px;
    border-radius: 5px;
    z-index: 1;
}
.embedclassform{
    width: 800px;
}
.subscribe-container-mainasd{
    position: relative;
    top: -65px;
}
@media screen and (max-width: 1245px) {
    .embedclassform{
        width: 500px;
    }
}
@media screen and (max-width: 930px) {
    .embedclassform{
        width: 400px;
    }
}
@media screen and (max-width: 830px) {
    .embedclassform{
        width: 500px;
    }
    .subscribe-container-asda{
        flex-direction: column;
    }
    .subs-textaasd{
        text-align: center;
    }
}
@media screen and (max-width: 576px) {
    .subscribe-container-asda{
        display: none !important;
    }
}