html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
q,
em,
img,
small,
strong,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

:focus {
    outline: 0;
}

input,
textarea {
    margin: 0;
    outline: 0;
}

textarea {
    overflow: auto;
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/* Default Font Styles
______________________*/

body,
input,
select,
textarea,
p,
a,
b {
    font-family: 'Poppins', sans-serif;
    color: #000;
    line-height: 1.4;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*** iPhone and iOS Form Input Zoom Fixes ***/
/* Fix Input Zoom on devices older than iPhone 5: */
@media screen and (device-aspect-ratio: 2/3) {

    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"] {
        font-size: 16px;
    }
}

/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {

    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"] {
        font-size: 16px;
    }
}

/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */
@media screen and (device-aspect-ratio: 375/667) {

    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="url"] {
        font-size: 16px;
    }
}

/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */
@media screen and (device-aspect-ratio: 9/16) {

    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="url"] {
        font-size: 16px;
    }
}

/* Links
______________________*/
a {
    text-decoration: none !important;
}

a:hover {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

/* p, blockquote, address
______________________*/
p {
    font-size: 18px;
    margin-bottom: 20px;
}

a:hover,
a:focus {
    text-decoration: none;
}

/* Layout 
______________________*/
.container {
    width: 1250px;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0;
}

.row {
    margin: 0;
}

 @font-face {
    font-family: urdufont;
    src: url(NafeesWeb.ttf);
} 

.yellow_bg,
.loader {
    border: 8px solid #ffd900;
    background-image: linear-gradient(#690048, #5f003d, #690048);
}

.navbar_items ul li a>span {
    color: #571844;
    background-color: #ffd900;
    display: inline-block;
    padding: 4px 9px;
    border-radius: 35px;
    font-size: 12px;
    vertical-align: middle;
    margin: -2px 0 0 8px;
    font-weight: bold;
}

/*loader*/
.loader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 999999;
    text-align: center;
    padding: 100px 0 0;
}

.loader img {
    width: 168px;
    margin: 0 auto;
}

.loader p {
    color: #ebc800;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 15px;
    font-weight: bold;
}

.loader .logo_icon {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 407px;
}

/*login page*/
.main_head {
    text-align: center;
    padding: 43px 0px 30px;
}

.main_head img {
    width: 108px;
}

 .main_head p,.forget_pas a,.login_btn button,.login_btn a,.shopname h4 span ,
.shop_info ul li b,.close_btn_icon p,.inner_box a,.inner_box h4,
.close_btn_popup h4,.total_value_box p,.delivery_box a ,.delivery_box h6 ,.delivery_box p,
.items_box a,.brand__name span,.all_products_box h4,.brand_fulname span,.Otp_code   h4{
    font-family: urdufont;
} 
.main_head p {
    color: #fff;
    padding: 20px 0 0;
    font-size: 25px;
    margin: 0;
}

.form_box {
    text-align: center;
    margin: 0 0 22px;
    position: relative;
}

.form_box input, .form_box select,.form_box textarea, .textarea-box,
.dot_line_address textarea{
    background: none;
    border: 3px solid #fff;
    border-radius: 33px;
    color: #fff;
    height: 48px;
    padding: 0 21px 0 63px;
    width: 100%;
    font-weight: 500;
}
.dot_line_address textarea{
    padding: 6px 34px 4px 22px;
    font-size: 13px;
    overflow: hidden;
    height: 68px;
}
.dot_line_address  .mapareaicon{
    padding: 11px 0 0 13px;
    font-size: 16px;
}
.dot_line_address  .form-control:focus {
    border-color: #ffffff;
    box-shadow: none;
    background: transparent;
    color: #fff;
}


.form_box textarea ,.textarea-box textarea{
    height: 55px;
}
.form_box i, .mapareaicon {
    color: #ffaf00;
    position: absolute;
    left: 1px;
    border: 3px solid #fff;
    border-radius: 100%;
    width: 46px;
    height: 46px;
    top: 2px;
    padding: 10px 0 0 0;
    font-size: 18px;
    cursor: pointer;
    background: #61013f;
}

.middle_form {
    width: 302px;
    margin: 0 auto;
}

.form_box ::-webkit-input-placeholder {
    color: #fff;
}

.form_box ::-moz-placeholder {
    color: #fff;
}

.form_box :-ms-input-placeholder {
    color: #fff;
}

.form_box :-moz-placeholder {
    color: #fff;
}

.forget_pas {
    text-align: center;
    padding: 0 0 38px;
}

.forget_pas a {
    color: #fff;
    text-decoration: underline !important;
    font-size: 18px;
}

.login_btn {
    padding: 0 0 20px;
    text-align: center;
}

.login_btn button,
.notfound_box a {
    background: #ffd900;
    color: #660045;
    font-weight: bold;
    padding: 8px 77px;
    border-radius: 35px;
    font-size: 22px;
    border: none;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}

.login_btn a {
    padding: 9px 52px;
    display: inline-block;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 35px;
    margin: 28px 0 0;
    font-weight: bold;
}

.border_none {
    border: none;
    background: #fff;
}

/*brand*/
.shopname {
    text-align: center;
    padding: 15px 0;
    background-image: linear-gradient(#690048, #5f003d, #690048);
}

.shopname h4 {
    color: #ecb200;
    font-size: 20px;
    font-weight: bold;
}

.shopname h4 span {
    font-size: 24px;
}

.dots_icon {
    position: absolute;
    right: auto;
    top: 16px;
    cursor: pointer;
    left: 41px;
}

.dots_icon .lnr-chevron-left {
    color: #f1c12d;
    position: absolute;
    left: 7px;
    top: 2px;
    font-size: 19px;
    font-weight: bold;
}

.dots_icon img {
    width: 8px;
    position: absolute;
    left: 6px;
}

.yellow_bar {
    background: #ecb200;
    padding: 13px 0;
}

.brands_logos {
    padding: 0 0 40px;
}

.brands_logos ul {
    text-align: center;
}

.brands_logos ul li {
    display: inline-block;
    width: 26%;
    vertical-align: top;
}

.brands_logos ul li img {
    width: 169px;
    height: 115px;
    object-fit: contain;
    cursor: pointer;
}

.brand_bg {
    text-align: center;
    padding: 0 0 20px;
}

.brand_bg h4 {
    background: url(../images/canvas.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    padding: 12px 69px;
    color: #ecb200;
    font-size: 23px;
    margin: -15px 0 0;
    width: 258px;
}

/*address */

.shop_info {
    background: #edb200;
    padding: 22px 0;
}

.shop_info ul {
    width: 450px;
    margin: 0 auto;
    text-align: right;
}

.shop_info ul li span {
    color: #000;
    font-weight: bold;
}

.shop_info ul li {
    font-size: 26px;
    margin: 0 0 5px;
}

.shop_info ul li b {
    color: #640043;
    font-size: 32px;
}

.qty_box {
    text-align: center;
    padding: 29px 0 29px 53px;
    position: relative;
    width: 381px;
    margin: 0 auto;
}

.inner_box h4 {
    background: #5e003e;
    color: #fff;
    display: inline-block;
    padding: 11px 47px;
    border-radius: 15px;
    font-weight: bold;
    margin: 0 0 6px;
    font-size: 25px;
}

.inner_box b {
    display: block;
    font-size: 30px;
}

.inner_box a {
    background-image: linear-gradient(#ffdb50, #ddb00c);
    color: #650043;
    display: inline-block;
    padding: 8px 33px;
    border-radius: 13px;
    font-size: 24px;
    font-weight: bold;
}

.inner_box .cocacola_img {
    position: absolute;
    left: 17px;
    width: 92px;
}

.line_through,
.brand__name {
    flex: 0 0 50%;
    max-width: 50%;
}

.line_through {
    padding: 6px 0 0;
    text-align: left;
}

.line_through h5 {
    text-decoration: line-through;
    color: #8f8f8f;
}

.brand__name {
    padding: 0;
    text-align: right;
}

.brand__name span {
    display: block;
    color: #47002e;
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
}

.brand__name .price__box {
    color: #000;
    font-weight: bold;
    margin: 3px 0 0;
    display: block;
    font-size: 19px;
}

/*popup*/
.overlay_poppu,
.cancel_box {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000bd;
    display: none;
    z-index: 9999;
}

.popup_orderbox {
    position: absolute;
    display: none;
    top: 143px;
    right: 0;
    left: 0;
    text-align: center;
    border: 4px solid #ffd900;
    background-image: linear-gradient(#690048, #5f003d, #690048);
    width: 333px;
    margin: 0 auto;
    padding: 29px 0 73px;
    overflow: hidden;
}

.close_btn_icon i,
.close_btn_popup i {
    position: absolute;
    top: 13px;
    right: 19px;
    cursor: pointer;
    background-image: linear-gradient(#ffdb50, #ddb00c);
    color: #620041;
    border-radius: 100%;
    width: 27px;
    height: 27px;
    font-size: 19px;
    font-weight: bold;
    padding: 4px 0 0;
    z-index: 999;
}

.close_btn_icon img {
    width: 130px;
    margin: 0 auto 11px;
}

.close_btn_icon p {
    color: #fff;
    font-size: 36px;
}

.close_btn_icon p span {
    display: block;
}

.overlayimg {
    overflow: hidden;
}

.overlayimg img {
    position: absolute;
    width: 266px;
    bottom: -66px;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
}

/*delivery popup*/


.total_box {
    position: fixed;
    top: 132px;
    left: 0;
    right: 0;
    width: 369px;
    margin: 0 auto;
    background: #fff;
    padding: 23px 17px;
    border-radius: 4px;
    display: none;
    z-index: 9999;
}

.close_btn_popup {
    text-align: center;
}

.close_btn_popup h4 {
    background: #5e003e;
    color: #fff;
    display: inline-block;
    padding: 10px 27px;
    border-radius: 10px;
    font-weight: bold;
    margin: 0 0 6px;
    font-size: 18px;
}

.order_price {
    padding: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.order_price p {
    text-align: left;
    font-weight: bold;
    margin: 0 0 5px;
}

.qty__value {
    padding: 21px 0 0;
    position: relative;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.qty__value p {
    position: absolute;
    left: 21px;
    right: 0;
    margin: 0 auto;
    top: 25px;
    border-radius: 100%;
    padding: 6px 0 0;
    font-weight: bold;
    color: #5e003e;
}

.qty__value img {
    width: 66px;
}

.total_value_box {
    text-align: right;
    padding: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.total_value_box p {
    margin: 0 0 5px;
    font-weight: bold;
}

.delivery_box h6 {
    font-size: 35px;
    font-weight: 600;
    margin: 7px 0 3px;
}

.delivery_box p {
    margin: 7px 0 0;
    font-size: 24px;
    color: #5e003e;
    font-weight: 600;
}

.delivery_box ul {
    text-align: center;
    padding: 16px 0 0;
}

.delivery_box ul li {
    display: inline-block;
    width: 46%;
}

.delivery_box a {
    background-image: linear-gradient(#650043, #650043);
    color: #e9bf24;
    display: inline-block;
    padding: 8px 19px 8px;
    border-radius: 8px;
    font-size: 22px;
    font-weight: 700;
    width: 97%;
}

.delivery_box .cancel_btn {
    background-image: linear-gradient(#ffdb50, #ddb00c);
    color: #650043;
}

/*special offer*/

#special_offer h4 {
    width: 317px;
    background: url(../images/yellow-canvas.png);
    padding: 24px 69px 23px;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 22px;
    color: #610040;
    margin: -23px 0 0;
    font-weight: 900;
}

#dark_bar {
    background: #640043;
}

.special_offer_box ul {
    text-align: center;
}

.special_offer_box ul li {
    display: inline-block;
    width: 18%;
    position: relative;
    margin: 5px 6px 10px;
    cursor: pointer;
}

.items_box {
    background: #fff;
    box-shadow: 0 0 7px 0 #ccc;
    padding: 15px 17px;
}

.tag_box h6 {
    background: #5e003e;
    color: #fff;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 8px;
    font-weight: bold;
    margin: 0 0 6px;
    font-size: 16px;
    position: absolute;
    left: 13px;
    cursor: pointer;
}

.items_box img {
    width: 108px;
    padding: 31px 0 0;
    height: 142px;
    object-fit: contain;
}

.items_box p span {
    display: inline-block;
    text-align: right;
    float: right;
}

.items_box p .price__box {
    display: block;
}

.items_box a {
    background: #5e003e;
    color: #ecb200;
    display: inline-block;
    padding: 6px 47px 11px;
    border-radius: 13px;
    font-weight: bold;
    font-size: 24px;
    width: 100%;
    margin: 15px 0 0;
}

.carousel-control.right,
.carousel-control.left {
    background: none;
    width: 6%;
}

.carousel-control {
    opacity: 1;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    color: #ecb200;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    top: 42%;
}

/*footer*/
.footer_bar {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    padding: 21px 0 13px;
    background-image: linear-gradient(#690048, #5f003d, #690048);
    z-index: 9;
}

.footer_bar p {
    margin-bottom: 0;
}

.footer_bar p img {
    width: 57px;
    vertical-align: middle;
    margin: -7px 8px 0;
}

.footer_bar p b {
    color: #fff;
    font-size: 21px;
}

/*all products*/
#all_products {
    padding: 19px 0;
}

.home_brands {
    padding-bottom: 100px;
}

.all_products_box {
    padding: 0 0 35px;
}

.all_products_box ul {
    text-align: center;
}

.all_products_box ul li {
    display: inline-block;
    width: 26%;
    vertical-align: top;
    margin: 13px 0 20px;
}

.all_products_box h4 {
    color: #5f003d;
    font-size: 30px;
    margin: 0 0 13px;
}

.all_products_box img {
    width: 154px;
    margin: 0 auto 2px;
    object-fit: contain;
    height: 94px;
}

/*qty*/

.minus {
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 36px;
    cursor: pointer;
}

.middle_qty {
    background: url(../images/qty_boxes_03.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px 0 0 20px;
}

.plus {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 36px;
    cursor: pointer;
}

.qty__number input {
    height: 45px;
    width: 60px;
    text-align: center;
    font-size: 15px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    margin: 0 34px;
    border: none;
}

.qty__number {
    margin: 6px 0 13px;
}

#special_offer_popup .inner_box .cocacola_img {
    left: 0;
    width: 45px;
    height: 45px;
    object-fit: contain;
}

#special_offer_popup {
    padding: 29px 0 2px 0;
    width: 100%;
}

#special__offer .delivery_box ul li {
    display: inline-block;
    width: 100%;
}

#special__offer .delivery_box a {
    padding: 8px 32px 8px;
    font-size: 22px;
    width: auto;
}


/*sidenav*/
.sidebar_box {
    box-shadow: 0px 8px 10px -5px rgb(0 0 0 / 20%), 0px 16px 24px 2px rgb(0 0 0 / 14%), 0px 6px 30px 5px rgb(0 0 0 / 12%);
    background-color: #fff;
    width: 18%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
    z-index: 99999;
    overflow-y: auto;
    background: linear-gradient(to right, #6b1952 4%, #571844 78%) !important;
}

.navbar_items ul li i {
    position: absolute;
    left: 29px;
    color: #fff;
    top: 12px;
}

.overlay_body {
    background: rgb(0 0 0 / 68%);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
}

.sidebar_box,
.overlay_body {
    display: none;
}

.menu_head img {
    margin: 0 0 12px;
    width: 131px;
}

.menu_head {
    padding: 66px 17px 19px;
    text-align: center;
}

.menu_head h4 {
    color: rgb(255 255 255 / 87%);
    font-weight: 500;
}

.navbar_items ul {
    padding: 15px 0;
}

.navbar_items ul li {
    position: relative;
    padding: 10px 12px 10px 56px;
    border-bottom: 1px solid #dbdbdb26;
}

.navbar_items ul li:last-child {
    border-bottom: none;
}

.navbar_items ul li a {
    display: inline-block;
    width: 100%;
    color: rgb(255 255 255 / 87%);
    font-size: 15px;
}

.navbar_items ul li a:hover,
.navbar_items ul li:hover svg,
.footer_inner a:hover {
    color: #4c0144;
}

.navbar_items ul li a:hover,
.navbar_items ul li:hover svg {
    fill: #fff;
    color: #fff;
}

.navbar_items ul li svg {
    width: 24px;
    position: absolute;
    left: 24px;
    cursor: pointer;
    top: 10px;
    fill: rgb(255 255 255 / 87%);
}

.close_btn {
    position: absolute;
    top: 24px;
    right: 18px;
    cursor: pointer;
}

.close_btn i {
    color: #ffffff;
    font-size: 22px;
}

.sidebar_box::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #b3afaf;
}

.sidebar_box::-webkit-scrollbar {
    width: 8px;
    background-color: #b3afaf;
}

.sidebar_box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #fff;
}

#items_listing .special_offer_box ul li {
    width: 23%;
}

#items_listing {
    padding-bottom: 80px;
}

/*profile*/
/*profile*/

.avatar-upload {
    position: relative;
    max-width: 205px;
    margin: 0 auto 20px;
}

.avatar-upload .avatar-edit {
    position: absolute;
    right: 42px;
    z-index: 1;
    top: 10px;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input+label {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #ffd900;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input+label:hover {
    background: #ca9122;
    border-color: #d6d6d6;
}

.avatar-upload .avatar-edit input+label:after {
    content: "\f040";
    font-family: 'FontAwesome';
    color: #660044;
    position: absolute;
    top: 5px;
    left: 2px;
    right: 0;
    text-align: center;
    margin: auto;
    font-size: 13px;
}

.avatar-upload .avatar-preview {
    width: 116px;
    height: 116px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #ffd900;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    object-fit: cover;
    cursor: pointer;
}

.avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.profilebox .login_btn button {
    font-family: 'Poppins', sans-serif;
}

.profilebox {
    padding: 27px 0 0;
}

/*order page*/
#height_box {
    height: 100%;
    background: #ffffffcf;
}

.login_Bg {
    background: url(../images/pos-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.listing_view .dashboard_box {
    max-width: 93%;
    padding: 23px 0 100px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.searchbar {
    position: relative;
    padding: 0 0 22px;
}

.searchbar input {
    width: 100%;
    border-radius: 35px;
    border: 2px solid #cccccc94;
    height: 45px;
    padding: 0 48px 0 26px;
}

.searchbar span { 
    right: 21px;
    top: 11px;
    font-size: 12px;
    color: #571844;
}

.assigned__order {
    margin: 0 7px 12px;
    border-radius: 5px;
    padding: 14px 15px;
    box-shadow: 0 0 7px 1px #0000002e;
    text-align: left;
    position: relative;
    background: #fff;
    border-bottom: 2px solid #ccac09;
    display: inline-block;
    width: 31.9%;
}

.inner_assigned .orderno {
    font-size: 19px;
    color: #87b552;
}

.inner_assigned p {
    margin: 0 0 4px;
}

.login_box__view p {
    font-size: 13px;
    font-weight: 600;
    color: #581845;
}

.inner_assigned .orderno span {
    font-size: 12px;
    padding: 4px 0 0;
    color: #848484;
    font-weight: 800;
}

.inner_assigned p span {
    float: right;
}

.inner_assigned .numberbox span {
    font-size: 17px;
}

.inner_assigned .numberbox {
    margin: 0 0 12px;
    color: #c7a214;
}

.inner_assigned p span i {
    vertical-align: middle;
    margin: -5px 2px 0 0;
    display: inline-block;
}

.numberbox a {
    color: #660045;
    font-size: 19px;
}

.Address_icon {
    position: relative;
    padding: 6px 14px 6px 5px !important;
    font-size: 11px !important;
}

.Address_icon i {
    position: absolute;
    right: 3px;
    font-size: 13px;
    top: 10px;
}

.inner_assigned .address {
    margin: 0;
    font-size: 13px;
    text-align: center;
    padding: 4px 0 0 12px;
    color: #88105f;
}

.inner_assigned .address i {
    font-size: 18px;
    vertical-align: middle;
    margin: -2px 0 0 0;
    display: inline-block;
    position: static;
    left: 13px;
}

/*order details*/

.order_details {
    padding: 5px 12px 73px !important;
    background: transparent;
}

.info_order {
    margin: 0px 0 10px;
}

.info_order h4 {
    color: #ebc800;
    margin: 13px 0 9px;
    font-weight: bold;
}

.order_details .table {
    border-collapse: collapse;
    width: 100%;
    background: #fff;
    border-left: 1px solid #dededf;
    border-right: 1px solid #dededf;
}

.order_details .table td,
.order_details .table th {
    border-top: 1px solid #dededf;
    padding: 6px 14px;
    border-bottom: 1px solid #dededf;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
}

.order_details .table th {
    color: #571844;
    text-align: left;
}

.order_details .table td,
.order_details .table td a {
    text-align: right;
    color: #7b7b7b;
    font-weight: 500;
}

/*footer menu*/
.footer_menu {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    bottom: 0;
    background: #ecb200;
    padding: 13px 0;
}

.footer_menu ul {
    text-align: center;
}

.footer_menu ul li {
    display: inline-block;
    width: 33%;
}

.footer_menu ul li svg {
    width: 30px;
}

.profilebox .main_head {
    padding: 8px 0px 41px;
}

.profilehead {
    border-bottom: 1px solid #ffd90057;
}

.profilehead .dots_icon {
    top: 23px;
}

.track_order {
    padding: 79px 0 0;
}

.track_order h4 {
    color: #ffffff;
    font-weight: bold;
    font-size: 32px;
    margin: 0 0 16px;
}

.track_order input {
    display: block;
    margin: 26px auto 15px;
    border: 1px solid #c4c4c4;
    width: 29%;
    height: 46px;
    padding: 0 19px;
    border-radius: 3px;
}

.track_order button,
.track_order .nextbtn,
.resend_box li button ,.order_new_address button{
    background: #ffd900;
    color: #660045;
    font-weight: bold;
    padding: 13px 34px 11px;
    border-radius: 35px;
    font-size: 18px;
    border: none;
    cursor: pointer;
    margin: 12px 0 0;
}

.track_order .nextbtn {
    height: auto;
    width: auto;
    margin: 3px auto 14px;
}

.resend_box {
    position: fixed;
    bottom: 0;
    width: 29%;
    left: 0;
    text-align: center;
    padding: 0 13px;
    right: 0;
    margin: 0 auto;
}

.resend_box li {
    display: inline-block;
    width: 34%;
    float: left;
}

.resend_box .resend_btn button {
    background: red;
    color: #fff;
}

.resend_box .resend_btn {
    float: right;
}

.resend_box li button {
    padding: 5px 17px;
    margin: 16px 6px;
    width: 94%;

}

#opt_resend .track_order {
    padding-top: 0;
}

.easypasa {
    width: 22px;
    margin: -5px 0 0;
    vertical-align: middle;
}

.table th svg {
    width: 15px;
    vertical-align: middle;
    margin: -4px 0 0;
}

.table th {
    vertical-align: middle;
}

#wallet_page .green_value,
#wallet_page .fee_green {
    color: #51AA1A;
    font-size: 15px;
    font-weight: 500;
}

.Otp_code button {
    margin: 12px 0 25px;
}

.inner_assigned .address svg {
    width: 22px;
    display: inline-block;
    margin: -4px 6px 0;
    background-color: #571844;
    color: white;
    border-radius: 8px;
    fill: #fff;
    vertical-align: middle;
}

.inner_assigned p svg {
    width: 15px;
    vertical-align: middle;
    margin: -4px 0 0;
}

.special_offer_box .order_adress {
    background: none;
    padding: 0 !important;
    font-size: inherit;
    margin: 0 !important;
    width: auto !important;
    display: inherit;
}

.cart_box svg {
    width: 24px;
    cursor: pointer;
    fill: #fff;
}

.cart_items {
    position: absolute;
    right: -10px;
    top: -8px;
    background: #ecb200;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 100%;
    padding: 3px 0 0;
    cursor: pointer;
    font-size: 13px;
}

.cart_box {
    position: absolute;
    right: 31px;
    top: 22px;
}

#wallet_page .total_amount {
    font-size: 19px;
    color: #660045;
}

#cart__items .qty_box {
    text-align: left;
    padding: 4px 0 0px 89px;
    width: 100%;
    margin: 0 auto 13px;
    border-bottom: 1px solid #63004147;
}

#cart__items .qty_box .inner_box .cocacola_img {
    position: absolute;
    left: -4px;
    width: 88px;
    object-fit: contain;
    height: 111px;
}

#cart__items .qty_box .inner_box h4 {
    padding: 9px 23px;
    margin: 0 0 6px;
    font-size: 12px;
    text-align: center;
}

#cart__items .qty_box .inner_box b {
    font-size: 19px;
    padding: 8px 0 0;
}

#cart__items .qty_box .qty__number input {
    height: 35px;
    padding: 0px 0 0 26px;
    width: 50px;
    border-radius: 4px;
    margin: 0 11px;
}

#cart__items .qty_box .inner_box a {
    padding: 6px 27px;
    border-radius: 13px;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 56px;
}

#cart__items .qty_box .inner_box b h6 {
    display: inline-block;
    text-decoration: line-through;
    color: #987b0f;
    font-size: 16px;
    margin: 0 0 0 6px;
}

.procced_checkout {
    color: #312e2e;
    background-color: #ebc800;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
    margin: 0 auto;
    left: 0;
    right: 0;
    cursor: pointer;
    padding: 11px 49px 11px 29px;
}

.checkout_info {
    padding: 0;
}

.checkout_info h4,
.checkout_info h6 {
    padding: 3px 0 0;
    font-weight: bold;
}

.checkout_value {
    text-align: right;
}

.checkout_info h4,
.checkout_info h6 {
    padding: 3px 0 0;
    font-weight: bold;
    color: #5e003e;
}

.checkout_textarea input {
    border: none;
    width: 100%;
    height: auto;
    padding: 0;
    border-radius: 0;
}

.slots_items_box tr td img {
    width: 5px;
    vertical-align: middle;
    margin: -2px 0 0 3px;
    cursor: pointer;
}

.gendar input[type="radio"] {
    appearance: none;
    display: none;
}

.gendar input[type="radio"]+label {
    cursor: pointer;
    position: relative;
    padding-left: 18px;
    font-weight: 500;
    margin-right: 10px;
}

.gendar input[type="radio"]+label::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid #4c0144;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 0;
    opacity: 1;
    transition: all 0.3s;
}

.gendar input[type="radio"]+label::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border: 1px solid #4c0144;
    background: #4c0144;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    top: auto;
    opacity: 0;
    transition: all 0.3s;
    margin-top: 7px;
}

.gendar input[type="radio"]:checked+label::after {
    opacity: 1;
}

.set_overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #000000b8;
    z-index: 99;
    display: none;
}

.set_estimated {
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 999;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 29%;
    padding: 42px 0 28px;
    border-radius: 33px 33px 0 0;
    display: none;
}

.time_picker>i {
    position: absolute;
    right: 0;
    top: -17px;
    font-size: 18px;
    left: 0;
    margin: 0 auto;
    background: #e39f09;
    width: 34px;
    border-radius: 100%;
    color: #fff;
    height: 34px;
    padding: 7px;
    cursor: pointer;
}

.time_picker b {
    font-size: 24px;
    font-weight: bold;
    color: #292929;
    padding: 0 0 18px;
    display: block;
}

.set_estimated .gendar input[type="radio"]+label {
    font-size: 17px;
    display: block;
    width: 202px;
    margin: 0 auto 13px;
}

.purple_bg {
    background: #6f044e !important;
}

.Otp_code p,
.Otp_code h6 b {
    color: #ffd900;
}

.Otp_code p b,
.Otp_code h6 {
    color: #fff;
}

.wallet_white {
    background: #ffffff94 !important;
}

.check_mark {
    font-size: 17px;
    color: #591845;
    font-weight: 900;
}

#cod {
    width: 24px;
}

.check_mark svg {
    width: 30px;
}

.special_offer_box .order_adress {
    width: 100% !important;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0;
}

.brand_fulname {
    padding: 0;
}

.brand_fulname span {
    font-size: 16px;
    line-height: 1.3;
    display: inherit;
    color: #5f003d;
    font-weight: bold;
    margin: 0 0 21px;
    height: 22px;
}

.brands_logos li h4 {
    margin: 6px 0 4px;
}

.brands_logos ul li {
    margin: 0 0 19px;
}

#brand__name {
    padding-bottom: 0;
}

.empty_card {
    padding: 115px 0 0;
}

.empty_card b {
    display: block;
    font-size: 32px;
    margin: 0 0 20px;
    color: #650144;
}

.loading_img,
.empty_card {
    text-align: center;
}

.loading_img img {
    width: 43px !important;
    height: auto !important;
}

.items_loader,
.no_records {
    padding-top: 9em;
}

.no_records p {
    margin: 0;
}

.swal-footer {
    text-align: center;
}

.swal-button {
    background: #e6cb2f;
    color: #000;
}

.swal-button:hover {
    color: #fff;
    background: #5f003d !important;
}

#wallet_page #delivery_address th {
    width: 100%;
}

#wallet_page #delivery_address th p {
    font-size: 12px;
    margin-bottom: 7px;
    padding: 33px 0 0 18px;
    border-bottom: 1px solid #dededf;
    position: relative;
}

#wallet_page #delivery_address .gendar input[type="radio"]:checked+label::after {
    top: 0;
}

#wallet_page #delivery_address th p:last-child {
    border-bottom: none;
}

#wallet_page #delivery_address th input[type="radio"]+label {
    font-size: 12px;
    text-align: left;
    position: absolute;
    left: 0;
    top: -2px;
    line-height: 1.2;
}

#wallet_page #time_slots .fee_green {
    font-size: 12px;
}

#week_slots {
    padding-left: 23px;
    position: relative;
}

#week_slots .gendar input[type="radio"]+label {
    left: 6px;
    position: absolute;
    margin: 0;
    top: 4px;
}

#week_slots .gendar th {
    position: relative;
}

.checkout_loaders {
    padding: 30px 0;
}

.swal-text {
    text-align: center;
    line-height: 1.7;
}

.number_add .country_code {
    display: inline-block;
    position: absolute;
    left: 55px;
    color: #fff;
    font-weight: bold;
    top: 13px;
    font-size: 15px;
}

.number_add input {
    padding-left: 90px;
}

#register_page {
    height: 109vh;
}

.order_page {
    height: 100vh;
}

#height_box .myorder_page {
    max-width: 100%;
    padding: 23px 25px 100px;
}

.total_box .middle_qty {
    padding: 0px 0 0 33px;
}

.notfound_box {
    height: 100vh;
    border: 8px solid #ffd900;
    background-image: linear-gradient(#690048, #5f003d, #690048);
    text-align: center;
    padding: 165px 0 10px;
}

.notfound_box h3 {
    color: #ffd900;
    font-size: 31px;
    text-transform: capitalize;
    margin: 0 0 21px;
}

.notfound_box p {
    color: #fff;
    margin: 11px 0 43px;
    font-size: 16px;
}

.notfound_box a {
    padding: 8px 50px;
    display: inline-block;
}

#slider_listing .items_box {
    text-align: center;
}

#slider_listing .react-multiple-carousel__arrow::before {
    font-size: 15px;
}

#slider_listing .react-multiple-carousel__arrow {
    min-width: 28px;
    min-height: 28px;
    top: 100px;
    background: rgb(206 165 26);
}

#slider_listing .react-multiple-carousel__arrow--right {
    right: 0;
}

#slider_listing .react-multiple-carousel__arrow--left {
    left: 10px;
}
.back_homebtn{
    position: absolute;
    left:0;
    right:auto;
    top: 16px;
}
#checkout_layout #delivery_address  th p {
    padding: 2px 0 6px 4px;
}
#checkout_layout #delivery_address label{
    position: static !important;
}
#checkout_layout #wallet_page{
    background: #6f044e;
}
#height_box .shukria_box{
    color:#fff;
    margin: 0;
    font-size: 26px;
}
.order_new_address{
    width: 443px;
    margin: 0 auto;
    text-align: center;
    padding: 55px 0 0;
}
.order_new_address button{
    width: 44%;
    padding: 11px 9px;
    font-size: 16px;
    margin: 21px 7px;
}
.refreshicon{
    position: relative;
}
.refreshicon i , #location-button{
    position: absolute;
    top: 20px;
    right: 16px;
}
.order_new_address .add_address_btn {
    background: white;
}

/*order info page*/
#order_info .head_table .table_info th:first-child{
    text-align: left;
}
#order_info .head_table .table_info th {
    color: #505050;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}
#order_info  .price_box{
    width: 208px;
}
#order_info .head_table, #order_info .head_table th, #order_info th, #order_info td {
    border: none;
    padding: 3px ​15px;
}
#order_info .head_table{
    margin-bottom: 11px;
}
#order_info th, #order_info td{
    padding: 4px 15px;
    color: #505050;
    font-weight: 500;
}
#order_info table {
    border: none;
    border-top: 1px solid #d7d6d6;
}
#total_orders th,#total_orders td{
    font-weight: bold;
    font-size: 16px;
}
#order_info #wallet_page{
    padding: 0 !important;
}
#order_info #wallet_page .info_order h4 {
    color: #620040;
    font-weight: bold;
    padding: 0 14px;
    font-size: 19px;
}
#order_info #wallet_page table .line-through{
  text-decoration: line-through;
}
#order_info  .table>tbody+tbody {
    border-top: 1px solid #ddd;
}
#order_info .table {
    margin-bottom: 9px;
}
#order_info .fee_green{
    color: #51AA1A;
}
#add_location_box .track_order{
    margin: 0 auto;
    width: 440px;
}
#add_location_box  #location-button {
    top: 14px;
    right: 6px;
}
#register_shop  .profilebox{
    padding: 0;
}
#register_shop .main_head {
    text-align: center;
    padding: 23px 0px 19px;
}
#register_shop .profilebox .login_btn button {
    margin-top: 17px;
}
#register_shop .login_btn a {
    margin: 10px 0 0;
}

#register_shop   #location-button {
    top: 19px;
    right: 9px;
    color: #fff;
}
.dot_line_address textarea::-webkit-input-placeholder {
color: #fff;
}

.dot_line_address textarea:-moz-placeholder {
color: #fff;  
}

.dot_line_address textarea::-moz-placeholder { 
color: #fff;  
}

.dot_line_address textarea:-ms-input-placeholder {
color: #fff;  
}
/*responsive*/

@media(max-width: 1250px) {
    .container {
        width: 100%;
    }

    #cart__items .qty_box .qty__number input {
        padding: 0px 0 0 16px;
    }

    .total_box .middle_qty {
        padding: 0px 0 0 19px;
    }

    #register_page {
        height: 130vh;
    }

    .special_offer_box ul li {
        width: 29%;
    }

    .sidebar_box {
        width: 27%;
    }

    .assigned__order {
        width: 47.9%;
    }
}

@media(max-width: 1024px) {
    .container {
        width: 100%;
    }

    .set_estimated {
        width: 43%;
    }

    .footer_menu ul li {
        width: 32%;
    }

    #slider_listing .react-multiple-carousel__arrow--right {
        right: 10px;
    }

    .assigned__order {
        width: 46.9%;
    }

    .brands_logos ul li {
        width: 31%;
    }

    .sidebar_box {
        width: 32%;
    }

    #items_listing .special_offer_box ul li {
        width: 47%;
    }

    .resend_box {
        width: 43%;
    }
}

@media(max-width: 767px) {
    .container {
        width: auto;
    }

    #slider_listing .react-multiple-carousel__arrow {
        min-width: 19px;
        min-height: 19px;
    }

    #slider_listing .react-multiple-carousel__arrow::before {
        font-size: 12px;
    }

    #register_page {
        height: 151vh;
    }

    #wallet_page #delivery_address th input[type="radio"]+label {
        top: -1px;
    }

    .resend_box {
        width: 100%;
    }

    .track_order input {
        width: 100%;
        height: 44px;
    }

    .profilehead .dots_icon {
        top: 22px;
        left: 20px;
    }

    .track_order button {
        font-size: 16px;
    }

    .track_order {
        padding: 107px 22px 0;
    }

    .track_order h4 {
        font-size: 26px;
        margin: 0 0 16px;
    }

    .footer_menu {
        padding: 8px 0 3px;
    }

    .footer_menu ul li svg {
        width: 26px;
    }

    #items_listing .special_offer_box ul li {
        width: 45%;
    }

    .profilebox .main_head {
        padding: 33px 0px 31px;
    }

    .assigned__order {
        margin: 0 0 9px;
        padding: 9px 10px;
        width: 100%;
    }

    .sidebar_box {
        width: 80%;
    }

    #height_box .dashboard_box {
        padding: 15px 15px 100px;
    }

    .loader .logo_icon {
        position: absolute;
        bottom: 20px;
        left: -106px;
        right: 0;
        width: 396px;
    }

    .listing_view .main_wrap {
        max-width: 100%;
    }

    .searchbar {
        padding: 0 0 14px;
    }

    .inner_assigned .address {
        font-size: 12px;
        margin: 19px 0 2px;
        padding: 0;
    }

    .middle_form {
        width: 100%;
        padding: 0 22px;
    }

    .login_btn a {
        margin: 24px 0 0;
    }

    .shopname {
        padding: 21px 0 16px;
    }

   .back_homebtn {
        top: 18px !important;
    }
    .shopname h4 span {
        font-size: 18px;
    }
    .dots_icon {
        right: auto;
        top: 18px;
        text-align: left;
    }
    .brands_logos ul li img {
        width: 76px;
        height: 94px;
    }

    .brands_logos ul li {
        width: 30%;
        margin-bottom: 7px;
    }

    .brand_bg {
        padding: 0;
    }

    .shop_info ul {
        width: 100%;
    }

    .shop_info ul li {
        font-size: 19px;
    }

    .shop_info {
        padding: 9px 13px;
    }

    .shop_info ul li b {
        font-size: 23px;
    }

    .total_box {
        top: 94px;
        width: 91%;
    }

    .delivery_box p {
        font-size: 20px;
    }

    .delivery_box a {
        width: 100%;
    }

    .popup_orderbox {
        top: 105px;
        width: 89%;
    }

    .inner_box h4 {
        font-size: 14px;
        padding: 9px 15px;
    }

    .inner_box a {
        font-size: 20px;
    }

    .inner_box .cocacola_img {
        width: 81px;
    }

    .qty_box {
        padding: 29px 0 29px 82px;
        width: 100%;
    }

    #special_offer h4 {
        width: 283px;
        padding: 20px 50px 20px;
        font-size: 20px;
        margin: -20px 0 0;
    }

    .special_offer_box ul li {
        width: 41%;
        margin: 12px 4px 11px;
    }

    .tag_box h6 {
        padding: 7px 11px;
        font-size: 12px;
        left: 11px;
        top: 10px;
    }

    .items_box {
        padding: 15px 7px;
    }

    .items_box a {
        padding: 6px 13px 10px;
        border-radius: 10px;
        font-size: 19px;
        margin: 10px 0 0;
    }

    .all_products_box {
        padding: 32px 0 36px;
    }

    .carousel-control.right,
    .carousel-control.left {
        width: 7%;
    }

    .all_products_box h4 {
        font-size: 20px;
        margin: 0 0 10px;
        line-height: 1.3;
        font-weight: bold;
    }

    .all_products_box img {
        width: 100%;
        height: 59px;
    }

    .all_products_box ul li {
        width: 30%;
        margin: 0 3px 19px;
    }

    .line_through {
        padding: 3px 0 0;
    }

    .brand__name span {
        font-size: 21px;
    }

    .brand__name .price__box {
        margin: 3px 0 0;
        font-size: 16px;
    }

    .profilebox .avatar-upload {
        margin: 30px auto 20px;
    }

    .profilebox .form_box {
        margin: 0 0 14px;
    }

    .profilebox .login_btn button {
        padding: 10px 77px 8px;
        margin: 5px auto 0;
    }

    .info_order h4 {
        font-size: 13px;
    }

    .order_details .table th {
        width: 120px;
    }

    .order_details .table td,
    .order_details .table th {
        padding: 5px 6px;
        font-size: 12px;
    }

    .Address_icon i {
        top: 15px;
    }

    #wallet_page .table th {
        width: 187px;
        font-size: 12px;
        position: relative;
    }

    .Otp_code {
        padding: 84px 10px 0;
    }

    .Otp_code p {
        font-size: 11px;
    }

    .Otp_code h6 {
        font-size: 13px;
    }

    .inner_assigned p {
        font-size: 12px;
    }

    .numberbox a {
        font-size: 21px;
        margin-top: -7px;
        display: inline-block;
    }

    .inner_assigned .orderno {
        font-size: 19px;
        padding: 4px 0 4px;
    }

    .shopname h4 {
        font-size: 16px;
    }

    .cart_box {
        right: 22px;
        top: 19px;
    }

    #cart__items .qty_box .inner_box .cocacola_img {
        width: 32px;
    }

    #cart__items .qty_box {
        padding: 4px 0 0px 47px;
        margin: 0 auto 13px;
    }

    #cart__items .qty_box .inner_box h4 {
        padding: 12px;
        margin: 0;
        font-size: 14px;
        border-radius: 12px;
    }

    #cart__items .qty_box .inner_box a {
        padding: 7px 18px 5px;
        border-radius: 13px;
        font-size: 13px;
        top: 69px;
    }

    #cart__items .qty_box .qty__number input {
        height: 28px;
        width: 37px;
        margin: 0 4px;
        padding: 0 0 0 11px;
        font-size: 13px;
    }

    #cart__items .qty_box .inner_box .cocacola_img {
        width: 45px;
        padding: 13px 0 0;
    }

    #cart__items .qty_box .qty__number {
        margin: 0px 0 5px;
    }

    #cart__items .qty_box .inner_box b {
        padding: 12px 0 0;
    }

    .profilehead {
        padding: 16px 0 14px;
    }

    .profilebox .main_head img {
        width: 71px;
    }

    #profile_cart {
        right: 29px;
        top: 26px;
    }

    #wallet_head {
        padding: 17px 0 16px;
    }

    .checkout_info {
        float: left;
        width: 50%;
    }

    .procced_checkout {
        padding: 11px 14px 11px 14px;
    }

    .checkout_info h4,
    .checkout_info h6 {
        font-size: 13px;
    }

    .set_estimated {
        width: 100%;
    }

    .gendar input[type="radio"]+label {
        font-size: 13px;
    }

    .home_brands ul {
        padding-top: 30px;
    }

    .brands_logos li h4 {
        font-size: 13px;
    }

    .notfound_box h3 {
        font-size: 23px;
    }

    .notfound_box {
        padding: 165px 15px 10px;
    }

    .notfound_box p {
        margin: 11px 0 30px;
        line-height: 1.8;
    }

    .notfound_box p span {
        display: block;
    }
    .order_new_address {
        width: 100%;
        padding: 0;
    }
    .order_new_address textarea.form-control {
        margin: 0 0 9px;
    }
    .order_new_address button {
        width: 100%;
        font-size: 18px;
        margin: 7px 0;
    }
    .order_new_address .track_order {
        padding: 107px 9px 0;
    }
    #order_info #wallet_page .table th {
        width: auto;
    }
    #order_info .head_table .table_info th {
        font-size: 13px;
    }
    #order_info .head_table, #order_info .head_table th, #order_info th, #order_info td {
        padding-left:  10px;
        padding-right:  10px;
    }
    #order_info #wallet_page .info_order h4 {
        padding: 0 8px;
    }  
    #order_info .head_table  th {
        width: auto;
    } 
    #total_orders th, #total_orders td {
        font-size: 15px;
    }
    #add_location_box #location-button {
        right: 15px;
    }
    #register_shop .profilebox {
        padding: 0 20px;
    }   

}