@media screen and (min-width: 1199px) {
    .features-box:hover {
        flex: 1.5;
        transform: scale(1);
    }

    .our-features-list:hover .features-box:not(:hover) {
        flex: 0.8;
    }
}

@media screen and (max-width: 1750px) {
    .dashbox-text h2 {
        font-size: 24px;
    }

    .chat-header-content ul {
        gap: 40px;
        margin-right: 15px;
    }

    .dash-box .dashbox-icon svg {
        width: 60px;
        height: auto;
    }
}

@media screen and (max-width: 1600px) {
    .chat-header {
        background: #F4F6F8;
        padding: 30px 40px;
    }

    .chat-all-messages {
        padding: 40px 40px 0;
    }

    .chat-type-box {
        padding: 0 40px 40px;
    }

    .chat-header-content ul {
        gap: 20px;
        margin-right: 15px;
    }

    .shap-fiximg {
        display: none;
    }

    .my-prifile-circle {
        height: 130px;
        width: 130px;
    }

    .my-prifile-circle {
        margin-bottom: 30px;
    }

    .walltet-icon svg {
        height: 50px;
        width: 50px;
    }

    .wallet-history-head {
        padding: 30px 40px;
    }

    .wallet-main-blnc {
        gap: 25px;
    }

    .wallet-main-blnc .balance-text p {
        font-size: 16px;
    }

    .wallet-main-blnc .balance-text h2 {
        font-size: 25px;
    }

    .with-border {
        margin-bottom: 30px;
    }

    .main-body-content table th {
        padding: 12px 20px;
    }

    .main-body-content table td {
        padding: 14px 20px;
    }

    .dashbox-text h2 {
        font-size: 22px;
    }

    .dashbox-text p {
        font-size: 18px;
    }

    .dashboard-box-list {
        margin-bottom: 40px;
    }

    .main-body-content {
        padding: 40px;
    }

    .card-spaceing {
        padding: 0 40px 40px;
    }

    .dash-box {
        padding: 15px 20px;
    }

    .leftside-menu-list {
        padding-top: 20px;
    }

    .left-menubar ul {
        padding: 0px 20px 20px;
        height: calc(100vh - 235px);
    }

    .left-menubar ul li a {
        font-size: 15px;
        padding: 10px 15px;
        margin-bottom: 15px;
        gap: 10px;
    }

    .logout-wrp {
        padding: 20px 15px;
    }

    .logout-wrp a {
        font-size: 15px;
    }

    .form-footer {
        margin-top: 40px;
    }

    .login-top-content,
    .login-top-content img {
        margin-bottom: 40px;
    }

    .form-group {
        margin-bottom: 20px;
    }

    .login-form-box h1 {
        font-size: 25px;
    }

    .login-form-box {
        padding: 40px;
    }
}

@media screen and (max-width: 1500px) {
    .dashbox-text h2 {
        font-size: 20px;
    }

    .chat-header-content ul {
        gap: 15px;
        margin-right: 0px;
    }

    .dash-box .dashbox-icon svg {
        width: 50px;
    }
}

@media screen and (max-width: 1399px) {
        .shiping-cal-box .price-text,.plans-box .price-text{
        font-size: 30px;
    }
    .work-progress-content {
        padding: 0 20px;
    }

    .work-progress-content h3 {
        font-size: 20px;
    }

    .sitemap-page .sitemap-box .main-title {
        font-size: 30px;
    }

    .prodict-size-info {
        gap: 15px;
    }

    .product-info-list ul li span {
        margin-right: 5px;
    }

    .left-side-box .box-under p {
        font-size: 18px;
    }

    .right-side-box ul li {
        margin-bottom: 15px;
        margin-top: 15px;
        font-size: 16px;
    }

    .builder-order-img {
        height: 249px;
    }

    .builder-order-content .builder-title {
        font-size: 18px;
    }

    .builder-order-img,
    .builder-order-content {
        padding: 20px;
    }

    .builder-order-content .price {
        margin-top: 10px;
        font-size: 22px;
    }

    .dash-box .dashbox-icon svg {
        width: 60px;
    }

    .chat-header-content ul {
        gap: 25px;
        margin-right: 20px;
    }

    .chat-all-messages {
        max-height: 400px;
    }

    .wallet-metters-box img {
        width: 70px;
    }

    .invoice-head p,
    .invoice-date-head p,
    .invoice-info-box a {
        font-size: 18px;
    }

    .invoice-date-head {
        padding: 20px 0;
        margin-bottom: 30px;
    }

    .invoice-content-box .product-info-data table th,
    .invoice-content-box .product-info-data table td {
        padding: 18px 30px;
    }

    .invoice-sub-total table {
        margin-right: 32px;
        max-width: 350px;
    }

    .invoice-content-box {
        padding: 40px;
    }

    .invoice-head {
        padding-bottom: 30px;
    }

    .faq-list .accordion-button {
        padding: 25px;
    }

    .faq-list .accordion-body {
        margin: 0 25px;
        padding: 20px 0 25px;
    }

    .delivery-method-list.choose-shooping-method label {
        font-size: 15px;
        padding: 10px 15px;
        gap: 6px;
    }

    .delivery-method-list {
        gap: 15px;
    }

    .radio-toolbar label {
        font-size: 20px;
        padding: 20px;
    }

    .cart-product-wrp {
        padding-right: 20px;
    }

    .thankyou-content img {
        max-height: 400px;
    }

    .multiple-images-content .image-info-head .select-box span {
        font-size: 12px;
    }

    .dash-btn {
        padding: 8px 26px;
    }

    .dash-title {
        font-size: 22px;
    }

    .main-body-content table td {
        min-width: 120px;
    }

    .main-body-content table th {
        white-space: nowrap;
    }

    .samplepak-content {
        padding: 40px;
    }

    .workprogress-icon {
        height: 81px;
        width: 81px;
    }

    .workprogress-icon img {
        max-width: 40px;
    }

    .work-content-box {
        max-width: 950px;
    }

    .shipping-calculated-content {
        padding: 40px 0;
    }

    .shipping-calculated-detail {
        padding: 0 40px;
    }

    .affordable-info {
        padding: 40px;
    }

    .preview-canvas-list ul {
        gap: 8px;
    }

    .apply-canvas-box {
        padding: 20px;
        gap: 15px;
    }

    .canvas-button-group .primary-btn {
        padding: 12px 20px;
        min-width: 160px;
        font-size: 16px;
    }

    .apply-canvas-imgbox {
        padding: 15px 10px;
    }

    .custom-printing-design {
        height: auto;
    }

    .reason-comtent-list li {
        margin-bottom: 30px;
    }

    .form-footer {
        margin-top: 30px;
    }

    .canvas-img-box {
        width: 130px;
        min-width: 130px;
        padding: 10px;
    }
    .canvasfile-name{
    width: 130px;
    min-height: 130px;
}   

    .image-info-head {
        gap: 14px;
    }

    .multiple-images-content .select-box {
        gap: 4px;
    }

    .multiple-images-content .select-box input {
        max-width: 79px;
        min-width: auto;
    }

    .quantity-box {
        min-width: 80px;
        max-width: 80px;
    }

    .button-with-checkbox {
        gap: 21px;
    }

    .multiple-images-box {
        gap: 13px;
    }

    .login-top-content,
    .login-top-content img {
        margin-bottom: 30px;
    }

    .login-form-box {
        padding: 30px;
    }

    .bottom-header .navbar .nav-link {
        font-size: 15px;
        margin: 0 10px;
    }

    .header-contact-info ul li {
        padding: 0 20px;
    }

    .main-title {
        font-size: 40px;
    }

    .tag-line {
        font-size: 18px;
    }

    .inner-title {
        font-size: 25px;
    }

    .py-100 {
        padding: 80px 0;
    }

    .mt-100 {
        margin-top: 80px;
    }

    .pt-100 {
        padding-top: 80px;
    }

    .pb-100 {
        padding-bottom: 80px;
    }

    .hero-section {
        min-height: 550px;
    }

    .hero-content h1,
    .inner-banner-title {
        font-size: 60px;
    }

    .hero-content .primary-btn {
        min-width: 250px;
    }

    .aarow-box {
        height: 45px;
        width: 45px;
        right: 20px;
        bottom: -20px;
    }

    .dtf-transfer-list .transfer-content:nth-child(2) .transfer-made-icon,
    .dtf-transfer-list .transfer-content:nth-child(4) .transfer-made-icon {
        margin: 20px auto 0px;
    }

    .transfer-made-icon {
        height: 80px;
        width: 80px;
        margin-bottom: 20px;
    }

    .transfer-made-icon svg {
        height: 40px;
        width: 40px;
    }

    .progress-line {
        top: 112px;
    }

    .dtf-transfer-list .transfer-content:nth-child(2),
    .dtf-transfer-list .transfer-content:nth-child(4) {
        margin-top: 30px;
    }

    .why-choose-box:after {
        right: -178px;
    }

    .faq-section {
        padding-inline-end: calc((100vw - 1155px) / 2);
    }

    .faq-content .accordion-button {
        padding: 15px;
    }

    .faq-content .accordion-body {
        padding: 0 15px 15px;
    }

    .newsletter-content .main-title {
        font-size: 30px;
    }

    .newsletter-content p {
        font-size: 18px;
    }

    .dtf-transfer-list .transfer-content:first-child,
    .dtf-transfer-list .transfer-content:last-child {
        margin-top: -255px;
    }

    .dtf-transfer-image {
        height: 360px;
        width: 450px;
    }
}

@media screen and (max-width: 1366px) {
    .dashbox-text h2 {
        font-size: 24px;
    }

}

@media screen and (max-width: 1299px) {
    .dashbox-text h2 {
        font-size: 20px;
    }

    .chat-header-content ul {
        gap: 15px;
        margin-right: 0;
    }
}

@media screen and (max-width: 1199px) {
    .work-progress-content {
        padding: 0;
    }

    .sitemap-page .sitemap-box .list-of-pages li {
        width: 33.33%;
    }

    .product-detail-box {
        padding: 20px;
    }

    .product-info-list ul li p {
        font-size: 13px;
    }

    .product-info-list ul li {
        gap: 15px;
        padding: 15px;
    }

    .checkout-page .checkout-left-side {
        border-right: 0;
        padding-right: 0px;
    }

    .checkout-page .checkout-order-box {
        margin-left: 0px;
    }

    .site-footer .footer-company-logo {
        flex-wrap: wrap;
        margin-top: 25px;
        row-gap: 15px;
    }

    .site-footer .footer-company-logo li:last-child {
        padding: 0;
    }

    .auto-builder-info {
        padding: 50px;
    }

    .builder-fix-shape {
        display: none;
    }

    .builder-order-img {
        height: 207px;
    }

    .wallet-meters-select label span {
        font-size: 14px;
    }

    .upgrade-wallet .product-page table tr th,
    .upgrade-wallet .product-page table tr td {
        padding: 10px 20px;
    }

    .delivery-method-list {
        grid-template-columns: repeat(3, 1fr);
    }

    .cart-heading {
        font-size: 22px;
        margin-bottom: 25px;
    }

    .choose-shooping-method label {
        font-size: 16px;
    }

    .cart-box {
        padding: 20px;
    }

    .subscriptions-myplan {
        margin-bottom: 30px;
    }

    .wallet-history-head {
        padding: 30px;
    }

    .card-spaceing {
        padding: 0 30px 30px;
    }

    .dashboard-box-list {
        margin-bottom: 30px;
    }

    .left-menubar {
        display: none;
    }

    .main-content {
        margin-left: 0;
        background: none;
    }

    .main-body-content {
        border-radius: 0;
        border-top: 1px solid #E0E0E0;
        padding: 30px;
        height: auto;
    }

    .bottom-header .navbar-collapse .mobile-toggle img {
        height: 23px;
        object-fit: contain;
        width: auto;
    }

    .bottom-header .afterlogin-mobile-menu .navbar-nav .primary-btn {
        display: block;
    }

    .afterlogin-mobile-menu {
        display: block;
        border-bottom: 1px solid #EBEBEB;
    }

    .mobile-cart .header-prifile-wrp,
    .header-login-info .cart-icon {
        display: none;
    }

    .bottom-header .header-login-info .login-btn.primary-btn {
        border-color: #3a39ff;
        color: #000;
    }

    .bottom-header .navbar-nav .primary-btn {
        margin-left: 0;
    }

    .plans-box,.shiping-cal-box {
        padding: 20px;
    }
    .shiping-cal-box .plans-desc{
        margin-top: 20px;
    }

    .price-text {
        font-size: 30px;
    }

    .plans-box .plans-desc {
        padding: 25px 0;
    }

    .work-progress-list li {
        padding: 0 10px;
    }

    .bottom-header .navbar-collapse {
        position: fixed;
        left: -300px;
        width: 300px;
        background: #fff;
        top: 0;
        z-index: 9;
        height: 100vh;
        transition: all 0.5s;
        overflow: auto;
        padding: 20px 0;
    }

    .bottom-header .navbar-collapse.collapse.show {
        left: 0;
    }

    .bottom-header .collapsing {
        transition: unset !important;
    }

    .bottom-header .navbar-nav {
        align-items: start !important;
        gap: 15px;
        padding: 20px;
    }

    .header-login-info {
        flex-wrap: wrap;
        margin-top: 15px;
        padding: 0 20px;
    }

    .header-profilewrpdropDiv .dropdown-menu {
        position: relative;
        box-shadow: none;
    }

    .header-profilewrpdropDiv .dropdown-menu li:first-child .dropdown-item,
    .header-profilewrpdropDiv .dropdown-menu .dropdown-item {
        border: 0px;
        padding: 10px 0px 10px 0px;
    }

    .header-profilewrpdropDiv .dropdown-menu .dropdown-item.active,
    .header-profilewrpdropDiv .dropdown-menu .dropdown-item:active,
    .header-profilewrpdropDiv .dropdown-menu .dropdown-item:focus,
    .header-profilewrpdropDiv .dropdown-menu .dropdown-item:hover {
        background-color: #fff;
        color: rgba(2, 174, 211, 1);
    }

    .bottom-header .navbar .nav-link {
        color: #000;
        margin: 0;
    }

    .middle-header,
    .bottom-header .navbar {
        padding: 15px 30px;
    }

    .why-choose-box {
        padding: 30px 15px;
    }

    .why-choose-box:after,
    .why-choose-box:nth-child(even)::after {
        content: unset;
    }

    .dtf-transfer-image {
        height: 320px;
        width: 400px;
    }

    .progress-line {
        top: 107px;
    }

    .transfer-made-icon {
        height: 60px;
        width: 60px;
    }

    .dtf-transfer-list .transfer-content:first-child,
    .dtf-transfer-list .transfer-content:last-child {
        margin-top: -207px;
    }

    .dtf-transfer-list .transfer-content:nth-child(2),
    .dtf-transfer-list .transfer-content:nth-child(4) {
        margin-top: 13px;
    }

    .transfer-made .section-head {
        margin-bottom: 40px;
    }

    .testimonials-box {
        padding: 20px;
    }

    .faq-section {
        padding-inline-end: calc((100vw - 975px) / 2);
    }

    .newsletter-content {
        padding: 70px 0;
    }

    .multiple-images-box,
    .apply-canvas-box {
        flex-wrap: wrap;
    }

    .canvas-img-box,
    .apply-canvas-imgbox {
        width: 100%;
    }
    .canvasfile-name{
        width: 100%;
    }

    .header-contact-info li,
    .header-contact-info p {
        font-size: 15px;
    }

    .header-contact-info ul li {
        padding: 0 15px;
    }

    .mobile-toggle {
        display: flex !important;
        line-height: normal;
        align-items: center;
        justify-content: space-between;
    }

    .bottom-header .navbar-collapse .mobile-toggle {
        padding: 0px 20px;
    }

    .drop-your-file {
        padding: 30px;
    }

    .drop-your-content .why-choose-point li {
        margin-top: 20px;
    }

    .product-page table tr td {
        padding: 15px;
    }

    .product-page table tr th {
        padding: 10px 15px;
    }

    .price-table-head {
        padding: 15px 20px;
    }

    .creating-box {
        padding: 20px;
    }

    .reason-comtent-list li {
        margin-bottom: 20px;
    }

    .custom-printing-design {
        padding: 120px;
    }

    .bottom-header .main-logo {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .bottom-header .cart-icon {
        color: #000;
    }

    .middle-header .header-contact-info {
        display: none;
    }

    .mobile-middle-header.header-contact-info .contact-icon svg {
        width: 25px;
        height: 25px;
    }

    .mobile-middle-header,
    .mobile-middle-header.header-contact-info .contact-text {
        display: block;
    }

    .mobile-cart {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .header-prifile-wrp p {
        color: #000;
    }

    .header-prifile-wrp {
        gap: 10px;
        margin: 0;
    }

    .mobile-middle-header {
        background-color: #000;
        padding: 15px;
    }

    .header-contact-info ul {
        justify-content: space-around;
    }

    .mobile-middle-header.header-contact-info li a {
        color: #fff;
    }

    /* dropdown */
    .nav-item .dropdown-menu {
        box-shadow: none;
        border-radius: 0px;
        position: relative;
        transform: translateY(0px);
    }

    .nav-item .dropdown-menu {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transform: translateY(0px);
        padding: 0;
        border: 0;
        transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out, padding 0.3s ease-in-out;
    }

    .nav-item .dropdown-menu.show {
        max-height: 100%;
        opacity: 1;
        transform: none !important;
        padding: 0px 0;
        position: relative !important;
    }

    .service-menulistDiv {
        border-right: 0px;
        padding: 0px 0px 5px 0px;
        text-align: left;
    }

    .dropdown-grownimg {
        display: none;
    }

    .navbar .dropdown-menu {
        --bs-dropdown-min-width: 100%;
        left: auto;
    }

    .service-dropdownDiv .row .service-menulistgrid:nth-child(2) .service-menulistDiv:last-child {
        padding: 5px 0px 0px 0px;
    }

    .service-dropdownDiv .row .service-menulistgrid:nth-child(2) {
        padding-left: 12px;
    }

    .service-dropdownDiv .row .service-menulistgrid:nth-child(1) {
        padding-right: 12px;
    }

    .service-dropdownDiv .row .service-menulistgrid .service-menulistDiv {
        border-bottom: 1px solid #a2b9c0;
    }

    .service-dropdownDiv .row .service-menulistgrid:last-child .service-menulistDiv {
        border-bottom: 0px;
    }

    .service-dropdownDiv {
        padding: 10px 10px 10px 10px;
        border-radius: 10px;
        background-color: #f4f4f4;
    }

    .dropdown-titlelink {
        font-size: 14px;
    }

    .bottom-header .navbar .dropdown .nav-link {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .nav-item.dropdown:hover .dropdown-menu,
    .nav-item.dropdown .dropdown-menu.show {
        transform: translateY(0px);
    }
}

@media screen and (max-width: 991px) {
    .navbar .order-menu .dropdown-menu{
        --bs-dropdown-min-width: 100%;
    }
    .navbar .order-menu .dropdown-menu{
        left: 0;
    }
    .dropdown-titlelink svg{
        display: none;
    }
    .bottom-header .navbar-collapse li.nav-item.dropdown{
        width: 100%;
    }
    .wallet-how-work .section-head {
    margin-bottom: 50px;
}
    .work-progress-content {
        padding: 0 20px;
    }

    .process-icon svg,
    .process-icon img {
        max-height: 70px;
        max-width: 70px;
    }

    .process-icon {
        margin: 0 auto 15px;
    }

    
    .products-listing-wrp .why-choose-point ul {
        column-count: 1;
    }

    .right-side-box {
        margin-top: 100px;
    }

    .table-tabs button {
        padding: 8px 20px;
        font-size: 15px;
    }

    .site-footer .footer-company-logo li:last-child {
        padding-left: 15px;
    }

    .site-footer .footer-company-logo {
        margin-top: 20px;
    }

    .footer-menu-list .quick-links-wrp {
        margin-top: 20px;
        padding-top: 20px;
    }

    .auto-builder-info {
        padding: 40px;
    }

    .builder-order-img {
        height: 239px;
    }

    .wallet-cart-page .choose-shooping-method {
        display: flex;
        gap: 20px;
    }

    .wallet-cart-page .choose-shooping-method .form-check {
        margin-top: 0;
    }

    .chat-text-box {
        max-width: 70%;
    }

    .chat-header-content ul {
        justify-content: space-between;
        border: 0;
        margin-bottom: 20px;
    }

    .header-column:last-child .chat-header-content ul {
        margin-bottom: 0;
    }

    .chat-all-messages {
        padding: 20px 20px 0;
    }

    .chat-header {
        padding: 20px;
    }

    .chat-type-box {
        padding: 0 20px 20px;
    }

    .file-profile {
        gap: 10px;
    }

    .file-profile img {
        height: 40px;
        width: 40px;
        min-width: 40px;
    }

    .order-billing-box ul {
        gap: 20px;
        margin-top: 20px;
    }

    .invoice-content-box .product-info-data table th,
    .invoice-content-box .product-info-data table td {
        padding: 16px 20px;
    }

    .invoice-sub-total table th,
    .invoice-sub-total table td {
        font-size: 16px;
        padding-bottom: 15px;
    }

    .invoice-sub-total table {
        margin-right: 22px;
    }

    .invoice-info-box img {
        display: none;
    }

    .invoice-info-box .box-content {
        padding: 20px;
    }

    .invoice-info-box a {
        margin-top: 10px;
    }

    .address-text {
        margin-bottom: 20px;
    }

    .invoice-content-box {
        padding: 30px;
    }

    .invoice-logo {
        gap: 20px;
    }

    .cart-product-wrp {
        padding-right: 0;
        border: 0;
    }

    .product-info-box h2 {
        margin-bottom: 15px;
    }

    .cart-second-title {
        font-size: 20px;
    }

    .remove-button,
    .update-qnty {
        font-size: 14px;
        padding: 10px 20px;
    }

    .thankyou-content img {
        max-height: 350px;
    }

    .order-info-img {
        padding: 30px;
    }

    .action-edit {
        gap: 20px;
    }

    .main-body-content table td,
    .main-body-content table th {
        padding: 10px 15px;
    }

    .dash-title {
        margin-bottom: 20px;
    }

    .with-border {
        padding-bottom: 15px;
    }

    .samplepak-content {
        padding: 30px;
    }

    .workprogress-line {
        display: none;
    }

    .work-progress-list ul {
        row-gap: 30px;
    }

    .work-progress-list li {
        width: 50%;
        gap: 20px;
    }

    .work-progress-list ul li:nth-child(even) {
        flex-direction: column-reverse;
        margin-top: 0;
    }

    .work-progress-list ul li:nth-child(odd) {
        flex-direction: column-reverse;
        justify-content: flex-end;
        margin-top: 0;
    }

    .contact-img {
        display: none;
    }

    .contact-us-detail {
        padding: 30px 20px;
    }

    .company-address-box,
    .contact-form-box {
        padding: 20px;
    }

    .printing-inner-box img {
        display: none;
    }

    .custom-printing-design {
        padding: 100px 60px;
    }

    .printing-box {
        padding: 30px;
    }

    .reason-for-choosing .section-head {
        margin-bottom: 30px;
    }

    .hero-content h1,
    .inner-banner-title {
        font-size: 40px;
    }

    .mt-50 {
        margin-top: 40px;
    }

    .mb-50 {
        margin-bottom: 40px;
    }

    .previews-head {
        margin-bottom: 20px;
    }

    .round-box {
        padding: 20px;
    }

    .canvas-inner-title {
        font-size: 20px;
    }

    .canvas-multiple-info {
        padding: 30px 20px;
    }

    .multiple-images-box {
        padding: 15px;
        gap: 15px;
    }

    .button-with-checkbox a,
    .button-with-checkbox button {
        min-width: 98px;
        padding: 6px 8px;
        gap: 5px;
    }

    .button-with-checkbox .form-check {
        gap: 8px;
    }

    .button-with-checkbox {
        gap: 12px;
    }

    .quantity-select label {
        display: none;
    }

    .uploadfile-geliery {
        padding: 14px 30px;
    }

    .drop-your-content {
        margin-bottom: 20px;
    }

    .image-info-head {
        flex-wrap: wrap;
    }

    .header-contact-info .contact-text {
        display: none;
    }

    .header-contact-info .contact-icon svg {
        width: 28px;
    }

    .mobile-middle-header.header-contact-info .timer-box {
        padding: 5px 10px;
    }

    .hero-content h1,
    .inner-banner-title {
        font-size: 50px;
    }

    .py-100 {
        padding: 60px 0;
    }

    .mt-100 {
        margin-top: 60px;
    }

    .pt-100 {
        padding-top: 60px;
    }

    .pb-100 {
        padding-bottom: 60px;
    }

    .main-title {
        font-size: 34px;
    }

    .progress-line {
        display: none;
    }

    .inner-title {
        font-size: 22px;
    }

    .dtf-transfer-image {
        height: 250px;
        width: 300px;
    }

    .transfer-content:nth-child(3) {
        display: none;
    }

    .dtf-transfer-list {
        grid-template-columns: repeat(4, 1fr);
    }

    .dtf-transfer-list .transfer-content:nth-child(2),
    .dtf-transfer-list .transfer-content:nth-child(4) {
        justify-content: start;
    }

    .why-choose-list {
        padding: 0 20px;
        margin-top: 30px;
    }

    .why-choose-box {
        padding: 20px 15px;
        width: 50%;
    }

    .why-choose-box:nth-child(3) {
        border-top: 1px solid #02AED3;
    }

    .rating-wrap .rating-show:before,
    .rating-wrap .rating-point:before {
        font-size: 16px;
    }

    .tag-line {
        font-size: 16px;
    }

    .rating-wrap .rating-point {
        height: 28px;
    }

    .faq-section {
        padding-inline-end: unset;
    }

    .faq-section .faq-content {
        padding: 40px;
    }

    .newsletter-content {
        padding: 50px 0;
    }

    .site-footer .footer-menu li a {
        font-size: 15px;
    }

    .features-box img {
        height: 200px;
    }

    .footer-menu-list {
        margin-top: 30px;
    }


    .site-footer .footer-contact-info .footer-inner-title {
        margin-bottom: 0;
    }

    .top-header ul li {
        padding: 0 30px;
    }

    .features-box {
        width: 48%;
        flex: none;
    }

    .our-features-list {
        flex-wrap: wrap;
        row-gap: 40px;
    }

    .footer-contact-info.footer-menu p {
        padding-top: 5px;
    }

    .features-content p {
        min-height: auto;
    }

    .behind-print-video iframe {
        height: 410px;
    }

    .order-billing-infoDiv tr td {
        padding: 5px 5px 5px 0px;
    }

    .order-detail-popup .modal-body {
        padding: 0px 20px 20px 20px;
    }

    .order-detail-popup .modal-header {
        padding: 20px 20px 15px 20px;
    }

    .order-detailstable {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 767px) {
    .sitemap-page .sitemap-box .list-of-pages li {
        width: 50%;
    }

    .checkout-order-box {
        padding: 20px;
    }

    .wallet-main-blnc {
        gap: 14px;
    }

    .footer-menu-list .footer-menu,
    .footer-menu-list .footer-menu ul {
        gap: 10px;
    }

    .builder-order-img {
        height: 175px;
    }

    .builder-order-img,
    .builder-order-content {
        padding: 15px;
    }

    .builder-order-content .builder-title {
        font-size: 16px;
    }

    .builder-order-content .price {
        font-size: 20px;
        margin-top: 6px;
    }

    .upgrade-wallet .product-page table tr th,
    .upgrade-wallet .product-page table tr td {
        padding: 10px 15px;
        font-size: 14px;
    }

    .faq-list .accordion {
        margin-top: 30px;
    }

    .faq-list .accordion-button {
        padding: 20px;
        gap: 15px;
    }

    .faq-list .accordion-body {
        margin: 0 20px;
        padding: 15px 0 20px;
    }

    .delivery-method-list.choose-shooping-method label {
        font-size: 14px;
    }

    .checkout-left-side .cart-box {
        padding: 20px;
    }

    .delivery-method-list {
        margin: 15px 0;
    }

    .content-wrp-bg {
        display: none;
    }

    .thankyou-content img {
        max-height: 300px;
    }

    .main-body-content table td {
        min-width: auto;
    }

    .dash-box {
        padding: 15px;
    }

    .header-contact-info li,
    .header-contact-info p {
        font-size: 12px;
    }

    .shipping-calculated-detail {
        padding: 0 30px;
    }

    .shipping-calculated-content {
        padding: 30px 0;
    }

    .canvas-name {
        margin-bottom: 10px;
    }

    .adress-column:first-child .address-content {
        border-right: 0;
        padding-right: 0;
    }

    .company-address-box .icon-with-text {
        gap: 15px;
    }

    .address-content .inner-title {
        margin-bottom: 15px;
    }

    .rolling-canvas-box .dropzone-file-box {
        padding: 30px;
    }

    .rolling-canvas-box .fileupload {
        margin: 20px 0;
    }

    .uploadfile-geliery {
        padding: 10px 20px;
        margin-top: 30px;
    }

    .fileupload-box {
        width: 150px;
        height: 150px;
        margin: 30px auto;
    }

    .uploadfile-geliery li {
        gap: 8px;
        font-size: 15px;
    }

    .fileupload-box svg {
        height: 60px;
    }

    .uploadmultiple-image-blank p {
        font-size: 16px;
    }

    .quantity-select label {
        display: block;
    }


    .inner-banner {
        min-height: 300px;
    }

    .top-header ul li img {
        height: 25px;
    }

    .hero-section {
        min-height: 450px;
    }

    .hero-content p {
        font-size: 16px;
    }

    .hero-content .primary-btn {
        min-width: auto;
    }


    .dtf-transfer-list .transfer-content:first-child,
    .dtf-transfer-list .transfer-content:last-child {
        margin-top: 0;
    }

    .dtf-transfer-list .transfer-content:nth-child(2),
    .dtf-transfer-list .transfer-content:nth-child(4) {
        justify-content: unset;
        margin: 0;
        flex-direction: column;
    }

    .dtf-transfer-list .transfer-content:nth-child(2) .transfer-made-icon,
    .dtf-transfer-list .transfer-content:nth-child(4) .transfer-made-icon {
        margin: 0px auto 20px;
    }

    .dtf-transfer-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .testimonials-box .profle-pic {
        height: 55px;
        width: 55px;
        min-width: 55px;
    }

    .testimonials-box .profile {
        margin-bottom: 15px;
        gap: 10px;
    }

    .testimonials-box {
        padding: 15px;
    }

    .footer-menu-list {
        margin-top: 0;
    }

    .footer-menu {
        margin-top: 30px;
    }

    .creating-box {
        margin-top: 10px;
        height: auto;
    }

    .search-group {
        justify-content: start;
    }

    .search-group .form-group {
        width: 100%;
    }

    .search-group a {
        min-width: 168px;
    }

    .order-billing-box {
        padding: 20px;
    }

    .table-tabs {
        overflow: auto;
    }

    .table-tabs button {
        white-space: nowrap;
    }

    .build-gangsheet-box h2 {
        font-size: 18px;
        min-height: auto;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 575px) {
    
    .wallet-how-work .section-head {
    margin-bottom: 30px;
}
    .work-progress-content h3 {
        font-size: 18px;
    }
    .build-gangsheet-box h2 {
        font-size: 16px;
    }

    .prodict-size-info {
        flex-wrap: wrap;
    }
    .shiping-cal-box .plans-desc{
        margin-top: 15px;
    }
.shiping-cal-box .price-text, .plans-box .price-text {
        font-size: 22px;
    }
    .build-gangsheet-box,.shiping-cal-box {
        padding: 15px;
    }

    .products-listing-wrp .why-choose-point ul li:first-child {
        margin-top: 0;
    }

    .right-side-box {
        margin-top: 50px;
    }

    .bonus-section p,
    .checkout-inner-title {
        font-size: 16px;
    }

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

    .use-auto-builder iframe {
        height: 300px;
    }

    .auto-builder-info,
    .press-box {
        padding: 20px 15px;
    }

    .press-icon {
        height: 50px;
        width: 50px;
    }

    .press-icon svg {
        height: 32px;
        width: 32px;
    }

    .builder-order-img {
        height: auto;
    }

    .builder-order-content .price {
        font-size: 18px;
    }

    .wallet-cart-page .choose-shooping-method {
        gap: 10px;
    }

    .meter-price-content strong {
        font-size: 20px;
    }

    .chat-header-content ul {
        gap: 10px;
    }

    .chat-text-box {
        max-width: 90%;
    }

    .chat-all-messages {
        max-height: 300px;
    }

    .order-billing-box ul li,
    .order-billing-box ul {
        gap: 10px;
    }

    .order-number,
    .order-detail-page .order-head {
        margin-bottom: 20px;
    }

    .your-order-list li {
        padding: 15px 0;
    }

    .your-order-list li h3 {
        margin-bottom: 10px;
    }

    .choose-shooping-method h3,
    .wallet-metters-box h3 {
        font-size: 16px;
    }

    .upgrade-wallet .update-quantity-head,
    .metre-purchase-wrp,
    .shipping-method-wrp {
        margin-bottom: 15px;
    }

    .invoice-head {
        padding-bottom: 20px;
    }

    .invoice-content-box {
        padding: 20px 5px;
    }

    /* .invoice-wrp.gradient-bg{
        background: none;
    } */
    .invoice-head p,
    .invoice-date-head p,
    .invoice-info-box a {
        font-size: 15px;
    }

    .invoice-logo {
        gap: 10px;
    }

    .invoice-logo svg {
        width: 30px;
        height: 50px;
    }

    .invoice-date-head {
        padding: 15px 0;
        margin-bottom: 20px;
    }

    .invoice-info-box .box-content {
        padding: 20px 15px;
        width: 100%;
    }

    .invoice-content-box .product-info-data table th,
    .invoice-sub-total table th,
    .invoice-sub-total table td {
        font-size: 15px;
    }

    .invoice-content-box .product-info-data table td {
        font-size: 14px;
    }

    .invoice-sub-total table {
        margin-right: 0;
    }

    .invoice-sub-total table th,
    .invoice-sub-total table td {
        padding-bottom: 10px;
    }

    .invoice-info-box a {
        margin-top: 5px;
    }

    .invoice-content-box .product-info-data table th,
    .invoice-content-box .product-info-data table td {
        padding: 15px;
    }

    .terms-condition-body h1,
    .terms-condition-body h2,
    .terms-condition-body h3,
    .terms-condition-body h4,
    .terms-condition-body h5,
    .terms-condition-body h6,
    .terms-condition-body p,
    .terms-condition-body li {
        font-size: 15px;
    }

    .terms-condition-body h1,
    .terms-condition-body h2,
    .terms-condition-body h3,
    .terms-condition-body h4,
    .terms-condition-body h5,
    .terms-condition-body h6 {
        margin-top: 20px;
    }

    .faq-list .accordion-item,
    .faq-list .accordion {
        margin-top: 20px;
    }

    .faq-list .accordion-button {
        padding: 15px;
        gap: 10px;
        align-items: start;
        font-size: 14px;
        line-height: 22px;
    }

    .faq-list .accordion-body p {
        font-size: 14px;
    }

    .faq-count {
        height: 40px;
        width: 40px;
        min-width: 40px;
        font-size: 18px;
    }

    .faq-list .accordion-button::after {
        height: 25px;
        width: 25px;
        font-size: 15px;
    }

    .cart-heading {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .radio-toolbar {
        flex-wrap: wrap;
        padding: 0;
        gap: 15px;
    }

    .radio-toolbar label {
        font-size: 16px;
        padding: 15px;
    }

    .radio-toolbar,
    .total-box {
        margin-top: 20px;
    }

    .product-info-box {
        margin-bottom: 15px;
    }

    .cart-box {
        padding: 20px 15px;
    }

    .remove-button,
    .update-qnty {
        padding: 8px 14px;
    }

    .cart-vector-img {
        display: none;
    }

    .thankyou-content img {
        max-height: 250px;
    }

    .order-info-img {
        padding: 15px;
    }

    .pagination-container {
        gap: 20px;
        padding: 15px;
    }

    .pagination-buttons {
        gap: 15px;
    }

    .rows-per-page select {
        margin-left: 10px;
    }

    .creating-box a {
        font-size: 16px;
    }

    .transfer-made-icon {
        margin-bottom: 10px;
    }

    .subscriptions-planbox {
        padding: 15px;
    }

    .subscriptions-myplan h3 {
        font-size: 16px;
    }

    .subscriptions-myplan .button-group {
        gap: 15px;
    }

    .bottom-header .cart-icon .cart-basket .cart-count {
        top: -8px;
        left: 7px;
        width: 17px;
        height: 17px;
        font-size: 11px;
    }

    .wallet-history-head {
        padding: 20px 15px;
    }

    .wallet-main-blnc .balance-text h2 {
        font-size: 20px;
    }

    .walltet-icon svg {
        height: 45px;
        width: 45px;
    }

    .card-spaceing {
        padding: 0 15px 15px;
    }

    .dash-btn,
    .main-balance-detail h3,
    .main-balance-detail p {
        font-size: 15px;
    }

    .my-prifile-circle {
        height: 120px;
        width: 120px;
        margin-bottom: 15px;
        font-size: 10px;
    }


    .dashbox-text p {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .dash-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .dashbox-icon {
        display: none;
    }

    .main-body-content {
        padding: 20px 15px;
    }

    .header-contact-info ul {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .mobile-middle-header.header-contact-info ul li {
        gap: 10px;
        padding: 0;
        border: 0;
    }

    .mobile-middle-header.header-contact-info .timer-box {
        width: 100%;
        margin-top: 10px;
    }

    .samplepak-content {
        padding: 20px 15px;
    }

    .samplepak-content .main-title {
        font-size: 20px;
    }

    .pack-price {
        font-size: 28px;
    }

    .samplepak-content .primary-btn,
    .pack-desc {
        margin-top: 15px;
    }

    .packmsg-text p {
        margin-top: 20px;
    }

    .work-progress-list li {
        width: 100%;
        gap: 15px;
        padding: 15px 0;
        border-bottom: 1px solid #E0E0E0;
    }

    .work-progress-list li:first-child {
        padding-top: 0;
    }

    .work-progress-list li:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .work-progress-list ul {
        row-gap: 0px;
    }

    .workprogress-icon {
        height: 70px;
        width: 70px;
    }

    .workprogress-icon img {
        max-width: 35px;
    }

    .affordable-info,
    .plans-box,
    .work-content-box {
        padding: 20px 15px;
    }

    .price-text {
        font-size: 27px;
    }

    .plans-box .plans-desc {
        padding: 15px 0;
        margin-top: 15px;
    }

    .shipping-calculated-content {
        padding: 20px 0;
    }

    .order-calculated-img img {
        margin-top: 0;
        height: auto;
    }

    .shipping-calculated-detail {
        padding: 0 15px;
    }

    .choose-meter-content .content-box {
        padding: 15px;
    }

    .apply-canvas-content ul li {
        font-size: 14px;
        margin-top: 10px;
    }

    .canvas-name {
        margin-bottom: 10px;
        font-size: 16px;
    }

    label,
    p,
    .primary-btn,
    .form-control {
        font-size: 15px;
    }

    .form-control {
        padding: 8px 15px;
    }

    .login-form-box h1 {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .hero-content h1,
    .inner-banner-title {
        font-size: 36px;
    }

    .primary-btn {
        font-size: 15px;
    }

    .hero-section {
        min-height: auto;
        padding: 80px 0;
    }

    .middle-header,
    .bottom-header .navbar {
        padding: 15px;
    }

    .main-logo img {
        height: 28px;
    }

    .top-header ul li {
        padding: 0 20px;
    }

    .inner-title {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .features-content {
        padding: 15px;
    }

    .py-100,
    .py-50 {
        padding: 30px 0;
    }

    .pt-100 {
        padding-top: 30px;
    }

    .pb-100 {
        padding-bottom: 30px;
    }

    .mt-100 {
        margin-top: 30px;
    }

    .section-head {
        margin-bottom: 15px;
    }

    .mt-50 {
        margin-top: 30px;
    }

    .mb-50 {
        margin-bottom: 30px;
    }

    .mt-30 {
        margin-top: 20px;
    }

    .mb-30 {
        margin-bottom: 20px;
    }

    .main-title {
        font-size: 26px;
    }

    .tag-line {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .behind-print-video {
        padding: 10px;
    }

    .behind-print-video iframe {
        height: 350px;
    }

    .why-choose-list {
        padding: 0 15px;
        margin-top: 20px;
    }

    .why-choose-box {
        padding: 15px 10px;
    }

    .why-choose-box h3,
    .why-choose-box a {
        font-size: 15px;
        margin: 10px 0 15px;
    }

    .testimonials .owl-stage {
        margin-bottom: 10px;
    }

    .faq-section .faq-content {
        padding: 25px 15px;
    }

    .faq-content .accordion-item {
        margin-top: 15px;
    }

    .newsletter-img-content {
        padding: 20px 15px;
    }

    .newsletter-content .main-title {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .newsletter-content {
        padding: 30px 15px;
        max-width: 100%;
    }

    .newsletter-content p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .newsletter-content .primary-btn {
        margin-top: 15px;
    }

    .features-box {
        width: 47.5%;
    }

    .copyright-content {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }

    .copyright-content p {
        text-align: center;
    }

    .drop-your-content {
        margin-bottom: 10px;
    }

    .dropzone-file-box {
        padding: 20px 15px;
    }

    .price-meter-wrp .dropzone-file-box p {
        font-size: 18px;
    }

    .fileupload {
        margin-top: 15px;
    }

    .file-upload-icon {
        margin-bottom: 20px;
    }

    .table-error-box {
        gap: 10px;
        padding: 15px;
    }

    .table-error-box .error {
        font-size: 15px;
    }

    .drop-your-content .main-title {
        margin-bottom: 20px;
    }

    .drop-your-content .why-choose-point li {
        margin-top: 15px;
    }

    .drop-your-file {
        padding: 20px 15px;
    }

    .visit-for-help {
        width: fit-content;
        padding: 8px 15px;
        margin-top: 20px;
        font-size: 15px;
    }

    .price-meter-wrp .progress {
        margin-top: 15px;
        height: 10px;
    }

    .radio-select-box {
        padding: 10px 15px;
    }

    .radio-select-box label,
    .radio-select-box span {
        font-size: 15px;
    }

    .canvas-button-group .primary-btn {
        padding: 8px 20px;
        min-width: 133px;
        font-size: 15px;
    }

    .canvas-button-group {
        gap: 15px;
    }

    .round-box {
        padding: 20px 15px;
    }

    .rolling-canvas-box .file-upload-content {
        max-width: 100%;
    }

    .rolling-canvas-box .dropzone-file-box {
        padding: 20px 15px;
    }

    .creating-box {
        padding: 20px 15px;
    }

    .creating-box .creating-icon {
        margin-bottom: 10px;
        height: 60px;
        width: 60px;
    }

    .custom-printing-design {
        padding: 50px 15px;
    }

    .printing-inner-box {
        display: block;
        padding: 20px 15px;
    }

    .custom-printing-content .main-title {
        margin-bottom: 10px;
    }

    .custom-printing-content {
        text-align: start;
    }

    .printing-box {
        padding: 20px 0px;
    }

    .dtf-printing.gradient-bg {
        background: none;
    }

    .contact-us-detail,
    .company-address-box,
    .contact-form-box,
    .apply-canvas-box {
        padding: 20px 15px;
    }

    .company-enquiries {
        margin-top: 20px;
    }

    .contact-us-detail {
        margin-top: -20px;
    }

    label {
        margin-bottom: 7px;
    }

    .public-holiday {
        font-size: 15px;
    }

    .apply-content-top {
        padding-bottom: 15px;
        max-width: 100%;
    }

    .multiple-img-head input {
        max-width: 40px;
    }

    .payment-method-box .delivery-method-list.choose-shooping-method label {
        height: 50px;
    }

    .delivery-method-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .contact-map iframe {
        height: 315px;
    }

    .es-carousel-layout-container {
        margin-bottom: 50px;
    }

    .gcoYkH,
    .hbiA-dw {
        top: auto !important;
        bottom: -60px;
    }

    .hbiA-dw {
        left: 50% !important;
        right: auto !important;
    }

    .gcoYkH {
        left: auto;
        right: calc(50% - 50px) !important;
    }

    .hbiA-dw {
        left: calc(50% - 50px) !important;
    }

    .social-linkDiv {
        gap: 25px;
    }

    .social-linkDiv svg {
        width: 25px;
        height: auto;
    }

    .order-billing-details .order-billing-box,
    .order-billing-details .col-sm-6:nth-child(2) .order-billing-box {
        padding: 0px;
    }

    .order-billing-details .col-sm-6 {
        border-right: 0px;
        border-top: 0px;
        border-bottom: 0px;
    }

    .product-info-list ul li {
        flex-wrap: wrap;
        row-gap: 0;
        gap: 10px;
    }

    .produc-quatity {
        margin: 0 !important;
        padding-left: 30px;
    }

}

@media screen and (max-width: 475px) {

    .process-icon {
        margin: 0 auto 10px;
    }
    .process-icon svg, .process-icon img {
        max-height: 50px;
        max-width: 50px;
    }
    .sitemap-page .sitemap-box .main-title {
        font-size: 25px;
        margin-top: 10px;
    }

    .sitemap-page .sitemap-box .main-title:first-child {
        margin-top: 0;
    }

    .sitemap-page .sitemap-box .list-of-pages li {
        width: 100%;
        margin-bottom: 15px;
    }

    .sitemap-page .sitemap-box .list-of-pages {
        margin-top: 20px;
    }

    .sitemap-page .sitemap-box .list-of-pages li:last-child {
        margin-bottom: 0;
    }

    .product-detail-box {
        padding: 15px;
    }

    .site-footer .footer-company-logo li:last-child {
        padding-left: 10px;
    }

    .site-footer .footer-company-logo li {
        padding: 0 10px;
    }

    .site-footer .footer-company-logo img {
        max-height: 17px;
    }

    .chat-type-box .msg-send-btn.primary-btn {
        right: 15px;
    }

    .chat-type-box .primary-btn {
        left: 15px;
    }

    .chat-header {
        padding: 15px;
    }

    .chat-all-messages {
        padding: 20px 15px 0;
    }

    .wallet-metters-box img {
        width: 65px;
    }

    .chat-type-box {
        padding: 0 15px 20px;
    }

    .chat-type-box .form-control {
        padding: 15px 65px;
    }

    .choose-shooping-method .form-check {
        margin-top: 15px;
    }

    .wallet-metters-box {
        padding: 15px;
        margin-bottom: 15px;
    }

    .about-of-product ul {
        padding: 10px;
    }

    .checkout-left-side .cart-box {
        margin-bottom: 20px;
    }

    .payment-method-box .delivery-method-list.choose-shooping-method label {
        font-size: 16px;
    }

    .delivery-method-list.choose-shooping-method label {
        padding: 10px;
    }

    .checkout-order-box .cart-heading {
        margin-bottom: 15px;
    }

    .cart-total h3 {
        font-size: 18px;
    }

    .checkout-order-box .cart-total {
        padding-bottom: 6px;
        margin-bottom: 20px;
    }

    .about-of-product ul {
        margin-bottom: 20px;
    }

    .checkout-order-box .form-check {
        margin-top: 20px;
    }

    .choose-shooping-method .form-check .icon svg {
        width: 20px;
    }

    .checkout-left-side .cart-box,
    .checkout-order-box {
        padding: 20px 15px;
    }

    .choose-shooping-method label {
        font-size: 15px;
    }

    .total-box table {
        margin-bottom: 20px;
    }

    .search-group {
        flex-wrap: wrap;
        gap: 15px;
    }

    .search-group a {
        width: 100%;
        justify-content: center;
    }

    .header-prifile-wrp p {
        font-size: 14px;
    }

    .hero-section {
        min-height: auto;
        padding: 60px 0;
    }

    .login-form-box {
        padding: 25px 15px;
    }

    .login-top-content,
    .login-top-content img {
        margin-bottom: 20px;
    }

    .form-group {
        margin-bottom: 15px;
    }

    .form-footer {
        margin-top: 20px;
    }

    .login-top-content img {
        height: 28px;
    }

    .top-header ul li {
        padding: 0 10px;
    }

    .top-header ul li img {
        height: 18px;
    }

    .header-contact-info .contact-icon svg {
        width: 24px;
    }

    .header-contact-info .timer-box {
        padding: 2px 8px;
    }

    .features-box {
        width: 100%;
    }

    .aarow-box {
        height: 35px;
        width: 35px;
        right: 15px;
        bottom: -15px;
    }

    .aarow-box svg {
        height: 12px;
    }

    .features-content p {
        min-height: auto;
    }

    .our-features-list {
        row-gap: 30px;
    }

    .dtf-transfer-image {
        width: 100%;
    }

    .transfer-made-icon svg {
        height: 29px;
        width: 29px;
    }

    .dtf-transfer-list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    .dtf-transfer-list .transfer-content:nth-child(2) .transfer-made-icon,
    .dtf-transfer-list .transfer-content:nth-child(4) .transfer-made-icon {
        margin: 0px auto 10px;
    }

    .transfer-content {
        width: 100%;
    }

    .transfer-made .section-head {
        margin-bottom: 15px;
    }

    .why-choose-point li {
        font-size: 15px;
    }

    .why-choose-box {
        width: 100%;
        padding: 15px 0;
    }

    .why-choose-box:nth-child(1) {
        border-bottom: 1px solid #02AED3;
    }

    .why-choose-box .icon svg {
        height: 50px;
    }

    .faq-content .accordion-button,
    .faq-content .accordion-body,
    .faq-content .accordion-body p {
        font-size: 14px;
    }

    .faq-section .accordion-button::after {
        font-size: 15px;
    }


    .footer-logo {
        margin-bottom: 20px;
    }

    .site-footer .footer-descrption p {
        line-height: normal;
    }

    .footer-menu .footer-inner-title {
        font-size: 16px;
    }

    .footer-menu {
        margin-top: 25px;
    }

    .header-contact-info ul li {
        padding: 0 10px;
    }

    .middle-header,
    .bottom-header .navbar {
        padding: 10px 15px;
    }

    .primary-btn {
        padding: 8px 16px;
    }

    .google-review-img img {
        height: 25px;
    }

    .newsletter-content .main-title {
        font-size: 22px;
    }

    .inner-banner-title {
        margin-bottom: 15px;
    }

    .inner-banner {
        min-height: 280px;
    }

    .product-page table tr td,
    .product-page table tr th {
        padding: 10px;
    }

    .price-table-head {
        padding: 10px 15px;
    }

    .dropzone-file-box .file-name {
        font-size: 14px;
    }

    .previews-head {
        flex-wrap: wrap;
        gap: 10px;
    }

    .uploadfile-geliery {
        padding: 10px 15px;
        margin-top: 25px;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }

    .preview-canvas-list {
        padding: 15px;
        min-height: auto;
    }

    .preview-canvas-footer {
        padding: 10px;
    }

    .canvas-multiple-info {
        padding: 20px 15px;
    }

    .rolling-canvas-box {
        padding: 0;
    }

    .fileupload-box {
        width: 120px;
        height: 120px;
        margin: 22px auto;
    }

    .fileupload-box svg {
        height: 52px;
    }

    .reason-comtent-list li {
        padding: 20px 15px 20px 38px;
    }

    .reason-comtent-list li h3 {
        font-size: 16px;
    }


    .reason-for-choosing .section-head {
        margin-bottom: 15px;
    }

    .address-content-info {
        gap: 5px;
    }

    .chat-text-box {
        max-width: 95%;
    }
}

@media screen and (max-width: 450px) {
    .wallet-cart-page .choose-shooping-method .form-check {
        margin-top: 10px;
    }

    .wallet-cart-page .choose-shooping-method {
        display: block;
    }

    .faq-count {
        height: 30px;
        width: 30px;
        min-width: 30px;
        font-size: 16px;
    }

    .faq-list .accordion-button::after {
        height: 20px;
        width: 20px;
        font-size: 13px;
    }

    .pagination-container {
        gap: 15px;
    }

    .pagination-buttons {
        gap: 10px;
    }

    .bottom-header .main-logo {
        gap: 8px;
    }

    .header-contact-info .contact-icon svg {
        width: 20px;
    }

    .hero-content h1,
    .inner-banner-title {
        font-size: 32px;
    }

    .behind-print-video iframe {
        height: 300px;
    }
}

@media screen and (max-width: 433px) {
    .prodict-size-info {
        display: block;
    }
}


@media screen and (max-width: 388px) {
     .work-progress-content {
        padding: 0;
    }
    .prodict-size-info {
        gap: 2px;
    }

    .product-detail-box .button-group {
        flex-wrap: wrap;
    }

    .product-detail-box .button-group .primary-btn {
        width: 100%;
    }

    .dashbox-text p {
        font-size: 14px;
    }

    .dashbox-text h2 {
        font-size: 18px;
    }

    .mobile-toggle button i {
        font-size: 15px;
    }

    .main-logo img {
        height: 20px;
    }

    .mobile-middle-header.header-contact-info .contact-icon svg {
        width: 20px;
        height: 20px;
    }

    .mobile-middle-header.header-contact-info ul li {
        gap: 5px;
    }

    .header-contact-info li,
    .header-contact-info p {
        font-size: 10px;
    }

    .button-with-checkbox a,
    .button-with-checkbox button {
        min-width: 93px;
        padding: 6px;
        gap: 3px;
        font-size: 13px;
    }

    .button-with-checkbox .form-check label {
        font-size: 13px;
    }

    .button-with-checkbox {
        gap: 8px;
        margin-top: 15px;
    }

    .button-with-checkbox .form-check {
        gap: 6px;
    }

    .button-with-checkbox .form-check .form-check-input {
        width: 15px;
        height: 16px;
    }

    .quantity-select label {
        display: none;
    }

    .multiple-images-content .select-box input {
        padding: 5px 10px;
        font-size: 15px;
    }

    .canvas-button-group,
    .company-address-box .icon-with-text {
        flex-wrap: wrap;
    }

    .company-enquiries {
        margin-top: 15px;
    }
}