@media only screen and (min-width: 1024px) 
{
	/************* modal sizes **************/

	.modal-lg-12 > .modal-dialog {
	    width:100% !important;
	}

	.modal-lg-11 > .modal-dialog {
	    width:91.66666667% !important;
	}

	.modal-lg-10 > .modal-dialog {
	    width:83.33333333% !important;
	}

	.modal-lg-9 > .modal-dialog {
	    width:75% !important;
	}

	.modal-lg-8 > .modal-dialog {
	    width:66.66666667% !important;
	}

	.modal-lg-7 > .modal-dialog {
	    width:58.33333333% !important;
	}

	.modal-lg-6 > .modal-dialog {
	    width:50% !important;
	}

	.modal-lg-5 > .modal-dialog {
	    width:41.66666667% !important;
	}

	.modal-lg-4 > .modal-dialog {
	    width:33.33333333% !important;
	}

	.modal-lg-3 > .modal-dialog {
	    width:25% !important;
	}

	.modal-lg-2 > .modal-dialog {
	    width:16.66666667% !important;
	}

	.modal-lg-1 > .modal-dialog {
	    width:8.33333333% !important;
	}
}

@media only screen and (max-width: 1024px) 
{
	.mt-timeline-2>.mt-container>.mt-item:nth-child(odd)>.mt-timeline-icon>i.fa {
   	 	transform: translateY(200%) translateX(-65%) !important;
    	left: -50% !important;
	}
}

@media only screen and (max-width: 320px) 
{
	.user-login-5 .login-logo.login-6 
	{
		width: 90% !important;
	}

	.nav-justified>li
	{
    	width:100%;
	}
}