@media screen and (max-width: 1200px) {
	.footer-area .order-options .order-customer-location {
		float: left;
		margin-left: 48px;
		margin-top: 0;
	}

	.input-group-area-with-button .button-group-item button {
		padding: 10px 2px;
		font-size: 14px;
	}
}
/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

	.wrapper-left {
		border-right: none;
	}

	.main-wrapper {
		padding-bottom: 10px;
	}

	.footer-table {
		overflow-x: scroll;
	}

	.footer-table table {
		width: 1050px;
	}
	
	.footer-area .order-options select {
		width: 100%;
		min-width: 0;
	}

	.footer-area .order-options .order-customer {
		float: none;
		width: 100%;
	}

	.footer-area .order-options .order-customer-location {
		float: none;
		width: 100%;
		margin-left: 0px;
		margin-top: 25px;
	}

	.footer-area .order-delivery-date input {
		min-width: 0;
	}

	#customer-location-add-form {
		min-width: 444px;
		width: auto;
	}

	.input-group-area-with-button .button-group-item button {
		width: 100%;
	}
	
}


/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {

	.title-bar .container h4 {
		float: none;
		width: 90%;
		margin-left: 5%;
		font-size: 17px;
		text-align: center;
	}	
	
	.title-bar .container ul {
		float: none;
		width: 90%;
		margin-left: 5%;
		text-align: center;
		margin-top: 10px;
	}


	.wrapper-left {
		border-right: none;
	}

	.main-wrapper {
		padding-bottom: 10px;
	}

	.footer-table {
		overflow-x: scroll;
	}

	.footer-table table {
		width: 1050px;
	}

	.top-logo {
	    /* padding: 10px 10px 30px; */
	    display: flex;
	    align-items: center;
		text-align: center;
	    justify-content: space-between;
	}

	.top-logo .logo2 {
		max-width: 300px;
		height: 170px;
	}	
	

	.top-logo .logo3 {
		max-width: 60px;
	}

	.top-cnt p {
		font-size: 16px;
	}

	.top-cnt h4 {
		font-size: 22px;
	}

	.top-cnt {
	    padding: 0 20px 80px;
	}

	.lfttop-cnt2 {
	   /*  margin-top: -40px; */
	    padding-left: 30px;
	    padding-bottom: 30px;
	    padding-right: 15px;
	}

	.lfttop-cnt2 p {
		font-size: 16px;
		margin-top: 20px;
	}

	.lfttop-cnt2 h4 {
		font-size: 20px;
	}

	.wrapper-cntpart {
	    padding-top: 30px;
	    padding-right: 15px;
	}

	.wrapper-cntpart h4 {
		font-size: 20px;
		margin-left: 20px;
	}

	.wrapper-cntpart h4 br {
		display: none;
	}

	.wrapper-right {
		padding: 50px 0 30px;
	}

	.footer-area {
		padding: 60px 0;
	}

	.footer-area .order-options select {
		width: 100%;
		min-width: 0;
	}

	.footer-area .order-options .order-customer {
		float: none;
		width: 100%;
	}

	.footer-area .order-options .order-customer-location {
		float: none;
		width: 100%;
		margin-left: 0px;
		margin-top: 25px;
	}

	.footer-area .order-delivery-date input {
		min-width: 0;
		width: 100%;
	}

	#customer-location-add-form {
		min-width: 444px;
		width: auto;
	}

	.input-group-area-with-button .button-group-item button {
		width: 100%;
	}

	.order-footer {
		width: 100%;
		float: none;
	}

	.footer-btn {
		padding-top: 0; 
	}

	.left-top {
		margin-left: -15px;
		margin-right: -15px;
	}

	.form-image-selector .select-box-holder {
		display: grid;
		grid-gap: 5px 5px;
		grid-template-columns: auto auto !important;
	}

}


@media screen and (max-width: 444px) {
	#customer-location-add-form {
		width: 100%;
		min-width: auto;
	}

	.input-group-area-with-button .button-group-item button {
		padding: 12px 2px;
		font-size: 11px;
		width: 100%;
	}

	

	/* .select-box-holder {
		flex-flow: column wrap;
	}

	.form-image-selector .select-box {
		margin: 0;
		margin-bottom: 15px;
		min-width: 160px;
	} */

	.top-logo {
	    display: flex;
	    align-items: center;
		text-align: center;
	    justify-content: space-between;
		padding-left: 0px;
		padding-right: 0px;
	}

	.form-holder {
		padding-left: 0;
		padding-right: 0;
	}

	.lfttop-cnt2 {
		 padding-left: 0px;
		 padding-bottom: 30px;
		 padding-right: 0px;
	 }
	
}

@media screen and (max-width: 400px) {
	.footer-area .selectize-input, .footer-area .order-options select {
		width: 100%;
		min-width: 100% !important;
	}

	.sub-total-table {
		width: 100%;
	}
}

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

	.product-list .product .image {
		float: none;
		width: 70%;
		margin-left: 15%;
	}
		
	.product-list .product .content {
		float: left;
		width: 100%;
	}

	.product-list .product .content .options .price-group {
		float: none;
		width: 100%;
		text-align: center;
	}

	.product-list .product .content .options .quantity-group {
		float: none;
		width: 100%;
		margin-top: 25px;
	}


}

@media screen and (max-width: 326px) {
	.input-group-area-with-button .button-group-item {
		margin-top: 19px;
	}

	.input-group-area-with-button .button-group-item button {
		padding: 4px 0px;
		font-size: 11px;
		width: 100%;
	}
}