@media (min-width: 880px) {
	#contact-info-form-wrapper, #contact-wrapper, #login-form-wrapper {
	    width: 40%;
	    margin-top: 2%;
	    margin: auto !important;
	    background-color: #fff;
	}
	.form-wrapper{margin: auto;}

	.multi-step .steps:after{
		left: -110px !important;
	}
}

@media screen and (min-device-width: 320px) and (orientation: portrait){/** SMALL PHONE PORTRAIT */
	h1 { font-size: 1.2em; margin: 6px 0; }
	.description { font-size: 1.1em; }
	.prd-wrapper {
	    display: flex;
	    border: none;
	    border-bottom: 1px solid #e4e4e4;
	    margin-bottom: 18px;
	    padding: 12px 0px;
	    width: 100%;
	    box-shadow: none;
	}

}

@media only screen and (max-width: 600px){
	.omf-tile {width: 100% !important;}
	.service-form .form-wrapper {margin: 0px 10px !important;}
	
	.multi-step .steps:after{
		left: -40px !important;
	}

}

@media only screen and (min-width: 600px) and (max-width: 992px) {
	.omf-tile {width: 48% !important;}
	#product-list .omf-tile {width: 48% !important;}
	.omf-list {
		padding-top: 20px !important; 
	    justify-content: flex-start !important;
	    gap: 23px;
	}
	 .service-dtls-blk .omf-action-btn {
        float: right;
        width: 14%;
    }
    .service-dtls-blk{
    	width: 100% !important;
    	padding: 20px 40px !important;
    }

	#orders.no-orders { justify-content: center !important; }

	
	
}


@media only screen and (min-width: 992px){
	.omf-tile {width: 30% !important;}
    .service-dtls-blk .omf-action-btn {
        float: right;
        width: 14%;
    }
    .service-dtls-blk{
    	width: 100% !important;
    	padding: 20px 40px !important;
    }

	#product-list .omf-tile {width: 32% !important;}
	.omf-list {
		padding-top: 20px !important; 
	    justify-content: flex-start !important;
	    gap: 23px;
	}


	#contact-list .omf-tile {margin-bottom: 0px !important;}

	#orders.no-orders { justify-content: center !important; }
}

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

	#manage-listing .omf-tile{width: 440px !important;}
}


@media screen and (max-device-width: 1024px) and (orientation: landscape){/** TABLET LANDSCAPE */
    #contact-list .omf-tile {width: 40%;}
}

@media screen and (min-device-width: 320px) and (orientation: portrait){/** SMALL PHONE PORTRAIT */
    h1 { font-size: 1.2em; margin: 2px 0; }
    .description { font-size: 1.1em; }
    .omf-tile {
        display: flex;
        border: none;
        border-bottom: 1px solid #e4e4e4;
        width: 100%;
    }



  
}


@media screen and (min-device-width: 410px) and (orientation: portrait){/** LARGE PHONE PORTRAIT */
    .omf-tile { width: 100%; }
    #category-wrapper .omf-tile {width: auto;}
    .prd-wrapper { width: 100%; }

}

@media screen and (min-device-width: 600px) and (orientation: portrait){/** TABLET PORTRAIT */
    .omf-tile { width: 45% !important; }
    .omf-tablet .omf-tile { width: 8% !important; }
    .service-dtls-blk .omf-action-btn {
        float: right;
        width: 14%;
    }
    .service-dtls-blk{
    	width: 100% !important;
    	padding: 20px 40px !important;
   	}

	.prd-wrapper { width: 49%; }

	
}



@media only screen and (min-width: 600px) and (max-width: 690px) {
	.multi-step .steps:after{
		left: -70px !important;
	}
}

@media only screen and (min-width: 690px) and (max-width: 880px) {
	.multi-step .steps:after{
		left: -80px !important;
	}
}

@media only screen and (min-width: 210px) and (max-width: 319px) {
	.multi-step .steps:after{
		left: -30px !important;
	}
}