@media (min-width:1366px) {
      .container {
            max-width: 1356px;
      }
}

@media (max-width:1600px) {

      .read-people-inner .swiper-button-prev {
            left: -45px;
            right: auto;
      }

      .read-people-inner .swiper-button-next {
            right: -45px;
            left: auto;
      }

      .offerSwiper,
      .giftsSwiper {
            padding-left: calc(50vw - 665px);
      }

      .custom-print-right {
            max-width: 642px;
            margin-left: auto;
      }
}

@media (max-width:1400px) {
      .read-people-inner .swiper-button-prev {
            left: -15px;
            right: auto;
      }

      .read-people-inner .swiper-button-next {
            right: -15px;
            left: auto;
      }


}

@media (max-width:1300px) {
      .navbar-nav .nav-item .nav-link {
            font-size: 14px;
      }

      .navbar-nav .nav-item {
            padding: 0 8px;
      }

      .navbar-search {
            width: 410px;
            margin-left: 15px;
      }

      .banner-left {
            padding: 40px 44px;
      }

      .perfect-gift-box h3 {
            margin-bottom: 70px;
      }

      .perfect-gift-box span img {
            height: 140px;
      }

      .reveiws-box h4 {
            font-size: 20px;
            max-width: 380px;
            margin: 0 auto 15px;
      }

      .offerSwiper,
      .giftsSwiper {
            padding-left: calc(50vw - 558px);
      }

      .easy-step-box .text-box {
            padding-left: 15px;
      }

      .footer-link ul li a {
            font-size: 14px;
      }

      .copyright-nav ul li {
            margin-right: 10px;
      }

      .copyright-nav ul li a {
            font-size: 14px;
      }

      .product-review-box .image-holder {
            max-width: 140px;
            margin-right: 15px;
      }

      .custom-print-left {
            padding: 104px 10px 30px 20px;
      }

      .custom-print-left .text-box h3 {
            font-size: 50px;
            margin-bottom: 30px;
      }

      .custom-print-sec {
            height: calc(100vh - 112px);
      }
}

@media(max-width:1199px) {
      .cart-btn {
            width: 40px;
            height: 40px;
            margin-left: 5px;
      }

      .navbar-nav .nav-item {
            padding: 0 5px;
      }

      .navbar-brand img {
            height: 40px;
      }

      .navbar-search {
            width: 350px;
            margin-left: 10px;
      }

      .header-bottom ul li a {
            padding: 8.5px 15px;
      }

      .banner-left {
            padding: 30px 25px;
      }

      .banner-left h1 {
            font-size: 38px;
            line-height: 50px;
            max-width: 415px;
            width: 100%;
      }

      .swiper-btn {
            right: 22px;
            bottom: 30px;
      }

      .perfect-gift-box span img {
            height: 110px;
      }

      .perfect-gift-box h3 {
            margin-bottom: 50px;
      }

      .btn-default.black-bg {
            padding: 0 10px;
            height: 35px;
            font-size: 14px;
            z-index: 10;
      }

      .offerSwiper,
      .giftsSwiper {
            padding-left: calc(50vw - 467px);
      }

      .reveiws-inner {
            padding: 30px;
      }

      .reveiws-box h4 {
            font-size: 18px;
      }

      .browse-gift-inner ol li {
            width: 25%;
      }

      .easy-step-box .image-holder {
            max-width: 120px;
            width: 100%;
      }

      .easy-step-box .text-box span {
            font-size: 12px;
            height: 22px;
            max-width: 55px;
      }

      .easy-step-box .text-box h4 {
            font-size: 14px;
            line-height: 20px;
            padding: 7px 0;
      }

      .easy-step-box .text-box p {
            font-size: 14px;
            line-height: 20px;
      }

      .footer-link h4 {
            font-size: 14px;
      }

      .footer-link ul li a {
            font-size: 12px;
      }

      .copyright-nav ul li {
            margin-right: 10px;
      }

      .copyright-nav ul li a {
            font-size: 12px;
      }

      .copyright-text p {
            font-size: 12px;
      }

      .shippind-detail ul li p {
            font-size: 14px;
      }

      .product-review-box .image-holder {
            max-width: 100px;
            margin-right: 10px;
      }

      .product-review-box .text-box p {
            font-size: 12px;
            line-height: 16px;
            margin: 5px 0 5px 0;
      }

      .product-review-sec {
            height: 620px;
      }

      .color-detail ul li {
            width: 16.6%;
      }

      .color-box {
            margin-bottom: 20px;
      }

      .product-review-box.summary-review .text-box p {
            font-size: 14px;
            line-height: 20px;
            margin: 5px 0;
      }

      .cart-box .image-holder {
            max-width: 150px;
            margin-right: 15px;
      }

      .cart-media .cart-user p {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 10px;
      }

      .price span {
            font-size: 18px;
            margin-right: 5px;
      }

      .price strong {
            font-size: 22px;
      }

      .cart-edit-btn {
            margin-top: 15px;
      }

      .cart-shopping {
            font-size: 16px;
            width: 160px;
      }

      .cart-gift .media h4 {
            font-size: 16px;
            margin-left: 10px;
      }

      .btn-wrappe ul li:first-child {
            width: 35%;
      }

      .custom-print-left .text-box h3 {
            font-size: 42px;
            margin-bottom: 30px;
      }

      .custom-print-left ul li p {
            font-size: 13px;
            line-height: 22px;
      }
}

@media(max-width:991px) {
      body.active {
            overflow: hidden;
      }

      .navbar-toggler {
            padding: 0;
            display: flex;
            align-items: center;
            border-radius: 0;
            border: none;
      }

      .navbar-toggler:focus {
            box-shadow: none;
      }

      .navbar-media {
            display: flex;
            align-items: center;
            position: relative;
            z-index: 1000;
      }

      .navbar-brand {
            margin-left: 15px;
      }

      .navbar-search {
            width: 100%;
            margin-left: 0;
            margin-top: 19px;
      }

      .cart-btn {
            width: 36px;
            height: 36px;
            margin-left: 0;
      }

      .cart-btn img {
            height: 16px;
      }

      .navigation {
            padding: 10px 0;
      }

      .header-bottom ul li a {
            padding: 8.5px 5px;
            font-size: 12px;
      }

      .navbar-toggler[aria-expanded="true"] .menu-icon {
            display: none;
      }

      .navbar-toggler[aria-expanded="true"] .cross-icon {
            display: block;
      }

      .navbar-collapse {
            position: fixed;
            left: -100%;
            top: 0;
            height: 100%;
            background-color: #fff;
            z-index: 100;
            max-width: 280px;
            width: 100%;
            padding: 104px 0 36px;
            display: flex !important;
            align-items: flex-start;
            justify-content: space-between;
            flex-direction: column;
            transition: all 0.2s ease-in-out;
      }

      .navbar-nav {
            margin: 0 !important;
            width: 100%;
            padding: 0 18px;
      }

      .collapse:not(.show) {
            display: block;
      }

      .navbar-collapse.show {
            left: 0;
            transition: all 0.2s ease-in-out;
      }

      .navbar-nav .nav-item {
            padding: 0;
      }

      .navbar-nav .nav-item .nav-link {
            font-size: 24px;
            padding: 16px 18px;
            width: 100%;
      }

      .banner-left {
            padding: 20px 35px;
      }

      .banner-left h1 {
            font-size: 28px;
            line-height: 36px;
            max-width: 415px;
            width: 100%;
      }

      .btn-default {
            height: 45px;
            font-size: 16px;
            padding: 0 15px;
      }

      .swiper-btn {
            right: 32px;
            bottom: 20px;
      }

      .perfect-gift-sec {
            padding: 50px 0;
      }

      .offerSwiper,
      .giftsSwiper {
            padding-left: calc(50vw - 347px);
      }

      .reveiws-box h4 {
            font-size: 16px;
      }

      .reveiws-box p {
            font-size: 16px;
      }

      .reveiws-box ul li img {
            height: 20px;
      }

      .product-offer-sec {
            padding: 50px 0;
      }

      .filter-btn ul li a {
            font-size: 14px;
            padding: 0 20px;
      }

      .product-offer-box .text-box h4,
      .product-offer-box .text-box span,
      .product-offer-box .text-box .media p,
      .product-offer-box .text-box .media strong {
            font-size: 14px;
      }

      .browse-gift-inner ol li {
            width: 33.3%;
      }

      .footer-left {
            margin-bottom: 30px;
      }

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

      .heading h3 {
            font-size: 26px;
      }

      .select-board {
            padding: 15px;
      }

      .select-board h4 {
            font-size: 14px;
      }

      .select-size ul li a {
            min-width: 50px;
            height: 46px;
            font-size: 18px;
      }

      .preview-btn {
            font-size: 16px;
            height: 48px;
      }

      .shippind-detail ul {
            margin: 10px 0 0 0;
      }

      .shippind-detail ul li p {
            font-size: 12px;
      }

      .color-detail ul li {
            width: 20%;
      }

      .form-check-label {
            border-radius: 8px;
            height: 46px;
      }

      .btn-wrappe ul li:first-child {
            width: 40%;
      }

      .back-btn {
            font-size: 16px;
            height: 48px;
      }

      .quiz-left {
            margin-bottom: 16px;
      }

      .quiz2-left {
            margin-bottom: 16px;
      }

      .custom-print-right .text-box p {
            font-size: 14px;
            margin: 10px 0;
      }

      .custom-print-right .text-box {
            border-radius: 12px;
            padding: 14px;
            bottom: 75px;
      }

      .custom-print-left ul li h4 {
            font-size: 14px;
            margin: 12px 0 12px 0;
      }

      .custom-print-left ul li p {
            font-size: 11px;
            line-height: 16px;
      }

      .custom-print-left .text-box h3 {
            font-size: 32px;
            margin-bottom: 25px;
      }

      .custom-print-left {
            padding: 30px 10px 30px 15px;
      }

      .custom-print-left .text-box a {
            max-width: 290px;
            font-size: 18px;
      }

      .custom-step1 {
            padding: 30px 16px 16px 16px;
      }

      .custom-step1 .text-box {
            max-width: 455px;
            margin: 0 auto 20px;
      }

      .custom-step1 .text-box h3 {
            font-size: 32px;
      }

      .custom-step1 .text-box p {
            font-size: 14px;
            line-height: 22px;
      }

      .product-select .form-check .form-check-label {
            font-size: 16px;
            padding: 20px 30px;
      }

      .product-select .form-check .form-check-label strong {
            margin-bottom: 25px;
      }

      .prog span {
            font-size: 16px;
            margin-left: 20px;
      }

      .prog img {
            height: 34px;
      }

      .next-btn {
            height: 50px;
            font-size: 18px;
            padding: 0 30px;
      }

      .step-bottom {
            padding: 16px 16px;
      }

      .custom-step2 h4 {
            font-size: 26px;
            margin-bottom: 10px;
      }

      .custom-step2 .product-select {
            margin-top: 30px;
      }

      .custom-step2 .tearm-text {
            margin: 15px auto 0;
      }

      .step-detail {
            height: calc(100% - 95px);
      }

      .custom-step3 h4,
      .custom-step4 h4 {
            font-size: 28px;
            margin-bottom: 5px;
      }

      .custom-step3 p,
      .custom-step4 p {
            font-size: 14px;
      }

      .custom-step-sec {
            height: calc(100vh - 100px);
      }

      .custom-step3 .step-detail {
            height: calc(100% - 105px);
      }

      .custom-step3 {
            padding: 30px 0 10px 0;
            height: 100%;
      }
}

@media(max-width:767px) {
      .container {
            max-width: 100%;
      }
      .hero  {
            padding-bottom:10px;
      }

      .header-top .media {
            justify-content: center;
      }

      .header-top .media ul {
            display: none;
      }

      .navigation {
            padding: 10px 5px 7px;
      }

      .header-bottom .container {
            padding: 0;
      }

      .header-bottom {
            padding: 0;
      }

      .header-bottom ul {
            width: 831px;
      }

      .header-bottom ul li {
            padding: 0;
      }

      .header-bottom ul li a {
            padding: 8.5px 13px;
            font-size: 14px;
      }

      .swiper-button-next,
      .swiper-button-prev {
            width: 28px;
            height: 28px;
            margin: 0 12px;
      }

      .swiper-button-next img,
      .swiper-button-prev img {
            height: 11px;
      }

      .swiper-btn {
            right: auto;
            bottom: 16px;
            left: 50%;
            transform: translate(-50%, 0);
            z-index: 1;
      }

      .banner-left h1 {
            font-size: 32px;
            line-height: 136%;
            max-width: 343px;
            width: 100%;
            margin-bottom: 32px;
      }

      .btn-default {
            height: 44px;
            font-size: 16px;
            padding: 0 21px;
            border-radius: 8px;
      }

      .banner-left {
            padding: 24px 16px;
      }

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

      .perfect-gift-sec {
            padding: 50px 5px;
      }

      .reveiws-sec {
            padding: 0 5px;
      }

      .reveiws-box {
            align-items: center;
            height: auto;
            margin-bottom: 40px;
      }

      .reveiws-box h4 {
            line-height: 28px;
            font-size: 20px;
      }

      .reveiws-inner {
            padding: 50px 16px;
      }

      .filter-btn .swiper-button-next,
      .filter-btn .swiper-button-prev {
            width: 30px;
            height: 30px;
            margin: 0 16x;
      }

      .product-offer-sec {
            padding: 73px 0 66px;
      }

      .offerSwiper,
      .giftsSwiper {
            padding-left: 16px;
      }

      .filter-btn {
            justify-content: center;
            margin: 15px 0 30px;
      }

      .filter-btn ul li {
            padding: 0 4px;
      }

      .filter-btn ul li a {
            font-size: 14px;
            padding: 0 16px;
            height: 32px;
      }

      .product-offer-box .text-box h4,
      .product-offer-box .text-box span,
      .product-offer-box .text-box .media p,
      .product-offer-box .text-box .media strong {
            font-size: 16px;
      }

      .product-offer-box .text-box {
            margin: 10px 0 0 0;
      }

      .product-offer-box .text-box .media {
            margin: 3px 0 2px 0;
      }

      .browse-gift-sec {
            padding: 60px 5px 55px;
      }

      .browse-gift-sec .media {
            flex-direction: column;
      }

      .categories-sort {
            margin: 15px 0 0 0;
      }

      .page-item {
            padding: 0 4px;
      }

      .left-link {
            margin-right: 13px;
      }

      .right-link {
            margin-left: 13px !important;
      }

      .browse-gift-inner ol li {
            width: 50%;
      }

      .browse-gift-sec .product-offer-box .text-box .media {
            flex-direction: row;
      }

      .browse-gift-inner {
            margin: 12px 0 0 0;
      }

      .easy-steps-sec {
            padding: 58px 5px 54px;
      }

      .easy-steps-inner {
            margin: 25px 0 0 0;
      }

      .easy-step-box .image-holder {
            max-width: 150px;
            width: 100%;
      }

      .easy-step-box .text-box {
            padding-left: 20px;
      }

      .easy-step-box .text-box h4 {
            font-size: 16px;
            line-height: 22px;
            padding: 16px 0 3px;
      }

      .easy-step-box .text-box p {
            font-size: 12px;
            line-height: 18px;
      }

      .read-people-sec .container {
            padding: 0;
      }

      .read-people-inner::after,
      .read-people-inner::before {
            display: block;
      }

      .read-people-inner .swiper-button-prev {
            left: 8px;
            right: auto;
      }

      .read-people-inner .swiper-button-next {
            right: 8px;
            left: auto;
      }

      .read-people-box .text-box ul li img {
            height: 13px;
      }

      .read-people-box .text-box {
            padding: 8px 0 0 0;
      }

      .read-people-box .text-box p {
            margin: 7px 0;
      }

      .read-people-inner .swiper-button-next,
      .read-people-inner .swiper-button-prev {
            top: 70px;
            transform: translate(0, 0);
            width: 30px;
            height: 30px;
      }

      .read-people-inner {
            margin: 24px 0 0 0;
      }

      .read-people-sec {
            padding: 56px 0 80px;
      }

      footer {
            padding: 20px 5px 25px;
      }

      .footer-left p {
            font-size: 14px;
            line-height: 20px;
            max-width: 130px;
            width: 100%;
            margin: 8px 0 0 0;
      }

      .footer-logo img {
            height: 40px;
      }

      .payment-logo {
            margin-bottom: 14px;
      }

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

      .footer-link {
            margin: 20px 0;
      }

      .footer-link ul li a {
            font-size: 14px;
      }

      .footer-link h4 {
            margin-bottom: 7px;
      }

      .footer-link ul li {
            margin-bottom: 1px;
      }

      .copyright {
            margin: 16px 0 0 0;
      }

      .copyright-nav ul li a {
            font-size: 14px;
      }

      .copyright-nav ul {
            align-items: flex-start;
            flex-direction: column;
      }

      .copyright-nav ul li {
            margin-right: 0;
            margin-bottom: 17px;
      }

      .copyright-text {
            margin: 35px 0 0 0;
      }

      .copyright-text p {
            font-size: 14px;
            text-align: left;
      }

      .product-banner {
            padding: 15px 5px 30px;
      }

      .product-banner-right {
            padding: 16px 0 0 0;
      }

      .product-banner-right .tag {
            font-size: 12px;
            height: 24px;
            padding: 0 8px;
      }

      .product-media ul li img {
            height: 15px;
      }

      .product-media ul {
            margin-left: 10px;
      }

      .heading {
            margin: 7px 0 12px 0;
      }

      .heading h3 {
            font-size: 22px;
      }

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

      .step-number {
            display: block;
            margin-bottom: 20px;
      }

      .select-size ul li a {
            min-width: 60px;
            height: 44px;
            font-size: 20px;
      }

      .preview-btn {
            height: 44px;
      }

      .select-board {
            padding: 16px;
      }

      .shippind-detail ul {
            margin: 12px 0 0 0;
            padding: 16px 0;
      }

      .shippind-detail ul li {
            padding: 8px 0;
      }

      .product-review-sec .title h2 {
            font-size: 18px;
      }

      .product-review-sec .media ul li img {
            height: 13px;
      }


      .product-review-box .image-holder {
            max-width: 120px;
            margin-right: 12px;
      }

      .product-review-box .text-box ul li img {
            height: 13px;
      }

      .product-review-box .text-box p {
            font-size: 14px;
            line-height: 24px;
            margin: 5px 0 5px 0;
      }

      .show-more {
            bottom: 32px;
      }

      .color-detail ul li {
            width: 12.5%;
      }

      .cart-edit-modal .modal-dialog {
            max-width: 96%;
            width: 100%;
      }

      .modal-title {
            font-size: 20px;
      }

      .modal-header img {
            height: 12px;
      }

      .cart-edit-modal .modal-content {
            border-radius: 10px;
            padding: 16px;
      }

      .modal-body {
            padding: 24px 0;
      }

      .modal-body .image-holder {
            max-width: 112px;
            width: 100%;
            margin-right: 14px;
      }

      .modal-body .text-box h4 {
            font-size: 16px;
            line-height: 120%;
      }

      .modal-body .text-box p {
            font-size: 12px;
            line-height: 14px;
      }

      .modal-body .text-box ul li .form-check-label {
            height: 44px;
            font-size: 20px;
      }

      .modal-body .text-box ul {
            margin: 2px -5px 15px;
      }

      .quiz2-left {
            margin-bottom: 16px;
      }

      .custom-print-left {
            padding: 56px 16px 97px 16px;
            width: 100%;
            height: auto;
      }

      .custom-print-left ul {
            display: none;
      }

      .custom-print-right {
            max-width: 642px;
            margin-left: auto;
            width: 100%;
            height: auto;
      }

      .custom-print-sec {
            height: 100%;
      }

      .custom-print-right .text-box {
            padding: 16px;
      }

      .custom-print-right .text-box p {
            font-size: 14px;
            margin: 10px 0;
            line-height: 24px;
      }

      .product-select ul li {
            width: 50%;
      }

      .product-select .form-check .form-check-label {
            padding: 20px 40px;
      }

      .custom-step2 {
            padding: 23px 16px 10px;
            height: 100%;
      }

      .custom-step2 h4 {
            font-size: 26px;
            margin-bottom: 0px;
      }

      .custom-step2 h4 img {
            height: 16px;
            margin-left: 9px;
      }

      .upload-grap {
            font-size: 18px;
            flex-direction: row;
            padding: 19px 15px;
            border-radius: 8px;
            margin: 15px auto 0;
      }

      .upload-grap img {
            height: 18px;
            margin: 0 11px 0 0;
      }

      .custom-step2 .product-select ul {
            justify-content: center;
      }

      .custom-step2 .product-select ul li {
            padding: 6px 12px;
      }

      .custom-step2 .product-select .form-check .form-check-label strong img {
            height: 96px;
      }

      .custom-step2 .tearm-text {
            margin: 15px auto 0;
            max-width: 343px;
      }

      .custom-step2 .tearm-text .form-check-label p {
            font-size: 16px;
      }

      .custom-step3 h4 {
            font-size: 26px;
            margin-bottom: 5px;
      }

      .custom-step3 {
            padding: 24px 16px 10px 15px;
            height: 100%;
      }

      .custom-step3 .product-select .form-check .form-check-label strong {
            max-width: 72px;
            width: 100%;
            margin: 0;
      }

      .custom-step3 .product-select .form-check .form-check-label .text-box {
            padding-left: 16px;
            flex-direction: column;
      }

      .custom-step3 .product-select .form-check .form-check-label .text-box .text-box-left h5 {
            margin-bottom: 4px;
            font-size: 16px;
      }

      .custom-step3 .product-select .form-check .form-check-label .text-box .text-box-left ol li {
            font-size: 14px;
            margin-right: 6px;
      }

      .custom-step3 .product-select .form-check .form-check-label .text-box .text-box-left ol li img {
            height: 22px;
      }

      .text-price {
            font-size: 14px;
            margin-top: 7px;
      }

      .product-select ul {
            display: flex;
            flex-wrap: wrap;
            margin: 0;
      }
}

@media(max-width:575px) {
      .perfect-gift-box h3 {
            font-size: 18px;
      }

      .btn-default.black-bg {
            padding: 0 17px;
            height: 40px;
            font-size: 16px;
            z-index: 10;
      }

      .perfect-gift-box span img {
            height: 124px;
      }

      .perfect-gift-inner {
            margin: 10px 0 0 0;
      }

      .filter-btn .table-responsive ul {
            justify-content: flex-start;
            width: 355px;
      }

      .product-offer-sec.yellow-bg .filter-btn .table-responsive ul {
            justify-content: flex-start;
            width: 485px;
      }

      .categories-sort ul {
            flex-wrap: wrap;
            margin: 0 -4px;
      }

      .categories-sort ul li:first-child {
            width: 100%;
      }

      .categories-sort ul li {
            width: 50%;
            padding: 4px 4px;
            margin: 0;
      }

      .categories-sort .form-control {
            height: 36px;
            font-size: 14px;
            padding: 0 35px 0 12px;
      }

      .browse-gift-inner .tag {
            font-size: 10px;
            height: 20px;
            padding: 0 10px;
      }

      .browse-gift-inner .product-offer-box .text-box h4,
      .browse-gift-inner .product-offer-box .text-box span,
      .browse-gift-inner .product-offer-box .text-box .media p,
      .browse-gift-inner .product-offer-box .text-box .media strong {
            font-size: 14px;
      }

      .easy-steps-sec {
            background: url(../images/step-bg-mobile.png) no-repeat;
            background-position: top center;
            background-size: cover;
      }

      .read-people-box .text-box {
            max-width: 185px;
      }

      .easy-steps-sec.product-easy-step {
            background: transparent;
      }

      .color-detail ul li {
            width: 20%;
      }

      .color-detail ul {
            max-width: 280px;
      }

      .form-check-label {
            height: 40px;
      }

      .color-detail h4 {
            font-size: 14px;
      }

      .color-box h5 {
            font-size: 12px;
      }

      .btn-wrappe ul {
            margin: 0;
            flex-direction: column-reverse;
      }

      .btn-wrappe ul li {
            padding: 0;
      }

      .btn-wrappe ul li:first-child {
            width: 100%;
            margin-top: 8px;
      }

      .back-btn {
            font-size: 16px;
            height: 44px;
      }

      .select-size ul {
            margin: 16px -4px 22px;
            flex-wrap: wrap;
      }

      .select-size ul li {
            padding: 4px 4px;
      }

      .select-size ul li a {
            min-width: 56px;
            height: 44px;
            font-size: 20px;
      }

      .select-cart h2 {
            font-size: 20px;
            margin-bottom: 16px;
      }

      .select-cart h2 span {
            font-size: 28px;
      }

      .text-description h4 {
            font-size: 14px;
            margin-bottom: 6px;
      }

      .text-description p {
            font-size: 14px;
            line-height: 22px;
      }

      .cart-left {
            padding: 16px;
            margin-top: 16px;
            margin-bottom: 12px;
      }

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

      .cart-title span {
            font-size: 12px;
            width: 26px;
            height: 26px;
      }

      .cart-user {
            width: 100%;
      }

      .cart-media .cart-user h4 {
            font-size: 16px;
            margin-bottom: 6px;
      }

      .cart-media .cart-user span {
            font-size: 12px;
            margin: 0;
            line-height: 1;
            padding-right: 10px;
            border-right: 1px solid rgba(52, 68, 84, 30%);
      }

      .cart-media .cart-user p {
            font-size: 12px;
            line-height: 1;
            margin-bottom: 0;
            padding-left: 10px;
      }

      .cart-user .media {
            display: flex;
            align-items: center;
      }

      .price span {
            font-size: 14px;
            margin-right: 8px;
      }

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

      .cart-media {
            flex-direction: column;
      }

      .qty-input {
            margin: 10px 0 12px 0;
      }

      .cart-edit-btn ul li:last-child {
            margin: 0;
      }

      .cart-edit-btn ul li a {
            font-size: 12px;
            height: 28px;
            padding: 0;
            width: 80px;
      }

      .delet-btn span {
            display: none;
      }

      .delet-btn img {
            display: block;
      }

      .cart-box .image-holder {
            max-width: 100px;
            margin-right: 12px;
      }

      .cart-box {
            align-items: flex-start;
      }

      .delet-btn {
            margin-right: 4px;
      }

      .cart-gift {
            padding: 16px;
            border-radius: 8px;
            flex-direction: column;
            align-items: flex-start;
      }

      .cart-gift .media {
            margin-bottom: 16px;
      }

      .cart-gift .media h4 {
            font-size: 18px;
            margin-left: 12px;
            line-height: 128%;
      }

      .cart-shopping {
            font-size: 18px;
            width: 175px;
      }

      .cart-summary {
            border-radius: 10px;
            padding: 16px;
            margin-bottom: 12px;
      }

      .preview-btn {
            height: 52px;
            font-size: 18px;
      }

      .cart-summary h4 {
            padding-bottom: 15px;
      }

      .cart-summary ul {
            padding: 11px 0 0 0;
      }

      .cart-summary ul li.payment-total {
            margin-top: 14px;
            padding-top: 14px;
            margin-bottom: 16px;
      }

      .product-review-box.summary-review {
            border-radius: 8px;
            padding: 12px;
      }

      .product-review-box.summary-review .image-holder {
            max-width: 80px;
            width: 100%;
            margin-right: 16px;
      }

      .need-help {
            border-radius: 10px;
            padding: 12px;
      }

      .modal-body .text-box ul li {
            padding: 5px 5px;
            width: 33.3%;
      }

      .quiz-left h4 {
            display: none;
      }

      .quiz-left {
            max-width: 285px;
            margin: 0 auto 16px;
            padding: 25px 15px;
      }

      .quiz-left img {
            height: 285px;
      }

      .quiz-sec {
            padding: 80px 5px 110px;
      }

      .quiz-right {
            border-radius: 12px;
            padding: 16px;
      }

      .quiz-step h2 {
            font-size: 16px;
            margin: 0;
      }

      .quiz-step h2 img {
            height: 20px;
            margin-right: 4px;
      }

      .quiz-step .quiz-media span {
            font-size: 14px;
      }

      .toggle-label {
            margin-left: 10px;
            font-size: 14px;
      }

      .quiz-media {
            margin-bottom: 16px;
      }

      .toggle {
            margin-bottom: 16px;
      }

      .quiz-step .select-color {
            border-radius: 10px;
            padding: 16px;
      }

      .quiz-step .color-detail h4 {
            font-size: 14px;
      }

      .quiz-step .color-box .media h4 {
            font-size: 14px;
      }

      .quiz-step .color-box .form-control {
            height: 44px;
      }

      .quiz-step .color-detail {
            margin: 0 0 18px 0;
      }

      .quiz-step .color-detail ul li {
            width: 16.6%;
      }

      .btn-wrappe-quiz {
            background-color: #fff;
            padding: 16px 16px 24px 16px;
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            z-index: 100;
      }

      .btn-wrappe.btn-wrappe-quiz ul {
            flex-direction: row;
            margin: 0 -4px;
      }

      .btn-wrappe.btn-wrappe-quiz ul li {
            width: 50%;
            margin: 0;
            padding: 0 4px;
      }

      .btn-wrappe.btn-wrappe-quiz .preview-btn {
            height: 44px;
            font-size: 16px;
      }

      .quiz2-left {
            max-width: 285px;
            width: 100%;
            margin: 0 auto 16px;
      }

      .upload-pic {
            font-size: 16px;
            height: 40px;
            width: 156px;
      }

      .upload-detail p {
            font-size: 14px;
            line-height: 20px;
            margin: 10px 0 0 0;
      }

      .qiuz-form h4 {
            font-size: 16px;
            margin-bottom: 20px;
      }

      .qiuz-form .form-group label {
            font-size: 14px;
            margin: 0 0 14px 0;
      }

      .qiuz-form .form-group .form-control {
            height: 44px;
            font-size: 16px;
      }

      .qiuz-form .form-group {
            margin: 0 0 20px 0;
      }

      .qiuz-form .form-group:last-child {
            margin: 0;
      }

      .checkout-sec {
            padding: 20px 5px;
      }

      .checkout-inner h2 {
            padding: 14px 0;
      }

      .checkout-box span {
            font-size: 14px;
      }

      .checkout-box {
            border-radius: 16px;
            padding: 12px;
            margin-top: 18px;
      }

      .checkout-box-list h4 {
            font-size: 20px;
      }

      .checkout-box-list .form-group label {
            font-size: 16px;
      }

      .checkout-box-list .form-group .form-control {
            font-size: 14px;
      }

      .check-main .form-check-label .media .text-box p {
            font-size: 11px;
      }

      .check-main .form-check-label .media .text-box h5 {
            font-size: 12px;
            margin-bottom: 5px;
      }

      .form-check-label .media img {
            height: 35px;
      }

      .check-main .form-check-label {
            padding: 12px 11px 12px 58px;
            flex-direction: column;
            align-content: flex-start;
            justify-content: flex-start;
      }

      .check-main .form-check-label strong {
            font-size: 16px;
            width: 100%;
            margin-left: -80px;
            margin-top: 15px;
      }

      .check-main .form-check-label .media .text-box {
            padding-left: 10px;
      }

      .form-check-label .media {
            width: 100%;
      }

      .delivery-method .check-main .form-check .form-check-input {
            top: 24px;
      }

      .form-check-label .media .payment-img img {
            height: auto;
      }

      .tearm-text .form-check {
            align-items: flex-start;
      }

      .tearm-text .form-check-label p {
            font-size: 14px;
      }

      .payment-method .form-check-label {
            padding: 43px 11px 17px 12px;
      }

      .payment-method .form-check-label .media.media2 {
            width: 100%;
            flex-direction: column;
            align-items: flex-start;
      }

      .payment-method .form-check-label .media.media2 .text-box {
            padding-top: 14px;
      }

      .payment-method .form-check-label .media .text-box {
            padding-left: 0;
            flex: 1;
      }

      .payment-method .form-check-label .media .text-box h5 {
            font-size: 16px;
      }

      .payment-method .form-check .form-check-input {
            top: 17px;
            left: 12px;
      }

      .payment-method .form-check-label strong {
            margin-left: 0;
            margin-top: 5px;
      }

      .payment-img {
            width: auto;
            margin-right: 10px;
            display: flex;
            align-content: center;
      }

      .payment-method .form-check-label .media {
            align-items: flex-start;
      }

      .map-holder {
            height: 362px;
      }

      .quiz-page header {
            position: fixed;
            left: 0;
            width: 100%;
      }

      .custom-print-sec {
            height: calc(100vh - 61px);
      }

      .custom-step-sec {
            height: calc(100vh - 61px);
      }

      .custom-step1 .text-box h3 {
            font-size: 26px;
      }

      .custom-step1 {
            padding: 23px 16px 16px 16px;
      }

      .product-select ul li {
            width: 100%;
            padding: 5px 12px;
      }

      .product-select .form-check .form-check-label strong svg {
            width: 45px;
            height: 44px;
      }

      .product-select .form-check .form-check-label strong {
            margin-bottom: 6px;
      }

      .product-select .form-check .form-check-label {
            padding: 14px 10px;
      }

      .prog span {
            display: none;
      }

      .next-btn {
            height: 52px;
            font-size: 20px;
            padding: 0 40px;
      }

      .prev-btn {
            font-size: 20px;
            height: 52px;
            padding: 0 10px;
            margin-right: 15px;
      }

      .step-bottom {
            padding: 13px 16px;
      }

      .custom-step2 .product-select ul li {
            width: 50%;
      }
      .custom-step3 .step-detail {
            height: calc(100% - 79px);
        }
        .step4-form form .form-group label { 
            font-size: 16px; 
        }
}

@media(max-width:374px) {
      .banner-left h1 {
            font-size: 28px;
            margin-bottom: 30px;
      }

      .reveiws-box h4 {
            line-height: 22px;
            font-size: 16px;
      }

      .browse-gift-inner ol li {
            width: 100%;
      }

      .page-item {
            padding: 0 2px;
      }

      .left-link {
            margin-right: 5px;
      }

      .right-link {
            margin-right: 13px !important;
      }

      .easy-step-box .image-holder {
            max-width: 90px;
            width: 100%;
      }

      .easy-step-box .text-box h4 {
            padding: 5px 0;
      }

      .select-size ul li a {
            min-width: 50px;
            height: 40px;
            font-size: 16px;
      }

      .product-review-box .image-holder {
            max-width: 100px;
            margin-right: 12px;
      }

      .product-review-box .text-box p {
            font-size: 12px;
            line-height: 18px;
            margin: 5px 0 5px 0;
      }

      .cart-gift .media h4 {
            font-size: 14px;
            flex: 1;
      }

      .product-review-box.summary-review .text-box p {
            font-size: 12px;
            line-height: 16px;
            margin: 3px 0;
      }

      .cart-edit-btn ul li a {
            width: 65px;
      }

      .cart-box .image-holder {
            max-width: 80px;
            margin-right: 10px;
      }

      .modal-body .text-box ul li .form-check-label {
            height: 40px;
            font-size: 15px;
      }

      .modal-body .image-holder {
            max-width: 100px;
      }

      .quiz-step .color-detail ul li {
            width: 20%;
      }

      .form-check-label .media {
            width: 100%;
            flex-direction: column;
            align-items: flex-start;
      }

      .payment-method .form-check-label .media {
            align-items: flex-start;
            flex-direction: row;
      }

      .custom-step1 .text-box h3 {
            font-size: 22px;
      }

      .custom-step2 h4 {
            font-size: 20px;
            margin-bottom: 0px;
      }
      .next-btn {
            height: 50px;
            font-size: 16px;
            padding: 0 30px;
        }
        .prev-btn {
            font-size: 16px;
            height: 50px;
            padding: 0 10px;
            margin-right: 10px;
        }
}