@media(max-width:1317px){
    .code_q {
        width: 80px;
        bottom: 26%
    }
    .qr_sec_t section{width: 50px}
    .qr_sec_t section img {
    height: 50px !important;
    width: 50px !important;
    }
}
@media(max-width:1170px){
    .btn-qr-snap img {
        margin-right: 20px;
        width: 20%;
    }
    .btn-qr-snap span {
        font-family: 'aller', sans-serif;
        font-size: 15px;
    }
     .ninj_pro{}
    .ninj_pro a{font-size: 13px;}
     .ninj_pro span{font-size: 13px}
}

@media(max-width:992px){
	.thank-you-div{position: relative; top:20px;}
	.thank-you{font-size:26px; margin: 0 0 10px;}
	.thank-you-right{font-size: 50px;margin-top:0;}
	.desktop-container .white-outer .padd2 {padding-left: 15px;padding-right: 15px;}
	.bb-txt2{font-size:16px;padding-right: 0;padding-top: 5px; padding-bottom: 5px}
	.fancy-collapse-panel .panel-heading a{font-size: 16px;}
	.fancy-collapse-inner .panel-heading a:after{font-size: 16px}
	.fancy-collapse-panel .panel-heading a:after{right: 10px}
	.fancy-collapse-inner .panel-title img{margin-right: 10px}
	 .combo-inc-parent{
		top: -10px;
		padding: 0
	}
    .code_q{bottom: 21%}
     .ninj_pro a{font-size: 10px}
    .ninj_pro span{font-size: 10px}
}

@media(max-width:885px){
    .code_q{bottom: 18%;    width: 73px;}
}
@media(max-width:710px){
	.popup_tax_wrapper{
		width: 100% !important;
		margin: 0 15px
	}
}


@media(max-width:780px){
	/* .alert-msg{margin: 0 35px;} */

    .reservationmdlCls {padding-left: 0 !important}
}

@media(max-width:767px){
    .checkbox_sign_up p{font-size: 14px}
	.my_tab .my_tab_left{position: relative;left: inherit;top: inherit;}
	.my_tab {padding:0;}
	.login-screen .item-add2{width: 90%;}
	.login-screen .item-add1{width:55%;}

	.process_order h4{font-size:20px;}
	.process_order, .pay_process{padding:30px;}
	.pay_process .col-xs-12{padding:0px;}
	.combo-inc-parent{
		top: -10px;
	}
    .code_q {
    bottom: 24%;
    width: 100px;
}
    .qr_sec_t section img {
    height: 80px !important;
    width: 80px !important;
}
    .qr_sec_t section {
    width: 80px;
}

	.fancy-collapse-panel .bb-txt2{
		/*padding-right:39%;*/
	}
	.fancy-collapse-panel .panel .radio {
   /* position: absolute;
	right: -2px;
	top: 4px; */
	}
    .ninj_pro a{font-size: 11px}
    .ninj_pro span{font-size: 11px}
	.font_snall{display:block}
	
	 .reserve-head{padding: 20px 15px 15px; }
    .reserve-head h4{font-size: 28px;}
    .reserve-head p{font-size: 12px !important;}
    .bootstrapWizard li .step{width: 32px; height: 32px; font-size: 18px; padding-top: 2px;}
    .bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step{width: 32px; height: 32px;}
    .bootstrapWizard li:before{top: 18px;}
    .reservation-wrap-ija{padding: 15px;}
    #bootstrap-wizard-1{padding: 0}
    .reserve-items-box{padding: 20px 0}
    .bootstrapWizard li .title{font-size: 13px;}
    .reserve-content .form-group{margin-bottom: 15px;}
    .reserve-content .form-control{font-size: 16px;}
    .cmn-grey-box{padding: 30px 10px;}
    .btn-send-t{width: 90%; margin: 0 auto; font-size: 22px; padding: 10px 15px;}
    .reserve-content  p{font-size: 16px;}
    .reserve-content  p span{font-size: 20px;}
    .reserve-content  p br{display: none}
    .cnfm-id-section{border: 0}
    .confirmation-bx h4{font-size: 32px;}
    .confirmation-bx h3{font-size: 15px;}
    .confirmation-bx p br{display: none}
    .confirmation-bx p{font-size: 16px;}
    .cnfm-id-section h5{font-size: 21px;}
    .cnfm-id-section p{font-size: 16px;}
    .cnfm-id-section p br{display: none;}
    
    #ReservationMdl .PopupWidth{
        padding-right: 10px;
        padding-left: 10px;
    }
    
    #ReservationMdl .reservation-wrap-ija{
        padding: 20px 22px;
    }
   
    .reservationPopup li:first-child a .title{
        position: relative;
        left: -92px;
        top: 12px;
    }
    .reservationPopup li:first-child a{
        left: 51px;
    }
    .reservationPopup .bootstrapWizard li:first-child:before{
        left: 25%;
    }
    .reservationPopup .bootstrapWizard li:last-child:before{
        max-width: 76%;
    }
    .reservationPopup li:last-child a .title{
        right: 100px;
    }
    .reservationPopup .text-center{
        left: 0;
        padding: 0 10px;
        margin: 15px 0 0 0;
    }
    .reservationPopup .btn-send-t{
        width: 100%;
    }
    .reservationPopup .reserve-content.cmn-grey-box{
            width: 90%;
        margin:0px auto 0px auto;
        max-width: 100%;
        padding: 15px;
	}
	.ninja-theme-v2 .row-guest-checkout,
	.ninja-theme-v2  .row-facebook-login {
	 	padding: 1.65rem;
	}
	.ninja-theme-v2 .item-add2 {
		padding: 1rem;
		margin: 0 auto;
	}
	.ninja-theme-v2 .sign_btn {
		margin: 2.5rem 0 0 0;
	}
	.ninja-theme-v2 .guest-checkout-form {
		width: 80%;		
	}
	.ninja-theme-v2 .guest-checkout-form .set-password-block {
		padding: 2rem 0px 0px 0px;
	}
	.ninja-theme-v2 .guest-checkout-form .create-account-block {
		padding: 1rem 0px;
	}
	.ninja-theme-v2 .guest-checkout-form .set-password-block::after {
		display: none;
	}
	
	.rewardbx_up{ margin: 0 0 35px; padding-bottom:  15px;}
	.reward_offerlabel{ position: static; text-align: center; font-size: 14px; padding: 5px 15px; letter-spacing: 0; margin-bottom: -35px;}
	.reward_offerlabel img{ margin: 0 8px 0 0;}
	.category-footer .checkout-button button{	
		padding:0 20px;	
		height:42px;	
		line-height:42px;	
		font-size:18px;	
	}	
	.rel.cart-icon, .headsearch-icon, .backarrow{	
		width:45px;	
		height:45px;	
		line-height:45px;	
	}	
	.backarrow{	
		width:35px;	
	}
	.scrollmain .slick-slide .item_slide:after, .scrollmain:after{ 		
		height:8px;
	}
}

@media(max-width:740px){
    .tabbable-line > .nav-tabs{padding-left: 0}
    .tabbable-line > .nav-tabs > li{width: 50%}
    .tabbable-line > .nav-tabs > li > a{font-size: 14px}
	.tabbable-line > .nav-tabs > li{margin-right: 0}
	.category_slider.scrollmain button.slick-arrow.slick-next, 
	.category_slider.scrollmain button.slick-arrow.slick-prev{ display: none !important;}
}


@media(max-width:680px){
        .qr_sec_t section img {
        height: 50px !important;
        width: 50px !important;
    }
        .qr_sec_t section {
        width: 50px;
    }
    .code_q {
    bottom: 26%;
    width: 70px;
}
    .left_t_outlet h4{
        font-size: 14px
    }
    .left_t_outlet p{
        font-size: 13px
    }
    .right_t_outlet a{font-size: 14px}
    
    .reservationPopup li:first-child{
        text-align: center;
    }
    .reservationPopup .bootstrapWizard li:first-child:before{
        left: 55%;
    }
    .reservationPopup li:first-child a{
        left: 0px;
    }
    .reservationPopup li:first-child a .title{
        left: 0;
    }
    .reservationPopup .bootstrapWizard li:nth-child(2){
        width: 33.33333%;
    }
    .reservationPopup li:last-child{
        float: left;
        text-align: center;
        position: relative;
    }
    .reservationPopup .bootstrapWizard li:last-child:before{
        max-width: 58%;
    }
    .reservationPopup li:last-child a{
        right: 0;
        position: static;
    }
    .reservationPopup li:last-child a .title{
        right: 0;
    }
    
    
    .reserve-od-inner{padding: 10px 10px 15px}
    .reserve-order-title h4{font-size: 16px}
    .left-column-odr , .right-column-odr{width: 100%}
    .reserve-order-cnt table tr td{font-size: 14px}
    .ols-product-status ul li{font-size: 12px}
    .right-column-odr{text-align: left}
    .btn-wp{margin-bottom: 0; float: left; margin-right: 5px}
    .btn-accept , .btn-reject{padding: 8px 24px; width: auto; font-size: 14px}
    .reserve-order-cnt table tr td:nth-child(1) {width: 75px;}
    .reserve-order-cnt table tr td.spl-insn{font-size: 14px}
    .btn-suggest-ylw{font-size: 14px}
    .reserve-orders-item{padding: 10px 0 0}
    .reserve-order-title span.date-time{font-size: 14px; float: left}
    
    #ReservationMdl .modal-body button.close{top: 3px}
    #ReservationMdl .modal-body button.close img{width: 16px}
    .reserve-head h4{font-size: 22px; margin-bottom: 5px}
    #ReservationMdl .reservation-wrap-ija{padding: 0}
    .reservationPopup .btn-send-t {width: auto;padding: 8px 20px;font-size: 15px;}
    .reservationPopup #tab3 .cnfm-id-section p{padding: 10px 25px 0;}
    .back-aw-t img {width: 11px;}
}

@media(max-width:640px){
	.my_tab .my_tab_right .btn{width:49%;float: left;margin-bottom:10px;}
	.my_tab .my_tab_right .btn:nth-of-type(even){float:right;}
	.chk-btn h4{
		font-size: 15px
	}
	.chk-btn small{
		font-size: 15px
	}
	.chk-btn span{
		font-size: 15px;
		width: 25px;
		height: 25px;
		padding-top: 2px
	}
}

@media(max-width:485px){
    .code_q {
    bottom: 23%;
        width: 50px
    }
    .qr_sec_t section{    bottom: 33%;}
	.thank-you{font-size: 22px;}
	.thank-you-sub{font-size: 15px; line-height:normal;}
	.thank-you-right {font-size: 30px;}
	.top_tax .col-xs-6{
		width: 100%
	}
	.btm_tax .col-xs-6{
		width: 100%
	}
	.custom_invoice_div{text-align: left  !important}
	.popup_tax_wrapper .modal-footer{
		padding: 0 15px
	}

	.wrap-order-details{
		padding: 20px 15px;
	}
	.popup_tax_wrapper .modal-body{
		padding: 0 15px !important
	}

	.empty-cart-order h3{
		font-size: 18px
	}
	.empty-cart-order p{
		font-size: 14px
	}
	.empty-cart-order a.btn-cart-order{
		font-size: 13px
	}
	.combo-inc-parent{
		width: 100px;

	}
	.combo_dec{
		padding: 1px 5px !important
	}
	.combo_inc{
		padding: 1px 5px !important
	}
	.fancy-collapse-panel .combproduct_1{
		display: block !important
	}
    .ninj_pro{bottom: 3%}
    .ninj_pro a{font-size: 9px; top: 3px}
    .ninj_pro span{font-size: 9px}
    .btn-qr-snap span {
    font-size: 13px;
}
    .btn-qr-snap {
    background: #020202;
    padding: 11px 20px;
    }
    .qr_sec_t{margin:0 auto 40px; width: 100%}
    .custom_qr_t h4{margin-bottom: 15px; font-size: 20px !important}
    .custom_qr_t p{    margin-bottom: 30px;font-size: 16px;
    line-height: 22px;}
    .btn-qr-submit{font-size: 13px !important;padding: 7px 10px  !important;}
    .left_t_outlet{width: 100%}
    .right_t_outlet{width: 100%}
    .outlet_pos_rgt{padding-top: 2px;}
    .outlet_wrap{padding: 0 20px 10px;}
	.custom_alert{width:94%}
	#current_orders .map-loc, #past_orders .map-loc { margin-left: 10px !important; }
}

@media(max-width:480px){
/*////////////New Css////////////////*/
/* .productparent.mobile-fix{
	flex: 0 0 100%;
	max-width: 100%;
}
.productparent.mobile-fix .row {
    display: flex;
    flex-wrap: wrap;
} */
.mobile-fix .col-lg-3.col-md-3.col-sm-3.col-xs-3.thumb-img-div.nopad {
	width: 25%;
	height: 110px;
}
.col-lg-9.col-md-9.col-sm-9.col-xs-9.product-cont  {
    width: 75%;
}
img.product-main-image{
bottom: 0px;
    height: 100%;
    left: 0px;
    opacity: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
	z-index: -1;
}
.product-backg-img{
	z-index: 0;
    top: 0px;
    right: 0px;
    position: absolute;
    height: 100%;
    left: 0px;
    bottom: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.mobile-background{
	-o-background-size:cover; 
-moz-background-size:cover; 
-webkit-background-size:cover; 
background-size:cover; 
background-repeat:no-repeat;
}
/* .product-cont p.text-justify {
    max-height: 20px !important;
    overflow: hidden !important;
} */
.product-holder .head1{
	font-size: 14px;
    padding-right: 60px;
	text-shadow: none;
	margin-top: 10px;
}
.product-holder .price{
	font-size: 15px !important;
}
.product-holder p.text-justify{
	padding-right: 0px;
	font-size: 11px;
}
.inner-title.categorytitle{
	font-size: 22px;
}
.nostock, .addstock-button {
    float: right !important;
    margin: 10px 0 15px !important;
    font-size: 10px;
    padding: 4px 0px;
    max-width: 65px;
}
/* .mobile-heid{
	display: none;
} */
.desk-top{
	display: none;
}
.mobile-view{
	display: block;
}

.thumb-img-div.nopad{
	text-align: center;
}
.thumb-img-div.nopad img{
	max-width: 200px;
    margin: 0px auto 0;
}
.nostock, .addstock-button{
	position: initial;
	float: left;
}
.slick-list {
    margin: 0 10px !important;
}
.product-holder {
	padding: 0 15px 15px;
}
.our_special_head{
        display: none
    }
    .reservationPopup .back-aw-t{
        left: 3px;
        top: 5px;
    }
    #ReservationMdl .modal-body button.close{
        top:1px;
        right: 3px;
    }
    .reservationPopup .reserve-head p{
        line-height: normal;
        font-size: 15px;
        margin-bottom: 0;
    }
    .reservationPopup .reserve-head h4{
        font-size: 18px;
        margin-top: 0;
    }
    #ReservationMdl #tab2 .reserve-content p span{
        font-size: 15px;
    }
    .reservationPopup .PopupWidth .modal-body .reserve-content p{
        font-size: 13px;
		margin-bottom: 5px;
		line-height: 22px;
    }
    .reservationPopup li a .title{
        font-size: 12px;
    }

	.maintance-popup-inner-cnt {
		padding: 35px 15px;
	}

	.mtnce-pup-img {
		height: 85px;
	}

	.maintance-popup-contant h3 {
		margin: 15px 0 10px;
    	font-size: 24px;
	}

	.maintance-popup-contant p{
		font-size: 14px;
	}

	.maintance-popup-input input[type=password] {
		padding: 5px 118px 5px 10px;
		font-size: 13px;
	}

	.maintance-popup-input .button {
		font-size: 13px;
		padding: 13px 13px;
		min-width: 115px;
	}

	.mtnce-pup-img {
		height: 65px;
	}

	.maintance-popup-contant h3{
		font-size: 21px;
	}

	.input-group .spn-error, .maintance-main-box .spn-error {
		padding: 2px 25px;
		bottom: -27px;
		max-width: 220px;
		width: 100%;
	}

}

@media(max-width:380px){
    .tabbable-line > .nav-tabs > li > a{padding: 10px}
	.my_tab .my_tab_right .btn, .my_tab .my_tab_right .btn:nth-of-type(even){width: 100%; float:none;}
	.line{width:100%;}
    .qr_sec_t section {bottom: 25%;}
	#current_orders .map-loc, #past_orders .map-loc { margin-left: 8px !important; }
}


@media (min-width: 768px){
	.desktop-container{
		width: 768px !important;
	}
	.modal-dialog {
		width: 768px;
		margin: 0px auto;
	}

	.my_height_class {
	margin: 0 auto;
	width: 768px;	
}

}


/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
	.thank-you-span{
		display: block;
	}
	.modal-dialog {
		margin: 0px ;
	}
	.icon-img-small {
		width: 23px;
	}
	.main-bar-title {
		font-family: 'Allerta', sans-serif;
		font-size: 13px;
		font-family: 'Fira Sans Condensed', sans-serif;
		font-weight: 300;
	}
	.logo-main {
		width: 100%;
		margin-top: 6px;
	}
	.b-txt {
		font-family: 'Fira Sans Condensed', sans-serif;
		font-weight: 300;
		color: #fff;
		font-size: 9px;
	}
	.food-type-btn {
		background: #262626;
		color: #55b047 !important;
		text-transform: capitalize;
		font-weight: bold;
		padding: 3px 10px;
		font-size: 10px;
	}
	.heading {
		font-size: 15px;
		font-weight: 600;
		font-family: 'Fira Sans Condensed', sans-serif;
		font-weight: 400;
		margin-top: 10px;
	}
	.bb-txt {
		/* margin-top: 5px; */
		color: #fff;
		font-size: 14px;
		font-family: 'aller', sans-serif !important;

	}
	.payment-form {
		width: 75%;
		margin: 0px auto;
	}
	.card-month{
		width: 100%;
	}
	.card-year{
		width: 100%;
	}
	.card-ex{
		margin-left: 0px;
	}
	.sub-price-table .sub-num {
		font-family: 'aller', sans-serif;
		font-weight: 600;
		font-size: 15.99px;
		padding: 20px 62px 0px;
	}
	.sub-price-table .total-num {
		font-family: 'aller', sans-serif;
		font-size: 21.99px;
		font-weight: 800;
		padding: 0px 58px 0px;
		padding-bottom: 10px;
	}

	.sidenav {
		left: 0%;
	}
	.nav-width {
		width: 75% !important;
	}
	.sidenav a {
		font-size: 14px;
	}
	.logo {
		padding-top: 10px;
		margin-left: 30%;
		margin-top: -1px;
		margin-bottom: 3px;
	}

	.side-nav-header {
		background-color: #f5f5f7;
		margin-top: -60px;
		padding: 1px;
		text-align: right;
		color: #fff;
		margin-bottom: 19px;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 24px;
		left: 0px;
		font-size: 36px;
		margin-left: 0px;
	}
	.sidenav a {
		padding-left: 32px;
	}
	.item-add1 {
		width: 57%;
		margin: 0px auto;
	}
	.item-add2 {
		width: 80%;
		margin: 0px auto;
	}
	.item-add2 {
		width: 60%;
		margin: 0px auto;
	}


	.main-title {
		font-size: 17px !important;
	}
	.continue-but {
		font-size: 14px;
		padding-top: 12px;
	}
	.small-padding {
		padding: 5px 0px 5px 1px;
	}
	.padd2 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.thank-you-sub {
		font-size: 17px;
		text-align: center;
	}
	.thank-you-div {
		position: absolute;
		z-index: 999;
		top: 11px;
		left: 0px;
		right: 40px;
	}
	.thank-you-right {
		margin-top: -17px;
		font-size: 67px;
		color: #4caf50;
	}
	.thank-you {
		font-size: 25px;
	}
	.login-with-facebook {
		padding: 13px 15px;}
	.main-outer {
		margin-top: 20px;
		border: 0;
	}
	.pd-tr-12-20 {
		padding:0px;
	}
	.icon-img-small4{
		width: 17px;
		/*margin-top: 10px;*/
		margin-top:0px;
		margin-right: 3px;
	}
	.calender-area {
		min-height: 473px;
		padding: 0px;
		/* padding-bottom: 50px; */
	}
	.icon-img-small-1 {
		width: 23px;
		margin-right: 4px;
		padding-bottom: 4px;
		/*margin-top: 14px;*/
		margin-top: 5px;
	}
	.icon-img-small5 {
		width: 23px;
		margin-top: 7px;
	}
	#parentDisable{
		position:absolute;
		top:0;
		left:0;
		background:#000;
		opacity:0.5;
		z-index:998;
		height:100%;
		width:100%;
		display: none;
	}
	.tigger-menu{
		position:fixed;
		/*z-index:1500000;*/
		margin-right:10px;
		margin-bottom:10px;
		bottom:10px;
		right:15px;
	}
	.menu-trigger-img{
		width: 30px;
	}
	.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
		top: auto;
		position: absolute;
		bottom: 100%;
		margin-bottom: 6px;
		height: 400px;
		/* width: 31%; */
		margin-left: -221px;
	}
	.login-with-facebook {
		padding: 13px 15px;}
	.date-div .date {
		font-size: 14px;
		font-weight: 600;
	}
	.white-outer {
		width:100%;
		background-color: #fff;
		margin-top: -6px;
		border: 0;
	}
	.price-list table {
		margin-top: 0px;
	}
	.maxheight2 {
		min-height: 781px !important;
	}
	.maxheight3 {
		min-height: 581px !important;
	}
	.payment-meth {
		width: 59%;
		margin: 0px auto;
	}

	.padding-left-0{
		padding-left: 0px;
	}
	.padding-right-0{
		padding-right: 0px;
	}
	.padding-left-10{
		padding-left: 0px;
	}
	.padding-right-10{
		padding-right: 0px;
	}

	.locWidth {
		width: 89% !important;
		padding-top: 80px;
		margin: 0px auto;

	}
	.locWidth .modal-title {

		font-size: 16px;
	}
	.locWidth .btn-info {

		width: 56%;
		height: 36px;
	}

	.map-h{
		font-size: 1.5rem;
	}
	.map-sub{
		font-size: 10px;
	}

	.order-m-r{
		text-align:center;
	}
	.order-m-l{
		text-align: left;
	}

	.item-add5 {
		width: 100%;
		margin: 0px auto;
	}
	.text-1-b {
		font-size: 13px;
		font-weight: 600;
	}
	.tabs {
		margin-top: 0px;
		margin-left: -5px;
		width: 100%;
	}
	.number-icon {
		margin-left: -26px;
		padding-right: 17px;
		width: 30px;
	}
	.span-txt22 {

		font-size: 9px;

		margin-left: -15px;
	}

	.padd1{
		padding-left:10px;
		padding-right:10px;
	}

	.PopupWidth2 {
		width: 86% !important;
		margin: 0px auto;
		padding-top: 27px;
	}
	.modal-dialog {
		margin: auto;
	}
	.PopupWidth2 .modal-title {
		font-size: 14px;
	}
	.span-size {
		font-size: 12px;
	}
	.PopupWidth2 .modal-body p {
		font-size: 9px;
	}
	.span-txt1 {
		font-size: 10px;
	}

	.PopupWidth2 .modal-body .span-tot {
		font-size: 13px;
	}
	.PopupWidth2 .modal-body {
		padding: 0px 36px !important;
	}

	.PopupWidth2 .modal-body .span-size {
		font-size: 8px;
		margin-left: 16px;
		margin-top: -3px;
	}
	.span-size2 {
		font-size: 10px;
	}
	.order-date {
		font-size: 12.5px;
		margin-top: 4px;
	}
	.spantxt3 {
		font-size: 12px;
	}

	.item-add5 {
		width: 70%;
		margin: 0px auto;
	}
	.orders-tabs {
		list-style: none;
		margin-left: -24px;
		margin-top: -12px;
	}
	.orders-tabs > .active > div > a {
		padding-bottom: 8px;
		border-bottom: 4px solid #e82d3a;
	}
	.topp{
		margin-top: 8px;
	}

	.line{
		padding-bottom: 27px;
	}

}



@media only screen and (max-width : 768px) {
	.pro-des {
		width: 70%;
	}
	.nostock, .addstock-button{
		width: 30%;
	}
	.tigger-menu{
		right: 12px;
	}
	.div-backdrop{
		width:100%;
	}
	.nav-width {
		width: 75% !important;
	}
	.dropup .dropdown-menu{
		overflow-y: scroll;
	}
	.three .inner-title{
		margin: 20px auto;
	}
	.product-holder .col-lg-7{
		padding-right: 10px;
	}
	.thank-you-span{
		display: block;
	}
	.PopupWidth {
		width: auto !important;
		/*padding: 80px 30px;*/
		padding:50px 20px;
		margin: 0 auto;
	}

	.payment-form {
		width: 75%;
		margin: 0px auto;
	}
	.card-month{
		width: 100%;
	}
	.card-year{
		width: 100%;
	}
	.card-ex{
		margin-left: 0px;
	}
	.locWidth {
		width: 89% !important;
		padding-top: 80px;
		margin: 0px auto;

	}
	.myAccountTabs{
		width: 100%;
	}
	.Form-holder{
		/*width: 80%;*/
		width:100%;
	}
	.unitno{
		width: 46%;
	}
	.myAccountForm{
		width: 100%;
		margin: 30px 0px;

	}
	.category_slider .item_slide a span {
		font-size: 12px;
	}
	.nostock, .addstock-button{
		position: initial;
	}
}

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

.signup_popup .white-outer{ padding: 30px 15px;}
.signup_poptt h3{ font-size: 20px;}
.signup_poptt img {
    max-width: 170px;
}
.signup_poptt {
    margin: 0 0 24px;}
.signup_popform .form-group{ margin: 0 0 10px;}
.signup_popform .form-control{ font-size: 14px;}
.signuppop_btnsec .bg-black{ min-width: initial; width: 100%; padding: 8px 15px;}

}

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

	.sub-price-table .sub-num {

		padding: 20px 25px 0px;
	}
	.sub-price-table .total-num {

		padding: 2px 22px 0px;

	}
	.head1{
		font-size: 14px;
		margin-bottom: 5px;
	}
	.strike-txt{
		font-size: 10px;
	}
	.price{
		font-size: 14px !important;
	}
	.product-holder p{
		font-size: 12px;
		padding-top: 2px;
	}
	.tags .label.label-success{
		padding: 3px;
		display: inline-block;
		word-break: break-all;
		white-space: inherit;
		line-height: 1.5;
		margin-top: 3px;
	}
	.cart-text{
		font-size: 13.99px !important;
	}
	.b-txt{
		font-size: 11px !important;
	}
	.thank-you-span{
		display: block;
	}

	.PopupWidth .modal-body {
		/*padding: 0px 50px !important;*/
		padding: 0px 25px !important;
	}

	.SearchBAR {
		width: 100%;
		top: 46px;
		margin-left: 0px;
	}
	.pd-tr-12-20 {
		padding: 12px 10px 0px;
	}
	.locWidth {
		width: 89% !important;
		padding-top: 80px;
		margin: 0px auto;

	}
	.locWidth .modal-title {

		font-size: 16px;
	}
	.locWidth .btn-info {

		width: 56%;
		height: 36px;
	}

	.map-h{
		font-size: 1.5rem;
	}
	.map-sub{
		font-size: 10px;
	}/*
	.profileimage{
		width: 100%;
	}*/
	.profileimage {
	width: 100%;
	top: inherit;
	padding: 30px 0;
}
	.myAccountTabs .col-md-4 img{
		width: 40px;

	}
	.myAccountTabs h4{
		font-size: 14px;
	}
	.myAccountTabs{
	}
	.unitno {
		width: 44%;
	}



	.order-m-r{
		text-align:center;
	}
	.order-m-l{
		text-align: left;
	}

	.item-add5 {
		width: 100%;
		margin: 0px auto;
	}
	.text-1-b {
		font-size: 13px;
		font-weight: 600;
	}
	.tabs {
		margin-top: 0px;
		margin-left: -5px;
		width: 100%;
	}
	.number-icon {
		margin-left: -26px;
		padding-right: 17px;
		width: 30px;
	}
	.span-txt22 {

		font-size: 9px;

		margin-left: -15px;
	}

	.padd1{
		padding-left:4px;
		padding-right:4px;
	}

	.PopupWidth2 {
		width: 86% !important;
		margin: 0px auto;
		padding-top: 27px;
	}
	.modal-dialog {
		margin: auto;
	}
	.PopupWidth2 .modal-title {
		font-size: 14px;
	}
	.span-size {
		font-size: 12px;
	}
	.PopupWidth2 .modal-body p {
		font-size: 9px;
	}
	.span-txt1 {
		font-size: 15px;
	}
	.small-font{
	font-size: 14px
}

	.PopupWidth2 .modal-body .span-tot {
		font-size: 13px;
	}
	.PopupWidth2 .modal-body {
		padding: 0px 36px !important;
	}
	.popup_tax_wrapper .modal-body{
		padding: 0 15px !important
	}
	.PopupWidth2 .modal-body .span-size {
		font-size: 8px;
		margin-left: 16px;
		margin-top: -3px;
	}
	.span-size2 {
		font-size: 10px;
	}
	.order-date {
		font-size: 12.5px;
		margin-top: 4px;
	}
	.spantxt3 {
		font-size: 12px;
	}

	.myAccountTabs h4{
		font-size: 14px;
	}
	.myAccountTabs {
	}
	.unitno {
		width: 44%;
	}
	.profileimage img{
		width: 100px;
	}
	.myAccount h1{
		font-size: 22px;
	}
	.myAccount h5{
		font-size: 14px;
	}
	.myAccount{
		height: 290px;
	}
.rewards-content h4{ font-size: 29px;}
.rewards-content p{ font-size: 18px;}
.tabbable-line > .nav-tabs > li > a {
    font-size: 13px;
}	
	.order_list_rewards p.price_pt{font-size: 15px}	
	.order_list_rewards p.price_pt{font-size: 14px}
	
	.itemsread-sec01 .plus-minus-section a.btn.btn-group-sm{ padding: 4px 0; width: 28px; line-height: 10px; height: 28px;}
	.itemsread-sec01 .plus-minus-section a.btn.btn-group-mini { padding: 4px 0; width: 28px; line-height: 10px; height: 28px; }
	.itemsread-sec01 .plus-minus-section a.btn.btn-group-mini i.material-icons { font-size: 16px; }
	.itemsread-sec01 .plus-minus-section a.btn.btn-group-sm i.material-icons { font-size: 16px; }
	.itemtotal-txt{ font-size: 20px;line-height: normal;}
	span.totaltxt{ font-size: 12px;}
	.itemcart-btn-btm01 { font-size: 16px; }
}

@media only screen and (max-width : 455px){
	textarea.port_makan{padding-top: 30px;}
}


@media only screen and (max-width : 420px) {
.reward_row [class*="col-"]:first-child{ margin-bottom: 6px;}
.reward_row [class*="col-"]{ width: 100%;}

.reward_offerlabel{ font-size: 12px;}
}

@media only screen and (max-width : 320px) {
	.unit-price{
		width: 243px;
	}
	.head22{
		font-size: 14px;
		margin-top: 20px;
		margin-bottom: -10px;
	}
	.pd-tr-12-20 {
		padding: 12px 0px 0px;
	}
	.SearchBAR{
		top: 46PX;
	}
	.product-holder1 .head22{
		margin-top: 0
	}
	.product-holder1 .cart_delet .head22{
		margin-top: 20px
	}
}
/* Portrait */
@media only screen
and (min-device-width: 412px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
	.thank-you-div {
		position: absolute;
		z-index: 999;
		top: 61px;
		left: 0px;
		right: 40px;
	}
	.payment-form {
		width: 75%;
		margin: 0px auto;
	}
	.thank-you-span{
		display: block;
	}

	.card-month{
		width: 100%;
	}
	.card-year{
		width: 100%;
	}
	.card-ex{
		margin-left: 0px;
	}


}

@media screen and (max-height: 450px) {
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}




}
@media(max-width:320px){ 
.mobile-fix .col-lg-3.col-md-3.col-sm-3.col-xs-3.thumb-img-div.nopad {
	width: 25%;
	height: 130px;
}
}

@media only screen and (max-width: 680px) {
  #offilepopoup .modal-dialog {
    width: 100% !important;
  }
}