/*1200px*/
@media only screen and (max-width: 1400px) {
    .section-banner {
        height: 570px;
    }
    .section-banner .bannerText .title {
        font-size: 50px;
        line-height: 58px;
    }
    .section-banner .bannerImage::after {
        background-size: 86%;
        top: -13px;
    }
    .section-banner .bannerImage::before {
        background-size: 86%;
        right: -86px;
        top: 18px;
    }
    .section-banner .bannerImage .image1, .section-banner .bannerImage .image2 {
        -webkit-mask-size: 86%;
        mask-size: 86%;
    }
    .section-banner .bannerImage .image2 {
        right: -96px;
        top: 30px;
    }
    .noOfGarmentsSection figure.image_text img {
        max-width: 57%;
    }
    .sectionCustomDesizn .noOfGarmentsSection .field > div span,
    .garmentTypeSection .field aside span {
        font-size: 23px;
        line-height: 49px;
    }
    .sectionCustomDesizn .noOfGarmentsSection .round {
        left: 14px;
        top: -184px;
    }
    .garmentSection-top p {
        font-size: 18px;
        line-height: 27px;
    }
    .garmentSection .accordion-button {
        font-size: 16px;
        line-height: 30px;
    }
    .garmentSection .accordion-body li label {
        font-size: 14px;
    }
  
    /* .accordion-button:not(.collapsed)::after {
        background-size: 77%;
    } */
    .home .sectionCustomDesizn .stepOnlyClass, 
    .sectionCustomDesizn .noOfGarmentsSection .field > div, 
    .underBase_part .inputField, .orderSection .inputField {
        font-size: 30px;
    }
    .home .stepOnlyClass span {
        font-size: 23px;
        line-height: 49px;
    }
    .sectionCustomDesizn .noOfGarmentsSection .field > div input[type="text"]{width: 100px; font-size: 30px;}
    .underBase_part .left_part {
        padding: 40px 10px 130px 70px;
    }
    .underBase_part .right_part p {
        font-size: 16px;
        padding-bottom: 20px;
    }
    .underBase_part::after{width: 40%;}
    .underBase_part .right_part {width: 38%;}
    .underBase_part{
	    border-radius: 320px 320px 0 320px;
    }
    .underBase_part::after {
        border-radius: 0 200px 0px 0px;
    }
    .productSize-option{padding-left: 145px;}
    .home .sectionCustomDesizn .field.step2 i:hover + .round {
        top: -129px;
    }
    /* Your Cart */
    .inner_banner .bannerbox .bannerimg{height: 400px;} 
    .bannerbox .title, .bannerbox .sub_title{top: 138px; font-size: 46px; line-height: 50px;}
    .bannerbox .sub_title {top: 188px; font-size: 24px;}
    .orderSection .norecord{font-size: 32px;}
    /* Your Cart */
    .t_shirt_list li .tooltip{left: -18px;}

}
/* 992px */
@media only screen and (max-width: 1199px) {
    /* Header Banner */
    .menuLogo .logo{max-width: 200px;}
    .headerSection .nav_menu .header-menu li {
        margin: 0 0 0 18px;
    }
    .headerSection .nav_menu .header-menu li:last-child a{
        padding: 0 32px;
    }
    .section-banner {
        height: 500px;
    }
    .section-banner .bannerText .title {
        font-size: 42px;
        line-height: 50px;
    }
    .section-banner .b_text {
        width: 40%;
    }
    .section-banner .b_img{
        width: 60%;
    }
    .section-banner .bannerImage .image1, 
    .section-banner .bannerImage .image2,
    .section-banner .bannerImage::before,
    .section-banner .bannerImage::after{
        width: 270px;
        height: 390px;
    }
    .section-banner .bannerImage .image2 {
        right: -30px;
        top: 30px;
    }
    .section-banner .bannerImage::before {
        right: -21px;
        top: 18px;
    }
    /* Header Banner */
    .sectionCustomDesizn .noOfGarmentsSection {
        padding: 80px 0 70px 0;
    }
    .noOfGarmentsSection figure.image_text img {
        max-width: 50%;
    }
    .garmentTypeSection .image_text img {
        max-width: 90%;
    }
    .home .stepOnlyClass span,
    .sectionCustomDesizn .noOfGarmentsSection .field > div span, 
    .garmentTypeSection .field aside span {
        font-size: 20px;
        line-height: 40px;
        padding: 0 12px;
    }
    .home .sectionCustomDesizn .stepOnlyClass, .sectionCustomDesizn .noOfGarmentsSection .field > div, .underBase_part .inputField, .orderSection .inputField {
        font-size: 24px;
    }
    .garmentTypeSection .field span i, .sectionCustomDesizn .noOfGarmentsSection .field > div span i {
        font-size: 22px;
    }
    .sectionCustomDesizn .noOfGarmentsSection .field > div input[type="text"] {
        width: 82px;
        font-size: 26px;
    }
    .garmentTypeSection .field strong{font-size: 24px;}
    .garmentTypeSection .field ul li {
        width: 74px;
        height: 74px;
        margin: 0 0 0 8px;
    }
    .garmentTypeSection .field ul li .garmentInfo, 
    .garmentTypeSection .field ul li .garmentInfo.active {height: 74px; width: 74px;}
    .garmentTypeSection{padding: 44px 130px;}
    .home .sectionCustomDesizn .field .round, .home .underBase_part .inputField .round {
        font-size: 12px;
        line-height: 22px;
        top: -65px;
        left: -140px;
        padding: 10px 8px;
        width: 164px;
        height: auto;
    }
    .home .sectionCustomDesizn .field span i:hover + .round, .home .underBase_part .inputField span i:hover + .round {
        top: -85px;
        left: -160px;
    }
    .garmentTypeSection {
        padding: 44px 110px 44px 150px;
    }
    .home .sectionCustomDesizn .field.step2 .round {
        top: -72px;
    }
    .home .sectionCustomDesizn .field.step2 i:hover + .round {
        top: -92px;
    }
    .productGeneralInfo-text .productOriginalPrice {
        font-size: 22px;
    }
    .productGeneralInfo-text .title {
        font-size: 18px;
        line-height: 24px;
    }
    .garmentColorSection .garmentTypeSection {
        padding: 50px 35px 50px 135px;
    }
    .inputFields > div{font-size: 16px;}
    .underBase_part .right_part h3 {
        font-size: 32px;
        line-height: 38px;
    }
    .totalbtn {
        padding: 6px 18px;
        font-size: 18px;
    }
    .product_wrap .product {
        font-size: 20px;
    }
    .underBase_part::after{width: 42%;}
    .underBase_part .right_part {width: 40%;}
    .underBase_part .left_part {
        /* padding: 40px 10px 130px 135px; */
        width: 59%;
    }
    .underBase_part::after {
        border-radius: 0 190px 0px 0px;
    }
    .frontPart .garmentTypeSection .field.stepOnlyClass {margin-left: 24px;}
    /* footer */
    footer aside .menuTitle {
        margin: 0 0 16px 0;
        font-size: 34px;
        line-height: 36px;
    }
    footer aside .common {
        font-size: 16px;
        line-height: 24px;
    }
    footer .newsletter form input[type="email"],
    footer .newsletter form .tnp-field-button input[type="submit"]{height: 50px; font-size: 16px; line-height: 26px;}
    footer {
        padding: 60px 0 24px 0;
    }
    footer .copyright{justify-content: space-between;}
    footer .paycard ul li {
        max-width: 11%;
    }
    footer .footerBottom{padding-top: 50px;}

    /* footer */
    /* your Card */
    .inner_banner .bannerbox .bannerimg img {object-position: 0 -95px;}
    .inner_banner .bannerbox .bannerimg {height: 380px;}
    .bannerbox .title, .bannerbox .sub_title {
        top: 125px;
        font-size: 40px;
        line-height: 42px;
    }
    .bannerbox .sub_title {top: 167px; font-size: 22px; width: 40%; line-height: 30px;}
    .orderSection .norecord {font-size: 28px;}
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
        width: 100%;
    }
    /* your Card */
    .t_shirt_list li .tooltip {left: -21px; width: 160px; font-size: 0.775rem;}
    .t_shirt_list li:hover .tooltip {top: -28%;}
    .modalProductDetails {
        font-size: 18px;
        line-height: 1.4em;
        padding: 2rem 2rem;
    }
    #productRightInfo .title {
        font-size: 28px;
        line-height: 1em;
        margin-bottom: 10px;
    }
    .sizeChart .subtitle {
        font-size: 20px;
        line-height: 1em;
        margin-bottom: 15px;
    }
    .sizeChartDetails .measClick span{font-size: 22px;}
    #productRightInfo .measurementInfo .title, .measurementInfo > div{font-size: 18px;}
    .middle_part .Quantity {
        font-size: 16px;
        margin-bottom: 10px;
        padding-right: 4px;
    }
    .product_wrap .product, .total_details .total_list {
        font-size: 17px;
    }
    .orderSection .middle_part {
        padding: 20px 15px 15px 15px;
    }
    .sectionCustomDesizn .sectionContent {margin: -40px 0 0 0;}
    .frontProceedTitle figure {
        max-width: 470px;
    }
}
/* 768px */
@media only screen and (max-width: 991px){
    .menuLogo .col-md-9 {
        display: none;
    }
    .responsive_btn{display: block;}
    .headerSection {
        padding: 10px 0;
    }
    .menuLogo .row {
        justify-content: space-between;
    }
    .responsive_nav .header-menu li a:hover, .responsive_nav .header-menu .current_page_item:first-child a {
        background: #f36621;
        font-weight: 500;
    }
    .responsive_nav .nav_menu {
        height: 100%;
        position: relative;
    }
    .responsive_nav .nav_menu .header-menu li:last-child a {
        display: block;
        background-color: #ec008c;
        padding: 12px 45px;
        font-size: 16px;
        border-radius: 0;
        transition: all .3s;
        margin: 4px auto;
        width: 80%;
        text-align: center;
    }
    .responsive_nav .nav_menu .header-menu li:last-child a:hover{
        background:#f36621;
    }
    #menu-item-32 {
        position: absolute;
        bottom: 20px;
        width: 100%;
        border: none;
    }
    .section-banner {
        height: 450px;
    }
    .home .sectionCustomDesizn .field .round, 
    .home .underBase_part .inputField .round,
    .home .sectionCustomDesizn .field.step2 i:hover + .round, 
    .home .sectionCustomDesizn .field span i:hover + .round, 
    .home .underBase_part .inputField span i:hover + .round {
        top: 42px;
        left: -38px;
        width: auto;
        height: auto;
        border-radius: 16px;
        transform-origin: bottom;
        padding: 4px 10px;
        font-size: 10px;
        line-height: 14px;
        visibility: visible;
        transform: scale(1);
        box-shadow: 4px 4px 6px #353535;
        background-color: #2f2f2f85;
    }
    .garmentSection-top .field {
        margin-bottom: 30px;
    }
    .garmentProductSize .garmentColorSection .garmentTypeSection .sectionContent aside {
        margin-bottom: 15px;
    }
    .round::after {
        content: '';
        width: 0;
        height: 0;
        border-left: 0px solid transparent;
        border-right: 18px solid transparent;
        border-bottom: 15px solid #3e3a3aeb;
        top: -15px;
        left: 60px;
        position: absolute;
    }
    /* .home .sectionCustomDesizn .field span i:hover + .round, .home .underBase_part .inputField span i:hover + .round {
        left: -75px;
        top: -97px;
    } */
    .home .sectionCustomDesizn .field.step2 .round, .home .sectionCustomDesizn .field.step2 i:hover + .round{
        left: 6px;
        top:42px;
    }
    .home .underBase_part .underBase_part_wrap .left_part .round, .home .underBase_part .inputField span i:hover + .round {
        top: -20px;
    }
    .garmentProductSize .garmentColorSection .garmentTypeSection {
        margin: 0;
    }
    .home .underBase_part .underBase_part_wrap .left_part .round::after {
        content: '';
        width: 0;
        height: 0;
        border-left: 0px solid transparent;
        border-right: 18px solid transparent;
        border-bottom: 0;
        top: 23px;
        left: 60px;
        position: absolute;
        border-top: 15px solid #3e3a3aeb;
    }
    .totalbtn > span {
        font-size: 14px;
        line-height: 16px;
    }
    .totalbtn {
        font-size: 16px;
    }
    .sectionCustomDesizn .sectionContent {
        margin: 0;
    }
    .field.stepOnlyClass.step2 {
        flex-direction: column;
        gap: 30px;
    }
    .section-banner .bannerImage .image1, .section-banner .bannerImage .image2, .section-banner .bannerImage::before, .section-banner .bannerImage::after {
        width: 220px;
        height: 320px;
    }
    .section-banner .bannerText .title {
        font-size: 33px;
        line-height: 42px;
    }
    .section-banner .bannerText .subTitle{font-size: 16px;}
    .sectionCustomDesizn .noOfGarmentsSection {
        padding: 40px 0 40px 0;
    }
    .noOfGarmentsSection figure.image_text img {
        max-width: 64%;
    }
    .home .sectionCustomDesizn .stepOnlyClass, .sectionCustomDesizn .noOfGarmentsSection .field > div, .underBase_part .inputField, .orderSection .inputField {
        margin: -20px 0 0 0;
    }
    .garmentSection .accordion-button {
        font-size: 14px;
        line-height: 26px;
    }
    .accordion-button::after {
        width: 1.05rem;
        height: 1.05rem;
        background-size: 1.05rem;
    }
    .accordion-button {
        padding: 0.9rem 0.75rem;}
    .garmentColorSection .garmentTypeSection {
        padding: 42px 35px 42px 44px;
        max-width: 78%;
    }
    .garmentColorSection .sectionTitle {max-width: 20%;}
    #productColorOption ul li {
        width: 42px;
        height: 42px;
    }
    .getColourId .tooltip span {
        height: 75px;
        width: 75px;
    }
    .tooltip .title {
        font-size: 12px;
        line-height: normal;
    }
    .tooltip {
        top: 114%;
        left: -78%;;
    }
    .garmentSection-bottom {padding: 20px 20px 40px 20px; grid-template-columns: repeat(2, 1fr); row-gap: 40px; column-gap: 30px;}
    .productSize-option li .title {
        width: 40px;
        height: 40px;
    }
    .home .stepOnlyClass span, .sectionCustomDesizn .noOfGarmentsSection .field > div span, .garmentTypeSection .field aside span {
        font-size: 18px;
        line-height: 32px;
    }
    .frontProceedTitle figure {
        height: 65px;
        width: 240px;
        margin: 0 auto;
    }
    .garmentTypeSection .field span i, .sectionCustomDesizn .noOfGarmentsSection .field > div span i {
        font-size: 20px;
    }
    .frontPart .garmentColorSection .garmentTypeSection {
        padding: 26px 50px 30px 90px;
    }
    .garmentTypeSection {
        background-size: cover;
        padding: 32px 100px 32px 100px;
    }
    #printListChart .sectionContent:not(:last-child) {
        margin-bottom: 25px;
    }
    .underBase_part .left_part {
        padding: 40px 10px 60px 30px;
        width: 57%;
    }
    .underBase_part .left_part .content {
        margin: 20px 0;
    }
    .underBase_part .right_part {
        width: 40%;
    }
    .underBase_part::after {
        border-radius: 0 200px 0px 0px;
        width: 44%;
    }
    .underBase_part .right_part h3 {
        font-size: 30px;
        line-height: 36px;
    }
    .underBase_part .right_part p {
        font-size: 14px;
        padding-bottom: 20px;
    }
    .underBase_part .left_part .content p {
        font-size: 16px;
    }
    .orderSection .icon_part{margin-top: 20px;}
    .garmentTypeSection .field ul li .garmentInfo img {max-width: 90%; }
    .bill_data .product_wrap div {
        font-size: 24px;
    }
    .product_wrap .product, .total_details .total_list, .orderSection .total_list li, .orderSection .total_list li span {
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
    }
    .orderSection .middle_part [class*="col-"] {
        padding: 0 6px;
    }
    .orderSection-top .image_text {
        height: 100px;
        width: 600px;
        margin: 0 auto -40px;
    }
    .underBase_part {
        margin: 80px 10px 60px;
        border-radius: 60px 200px 0 60px;
    }
    .bill_data .product_wrap .Order_head:nth-child(1), .bill_data .product_wrap .Order_head:nth-child(3) {
        width: 60%;
    }
    .bill_data .product_wrap .Order_head:nth-child(2), .bill_data .product_wrap .Order_head:nth-child(4) {
        width: 40%;
    }
    .middle_part .Quantity {
        font-size: 13px;
        margin-bottom: 6px;
        padding-right: 3px;
        white-space: normal;
    }
    .orderSection .icon_part h6{font-size: 16px;}
    .t_shirt_list li {
        margin: 6px;
    }
    .t_shirt_item.getColorSize.active {
        margin: 10px;
    }
    .orderSection .btn_wrap .btn {
        padding: 12px 20px;
        font-size: 18px;
        line-height: 30px;
        margin-top: 18px; 
    }
    .orderSection .btn_wrap .btn img {
        height: 15px;
        width: 40px;
        margin: 2px 0 3px 12px;
    }
    .orderSection .icon {
        width: 20px;
        height: 20px;
        line-height: 18px;
        font-size: 15px;
    } 
    .bannerbox .title, .bannerbox .sub_title {
        top: 118px;
        font-size: 34px;
        line-height: 36px;
    }
    .bannerbox .sub_title {
        top: 156px;
        font-size: 20px;
        width: 38%;
        line-height: 28px;
    }
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{width: 100%; margin-bottom: 20px;}
    .common_content .orderSection .field .inputField {
        margin: 40px auto 15px;
    }
    .orderSection-top {
        margin-bottom: 35px;
    }  
    .col-1 .woocommerce-billing-fields::after{content: none;} 
    .checkout_coupon .form-row.form-row-first {
        width: 60%;
    }
    .checkout_coupon .form-row.form-row-last{width: 38%; margin-top: 4px;}
    .checkout_coupon .form-row-last .button {
        padding: 12px 40px;
    }
    .showcoupon{
        color: #ec008c;
    }
    .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    .woocommerce form .woocommerce-billing-fields__field-wrapper p, .woocommerce form .woocommerce-shipping-fields__field-wrapper p {
        width: 50%;
        flex-shrink: 0;
        align-self: end;
    }
    .woocommerce-privacy-policy-text p {
        margin-bottom: 12px;
    }
    .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
        width: auto;
        margin: 10px auto;
        display: block;
    }
    .frontPart .garmentTypeSection .field aside {
        margin-bottom: 12px;
    }
    /* Footer */
    footer aside .menuTitle {
        margin: 0 0 14px 0;
        font-size: 28px;
        line-height: 32px;
    }
    footer .newsletter form input[type="email"], footer .newsletter form .tnp-field-button input[type="submit"] {
        height: 42px;
        font-size: 15px;
        line-height: 22px;
    }
    footer aside .common {
        font-size: 14px;
        line-height: 22px;
        text-align: center;
    }
    footer .paycard ul li {
        max-width: 20%;
        margin: 0px 4px;
    }
    footer .footerBottom {
        padding-top: 30px;
    }
    .footerBottom .row {
        align-items: center;
        flex-direction: column-reverse;
        gap: 10px;
    }
    footer .copyright {
        flex-direction: column;
    }
    .footerContent .row {
        row-gap: 10px;
    }
    /* Footer */
    .t_shirt_list li .tooltip, .t_shirt_list li:hover .tooltip {
        left: 24px;
        top: -11%;
        max-width: fit-content;
        font-size: 0.675rem;
        transform: scale(1);
        opacity: 1;
        top: auto;
        background: #ec008c;
        padding: 4px 6px;
        bottom: -15px;
        box-shadow: none;
    }
    .t_shirt_part .btn1 {margin-bottom: 20px;}
    .t_shirt_list li .tooltip::before {
        border-top: transparent;
        border-bottom: 6px solid #ec008c;
        top: -6px;
        bottom: auto;
        left: 32px;
        right: auto;
    }
    .modalProductDetails {
        font-size: 16px;
        line-height: 1.8em;
        padding: 1rem 1rem;
    }
    .sizeChart{padding: 1rem;}
    #productGallerySlider .owl-nav [class*="owl-"] {
        left: -42px;
        font-size: 2.2rem;
        width: 80px;
        height: 80px;
        line-height: 80px;
        padding: 0 12px 0 0;
    }
    #productGallerySlider .owl-nav [class*="owl-next"] {
        right: -43px;
        padding: 0 0px 0 10px;
        left: auto;
    }
    #productRightInfo .title {font-size: 24px;}
    .sizeChartDetails .measClick span {
        position: absolute;
        top: 0;
        left: 42%;
        line-height: 1em;
        padding: 8px 12px;
    }
    .sizeChartDetails {
        margin: 10px auto 0;
        padding-top: 50px;
    }
    .sizeChart .subtitle {font-size: 18px;}
    #productGallerySlider.owl-carousel .owl-item img{aspect-ratio: 1/1.3;}
    .sectionCustomDesizn .noOfGarmentsSection .sectionContent {
        margin: -10px 0 0 0;
    }
    .garmentProductSize .garmentColorSection .garmentTypeSection{
        padding: 70px 10px 70px 10px;
    }
    .inputFields{
        align-items: end;
        max-height: 110px;
        column-gap: 0px;
        justify-content: space-between;
    }
    .inputFields > div{
        font-size: 10px;
        max-width: 10%;
    }
    .inputFields > div:last-child{min-width: 60px;}
    .garmentColorSection .garmentTypeSection{border-radius: 0;}
    .total_btn_wrap{display: none;}
    .garmentColorSection .garmentTypeSection{max-width: 100%;}
    .t_shirt_list li {
        margin: 6px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .t_shirt_list li .tooltip, .t_shirt_list li:hover .tooltip{position: relative; max-width: 100px; margin-right: auto;}
    .t_shirt_list li .tooltip::before{content: none;}
    .garmentSection-bottom{border-radius: 0;}
    .action{
        top: 1%;
        left: 0%;
    }
}

/* 600px */
@media only screen and (max-width: 767px){
    /* Banner */
    .section-banner {
        height: 300px;
    }
    .section-banner .b_text {
        padding: 0;
    }
    .section-banner .bannerText .title {
        font-size: 26px;
        line-height: 36px;
    }
    .section-banner .bannerText .subTitle {
        font-size: 14px;
    }
    .responsive_btn {
        width: 38px;
        height: 38px;
    }
    .topheader .topLeft {
        gap: 10px;
    }
    .topheader .topLeft a {
        font-size: 14px;
        margin: 0;
    }
    .topheader .topLeft a i {
        margin: 0 3px 0 0;
    }
    .section-banner .bannerImage .image1, .section-banner .bannerImage .image2, .section-banner .bannerImage::before, .section-banner .bannerImage::after {
        width: 48%;
        height: 170px;
        mask-image: initial;
    }
    .section-banner .bannerImage .image2 {
        right: 8px;
        top: 26px;
    }
    .section-banner .bannerImage .image1 img, .section-banner .bannerImage .image2 img { object-fit: fill; border-radius: 10px;}
    .section-banner .bannerImage::before, .section-banner .bannerImage::after{display: none;}

    /* Banner */
    .sectionCustomDesizn .noOfGarmentsSection .field > div input[type="text"] {
        width: 76px;
        font-size: 24px;
    }
    .sectionCustomDesizn .noOfGarmentsSection {
        padding: 40px 0 70px 0;
    }
    .stepOnlyClass {
        max-width: 510px;
    }
    .garmentColorSection .garmentTypeSection {
        padding: 40px 40px 70px;
        max-width: 100%;
        border-radius: 0;
    }
    .home .sectionCustomDesizn .stepOnlyClass, .sectionCustomDesizn .noOfGarmentsSection .field > div, .underBase_part .inputField, .orderSection .inputField {
        font-size: 22px;
    }
    .garmentTypeSection .field ul li .garmentInfo, .garmentTypeSection .field ul li .garmentInfo.active {
        height: 64px;
        width: 64px;
    }
    .garmentTypeSection .field ul li .garmentInfo img{max-width: 85%;}
    .garmentTypeSection {
        padding: 26px 64px;
    }
    .billing_form {
        padding: 15px 12px;
    }
    .inner_banner .bannerbox .bannerimg {
        height: 306px;
    }
    .inner_banner .bannerbox .bannerimg img {
        object-position: 0 -55px;
    }
    #productSlider {
        row-gap: 20px;
    }
    .home #printListChart .field.stepOnlyClass .round {
        /* top: -68px; */
        left: -35px;
        font-size: 9px;
    }
    .t_shirt_part .btn1{font-size: 20px;}
    .home .sectionCustomDesizn .field.step2 .round, .home .sectionCustomDesizn .field.step2 i:hover + .round {
        left: -35px;
    }
    .garmentProducts .productInfo{border-radius: 25px;}
    .garmentSection-top {margin: 0 auto 30px;}
    .garmentSection .row {
        row-gap: 8px;
    }
    .garmentProductSize .garmentColorSection .garmentTypeSection {
        max-width: 100%;
        padding: 40px 28px 50px 30px;
        margin: auto;
        height: auto;
        border-radius: 0;
    }
    .productGeneralInfo .image {border-radius: 20px 20px 0 0;}
    .garmentProductSize .stepOnlyClass {
        display: inline-block;
    }
    .garmentProductSize .garmentTypeSection {
        text-align: center;
    }
    .getColourId .tooltip {
        top: 41px;
        left: -14px;
        padding: 4px;
        transform: scale(1);
        opacity: 1;
        min-height: 100%;
        height: 40px;
        width: 70px;
        min-width: 100%;
        min-height: 100%;
    }
    #productColorOption ul {
        column-gap: 40px;
        justify-content: center;
        row-gap: 50px;
    }
    .tooltip .title {
        font-size: 10px;
        word-break: break-word;
    }
    .getColourId .tooltip span{
        height: 50px;
        width: auto;
        margin: 0 auto;
        aspect-ratio: 1;
        display: none;
    }
    .tooltip::before {
        top: -6px;
        left: 36%;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid white;
    }
    .stepOnlyClass aside{margin: 0 auto;}
    .frontProceedTitle figure {
        height: 50px;
        width: 220px;
    }
    #productColorOption ul li {
        width: 40px;
        height: 40px;
    }
    .totalbtn > span {
        font-size: 12px;
        line-height: 14px;
    }
    .totalbtn {
        font-size: 14px;
    }
    .frontPart .garmentColorSection .garmentTypeSection {
        padding: 26px 50px 30px 40px;
        border-radius: 50px 0px 50px 50px;
    }
    .productInfo.active {
        box-shadow: 0 0 8px #ec008c;
    }
    .sectionCustomDesizn .printLocation {
        padding: 40px 0 20px 0;
    }
    .underBase_part .left_part {
        padding: 30px 10px 30px 0px;
        width: 57%;
    }
    .underBase_part::after {
        border-radius: 0 146px 0px 0px;
        width: 46%;
    }
    .underBase_part .right_part {
        width: 43%;
    }
    .underBase_part .right_part h3 {
        font-size: 26px;
        line-height: 30px;
    }
    /* .underBase_part .right_part p {
        font-size: 16px;
        padding-bottom: 14px;
        line-height: 24px;
    } */
    .inputFields .form-control {padding: 4px 0; font-size: 14px;}
    .inputFields > div:last-child { min-width: 100px;}
    .underBase_part .left_part .content {
        max-width: 250px;
        margin: 10px 0;
    }
    .underBase_part .left_part .content p {
        font-size: 16px;
    }
    .orderSection-top .image_text {
        height: 80px;
        width: 380px;
        margin: 0 auto -60px;
    }
    .bill_data .product_wrap div {
        font-size: 16px;
    }
    .product_wrap .product, .total_details .total_list, .orderSection .total_list li, .orderSection .total_list li span {
        font-size: 12px;
        line-height: normal;
    }
    .productSize-option {
        padding-left: 0;
        margin: 14px auto 0;
        gap: 10px;
    }
    .productSize-option li .title {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
    .orderSection .middle_part {
        padding: 20px 20px 5px 20px;
    }
    .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
        padding: 10px;
        margin: 1em 0;
    }
    .checkout_coupon .form-row-last .button{
        font-size: 14px;
        padding: 12px 20px;
    }
    .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
        height: 32px;
    }
    .checkout_coupon .form-row-last .button {
        padding: 7px 20px;
        line-height: normal;
    }
    .billingDetailsTitle {
        font-size: 24px;
        margin-bottom: 10px;
        line-height: 28px;
    }
    .select2-container--default .select2-selection--single{padding-top: 0; height: 32px;}
    #artwork_field input::file-selector-button {padding: 6px 12px;}
    .woocommerce-shipping-fields .checkbox{font-size: 16px;}
    /* footer */
    footer {
        padding: 30px 0 24px 0;
        border-radius: 100px 100px 100px 0;
        margin: 40px 10px 0;
    }
    footer .footerBottom {
        padding-top: 12px;
    }
    .footerContent .row {
        row-gap: 10px;
    }
    footer .paycard ul {
        justify-content: center;
    }
    footer .paycard ul li {
        max-width: 8%;
    }
    .last .total_list {
        padding-right: 20px;
    }
    footer aside .menuTitle {
        margin: 0 0 8px 0;
        font-size: 26px;
        line-height: 30px;
    }
    .orderSection .total_list li {
        padding: 10px 0;
    }
    /* footer */
    .home .underBase_part .underBase_part_wrap .left_part .round, 
    .home .underBase_part .inputField span i:hover + .round {
        top: -37px;
    }
    .home .underBase_part .underBase_part_wrap .left_part .round::after{top: 36px;}
    .t_shirt_list li{margin: 5px;}
    .t_shirt_item.getColorSize.active{
        margin: 5px;
        border: 1px solid #ec008c;
    }
    .t_shirt_list li .tooltip::before {
        border-bottom: 5px solid #ec008c;
        top: -4px;
        left: 32px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
    }
    .t_shirt_list li .tooltip, .t_shirt_list li:hover .tooltip {
        left: 9px;
        font-size: 0.675rem;
        padding: 3px 6px;
        bottom: -14px;
    }
    #productGallerySlider.owl-carousel .owl-item img{max-height: 500px;}
    .sizeChartDetails .measClick span{left: 45%;}
    .underBase_part .left_part .content p {
        font-size: 15px;
    }
    .underBase_part .left_part {
        width: 53%;
    }
    .underBase_part .right_part {
        width: 45%;
    }
    .underBase_part::after {
        width: 48%;
    }
    .total_details .deleteFromCart i{font-size: 10px; line-height: 12px;}
    .orderSection .icon_part h6 {
        font-size: 14px;
    }
    .orderSection .icon {
        width: 16px;
        height: 16px;
        line-height: 14px;
        font-size: 14px;
    }
    .orderSection .btn_wrap .btn {
        padding: 10px 15px;
        font-size: 16px;
        line-height: 24px;
        margin-top: 18px;
    }
    .orderSection .middle_part {
        padding: 20px 10px 5px 10px;
    }
    .middle_part .Quantity{font-size: 12px;}
    .total_details {
        gap: 4px;
        flex-direction: column;
    }
    .last .total_list{padding-right: 10px;}
    .sectionCustomDesizn .noOfGarmentsSection .sectionTitle {line-height: 92px;}
    .noOfGarmentsSection.printLocation .garmentSection .garmentSection-top .sectionContent {
        margin: 0;
    }
    .bill_data{padding: 0; column-gap: 0;}
    .bill_data .Print_wrap.product_wrap .Order_head:nth-child(1) {
        width: 74%;
    }
    .bill_data .Print_wrap.product_wrap .Order_head:nth-child(2) {
        width: 25%;
        padding: 0 6px;
    }
    .bill_data .product_wrap .Order_head:nth-child(1) {
        width: 62%;
        margin: 0;
    }
    .orderSection .middle_part [class*="col-"]:first-child {
        width: 28%;
    }
    .orderSection .middle_part [class*="col-"]:nth-child(2), 
    .orderSection .middle_part [class*="col-"]:nth-child(4) {
        width: 14%;
    }
    .bill_data .Print_wrap.product_wrap {
        width: 57%;
    }
    .bill_data .product_wrap {
        width: 43%;
    }
    .orderSection .summary_part {
        padding: 16px;
        border-radius: 30px 0px 30px 30px;
        margin: 0 -15px 0;
    }
    #productColorOption ul{
        height: 100px;
        overflow-x: scroll;
    }
    .frontPart .garmentColorSection .garmentTypeSection{border-radius: 0;}
    .productSize-option{justify-content: center;}
    .t_shirt_list li .tooltip, .t_shirt_list li:hover .tooltip{max-width: 90px; left: 0; margin-right: 0;}
    .inputFields{
        display: grid !important;
        grid-template-columns: repeat(4,1fr);
        max-height: 100%;
    }
    .inputFields > div{
        max-width: 80%;
    }
    .total_list{font-size: 14px;}
    .action{
        top: 1%; 
        width: 16px;
        height: 16px;
        font-size: 12px;
    }

}
/* 480px */
@media only screen and (max-width: 599px){
    .section-banner {
        height: 355px;
        background-position: right top;
    }
    .topheader .topLeft .phone a span, 
    .topheader .topLeft .email a span{
        display: none;
    }
    .topheader .topLeft a i {
        font-size: 20px;
    }
    .responsive_btn {
        width: 36px;
        height: 36px;
        right: 15px;
    }
    .topheader .topLeft {
        gap: 20px;
    }
    /* Banner */
    .section-banner .b_text {
        width: 60%;
    }
    .section-banner .b_img {
        width: 40%;
    }
    .section-banner .bannerImage .image1, .section-banner .bannerImage .image2, .section-banner .bannerImage::before, .section-banner .bannerImage::after {
        width: 100%;
        height: 170px;
    }
    .section-banner .bannerText {padding: 0 8px;}
    .section-banner .bannerImage .image1 img {
        top: -90px;
        width: 88%;
        left: -24px;
    }
    .section-banner .bannerImage .image2 img {
        top: 30px;
        left: 30px;
        width: 88%;
    }
    /* Banner */
    /* body */
    /* .home .sectionCustomDesizn .field .round, .home .underBase_part .inputField .round, .home .sectionCustomDesizn .field.step2 i:hover + .round, .home .sectionCustomDesizn .field span i:hover + .round, .home .underBase_part .inputField span i:hover + .round {
        top: -68px;
        left: -18px;
        width: 120px;
        height: 62px;
        padding: 10px;
        font-size: 8px;
        line-height: 12px;
        box-shadow: 4px 4px 4px #373333b5;
        background-color: #3e3a3a78;
    } */
    /* .home .sectionCustomDesizn .field.step2 .round {
        top: -68px;
    }
    .round::after {
        border-left: 0px solid transparent;
        border-right: 17px solid transparent;
        border-top: 15px solid #3e3a3aeb;
        bottom: -15px;
        left: 31%;
    } */
    .garmentColorSection .stepOnlyClass {
        display: inline-block;
    }
    .garmentTypeSection .field ul li .garmentInfo, .garmentTypeSection .field ul li .garmentInfo.active, .garmentTypeSection .field ul li {
        height: 60px;
        width: 60px;
    }
    .garmentTypeSection .field ul li .garmentInfo img {
        max-width: 80%;
    }
    /* .home #printListChart .field.stepOnlyClass .round {
        top: -66px;
        left: -43px;
        width: 130px;
        height: 56px;
        font-size: 8px;
    }
    #printListChart .field.stepOnlyClass .round::after {
        border-left: 17px solid transparent;
        border-right: 0px solid transparent;
        border-top: 15px solid #3e3a3aeb;
        bottom: -15px;
        left: 31%;
    } */
    .underBase_part {
        border-radius: 20px 20px 50px 50px;
    }
    .underBase_part .left_part {
        padding: 30px 10px 20px 0px;
    }
    /* body */
    .home .sectionCustomDesizn .stepOnlyClass, .sectionCustomDesizn .noOfGarmentsSection .field > div, .underBase_part .inputField, .orderSection .inputField {
        margin: -8px 0 0 0;
        font-size: 20px;
        line-height: 30px;
    }
    .productGeneralInfo-text .title {
        font-size: 16px;
        line-height: 20px;
    }
    .productGeneralInfo-text .productOriginalPrice {
        font-size: 18px;
    }
    .sectionCustomDesizn .noOfGarmentsSection.garmentProducts {
        padding-bottom: 30px;
    }
    .garmentProductSize .garmentColorSection .garmentTypeSection {padding: 20px 28px 10px 30px;}
    .underBase_part {margin: 40px 3px 30px;}
    .underBase_part::after {border-radius: 0 20px 0px 0px;}
    .underBase_part .right_part p {
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 12px;
    }
    .underBase_part .right_part h3 {
        font-size: 24px;
        line-height: 28px;
        margin: 10px 0 6px;
    }
    .sectionCustomDesizn .noOfGarmentsSection .field > div input[type="text"] {
        width: 65px;
        font-size: 20px;
    }
    .home .stepOnlyClass span, .sectionCustomDesizn .noOfGarmentsSection .field > div span, .garmentTypeSection .field aside span {
        font-size: 14px;
        line-height: 24px;
        padding: 4px 8px;
    }
    #productColorOption ul {
        margin-top: 15px;
    }
    .garmentTypeSection .field strong {
        font-size: 20px;
    }
    /* .getColourId .tooltip { left: -15%; } */
    footer {
        padding: 36px 0 18px 0;
        border-radius: 60px 60px 60px 0;
    }
    footer aside .menuTitle {
        font-size: 22px;
        line-height: 26px;
    }
    footer aside {
        text-align: left;
    }
    .footerContent .col-12 .menuTitle {
        text-align: center;
    }
    footer .newsletter form .tnp-field-button input[type="submit"] {
        width: 120px;
    }
    footer .footerBottom {
        font-size: 12px;
    }
    footer .copyright {gap: 4px; text-align: center;}
    .productSize-option {margin: 0;}
    .productSize-option li .title {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
    .frontPart .garmentColorSection .garmentTypeSection {
        padding: 20px 35px 20px 35px;
    }
    .round {
        display: none !important;
    }
    .garmentSection-top .field {
        margin-bottom: 0;
    }
    .garmentColorSection .garmentTypeSection {
        padding: 50px 12px 70px;
    }
    .garmentTypeSection {
        padding: 26px 10px;
    }
    .frontPart .garmentTypeSection .field.stepOnlyClass {
        margin-left: 0;
    }
    .t_shirt_list li .tooltip, .t_shirt_list li:hover .tooltip {left: 56px; bottom: 0px;}
    .inputFields {column-gap: 6px;}
    #productGallerySlider.owl-carousel .owl-item img {
        max-height: 400px;
    }
    .sizeChart .subtitle {
        width: 80%;
        margin: 0 auto;
    }
    .total_btn_wrap {
        top: auto;
        right: 0;
        transform: translate(0, 0);
        flex-direction: row;
        bottom: 0;
        left: 0;
    }
    .totalbtn {
        font-size: 20px;
    }
    .total_btn_wrap a {
        width: 33.33%;
        border: 1px solid #00000059;
        border-radius: 8px 8px 0px 0;
    }
    .totalbtn.est_delivery {
        background-color: #f06520;
    }
    .bannerbox .sub_title {
        width: 58%;
    }
    .inner_banner .bannerbox .bannerimg img {
        object-position: 0 -14px;
    }
    .orderSection .icon_part {
        margin-top: 18px;
    }
    .orderSection .btn_wrap .btn {
        padding: 8px 12px;
        font-size: 14px;
        line-height: 18px;
        margin-top: 10px;
    }
    .frontProceedTitle figure {
        height: 50px;
        width: 180px;
        display: none;
    }
    .garmentSection-bottom {
        grid-template-columns: repeat(1, 1fr);
    }
    .woocommerce form .woocommerce-billing-fields__field-wrapper p, .woocommerce form .woocommerce-shipping-fields__field-wrapper p {
        width: 100%;
    }
    #billing_last_name_field, #billing_first_name_field {
        width: 50%;
    }
    .billingDetailsTitle {
        font-size: 22px;
        line-height: 26px;
    }
    .bannerbox .sub_title {
        font-size: 18px;
        line-height: 24px;
    }
    footer .footerBottom {
        padding-bottom: 45px;
    }
    .orderSection-top .image_text {
        height: 50px;
        width: 250px;
        margin: 0 auto -32px;
    }
    .underBase_part .right_part .content {
        margin-top: 15px;
        padding: 0 0 10px;
    }

    .orderSection .middle_part {
        padding: 20px 10px 5px;
        max-width: 100%;
        margin: 0 auto;
    }
    div#addtocartInfo {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2px;
        row-gap: 4px;
    }
    .orderSection .last {
        width: 100%;
    }
    span.order_title {
        display: block;
        font-size: 16px;
        margin: 10px 0;
        border-bottom: 1px solid #adabab;
        padding-bottom: 5px;
        font-weight: 600;
    }
    .orderSection .summary_part {
        display: none;
    }
    .orderSection .middle_part .d-flex {
        flex-wrap: wrap;
        align-items: center;
    }
    .middle_part .Quantity {
        white-space: nowrap;
        margin: 0;
    }
    .orderSection .middle_part:first-child::before, .orderSection .middle_part:first-child::after{
        content: none;
    }
    .orderSection .middle_part:nth-last-child(2){border-radius: 0;}
    .orderSection .middle_part [class*="col-"]:nth-child(2), .orderSection .middle_part [class*="col-"]:nth-child(4), .orderSection .middle_part [class*="col-"]:first-child, .orderSection .middle_part [class*="col-"], .middle_part .col-5.col-md-4 {
        width: 100%;
    }
    .orderSection .middle_part{border: none; margin-top: 10px;}
    .product_wrap .product, .total_details .total_list, .orderSection .total_list li, .orderSection .total_list li span {
        font-size: 15px;
    }
    .total_details {
        align-items: start;
    }
    .summary_wrap .row.middle_part .d_print .d-flex .Quantity:first-child {
        margin: 0 8px 0 0;
    }
    .summary_wrap .row.middle_part .d_print .d-flex .Quantity:last-child {
        margin: 0 0 0 8px;
    }
    .t_shirt_list li .tooltip, .t_shirt_list li:hover .tooltip {
        left: 0;
        bottom: 0px;
    }

}
/* 360px */
@media only screen and (max-width:479px) {
    .section-banner .row {
        flex-direction: column;
    }
    .section-banner .bannerText {
        text-align: center;
    }
    .section-banner .bannerText aside{
        margin: 0 auto;
    }
    .section-banner .b_text, .section-banner .b_img{width: 100%; position: absolute;}
    .section-banner .bannerText .title {font-size: 24px; line-height: 30px;}
    .section-banner .bannerText .subTitle {
        font-size: 12px;
        width: 80%;
        margin: 4px auto;
    }
    .section-banner .b_text{top: 10px;}
    .section-banner .bannerImage .image2 {
        right: 0;
        top: 0;
    }
    .section-banner .bannerImage .image2 img {
        top: 0;
        left: 0;
        width: 100%;
    }
    .section-banner .b_img {
        width: 100%;
        top: 100px;
    }
    .section-banner .bannerImage .image1, .section-banner .bannerImage .image2, .section-banner .bannerImage::before, .section-banner .bannerImage::after {
        width: 48%;
    }
    .section-banner .bannerImage .image1 img, .section-banner .bannerImage .image2 img {
        top: 0;
        width: 100%;
        left: 0;
        border-radius: 20px;
    }
    .garmentTypeSection {
        padding: 34px 42px;
    }
    .home .sectionCustomDesizn .stepOnlyClass, .sectionCustomDesizn .noOfGarmentsSection .field > div, .underBase_part .inputField, .orderSection .inputField {
        margin: -8px 0 0;
        font-size: 16px;
        line-height: 22px;
    }
    /* .home .sectionCustomDesizn .field .round, .home .underBase_part .inputField .round, .home .sectionCustomDesizn .field.step2 i:hover + .round, .home .sectionCustomDesizn .field span i:hover + .round, .home .underBase_part .inputField span i:hover + .round {
        top: -66px;
        left: -8px;
    } */
    .garmentTypeSection {
        padding: 50px 0 20px;
    }
    .sectionCustomDesizn .noOfGarmentsSection {
        padding: 40px 0 30px 0;
    }
    /* .home .sectionCustomDesizn .field.step2 .round {
        top: -68px;
        left: -5px;
    }
    .home .sectionCustomDesizn .garmentSection-top .field .round {
        left: -19px;
    } */
    .sectionCustomDesizn .noOfGarmentsSection.garmentProducts {
        padding-top: 40px;
    }
    .garmentSection-top div {
        font-size: 12px;
    }
    .garmentSection-top {
        margin: 0 auto 10px;
    }
    #productSlider [class*="col-"] {
        width: 94%;
        margin: 6px auto 0;
    }
    .stepOnlyClass aside {
        line-height: 36px;
    }
    .garmentColorSection .garmentTypeSection {
        padding: 30px 2px 70px;
        border-radius: 30px 0px 30px 0px;
    }
    .garmentTypeSection .field strong {
        font-size: 16px;
    }
    .garmentProductSize .garmentColorSection .garmentTypeSection {
        padding: 50px 15px 30px 15px;
    }
    #productColorOption ul {padding-left: 0px;}
    .inputFields{column-gap: 5px;}
    .prodcuctActivecolor {
        width: 30px;
        height: 30px;
        margin-top: 17px;
    }
    .inputFields > div {
        padding: 4px 0px;
        border-radius: 5px;
    }
    .inputFields > div:last-child {
        min-width: 62px;
        font-size: 12px;
    }
    .inputFields .form-control, .fieldInfo label{font-size: 12px;}
    footer aside {text-align: center;}
    footer {padding: 20px 0 18px 0;}
    footer aside .menuTitle {
        font-size: 20px;
        line-height: 24px;
    }
    footer aside .common {
        font-size: 12px;
        line-height: 16px;
    }
    footer .newsletter form input[type="email"], footer .newsletter form .tnp-field-button input[type="submit"] {
        height: 36px;
        font-size: 14px;
        line-height: 18px;
    }
    footer .footerBottom {
        padding-top: 0;
    }
    .tooltip .title {line-height: 12px;}
    .garmentColorProducts .garmentColorSection .stepOnlyClass {
        width: 100%;
        text-align: center;
    }
    /* .garmentColorProducts .garmentColorSection .stepOnlyClass .round {
        left: 24px;
        top: -64px;
    }
    .garmentProductSize .garmentColorSection .garmentTypeSection .round {
        left: 36px;
        top: -63px;
    }
    .home .noOfGarmentsSection.printLocation .garmentSection-top .field .round{
        left: 18px;
    } */
    .frontPart .garmentColorSection {
        padding: 0;
    }
    .t_shirt_part .btn1 {
        font-size: 18px;
    }
    .underBase_part .left_part .content p {
        font-size: 14px;
        line-height: 26px;
    }
    /* .home #printListChart .field.stepOnlyClass .round {
        top: -57px;
        left: -39px;
    }
    .home .underBase_part .inputField .round {
        top: -64px;
        left: -20px;
    } */
    .btn_wrap.colourUnitExtra .btnClick{margin-bottom: 10px;}
    .garmentSection-bottom {
        padding: 20px 6px 25px 6px;
    }
    /* .home .sectionCustomDesizn .garmentTypeSection .step2 {
        margin: 20px 0 0 0;
    } */
    .garmentTypeSection .sectionimage {
        margin: -40px 0 0 0;
    }
    .t_shirt_list li, .t_shirt_item.getColorSize.active {margin: 0;}
    .t_shirt_list li .tooltip, .t_shirt_list li:hover .tooltip {
        left: 40px;
        white-space: normal;
        bottom: -4px;
        font-size: 0.575rem;
    }
    #productGallerySlider.owl-carousel .owl-item img {
        aspect-ratio: 1;
    }
    #productGallerySlider .owl-nav [class*="owl-"] {
        left: -36px;
        font-size: 2rem;
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    #productGallerySlider .owl-nav [class*="owl-next"] {
        right: -36px;
        left: auto;
    }
    #productRightInfo .title {
        font-size: 22px;
    }
    .modalProductDetails {
        font-size: 14px;
        line-height: 2em;
        padding: 0.7rem 0.7rem;
    }
    .sizeChart {
        padding: 0.7rem;
    }
    .sizeChart .subtitle { font-size: 16px;}
    .middle_part .col-4.col-md-4 {
        width: 25%;
    }
    .middle_part .col-1.col-md-2{width: 10%;}
    .orderSection .middle_part {
        padding: 14px 6px 5px 6px;
    }
    .orderSection .middle_part [class*="col-"] {
        padding: 0 3px;
    }
    .product_wrap .product, .total_details .total_list, .orderSection .total_list li, .orderSection .total_list li span, .middle_part .Quantity {
        font-size: 10px;
    }
    footer .newsletter form .tnp-field-button {right: 118px;}
    footer {
        margin-top: 30px;
    }
    .inner_banner .bannerbox .bannerimg img {
        object-position: 0;
        object-fit: fill;
    }
    .bannerbox .title, .bannerbox .sub_title {font-size: 32px;}
    .bannerbox .sub_title {
        top: 150px;
        font-size: 14px;
        line-height: 20px;
    }
    .inner_banner .bannerbox .bannerimg {
        height: 280px;
    }
    .underBase_part .right_part h3 {
        font-size: 20px;
        line-height: 24px;
        display: flex;
        gap: 6px;
        justify-content: center;
    }
    .section-banner {
        height: 280px;
    }
    .t_shirt_list.d-flex.align-item-center {
        gap: 6px;
    }
    .sectionCustomDesizn .noOfGarmentsSection .sectionTitle {line-height: 80px;}
    .underBase_part .left_part, .underBase_part .right_part {
        width: 100%;
    }
    .underBase_part .right_part {padding: 0px 8px 24px;}
    .underBase_part::after {
        width: 100%;
        top: 52%;
        border-radius: 0 50px 50px 50px;
    }
    #billing_last_name_field, #billing_first_name_field {
        width: 100%;
    }
    .woocommerce-error, .woocommerce-info, .woocommerce-message {
        padding: 1em 1em 1em 2em;
        margin: 0 0 1em;
    }
    .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
        left: 0.5em;
    }
    .checkout_coupon p:first-child {
        font-size: 14px;
        line-height: 24px;
    }
    .checkout_coupon .form-row.form-row-first, .checkout_coupon .form-row.form-row-last {
        width: 100%;
        margin-top: 0;
    }
    .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
        height: 36px;
    }
    .checkout_coupon .form-row-last .button {
        padding: 10px 20px;
    }
    .getColourId .tooltip {left: -14px;}
    .getColourId .tooltip span {height: 56px;}
    .garmentProductSize .garmentColorSection .garmentTypeSection .sectionContent aside {
        margin-bottom: 0;
    }
    .underBase_part .left_part {
        padding: 30px 0px 20px 0px;
    }
    .garmentColorProducts .container > .garmentColorSection .garmentTypeSection .sectionContent .field.stepOnlyClass aside {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
    .underBase_part .left_part .content {
        width: 100%;
        text-align: center;
    }
    .colourUnitExtra {
        text-align: center;
    }
    .orderSection .middle_part {
        max-width: 100%;
    }
    .inputFields{
        grid-template-columns: repeat(3,1fr);
    }
    .t_shirt_list li .tooltip, .t_shirt_list li:hover .tooltip{
        left: 0;
    }
    .productColorSize-wrapper{
        padding: 10px 0;
        border-bottom: 1px solid #fff;
    }
}