

/*------------- DESKTOP SMALL -------------*/
@media screen and (max-width: 1500px) 
{	

}


@media screen and (max-width: 1279px) 
{	
	.page-title h1 {
		font-size: 3em;
		line-height: 1.1em;
		}
	
	#Content.main .mycontainer {
		margin-right:1%;
	}
}

@media screen and (max-width: 1100px) {

    .block {display: block}
}

@media screen and (max-width: 1024px) 
{
    .steps {
        position: relative !important; /* stop the sticky plugin on small screens*/
    }

    .modal h1 { padding-top: 30px; line-height: 42px; }

	#Content.main { margin-left:auto; }

	/*#Content.main #Title { 
		width:96% !important;
		margin: 2% !important;
	}	

    #Content.main form > section {
        width:96% !important;
        margin: 20px 2% !important;
    }*/

    #Content.main .mycontainer {
        width:96% !important;
        margin: 0px 2% 0px 2% !important;
        padding:50px 5px 0px 5px !important;
    }
     #Content.main footer {
        width:96% !important;
        margin: 40px 2% 0px 2% !important;
    }

}

@media screen and (max-width: 796px) {

    /*#Header {
        background-size:cover;
    }*/

}

/*------------- MOBILE - Tablet Portrait -------------*/
@media screen and (max-width: 767px) 
{
    .top-right {
	    position: relative;
	    left: -20px;
	    top: 10px;
	    }

    .mobile-center {text-align: center}
    .mobile-left {text-align: left}

    .hide-on-mobile {display: none}

    div.ui-dialog { width:90% !important; }

    /*MOBILE FORMS*/
    form small.note {
        margin-left: 0px;
    }
    form .form-control {
        display: inline;
        width: 100%;
        min-width: initial;
        max-width: initial;
    }
}

/*------------- TABLET SM / PHONE XL -------------*/
@media screen and (max-width: 569px) 
{
	.notification p {
		font-size:0.8em;
	}
}

/*------------- MOBILE - Phone -------------*/
@media screen and (max-width: 460px) 
{
	.one-col li,
	.two-col li {
		width: 96%;
		padding: 4% 2% !important;
		}  
    .modal h1 { font-size:30px; }
    .page-actions div { width:100%; }
}

