@media ( max-width: 1024px ) {
    .body-registration .page-content { padding-top: 13px; }
    
    .body-registration .nav-pills.registration-navbar-progress > li { padding-top: 4px; }
    
    .body-registration .registration-process-header-buttons { margin: -86px 15px 0 0; }
    
    .body-registration .form-wizard .steps > li > a.step { padding: 10px; }
    
    .body-registration .portlet-body .horizontal-form .col-sm-11 + .col-sm-1 { padding: 0; }
    
    .body-registration div.form-control { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    
    .body-registration .registration-process-header-buttons .dropdown > .dropdown-menu { left: auto; right: 0; }
    
    .body-registration .registration-process-header-buttons .dropdown > .dropdown-menu:before,
    .body-registration .registration-process-header-buttons .dropdown > .dropdown-menu:after { left: auto; }
    
    .body-registration .registration-process-header-buttons .dropdown > .dropdown-menu:before { right: 9px; } 
    .body-registration .registration-process-header-buttons .dropdown > .dropdown-menu:after { right: 10px; }
    
    .body-registration .referringPartnerRow { min-width: 256px; }
    .body-registration .referringPartnerRow .radio { margin: 1px 5px 0 0; }
    .body-registration .referringPartnerRow .referringPartnerHelpToolTip { margin-top: 3px !important; }
    
    .body-registration .registration-step + .registration-step { margin-top: 20px; }
    
    .body-registration .registration-step + .registration-step .portlet.light:only-of-type { padding: 12px 0; margin-top: -10px; }
    .body-registration .registration-step + .registration-step .portlet.light:only-of-type .portlet-title { margin-bottom: 3px; }
    
    .body-registration .registration-step + .registration-step .col-sm-4 .portlet.light:only-of-type,
    .body-registration .registration-step + .registration-step .col-sm-8 .portlet.light:only-of-type { padding: 0 20px 20px; }
}

@media ( max-width: 991px ) {
    .body-registration .nav-pills.registration-navbar-progress > li { padding-top: 7px; padding-bottom: 7px; }
    .body-registration .form-wizard .steps > li > a.step > .desc { font-size: 14px; }
    
    .body-registration .col-sm-2.col-xs-6.hidden-xs.ng-scope { width: 25%; }
    
    .body-registration .portlet-body > .stickable.is_stuck { margin-top: -6px; }
    
    .body-registration select.form-control { padding: 6px 0; }
    
    .body-registration .portlet.light > .portlet-title > .caption.caption-md > .caption-subject { font-size: 100%; }
    
    .body-registration .registration-step + .registration-step .portlet.light:only-of-type { padding-top: 5px; }
    
    .amountToPayPrice { padding-left: 0; } 
        
    .body-registration .rowLine .rowLine .btn { line-height: 1.28571; height: 55px; }
    .body-registration .rowLine .rowLine .btn-success { min-width: 1px !important; margin: 10px 0 !important;font-size: 13px !important;padding: 0 0px !important;  }
}

@media ( max-width: 767px ) {
    .body-registration .navbar-fixed-top.registration-navbar { padding: 10px 0; } 
    .body-registration .navbar-fixed-top.registration-navbar .navbar-header { margin: 0; }
    
    .body-registration .navbar-brand, 
    .body-registration .navbar > .container .navbar-brand, 
    .body-registration .navbar > .container-fluid .navbar-brand { width: 105px; height: 40px; background-size: 100% 100%; }
    
    .body-registration .form-wizard .steps { display: flex; flex-flow: row nowrap; justify-content: space-around; }
    .body-registration .form-wizard .steps > li > a.step { padding: 0 ;}
    .body-registration .form-wizard .steps > li > a.step > .number { margin-right: 5px; }
    
    .body-registration .portlet.registration-navbar-progress { padding: 0 15px !important; margin: 0 -15px 15px !important; }
    
    .body-registration .registration-process-header-buttons { width: 170px; margin: -70px 15px 0 0; }
    .body-registration .registration-process-header-buttons .btn { font-size: 12px; width: 100%; height: auto; white-space: normal; padding: 2px 5px; margin-bottom: 5px; }
    .body-registration .registration-process-header-buttons .btn-group { width: 100%; }
    .body-registration .registration-process-header-buttons .btn.dropdown-toggle .fa.fa-globe:before { width: 10px; }
    
    .body-registration .registration-process-header-buttons .dropdown-menu li { float: none; padding: 2px; }
    
    .body-registration .nav-pills.registration-navbar-progress > li { padding-top: 0px; }
    .body-registration .form-wizard .steps > li > a.step > .desc { position: relative; top: -3px; }
    .body-registration .form-wizard .steps > li:last-child > a.step > .desc { top: 1px; }
    
    .body-registration .registration-step { margin-top: 0px; }
    
    .body-registration .modal .modal-footer .btn { width: 100%; display: block; }
    .body-registration .modal .modal-footer .btn + .btn { margin: 10px 0 0; }
    
    .body-registration .portlet-body .col-sm-4.col-xs-6 { width: 100%; }
    
    .body-registration .page-step-2,
    .body-registration .page-step-3,
    .body-registration .page-step-4 { padding-top: 0; }
    
    .body-registration .page-step-2 .portlet.registration-navbar-progress,
    .body-registration .page-step-3 .portlet.registration-navbar-progress,
    .body-registration .page-step-4 .portlet.registration-navbar-progress { background-color: #E8FAFE; }
    
    .body-registration .page-step-2 .portlet.registration-navbar-progress .form-wizard,
    .body-registration .page-step-3 .portlet.registration-navbar-progress .form-wizard, 
    .body-registration .page-step-4 .portlet.registration-navbar-progress .form-wizard{ padding-top: 12px; }
        
    .body-registration .page-step-4 .form-wizard .steps > li > a.step > .desc,
    .body-registration .page-step-4 .form-wizard .steps > li > a.step > .number { vertical-align: middle; }
    
    .body-registration .page-step-4 .form-wizard .steps > li > a.step > .desc { max-width: calc(100% - 45px); }
    
    .body-registration .page-step-4 .form-wizard .steps > li:last-child > a.step { margin: -3px 0 0; }
    
    .body-registration .page-container .registration-navbar-progress li.active { display: inline; }
    
    .body-registration .portlet-body > .stickable.is_stuck { position: static !important; }
    .body-registration .portlet-body > .stickable.is_stuck + div[style] { display: none !important; }
    
    .body-registration [ng-if="registration.DivingModel.ProgramID"] .caption.caption-md,
    .body-registration [ng-if="registration.TravelModel.ProgramID"] .caption.caption-md{ font-size: 16px; max-width: none; float: none; display: block; }
    
    .body-registration .portlet.light { padding-bottom: 0px; }
    
    .body-registration .form .form-section:first-child { margin-bottom: 15px; }
    
    .body-registration .dropdown > .dropdown-menu.ui-select-choices { top: 100% !important; }
    
    .body-registration .portlet-body .col-sm-4.col-xs-6 .col-sm-1.hidden-xs { display: block !important; position: absolute; top: -33px; right: 15px; }
    
    .body-registration [ng-repeat="member in registration.members"] + .row { position: relative; z-index: 2; } 
    
    .body-registration .add-member-button { margin-bottom: 10px; } /* margin-top: -32px; */
    
    .body-registration .date-picker-container .form-group { margin-bottom: 0; }
    
    .body-registration [ng-if^="referringPartnerRadio"] { padding: 5px 0 0; }
    
    .body-registration .radio-list .ui-select-container,
    .body-registration .radio-list ~ div .ui-select-container { width: 100% !important; }
    
    .body-registration .radio-list ~ div { padding-bottom: 10px; }
    
    .body-registration .radio-list .ui-select-container .ui-select-search,
    .body-registration .radio-list .ui-select-container .ui-select-placeholder,
    .body-registration .radio-list ~ div .ui-select-container .ui-select-search,
    .body-registration .radio-list ~ div .ui-select-container .ui-select-placeholder{ font-size: 12px; }
    
    .body-registration .radio-list + label { min-width: 100%; display: block; position: relative; }
    
    .body-registration .radio-list label ~ label { margin-top: 7px; }
    
    .body-registration .referringPartnerRow { font-size: 13px; min-width: 100%; position: relative; }
    .body-registration .referringPartnerRow .referringPartnerHelpToolTip { position: absolute; right: 0; top: 0; }
    
    .body-registration .registration-step + .registration-step .portlet.light:only-of-type { padding-top: 0; }
    .body-registration .registration-step + .registration-step .portlet.light:only-of-type .portlet-title .caption { padding-top: 3px; }
    .body-registration .registration-step + .registration-step .portlet.light:only-of-type .portlet-body { margin: 0 -14px 0 -15px; }
    
    .body-registration .registration-step + .registration-step .portlet.light:only-of-type .portlet-body h1 { padding: 15px 0; }
    
    .body-registration .registration-step + .registration-step .portlet.light:only-of-type .portlet-body .btn { min-width: 0; /*width: calc(100% - 20px);*/ margin: 12px auto; }
    
    /*.body-registration .registration-step + .registration-step .portlet.light:only-of-type .portlet-body .text-center { width: 50% }*/
    .body-registration .registration-step + .registration-step .portlet.light:only-of-type .portlet-body [ng-repeat^="feature "]:first-child .text-center { width: 100% }
    
    .body-registration .registration-step + .registration-step .portlet.light:only-of-type .portlet-body [ng-repeat^="feature "]:last-child .text-center:before { content: ''; /*width: 1px;*/ position: absolute; top: 10px; left: 0; bottom: 10px; background-color: #004A63; }
    
    .body-registration .portlet > .btn-success[ng-click^="proceed(extendedForm)"] { margin-top: 0; }
    
    .body-registration .page-step-4 #editDiving > h1 { margin-bottom: 20px; }
    
    .body-registration .fb_iframe_widget_fluid { max-width: 90vw; display: inline-block; overflow: hidden; }
    
    .body-registration .page-step-4 .portlet-body > hr { margin: 10px 0 0; }
    .body-registration .page-step-4 .portlet-body > hr + .row { padding-bottom: 10px; }

    .input-group-mobile { display: block; position: relative; }
    .input-group-mobile .form-control { width: 100%; display: block; float: none; padding-right: 40px; }
    .input-group-mobile .dropdown-menu { display: none !important; }
    .input-group-mobile .input-group-btn { width: 40px; position: absolute; top: 0; right: 0; z-index: 2; pointer-events: none; }

    .input-group-mobile .form-control:focus ~ .input-group-btn .btn { border-color: #00A0FF; }

    .popover[title="Add Member"] { left: 50% !important; margin-left: -138px; margin-top: -100px; }
    .popover[title="Add Member"] .arrow { top: 100%; left: 50%; margin: 0 0 0 -11px; border-top-color: #999; }
    .popover[title="Add Member"] .arrow:after { border-top-color: #fff; margin: 0 0 1px -11px; }
    
    .popover[title="Add Member"] .arrow,
    .popover[title="Add Member"] .arrow:after { border-right-color: transparent; border-left-width: 10px; }
    
	.popover { max-width: 100%; left: 7px !important; right: 7px !important; }
    .popover .arrow { left: auto !important; right: 27px !important; margin-left: 0 !important; }

    .body-registration > .portlet.light.bordered { padding: 0; background: none; }
    .body-registration > .portlet.light.bordered > * { padding: 12px 20px !important; margin-bottom: 10px; border-radius: 0; background: #fff; }
    .body-registration > .portlet.light.bordered .portlet { padding: 0 !important; }
    .body-registration > .portlet.light.bordered .portlet .portlet-title { padding: 0 0 5px; border-bottom: 1px solid #eee; }
    .body-registration > .portlet.light.bordered .portlet-title { border: 0; }
    .body-registration .portlet [class*="col-"] { padding: 0; }
    .body-registration h4[style="form-section"] button { position: relative; top: -1px; }
    .body-registration h3.black { font-size: 16px; padding-bottom: 20px; }
    .body-registration h4.black + .form-group { padding-bottom: 12px; }
    .body-registration .portlet .col-xs-offset-10 { padding-bottom: 10px; margin-left: 0; }
    .body-registration #paypalForm { padding: 10px 0 15px; }
    .body-registration #editDiving .row:last-child .col-sm-4 .control-label { padding: 15px 0 10px; }
    .body-registration .form-inline { padding-bottom: 15px; margin-bottom: 15px; }
    .body-registration .divider { display: block; margin-top: 5px; }
    .body-registration .portlet .row { margin: 0; }
    .body-registration .form-wizard .steps > li a.step .desc { display: none; }
    .body-registration .page-content .registration-navbar-progress .form-wizard .steps > li:nth-child(n):not(.active) > a.step > .number { border-color: #00A0FF; color: #00A0FF; background: #005283; }
    .body-registration .form-wizard .steps > li.active > a.step > .desc { display: inline-block !important; color: #00A0FF; }
    .body-registration .form-wizard .steps > li.active > a.step > .number { color: #fff; background: #00A0FF; }
    .body-registration .page-content .registration-navbar-progress .form-wizard .steps > li.active ~ li:nth-child(n) a.step .number { color: #00A0FF; background: transparent; }
    .body-registration .form-wizard .steps > li > a.step > .desc { font-size: 10px; }
    .body-registration .portlet > .portlet-title > .caption { float: none; display: block; }
    .body-registration .portlet .btn-lg { height: auto; padding: 10px 16px; font-size: 15px; }
    .body-registration .portlet:only-child { margin: 0; }
    .body-registration .form-body:only-child { padding: 0; }
    .body-registration .portlet.light > .portlet-title > .caption.caption-md > .caption-subject { display: inline-block; }
    .body-registration .portlet.light > .portlet-title > .caption { position: relative; padding-left: 30px; }
    .body-registration .portlet.light > .portlet-title > .caption i { position: absolute; width: 25px; height: 38px; top: 0; left: 0; margin: 0; }
    .body-registration .portlet.light > .portlet-title > .caption i:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .body-registration .portlet.light > .portlet-title > .tools { display: none; }
    .body-registration select.form-control { padding-left: 8px; }
    .body-registration .fb_iframe_widget_fluid { max-width: 100%; }
    .body-registration hr { display: none; }
    .body-registration .input-group { width: 100%; }
    .body-registration .control-label b { display: block; padding: 0 0 5px; font-size: 20px !important; }
    .body-registration .modal .modal-body { font-size: 16px; }
    .body-registration .modal .modal-footer { padding-top: 0; }
    
    .body-registration .form-wizard .steps > li > a.step > .desc,
    .body-registration .form-wizard .steps > li:last-child > a.step > .desc { top: -5px; }
    
    .body-registration > .portlet.light.bordered > .form,
    .body-registration > .portlet.light.bordered > .portlet-title { padding-bottom: 12px !important; }
}