@media only screen and (min-width: 768px) and (max-width: 1024px){
	.homeslider .slide-content{padding-left: 70px;}
	.homeslider .slide-content h3{margin-top: 0; font-size: 30px}
	.skip-post-office .card-skip-wrap img{max-width: 100%}
	.card-of-month .com-text{padding-top: 30px;}
	.card-of-month .com-text h3{font-size: 30px; margin: 7px 0}
	.card-of-month a{font-size: 24px}
	.card-of-month h5{font-size: 22px; margin: 0}
	footer .foot-top .footlink a{font-size: 14px}
	footer .foot-top .footlink a img{height: 30px}
	footer p{font-size: 16px}
	.container-sm{width: 90%}
	.page.stockist-page .about-para h3{font-size: 25px}
	.page.stockist-page .stockist-row h4{font-size: 20px}
	.page.stockist-page .stockist-row p{font-size: 18px}
	.wholesale-contact-form{width: 75%}
	.page.shop-page .shop-page-wrapper .left-categories{width: 200px}
	.page.shop-page .shop-page-wrapper .left-categories ul li a{font-size: 20px}
	.page.shop-page .shop-page-wrapper .right-card-lists{width: calc(100% - 200px); padding: 20px 5px}
	.page.shop-page .shop-page-wrapper .right-card-lists .row{margin: 0 -15px}
	.page.shop-page .shop-page-wrapper .right-card-lists .row div[class*="col-"]{padding: 0 15px}
	.page.shop-page .shop-page-wrapper .right-card-lists .card{padding: 5px; width: 100%}
	.page.shop-page .shop-page-wrapper .right-card-lists .card .card-details{padding: 10px 0}
	/*.page.shop-page .shop-page-wrapper .right-card-lists div[class*="col-"]:nth-child(2n+1){clear: both;}*/
/*	.page.shop-page .shop-page-wrapper .right-card-lists div[class*="col-"]:nth-child(3n+1){clear: none!important;}*/
	.page.shop-page .shop-page-wrapper .right-card-lists .card .card-details h3{font-size: 19px}
	.page.shop-page .shop-page-wrapper .right-card-lists .card .card-details p{font-size: 15px}
	.page.shop-page .shop-page-wrapper .right-card-lists .card .card-img{padding: 0 7px 7px 0}
	.page.shop-page .shop-page-wrapper .right-card-lists .card .card-img img{transform: translate(-3px, -3px);}
	.popup .close{left: 100%; right: inherit;}
	.page .personalize-card-wrapper .customization-wrapper .cw-fonts{left: 150px}
	.page .personalize-card-wrapper .customization-wrapper .cw-board .card{width: 320px; height: 200px; margin-top: 230px;}
	.page .personalize-card-wrapper .customization-wrapper .cw-action{right: 100px; width: 140px}
	.page .personalize-card-wrapper .customization-wrapper .cw-action .btn{font-size: 20px}
	.addressbook-wrapper{padding: 0 50px}
	.addressbook-wrapper .addressbook-inner{width: calc(100% - 100px); left: 50px}
	.addressbook-wrapper .addressbook-inner .addressbook-left .btn{width: 70%}
	.addressbook-wrapper .addressbook-inner .addressbook-col{padding-top: 25px;}
	.addressbook-wrapper .addressbook-inner .ab-header input{font-size: 14px; padding: 3px 10px}
	.addressbook-wrapper .addressbook-inner .ab-header form{width: 65%}
	.addressbook-wrapper .addressbook-inner .ab-header ul.ad-pagination{width: 25%}
	.addressbook-wrapper .addressbook-inner .ab-list label{margin-bottom: 10px;}
	.addressbook-wrapper .addressbook-inner .ab-list label p{font-size: 13px}
	.cart-list-wrapper{width: 100%}
	.cart-list-wrapper .table td .card{width: 110px}
	.cart-list-wrapper .table td, .cart-list-wrapper .table td p{font-size: 15px; line-height: 1.3}
	.cart-list-wrapper .table th{font-size: 16px}
	.purchase-summary-wrap .form-group label, .purchase-summary-wrap .form-group p{font-size: 18px}
	.purchase-summary-wrap h4{font-size: 20px}
	.payment-wrap, .payment-wrap form{width: 100%}
	.payment-wrap label.custom-radio span{font-size: 20px}
	.payment-wrap label.custom-radio img{height: 30px!important}
	.payment-wrap .form-group label{font-size: 17px}
	.purchase-summary-wrap{padding: 10px 15px}
	.purchase-summary-wrap .form-group label{float: left; width: 70%}
	.page p{font-size: 18px; line-height: 1.3}
	.page .page-title h2{font-size: 36px}
	.page .page-title label{font-size: 20px; line-height: 1.3}
	.page .our-cards-content p{font-size: 18px;}
	.account-page .form-group label{font-size: 18px}
	header nav ul li a{padding: 0 12px}
}
@media only screen and (max-width: 767px){
	header{padding: 10px 0 5px}
	header .logowrapper{text-align: left!important;}
	header .logowrapper img.logo-img{width: 120px}
	header nav{padding-top: 5px;}	
	header nav ul{display: flex;}
	header nav ul li{-webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; -o-flex: 1; flex: 1;}
	header nav ul li a{font-size: 16px; display: flex; padding: 5px 0; justify-content: center;}
	.homeslider .item{margin-top: 20px; padding: 15px 0 40px 0}
	.homeslider .item .slide-img img{margin-right: 10px; width: 50%} 
	.homeslider .slide-content{padding-left: 10px;}
	.homeslider .slide-content h3{font-size: 18px; margin-top: 5px;}
	.homeslider .slide-content a{padding-top: 0; font-size: 18px}
	.skip-post-office h2{font-size: 24px; letter-spacing: 0; margin: 5px 0 15px}
	.skip-post-office .sendcard-wrap a{font-size: 22px}
	.card-of-month .com-text{padding-top: 25px}
	.card-of-month h3{font-size: 24px; margin-bottom: 5px;}
	.card-of-month h5, .card-of-month p{font-size: 16px}
	.card-of-month a{font-size: 20px}
	.newsletter{padding-bottom: 20px;}
	.newsletter h3{font-size: 25px; line-height: 1.3}
	.newsletter p{font-size: 16px; line-height: 1.3;}
	.newsletter form{width: 100%}
	.newsletter form button{width: 70px; font-size: 16px}
	.newsletter form input{font-size: 16px}
	footer .foot-top .footlink a{font-size: 16px}
	footer .foot-top .footlink a img{height: 25px}
	footer .foot-top .footlink a span{margin-bottom: 30px;}
	footer .foot-top .footlink ul{display: block;}
	footer .foot-top .footlink ul li{display: inline-block;}
	footer .foot-top .footlink ul li:nth-child(even):after{display: none;}
	footer .foot-top .footlink ul li a{padding: 5px 15px; display: block;}
	footer p{font-size: 16px}
	.skip-post-office{padding-top: 20px}
	.page .page-title h2{font-size: 32px}
	.page  p, .page .our-cards-content p{font-size: 16px; line-height: 1.4}
	.page .page-title label{font-size: 16px; width: 90%}
	.page .our-location iframe{height: 360px!important}
	.page .contact-form{padding-top: 40px;}
	.page .contact-form [class*="col-sm-"]{padding: 0}
	.page .contact-form .form-group .form-control{font-size: 18px}
	.page .contact-form .form-group label{padding: 0 0 7px 0}
	header .logowrapper .lwrap-links ul li.dropdown ul.dropdown-menu li a{font-size: 15px; padding: 5px 10px}
	.skip-post-office .card-skip-wrap img{height: 100px}
	.container-sm{width: 100%; }
	.wholesale-contact-form{width: 100%;}
	.page.stockist-page .about-para h3{font-size: 24px}
	.page.stockist-page .about-para h4{font-size: 20px}
	.page.stockist-page .about-para p{font-size: 16px}
	.page .contact-form .form-group label{font-size: 16px}
	.wholesale-contact-form{padding-top: 0!important;}
	.page.shop-page .shop-page-wrapper .left-categories{display: none;}
	.page.shop-page .shop-page-wrapper .right-card-lists{width: 100%}
	.page.shop-page .shop-page-wrapper .right-card-lists .card{width: 100%}
	.popup .popup-wrap{padding-top: 100px; width: 100%}
	.popup-card .card{width: 200px; height: 150px; max-width: 100%;}
	.popup .popup-card-details{width: 280px; max-width: 100%}
	.popup .close{right: 10px; top: 15px}
	.popup .popup-card-details p{font-size: 14px}
	.page .mailbox-page h2{font-size: 32px; margin-bottom: 20px;}
	.mailboxinner-page .cart-list-wrapper .table td .card, .mailboxinner-page .cart-list-wrapper .table td .card .card-img{width: 60px; padding: 0}
	.cart-list-wrapper .table th{font-size: 15px}
	.mailboxinner-page .cart-list-wrapper .table td, .mailboxinner-page .cart-list-wrapper .table td p{font-size: 14px}
	.mailboxinner-page .cart-list-wrapper .table td .btn{font-size: 16px}
	.card-qnty{width: 80%}
	.card-qnty label{font-size: 18px}
	.card-qnty input{width: 60px}
	body.popup-open{padding-right: 0}
	.page .personalize-card-wrapper h2{font-size: 20px}
	.page .custom-address .address-area{width: 60%; left: 20px; top: 20px; transform: inherit;}
	.page .custom-address .address-area input{font-size: 14px; padding: 3px 10px; height: inherit;}
	.modal.custom-modal .modal-dialog{max-width: 90%}
	.modal.custom-modal .modal-content .schedule-card-modal{padding: 15px 0}
	.modal.custom-modal .modal-content .add-address-modal h3{font-size: 18px; line-height: 1.3}
	.modal.custom-modal .modal-content .schedule-card-modal input, .modal.custom-modal .modal-content .add-address-modal .btn{font-size: 16px}
	.cart-list-wrapper .table td .card{width: auto}
	.cart-list-wrapper .table td .card .card-img{width: 63px; padding: 0}
	.cart-list-wrapper .table td, .cart-list-wrapper .table td p{font-size: 14px; line-height: 1.3}
	.cart-list-wrapper .table td .card .card-details h3{font-size: 16px}
	.cart-list-wrapper .table td .card .card-details p{font-size: 13px}
	.page.shop-page .shop-page-wrapper{display: block;}
	.text-center-xs{text-align: center;}
	.payment-wrap{width: 100%}
	.payment-wrap .form-group label{margin: 0 0 5px 0; font-size: 16px}
	.payment-wrap form{width: 100%}
	.page .personalize-card-wrapper .customization-wrapper{display: block; padding: 0 15px}
	.page .personalize-card-wrapper .customization-wrapper .cw-fonts, .page .personalize-card-wrapper .customization-wrapper .cw-action{position: relative; width: 100%; top: inherit; left: inherit; transform: none;}
	.page .personalize-card-wrapper .customization-wrapper .cw-fonts ul li{display: inline-block;}
	.page .personalize-card-wrapper .customization-wrapper .cw-fonts h5{font-size: 20px}
	.page .personalize-card-wrapper .customization-wrapper .cw-fonts ul li label span{width: 40px; height: 40px; margin: 0 10px 15px 0}
	.cw-board .card{width: 90%; height: 180px}
	.page .personalize-card-wrapper .customization-wrapper .cw-board .face textarea.form-control{font-size: 16px; padding: 15px}
	.page .personalize-card-wrapper .customization-wrapper .cw-board{min-height: 380px}
	.page .personalize-card-wrapper .customization-wrapper .cw-board .card{margin-top: 210px;}
	.page .personalize-card-wrapper .customization-wrapper .cw-action{right: inherit; width: 80%; margin: 30px auto 0}
	.page .login-wrapper .page-title h2{font-size: 28px}
	.login-wrapper .login-form-wrap{padding: 0}
	.login-wrapper .login-form-wrap .col{width: 100%; padding: 0 0 50px}
	.lw-social .or-divider{height: auto; width: 70%; justify-content: center; margin: 0 auto; right: 0; left: 50%; transform: translateX(-50%); bottom: 0; top: inherit; }
	.lw-social .or-divider span{padding: 0 10px; font-size: 20px}
	.lw-social .or-divider:after{width: 100%; height: 1px; left: 0; top: 50%}
	.lw-social ul li img{width: 80%}
	.login-wrapper .login-form-wrap .col.lw-right{padding-top: 20px;}
	.login-form-wrap .form-group{margin-bottom: 10px;}
	.login-form-wrap .form-group label{font-size: 18px; margin-bottom: 7px;}
	.login-form-wrap .form-group .form-control{font-size: 18px; padding: 7px 10px}
	.login-wrapper .login-newuser h4, .login-wrapper .login-newuser h4 a{font-size: 20px}
	.login-form-wrap .form-group label span{font-size: 16px; display: inline-block;}
	.login-form-wrap .form-group p{font-size: 18px; padding: 0 15px; margin: 5px 0}
	.btn-lg{font-size: 24px!important; padding: 10px 20px!important}
	.login-wrapper .lw-horizontal.lw-social.lw-horizontal{padding-top: 30px;}
}