.nutrition-headers {
    padding: 42px 0px 30px;
}

td.highlightedYellow {
    background: #FF6E0C;
    color: #000;
    font-weight: 600;
}

td.xClass {
    color: #FF6E0C;
    font-size: 26px !important;
    font-weight: 300;
}

td.starClass {
    font-size: 23px !important;
    font-weight: 800;
}

.nutrition-inner-headers {
    padding: 30px 0px 30px;
}
.table th {
   
    font-size: .9em!important;
	padding: 10px!important;
}
.table td {
   
    font-size: .9em;
	padding: 10px 10px!important;
}
.user-actions {
    justify-content: flex-end;
}

.btn:focus {
    outline: 0;
    box-shadow: none;
}

.btn-light.active:focus {
    box-shadow: none;
}

.margin-top {
    margin-top: 10.3rem;
}

.menu-chart:hover {
    color: #FF6E0C;
}

.nav-tabs {
    border-bottom: none;
}

.btn-yellow.active,
.btn-light.active {
    background: #FF6E0C;
}

.btn-light,
.btn-yellow {
    background: #EDECE8;
    border: none;
    border-radius: 5px;
}

.btn-border {
    border: 1px solid #37302C;
    border-radius: 5px;
}

.get-in-touch {
    float: right;
}

.nutrition-key {
    background: #EDECE8;
    padding: 36px 0px;
}

.back-btn img {
    position: relative;
    top: -3px;
}

.nutrition-key-inner {
    max-width: 20%;
}

.nutrition-key h2 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: bold;
    font-family: 'DunkinSans', sans-serif;
}

.user-actions .social-icon {
    height: 40px;
}

.nutrition-key p {
    color: #3E342F;
    font-size: 17px;
    margin-bottom: 3px;
}

.menu-chart {
    color: #946037;
    line-height: 47px;
    font-size: 18px;
    font-weight: 500;
}

a.menu-chart:hover {
    color: #3E342F;
    text-decoration: none;
    font-weight: bold;
}

    a.menu-chart:hover i {
        opacity: 100%;
    }

.right-arrow {
    color: black;
    font-size: 20px;
    padding-right: 4px;
    opacity: 34%;
}


/* inner-page-style */

.back-btn {
    font-size: 28px;
    color: #3E342F;
    font-weight: 600;
}

.menu-detail-particular-item p {
    color: #595959;
    margin-bottom: 15px;
}

.table-responsive {
    border: 1px solid #707070;
    margin-bottom: 30px;
}

table.table {
    margin-bottom: 0;
}

.thead {
    background: #FF6E0C;
}

    .thead tr th {
        border-bottom: none;
    }

tbody.tbody tr td:not(:first-child) {
    text-align: center;
}

tbody.tbody tr td:nth-child(even) {
    background-color: #EDECE8;
}

table tr th {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'DunkinSans';
}

table tr:not(:last-child) {
    border-color: #707070;
}

table tr td {
    font-size: 13px;
    font-family: 'DunkinSans', sans-serif;
    color: #595959;
}


.highlighted {
    background: #8d8d8c !important;
    border-color: #3E342F;
    text-transform: uppercase;
    font-weight: 600 !important;
    color: #fff;
}


    .highlighted td {
        color: white;
        font-weight: 500;
    }


/* nutrition-allergen-table 3 page */


/* width column of table */

.menu-detail-particular-item table tr th:not(:first-child),
.menu-detail-particular-item table tr td:not(:first-child) {
    width: auto;
}

.menu-detail-particular-item tr td:first-child {
    white-space: nowrap;
}

.nutrition-key-text p:last-child {
    margin-bottom: 12px;
}

.nutrition-key-text p {
    color: #595959;
}


/* media query for nutrition page start here */

@media (max-width:1600px) {
	.menu-chart {

    line-height: 40px;
    font-size: 16px;
   
}
	
	.nutrition-key {
    
    padding: 25px 0px;
}
	.nutrition-headers {
    padding: 30px 0px 25px;
}
	.back-btn {
    font-size: 22px;
  
}
	
}



@media (max-width:320px) {
    .mx-3 {
        margin-right: 0.4rem !important;
        margin-left: 0.4rem !important;
    }
    .btn-light,
    .btn-yellow {
        padding: 12px 15px;
    }
}

@media (max-width:767px) {
   
    /* .menu {
        justify-content: space-between;
        align-items: center;
        display: flex;
    }*/
    /* .main-menu {
        padding-top: 0;
    }*/
    a.menu-chart.active,
    a.menu-chart.active i {
        font-weight: bold;
    }

    .margin-top {
        margin-top: 9rem;
    }

    .header-inner {
        /* box-shadow: none!important; */
        border-bottom: 1px solid #DDDDDD;
    }

    .nutrition-headers {
        padding: 15px 0px 15px;
    }

    .nutrition-key {
        padding: 20px 0px;
    }

   /* .btn-yellow.active,
    .btn-light.active {
        padding: 12px 15px;
    }*/

    /*.btn-light,
    .btn-yellow {
        padding: 12px 15px;
    }*/

    .nutrition-key h2 {
        text-align: left;
        font-size: 13px;
    }

    .nutrition-key-inner {
        max-width: 50%;
    }

    .nutrition-key p {
        font-size: 12px;
    }

    .right-arrow {
        font-size: 19px;
        position: relative;
        top: 1px;
    }

    .nutrition-key-inner:nth-of-type(4n) {
        padding-bottom: 20px;
    }

    .nutrition-key {
        background: #EDECE8;
        margin: 0px 10px;
        border-radius: 10px;
		padding-bottom: 50px;
    }

    .menu-chart {
        line-height: 37px;
        font-size: 14px;
    }

    .get-in-touch-mobile {
        width: 100%;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 99;
    }

        .get-in-touch-mobile button {
            width: 100%;
            border: none;
            background: white;
            box-shadow: 0px 3px 6px;
            border-radius: 0;
            font-weight: bold;
            border-color: #999999;
            font-family: 'DunkinSans', sans-serif;
            color: black;
        }
    /*.bg-dark {
        background: #999999 !important;
    }*/
    /*  .notification-circle {
        background-color: #ffffff;
        color: #3E342F;
    }
        .custom-bage-color {
        background: #ffffff;
    }*/
    /* second-page */
    .nutrition-inner-headers {
        padding: 20px 12px 10px 10px;
    }

    .back-btn {
        font-size: 20px;
        color: #3E342F;
    }

        .back-btn img {
            width: 40px;
            position: relative;
            top: -2px;
        }

    .menu-detail-particular-item p {
        font-size: 12px;
        line-height: 19px;
        margin-bottom: 20px;
    }
    /*.table-responsive {
        border: none;
    }*/
    /* table tr td:not(:first-child) {
        border: 1px solid #707070;
    }*/
    /* table tr {
        border: 1px solid #707070;
    }
    .thead {
        background: #ffffff;
    }
    tbody.tbody tr td:nth-child(even) {
        background-color: #F1F1F1;
    }*/
    table tr th div {
        width: 55px;
    }
    /*.highlighted {
        background: #DDDDDD;
        border-color: #707070;
        text-transform: uppercase;  
        font-weight: 600;
    }
    .highlighted td {
        color: #666666;
    }*/
    /* 3rd page */
    .nutrition-key-text p {
        font-size: 12px;
        color: #707070;
    }
    /* .custom-border {
        border-left: 1px solid #707070;
        border-right: 1px solid #707070;
    }*/
    .site-footer {
        padding: 30px 10px 70px;
    }
    /*.last-child-border {
        border-right: 1px solid #707070;
    }*/
    .replace-logo-for-component {
        display: none;
    }

    .mobile-nutrition-logo {
        display: block;
    }

    .hide-for-some-component {
        visibility: hidden;
    }
    /*  .menu {
        height: 66px;
    }*/
    /* .mobile-view {
        padding-top: 0;
    }*/
    #myBtn {
        bottom: 56px;
    }
}

@media only screen and (min-width: 1025px) and (max-width:1400px) {
    .nutrition-key p {
        font-size: 13px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .nutrition-headers {
        padding: 25px 0px 25px;
    }

    .nutrition-key,
    .nutrition-inner-headers {
        padding: 25px 0px;
    }

    .menu-chart {
        font-size: 16px;
    }

    .nutrition-key p {
        font-size: 14px;
        line-height: 2;
    }

    .nutrition-key-inner {
        max-width: 33.333%;
    }

    table tr th div {
        width: 65px;
    }
}

@media only screen and (min-width: 520px) and (max-width:520px) {

.mx-3 {
	margin: 0;
}

.Nutration-Allergen-tab {
	width: 100%;
    margin-bottom: 10px;
}
.nav-tabs li {

    width: 100%;
    margin-right: 0;
}
}