@media (min-width: 768px) {
    
    .modal {text-align: center; padding: 0!important;}
    .modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
    .modal .modal-dialog {display: inline-block;text-align: left;vertical-align: middle; }
    #formresponse.modal .modal-dialog {width:550px;}
    
    /* Header */
    nav.header {padding: 25px 5% 0 5%;}
    nav.header .logo {width:140px;}

    nav.header .menu ul.topnav ul li a {font-size:22px; text-transform: uppercase; white-space: nowrap; padding: 15px 20px;}
    
    
    /* Home Section */
    div.edp span.title {font-size: 41px; line-height:1;}
    div.edp span.subtitle {font-size: 27px; line-height: 36px;}
    
    /* About */
    section.about .step h3 {font-size:24px;margin: 0px 0 20px 0;}
	section.about .step > div > div {margin: 20px 15px;}
	section.about .step > div > div > span > span {font-size:20px;}
    
    /* Forms */
    .formbody form {padding: 0 25px;}
	
	/* Policy Pages */
	a#closepolicy {right: 50px; top: 30px;}
}

@media (min-width: 850px) {
	
	/* About */
    section.about .step h3 {font-size:26px;margin: 0px 0 15px 0;}
	section.about .step > div > div {margin: 20px 20px;}
	
}

@media (min-width: 992px) {
    
	/* Header */
	nav.header .logo {width:150px;}
	#menuicon {margin: 23px auto 0 auto;}
	
    /* Home Section */
    div.edp span.title {font-size: 52px;}
    div.edp span.subtitle {font-size: 31px;}
    
    /* About */
	section.about .wrap .row {margin-left: -8px; margin-right: -8px;}
	section.about .step {padding-left: 8px; padding-right: 8px;}
	section.about .step > div > div {margin: 20px 5px;}
	section.about .step h3 {font-size:20px;margin: 0px 0 25px 0;}
	section.about .step > div > div > span > span {font-size:17px;}
	section.about .step.four > div > div > span > span {font-size:15px;}
	section.about .step > div > div > span > i {font-size:40px; padding-bottom:35px;}
	section.about .step > div > div > span > i.icon-web {font-size: 55px; padding-bottom:25px; line-height: 1;}
    
    /* Forms */
    .formbody {padding: 0;}
    .formbody form {padding: 10px 15px 10px 15px;}
    .form-actions {margin: 35px auto 0px auto;}

    /* Careers */
    section.careers .container-fluid {padding-left: 15px; padding-right: 15px;}
    section.careers .formbody {padding: 0; width:90%; margin-left: 5%;}
    section.careers .formbody form {padding-top: 0;}
    section.careers .formtext p {display: inline;}
    #drop {width:80%; margin: 0px 10% 0px;}
    
    /* Contact */
    section.contact .form-actions {margin: 10px auto 0px auto;}
    
    /* Menu alt */
    nav.header .menu ul.topnav > li {display: inline-block;}
    nav.header .menu ul.topnav ul {position: absolute; }
    nav.header .menu li:nth-of-type(even) {-webkit-transform: translateY(50%); transform: translateY(50%);}
    nav.header .menu li:nth-of-type(odd) {-webkit-transform: translateY(50%); transform: translateY(50%);}
    html.showmenu nav.header .menu li {opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%);}
	
	/* Policy Pages */
	a#closepolicy {right: 72px; top: 48px;}

}
@media (min-width: 1050px) {
	
	/* About */
	section.about .step h3 {font-size:22px;}
	
}

@media (min-width: 1200px) {
    
    /* Home Section */
    section.hero .image {background-image: url(../images/index-lg.jpg);}
    
    /* About */
    section.about .aboutcontent {padding-left: 0px; padding-right: 0px;}
    section.about .contents {padding-left: 0px; padding-right: 0px;}
	section.about .step > div > div {margin: 20px 10px;}
	section.about .step > div > div > span > span {font-size:18px;}
	section.about .step.four > div > div > span > span {font-size:18px;}
	section.about .step > div > div > span > i {font-size:45px; padding-bottom:40px;}
	section.about .step > div > div > span > i.icon-web {font-size: 60px; padding-bottom:35px;}
    
    /* Careers */
    section.careers .image {background-image: url(../images/careers-lg.jpg);}
    section.careers .formbody {padding: 0; width:80%; margin-left: 10%;}
    section.careers .formtext p {display: block;}
    #drop {width:70%; margin: 0px 15% 0px;}
    
    /* Contact Page */
    section.contact .image {/*background-image: url('../images/contact.jpg');*/}
	
	

}

@media (max-width:992px) {
    
    /* Menu alt */
	nav.header .menu ul.topnav ul {position: relative; width: 100%; top:auto; left: auto; text-align: center; float:none;}
    nav.header .menu li:nth-of-type(even) {-webkit-transform: translateX(100%); transform: translateX(100%);}
    nav.header .menu li:nth-of-type(odd) {-webkit-transform: translateX(-100%); transform: translateX(-100%);}
    html.showmenu nav.header .menu li {opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%);}
    html.showmenu nav.header .menu li:nth-of-type(even) {-webkit-transition-delay: .3s; transition-delay: .3s; }
    html.showmenu nav.header .menu li:nth-of-type(odd) {-webkit-transition-delay: .4s; transition-delay: .4s;}
}

@media (max-width: 767px) {

    
    /* Careers */
    section.careers .container-fluid {padding-left: 0; padding-right: 0;}
    section.careers [class^="col-"], section.careers [class*=" col-"] {}
	
	/* Contact */
	section.contact > .innersection > .container > .row {margin-left: auto; margin-right: auto;}
	section.contact .bg {-webkit-border-radius: 4px; border-radius: 4px;}
}

@media (max-width: 575px) {
    
    footer {font-size:12px; line-height: 18px; bottom: 8px;}
    .menufooter {font-size: 12px; bottom: 20px; line-height: 18px;}
    h2.section-title {font-size:34px;}
    
    /* Home Section */
    div.edp span.title {font-size: 36px; line-height:44px;}
    div.edp span.subtitle {font-size: 21px;}
    div.edp span.subtitle br {display:block;}
    
    /* About */
    section.about .step h3 {font-size:20px;}
	section.about .step > div > div > span > i {font-size: 40px; padding-bottom:45px;}
    section.about .step > div > div > span > i.icon-web {font-size: 55px; line-height: 40px;}
    section.about .step > div > div > span > span {font-size:18px; padding-top:45px;}
    
    /* Careers */
    .careerimage {height: 250px;}
    section.careers .formtext p {display: block; padding:0;}
    section.careers .formtext p br {display:none;}
    #drop {width:90%; margin: 0px 5% 0px;}
    
    /* Contact */
    section.contact .formtext p {padding: 0 10px;}
    .contacttext2 > p {font-size:18px; line-height: 26px;}
    .contacttext2 > p br {display: none;}
    
    /* Forms */
    .formtext p br {display:none;}
	
	/* Policy Pages */
	a#closepolicy {right: 20px; top: 15px; width:30px; height: 20px;}
	#privacytable .well p {overflow-wrap: break-word;word-wrap: break-word;}
	#privacytable .well a {overflow-wrap: break-word;word-wrap: break-word;}
}

@media (max-width: 500px) {
	
	/* About */
    section.about .step h3 {font-size:18px; margin: 0px 0 20px 0;}
	section.about .step > div > div > span > i {font-size: 30px; padding-bottom:35px;}
    section.about .step > div > div > span > i.icon-web {font-size: 45px; line-height: 40px;}
    section.about .step > div > div > span > span {font-size:18px; padding-top:40px;}
	section.about .step.four > div > div > span > span {font-size:15px;}
	
    /* Contact */
    section.contact .contacttext > span:last-child > span:last-child {line-height:1.6;}
    section.contact .contacttext > span:last-child br {display: block;}
    section.contact .contacttext > span:last-child > i:nth-child(4) {display: none;}
	section.contact .contacttext > span:last-child > i:last-child {display: none;}
	section.contact .contacttext > span:last-child > i.lasticon {display:none;}
}

@media (max-width: 480px) {
    
	/* Menu */
	nav.header .menu li > a {font-size:26px; padding: 15px 20px;}
	nav.header .menu li ul li > a {font-size:24px;}
	
    /* About */
	section.about .wrap > .row {margin-left: -5px; margin-right: -5px;}
    section.about .step {padding-left: 5px; padding-right: 5px;}
    section.about .step > div > div > span > i {font-size: 26px; padding-bottom:30px;}
    section.about .step > div > div > span > i.icon-web {font-size: 36px; line-height: 26px;}
    section.about .step > div > div > span > span {font-size:17px; padding-top:30px;}
    
    /* Careers */
	section.careers .formbody form {padding: 0px 0px; width:100%;}
    
    /* Forms */
    .formtext p {font-size:17px; line-height: 24px;}
    form .form-group .control-label {font-size:14px;}
    form .form-group .form-control {font-size:14px;}

}

@media (max-width: 400px) {
	
	
    /* Home Section */
    div.edp span.subtitle br {display:none;}
    
    /* About */
	section.about .container-fluid > .col-xs-12 {padding-left: 5px; padding-right: 5px;}
	section.about .aboutcontent p {text-align: center;}
	section.about .step > div > div {margin: 20px 0px 10px 0px;}
    section.about .step > div > div > span > span {font-size:16px;}
    section.about .step h3 {font-size:16px; margin: 0px 0 5px 0;}
	section.about .step.four > div > div > span > span {font-size:14px;}
	
	/* Contact */
	.contacttext > span {font-size: 14px;}
    section.contact .bg .row {margin-left: auto; margin-right: auto;}
	section.contact .bg .row .col-xs-12 {padding-left: 0px; padding-right: 0px;}
	section.contact .formbody form {padding: 0px 0px;}
}

@media (max-width: 350px) {
    
    footer {font-size:11px; line-height: 16px; bottom: 5px;}
    .menufooter {font-size: 11px; bottom: 15px; line-height: 16px;}
	
	/*About */
    section.about .aboutcontent p {font-size:17px; line-height: 1.9;}
	section.about .step > div > div > span > span {font-size:14px;}
	section.about .step.four > div > div > span > span {font-size:13px;}
	section.about .step h3 {font-size:15px;}
}

@media (max-width: 320px) {
    h2.section-title {font-size:30px;}
    
    /* Forms */
    .formbody form {padding: 0px 10px;}
    .formtext p {font-size:16px; line-height: 23px;}
    form .form-group .control-label {font-size:13px;}
    form .form-group .form-control {font-size:13px;}
    
    /*About */
    section.about .aboutcontent p {font-size:16px; line-height: 1.8;}
    
    /* Contact */
    .contacttext > span {font-size: 13px;}
	
    
}

html.firefox section {min-height: 100vh !important; height: 100vh;}
html.ie section.about .step > div {max-width:100%;}
html.ie section.about .step > div > div {max-width:100%;}
html.ie section.about .step img {padding: 0;}