@media(max-width: 1380px){
	.main-login-outer{
		transform:none;
	}
}

@media (max-width: 991px){

	.right-header-area ul > li.menu-trigger{

		display: inline-block;

	}

	.main-login-container{
		display: block;
		padding:145px 40px 0 40px;
		overflow-y: auto;
		overflow-x: hidden;
		background-position: center right -100px;
	}

	.main-header-outer{

		padding: 20px 0;

	}

	.main-login-bottom a{
		display: block;
		width: 100%;
		text-align: center;
	}

	.main-navigation{

		position: fixed;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		z-index: 9999;

		margin: 0;

		background: rgba(0, 0, 0, 0.6);

		opacity: 0;

		visibility: hidden;

		transition: all 0.3s ease-out;

	}



	.main-navigation.mobile-on{

		opacity: 1;

		visibility: visible;

	}



	.main-navigation.mobile-on ul{

		transform: translateX(0px);

	}



	.main-navigation ul{

		width: 100%;

		height: 100%;

		max-width: 350px;

		display: block;

		float: right;

		background: #0f1f65;

		padding: 40px;

		transition: all 0.3s ease-out;

		transform: translateX(350px);

	}

	.main-navigation ul li{

		flex: auto;

		width: 100%;

	}

	.main-navigation ul li a{

		border-radius: 0;

		text-align: left;

	}

	.main-navigation ul li a::before{

		border-radius: 0;

	}

	.main-navigation ul li a .label-title{

		top: 50%;

		transform: translateY(-50%);

		right: 10px;

	}



	.website-main-menu{

		display: none;

	}



	.m-product-box .inner-product-select select{

		height: 40px;

	}



	.m-product-box .inner-product-select{

		margin-bottom: 10px;

	}



	.single-product-content{

		margin-top: 10px;

	}



	.confirmation-info td:first-child{

		text-align: left;

		width: 25%;

	}



	.product-outer{

		width: 50%;

	}



	.inner-product-box{

		padding-bottom: 100px;

	}



}



@media (max-width: 768px){

	.inner-product-box h3{

		min-height: 0;

		margin-bottom: 10px;

	}


	.main-login-outer-heading h1{
		font-size: 10vw;
	}

	.main-login-outer-heading h1 br{
		display: none;
	}

	.main-login-content{
		display: block;
	}

	.main-login-upper{

		width: 100%;
	}

	.main-login-bottom{
		width: 100%;
		margin:20px 0 0 0;
	}


	.inner-product-box{

		min-height: 0;

	}



	.inner-product-box-buttons{

		position: unset;

	}

	.search-barcodes form{

		flex-direction: column;

		align-items: flex-start;

	}

	.search-barcodes input{

		flex: auto;

		width: 100%;

	}

	.search-barcodes span{

		padding: 0 0 20px 0;

	}



	.order-history-buttons a{

		display: block;

		width: 100%;

		margin-top: 10px;

	}

	.order-history-buttons{

		text-align: center;

	}



	.product-outer{

		width: 100%;

	}

	.main-register-inner{
		transform: none;
	}
	.main-register-content{
		padding-top: 145px;
		display: block;
	}

	.main-register-content{
		background-position: center right -100px;
	}

}



@media (max-width: 550px){

	.single-quantity-container{

		flex-direction: column;

	}

	.single-quantity-container .inner-product-select{

		width: 100%;

		margin-bottom: 10px;

	}

	.single-product-button{

		width: 100%;

	}

	.single-quantity-container button{

		width: 100%;

	}



	.single-product-content{

		padding: 30px;

	}

	.final-price{

		text-align: center;

	}

	.right-bottom-buttons{

		width: 100%;



	}

	.bottom-cart-buttons{

		flex-direction: column;

		width: 100%;

		text-align: center;

	}

	.right-bottom-buttons a{

		width: 100%;

		margin: 10px 0 0 0;



	}

	.bottom-cart-buttons .goback-link{

		width: 100%;

	}

	.right-bottom-buttons button.confirm{

		margin: 10px 0 0 0;

		width: 100%;

	}



	.barcode-step-container button[data-toggle="modal"]{

		width: 100%;

		margin-bottom: 10px;

	}

	.modal-template-buttons button{

		width: 100%;

		margin-bottom: 10px;

	}

}



@media (max-width: 500px){

	.website-logo img{

		width: 150px;

	}

	.main-register-content{
		padding-top: 120px;
	}

	.right-header-area ul{

		padding-top: 9px;

	}

	.right-header-area ul > li{

		padding-left: 15px;

	}

}