/* responsive support  */

/* Medium devices (tablets, 768px and up) and  Large devices (desktops, 992px and up) */
@media (min-width: 320px) and (max-width: 1199px) { 
	.home-banner  { background: #ffffff url("../Images/banner-home.jpg") no-repeat; max-width: 100%; height: 600px; position: relative; top: 40px; left: 0; display: block; overflow: hidden;  background-size: cover; background-position: right top; }
}
/* screen width less than 1200px */
@media (max-width:1199px){
	.center-mobile-lg { text-align: center !important; }
	.home-banner { margin-top: 60px; }
}

/* screen width less than 1024px */
@media (max-width:1023px){
	body { font-size: 1.5em; }
	.logo-wrap { text-align: center; width:initial; float: initial; }
	.nav.top { float: none; width: 100%; text-align: center; }
	.nav.secondary ul li { padding: 0; font-size: 16px; }
	.icon-blank { width: 22px; height: 22px; }
	.btn-edit img { width: 23px; height: 23px; margin-top: 3px; }
	.select-w-carets .fa-caret-left { height: 30px; margin-top: -15px; }
	.select-w-carets .fa-caret-right { height: 30px; margin-top: -15px; }
}

/* screen width less than 992px */
/*@media (max-width:991px){*/
@media (max-width:1023px){
	.section-heading { font-size: 1.25em; margin-bottom: 0; line-height: 22px; padding: 5px 0; }
	.btn-fixed-medium { font-size: 1.10em; }
	.resume-type-left { padding-right: 0; }
	.resume-preview { padding-left: 0; }
	.progress-wrap.steps { padding-right: 17px; }
	.radio-custom { width: 20px; height: 20px; background-position: 0 -70px; }
	.radio-custom.checked { background-position: 0 -90px; }
	.radio-custom .radio { width: 20px; height: 20px; }
}

/* screen width less than 768px */
@media (max-width:767px){
	.form-group-left, .form-group-right { padding: 0; }
	.btn-fixed-medium { width: 100%; }
	.resume-preview .modal-dialog { width: auto; }
	.no-padding-responsive-768 { padding: 0; }
	.form-top-button.buttons-inline { padding: 6px 6px; font-size: 1em; }
	.banner-text { width: 100%; }
} 

/* screen width less than 640px */
@media (max-width:639px){
	.nav.primary a, .nav.secondary a, .nav.secondary span.btn { font-size: 1em; }
	.nav.secondary a.has-fixed-width, .nav.secondary span.has-fixed-width { width: 150px; }
	.nav.secondary ul li { font-size: 15px; }
	.nav.top { white-space: normal; }
	.text-nowrap { white-space: normal; }
	.progress-wrap, .steps .stepper .step { height: 26px; }
	.progress-wrap.steps { padding-right: 12px; }
	.steps .stepper .step { line-height: 26px; }
	.steps .stepper .step .arrow, .steps .stepper .step .border { border-width: 15px 0px 15px 10px; right: -9px; }
	.steps .stepper .step .border { right: -11px; }
	.inline-3-radio .col-xs-3 { width: 33.33333%; }
	.reduce-margin-top-20-640 { margin-top: 20px; }
	.reduce-margin-top-10-640 { margin-top: 10px; }
	.btn-6-24 { padding: 6px 18px; }
	.question-video { width: 320px; height: 240px; }
}

/* screen width less than 580px */
@media (max-width:579px){
	.form-title { font-size: 1.25em; }
	.form-top-button.buttons-inline { padding: 6px 6px; font-size: 0.85em; font-weight: normal; }
	.section-heading { font-size: 1.10em; }
	.resume-name { font-size: 1.10em; }
	.a-section .icon-container .icon-circle { margin-right: 5px; }
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { padding-left: 5px; padding-right: 5px; }
}

/* screen width less than 480px */
@media (max-width:479px){
	.form-title { font-size: 1em; }
	.form-top-button { font-size: 0.85em; margin-top: 15px; }
	.btn-fixed-medium, .btn-auto, .btn-full { font-size: 1em; padding: 3px 6px; }
	.section-item a { font-size: 0.90em; }
	.font-1-10 { font-size: 0.90em !important; }
	.steps .stepper .step { font-size: 0.75em; }
	.inline-3-radio .col-xs-3 { width: 100%; padding: 0; display: block; }
	.form-top-button.buttons-inline { margin-top: 17px; }
	.form-top-button.buttons-inline.margin-right-5 { margin-right: 2px !important; }
	.form-bottom-button, .question-list .question .heading { font-size: 0.90em; }
}
/* screen width less than 452px */
@media (max-width:451px){
	.title-w-inline-buttons, .inline-buttons-container { float: none; width: 100%; display: block; }
	.inline-buttons-container { float: left; width: auto; }
	.inline-buttons-container .form-top-button { margin-top: 5px; }
	.form-top-button.buttons-inline { font-size: 0.80em; }
	.question-video { width: 300px; height: 225px; }
}