@media only screen and (max-width: 1300px){
    .customer-qr-del .qr-code img {
        width: 134px;
        height: 134px;
    }
    .customer-qr-del {
        padding: 60px 30px 80px 30px;
    }
}


@media only screen and (max-width: 1100px){
    .peach-dash-customerinfo .customer-info-col {
        column-gap: 0;
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .customer-info-del {
        width: 100%;
        padding: 25px 22px 33px 22px;
    }
    .customer-qr-del {
        width: 100%;
        padding: 40px 22px 40px 22px;
    }
    .peach-main-page-layout .peach-main-content {
        width: 68%;
    }
    .peach-main-page-layout .peach-main-sidebar {
        width: 32%;
    }
    .dashboard-earn-section .dashboard-content-row {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 10px;
    }
    .dashboard-earn-section .dashboard-content-row .dashboard-value-itmes {
        width: 48.8%;
        padding: 27px;
    }
    .peach-main-sidebar .sidebar-menu-wrapper li a {
        padding: 15px 25px;
    }
    .peach-main-sidebar .peach-header-logo {
        padding: 23px 23px;
        text-align: left;
    }
    .peach-main-page-layout {
        padding: 30px 0 50px 0;
    }
    .peach-page-header {
        padding-top: 10px;
        padding-left: 20px;
        z-index: 999;
        position: relative;
    }
    .page-header-content h1 {
        font-size: 30px;
        line-height: 34px;
    }
    .page-header-content {
        border-left: 5px solid #AF272E;
        padding: 1px 0 2px 17px;
    }
    .peach-main-header .container {
        padding: 0;
    }

    .transaction-form-col .col-md-3{
        width: 50%;
    }
    .transaction-inner .transaction-table-col th{
        font-weight: 600;
        font-size: 14px;
    }
    .profile-info-row {
        padding: 35px 25px 45px;
        column-gap: 17px;
    }
    .profile-info-row .info-edit-col {
        width: 48%;
    }
    .interest-inner-wrapper {
        padding: 30px 25px 35px;
    }
    .wrapper-interest-row .interest-items {
        width: 50%;
    }
    .profile-info-edit, .my-interest-section {
        margin-bottom: 20px;
    }
    .membership-page-table .table-wrapper {
        grid-row-gap: 25px;
        grid-template-columns: repeat(1,1fr);
        position: relative;
        z-index: 999;
    }
    .voucher-menu-col ul li a {
        padding: 10px 35px 12px;
    }
    .vouchers-menu-content .menu-items-content .menu-offer-texts h3 {
        font-size: 25px;
        line-height: 31px;
    }
    .peach-registation-section .inner-form-row {
    	column-gap: 12px;
    }
}

@media only screen and (max-width: 1024px){
    .vouchers-menu-content .menu-content-wrap {
        grid-template-columns: repeat(1,1fr);
    }
    .peach-registation-section .inner-form-row .form-col {
    	width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .public-items p span {
    	font-size: 13px;
    	line-height: 16px;
    }
    .page-title {
    	font-size: 27px !important;
    	line-height: 30px !important;
    	margin-top: 30px !important;
    }
    .peach-login-section {
    	height: 100%;
    }
    .peach-registation-section .container{
        padding-top: 50px;
        padding-bottom: 35px;
    }
    .peach-login-section .login-inner-wrap {
    	flex-wrap: wrap;
    	flex-direction: column-reverse;
    }
    .peach-registation-section .inner-form-row .form-col {
    	width: 100%;
    }
    .peach-login-section .login-content, .peach-login-section .login-form {
    	width: 100%;
    	border-radius: 15px 15px 15px 15px;
    }
    .peach-login-section .login-form {
    	padding: 35px 30px 30px;
    }
    .peach-login-section .login-content {
    	padding: 35px 25px 40px;
    	gap: 13px;
    }
    .peach-login-section .login-content h3 {
    	font-size: 26px;
    	max-width: 352px;
    	line-height: 30px;
    }
    .peach-login-section .login-content img {
    	width: 210px;
    }
    .offcanvas-header button {
    	background: transparent !important;
    	padding: 0 !important;
    	border: 0;
    	outline: 0;
    	opacity: 1;
    	position: relative;
    	left: -15px;
    	top: 8px;
    }
    .offcanvas-header button i{
        background: #fff;
        padding: 10px;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #AF272E;
    }
    .offcanvas-header button:hover, .offcanvas-header button:focus{
        border: 0;
        outline: 0;
        box-shadow: none;
    }
    .vouchers-menu-content .menu-content-wrap {
        grid-template-columns: repeat(1,1fr);
    }
    .voucher-menu-col ul li .itmes {
        font-size: 14px;
        padding: 10px 25px 12px;
    }
    .voucher-menu-col ul {
        column-gap: 6px;
        row-gap: 10px;
    }
    .membership-page-table .table-wrapper table td {
        padding: 7px 20px 10px;
        font-size: 14px;
        line-height: 20px;
    }
    .profile-info-edit, .my-interest-section {
        margin-bottom: 0px;
    }
    .sidebar-content{
        display: none;
    }
    .peach-main-header .container{
        padding: 0;
    }
    .peach-main-header .header-content {
        justify-content: space-between;
    }
    .mobile-header-design{
        display: block;
    }
    .mobile-header-design {
        z-index: 999;
        position: relative;
        display: flex;
        justify-content: space-between;
    }
    .mobile-header-design img{
        width: 180px;
    }
    .peach-layout-content {
        flex-wrap: wrap;
    }
    .peach-main-page-layout .peach-main-sidebar {
        width: 100%;
    }
    .peach-main-page-layout .peach-main-content {
        width: 100%;
        padding-left: 0;
    }
    .customer-greeting-col{
        padding-left: 15px;
    }
    .peach-main-page-layout {
        padding: 12px 0 50px 0;
        overflow: hidden;
    }
    .mobile-header-design .header-buttons{
        display: flex;
        align-items: center;
    }
    .mobile-header-design .header-buttons .btn-primary {
        background: #AF272E;
        border: 0;
        padding: 8px 12px;
    }
    .mobile-header-design .header-buttons .btn-primary i{
        font-size: 22px;
    }

    .offcanvas.offcanvas-start{
        background: #AF272EF0;
        border-radius: 0;
        border: 0;
    }
    .offcanvas.offcanvas-start .logo{
        width: 180px;
    }
    .offcanvas-body ul{
        margin-top: 20px;
    }
    .offcanvas-body ul li a img{
        width: 15px;
        object-fit: cover;
    }
    .offcanvas-body ul li a span{
        padding-left: 13px;
    }
    .offcanvas-body ul li a {
    	color: #fff;
    	transition: 0.4s;
    	display: inline-block;
    	width: 100%;
    	padding: 10px 20px;
    	margin-bottom: 4px;
    }
    .offcanvas-body ul li a.active{
        font-weight: 700;
        background: #952227;
    }
    .offcanvas-body ul li a:hover{
        font-weight: 700;
        background: #952227;
    }
    .offcanvas-body ul li {
        margin-bottom: 0px;
        display: flex;
        align-items: center;
    }
    .offcanvas-body{
        padding: 0;
        }
    .peach-main-content .row {
    	padding-left: 0px;
    }
    .peach-dash-customerinfo .customer-info-col {
        column-gap: 0;
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .customer-info-del {
        width: 100%;
        padding: 25px 22px 33px 22px;
    }
    .customer-qr-del {
        width: 100%;
        padding: 40px 22px 40px 22px;
    }
    .membership-type-content {
        column-gap: 20px;
        padding-top: 15px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .dashboard-earn-section .dashboard-content-row {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 10px;
    }
    .dashboard-earn-section .dashboard-content-row .dashboard-value-itmes {
        width: 48%;
        padding: 25px;
    }
    .peach-page-header {
        padding-top: 40px;
        padding-left: 0;
    }
    .page-header-content {
        border-left: 5px solid #AF272E;
        padding: 0px 0 0px 10px;
    }
    .page-header-content h1 {
        font-size: 28px;
        line-height: 34px;

    }

    .transaction-inner .transaction-form-col {
        padding: 30px 25px;
    }
    .transaction-inner .transaction-table-col {
        padding: 20px 25px;
    }
    .transaction-inner .transaction-table-col th{
        font-weight: 500;
        font-size: 15px;
    }
    .transaction-form-col .btn-primary {
        margin-top: 14px;
    }

    .profile-info-row {
        padding: 30px 20px 40px;
        column-gap: 16px;
        row-gap: 12px;
    }
    .wrapper-interest-row .interest-items {
        width: 50%;
    }
    .page-header-content h2 {
        font-size: 28px;
        line-height: 34px;
    }
    .my-interest-section .page-header-content {
        padding: 0px 0 0px 14px;
    }
  }


@media only screen and (max-width: 480px){
    .offcanvas.offcanvas-start{
        width: 320px;
    }
    .name-customer-info{
        flex-wrap: wrap;
        row-gap: 12px;
    }
    .customer-email-col {
        margin-top: 5px;
        padding-bottom: 15px;
    }
    .name-customer-info .customer-name, .name-customer-info .customer-num-col{
        width: 100%;
    }
    .transaction-form-col .col-md-3{
        width: 100%;
    }
    .profile-info-row .info-edit-col {
        width: 100%;
    }
    .interest-inner-wrapper {
        padding: 30px 20px 35px;
    }
}


@media only screen and (max-width: 400px){
    .wrapper-interest-row .interest-items {
        width: 100%;
    }
}