@media only screen and (max-width: 1600px) 
{
	/* create account */
    #top #create-account .panel-body .form-group .col-xl-6, #top #create-account .panel-body .form-group .col-l-6, #top #create-account .panel-body .form-group .col-md-6, #top #create-account .panel-body .form-group .col-sm-6 { width: 100% !important;}
		
}
@media only screen and (max-width: 1460px) 
{
	/* login */
	.login .bg-img {background: url(../../images/shared/login-bkgd.png) no-repeat 0px -40px;background-size: cover;}
}
@media only screen and (max-width: 1260px) 
{
	/* login */
	.login .bg-img {background: url(../../images/shared/login-bkgd.png) no-repeat 0px 40px;background-size: cover;}
	.login-content {padding-left: 60px; padding-right:60px;}
	
	/* forgot */
	.forgot-content {padding-left: 60px; padding-right:60px;}

    /* alternate banners */
    .contact-banner {background:#17a3b8 url(../../images/shared/contact-image.png) no-repeat bottom 30px center; background-size: cover;}
}
@media only screen and (max-width: 1200px) 
{
	/* create account */
    #top #create-account .panel-body .form-group .col-xl-6, #top #create-account .panel-body .form-group .col-l-6, #top #create-account .panel-body .form-group .col-md-6, #top #create-account .panel-body .form-group .col-sm-6 { width: 100% !important;}
    #top #create-account .panel-body .form-group label {padding-top:0;}
    
    /* wizard */
	.wizard .wizard-group .wizard-item,
	.wizard .wizard-group .wizard-item a {width:184px;}
	.wizard .wizard-group .wizard-item a::before {width:174px;left:-89px}
	
	/* welcome */
	.main.welcome .welcome-box {margin:100px 60px;}
	.main.welcome .welcome-box .welcome-text {padding:40px;}

    /* destination */
    .destination .form-container .form-footer {padding:0;}
    .destination .form-container .multi-line2 {padding-top:0;}

    /* my orders */
    .order table tbody td p.underline span:first-child {max-width: 420px;display: inline-block;}
	
	/* order edit */
    .order-detail .sidebar-item.first {padding-top:20px;}
	table .btn-sm {padding:9px 15px;}
}
@media only screen and (max-width: 1080px) 
{
	/* login */
	.login .bg-img {background: url(../../images/shared/login-bkgd.png) no-repeat 0px 140px;background-size: cover;}
	.login-content {padding-left: 50px; padding-right:50px;}
    .login-footer {padding: 0 50px;}
	
	/* forgot */
	.forgot-content {padding-left: 50px; padding-right:50px;}

    /* alternate banners */
    .guest-banner {background:#17a3b8 url(../../images/shared/guest-image.png) no-repeat bottom -140px center;}
    

}

/*Bootstrap col-md break point */
@media only screen and (max-width: 991px) 
{
	
	/* common */
	.d-none-991 {display:none;}
    .btn-print {display:none;}

    /* login */
	.login-text {max-height:none;overflow:unset; }
    .login-content.right {max-height:none; overflow:unset;padding-bottom:20px;}
    .alert-danger .text-long p {font-size:14px !important; line-height: 22px !important;}

	/* create account */
    #top #create-account .panel-body .form-group .col-xl-6, #top #create-account .panel-body .form-group .col-l-6, #top #create-account .panel-body .form-group .col-md-6, #top #create-account .panel-body .form-group .col-sm-6 { width: 100% !important;}
    #top #create-account .panel-body .form-group label {padding-top:7px;} 
    /* wizard */
	.wizard .wizard-group .wizard-item,
	.wizard .wizard-group .wizard-item a {width:140px;font-size:14px;}
	.wizard .wizard-group .wizard-item a::before {width:130px;left:-67px}
	
	.wizard .wizard-group .wizard-item.completed a::before, .wizard .wizard-group .wizard-item.active a::before {width:140px;left:-69px;}
	
	/* tabs */
	.tab-style .nav-tabs {border-bottom:2px solid #eee;}
	.tab-style .nav-tabs li a {font-size: 12px;display: inline-block;margin: 0 10px 0 0;padding: 10px 0 2px 0;border-bottom: 1px solid #fff;}
	.box.active .box-body .tab-style .nav-tabs li a {margin: 0 15px 0 0;}
	
	/* login */
	#wrapper.login, #wrapper.forgot {height:auto !important;}
  	#hmpgBg {height:auto !important;}
	.login .height-full, .forgot .height-full {height:auto !important;}
	
	.login .logo {width:100px;margin-bottom:20px;}
	.login .bg-img {background: url(../../images/shared/login-bkgd.png) no-repeat 0px -80px;background-size: cover;}
	.login-content.right {margin-top:0;}
	.login-footer {position:relative;bottom:inherit;}
	.login .height-full {height: auto;}
	.login-footer {margin-top:30px;margin-bottom:20px;}
	
	/* welcome */
	.main.welcome .welcome-box {margin:30px; height:auto;}
	.main.welcome .welcome-box a.btn-welcome {padding:40px;}
	
	/* forgot */
	.forgot .logo {width:100px;margin-bottom:20px;}
	.forgot .bg-img {background: #e1f3f3;}
	.forgot-content.right {margin-top:0;}
	.forgot-footer {position:relative;bottom:inherit;}
	.forgot .height-full {height: auto !important;}
	.forgot-footer {margin-top:30px;margin-bottom:20px;}
	
	/* payment */
	.payment .top-row {text-align:center;}
	.payment .top-row2 {text-align:center;}
	.payment .top-row .button-right {text-align:left;}
	.payment .top-row .button-right button,
	.payment .top-row .button-left button,
	.payment .top-row .button-right a,
	.payment .top-row .button-left a {margin-top:10px !important;}
	.sidebar-item.first {padding-top:20px;}
	.sidebar-item .img-container img {width:30%}
	.alert .btn-primary { float:left;margin-left:63px;margin-top:15px; margin-bottom:10px;}
	.alert .btn-secondary { float:none;margin-top:15px; margin-bottom:10px;}
    .payment .confirmation-buttons {float:none;width: 100%; text-align:center;}
	
	/* my orders */
    .order table tbody td p.underline span:first-child {max-width: 310px;}
    .order table thead th:nth-child(2) {padding-left:10px;}
    
	/* order details */
    .order-detail .col-md-inline {display:inline-block; font-size:18px;margin-top:0;}
	.order-detail .btn-secondary.pull-right {float:none !important;}
	.order-detail .top-row {text-align:center;}
	.order-detail .notes {margin-bottom:20px;} 
    .order-detail .table-responsive {border: 1px solid #ddd;}
    .modal .signature-entry-container .btn-secondary.pull-right {float:right !important;}

    /* contact page */
    .contact-banner {background:#17a3b8 url(../../images/shared/contact-image.png) no-repeat bottom 0px center; background-size: cover;}
    .contact-box {height:380px;}
	
}

/*Bootstrap col-sm break point */
@media only screen and (max-width: 767px) 
{
	.container {width:630px;}
	
	/* common */
	.d-none-769 {display:none;}

    /* create account */
    #top #create-account .panel-body .form-group .col-xl-6, #top #create-account .panel-body .form-group .col-l-6, #top #create-account .panel-body .form-group .col-md-6, #top #create-account .panel-body .form-group .col-sm-6 { width: 100% !important;}
    #top #create-account .panel-body .wrap .flex-item label {padding-top:0;}

    #top #create-account .panel-body {padding:20px;}
    #top #create-account .form-group {margin-left:0;margin-right:0;}
    #top #create-account .panel-body .wrap .flex-item .input-tooltip {width:100%;}
    #top #create-account .panel-body .wrap .flex-item label {width:100%;text-align:left;}
    #top #create-account .panel-body .wrap .has-error .flex-item label {width:100%;text-align:left;}
    #top #create-account .panel-body .wrap .flex-item .input-group {width:100%;}
    #top #create-account .panel-body .form-group label {width:100%;text-align:left;padding: 0 0 4px 0;}
    #top #create-account .panel-body .form-group .input-tooltip {width:100%;padding: 0;}

    #top #create-account p.error-message {width:100%;}

    #top #create-account .submit .panel-body {padding:0;}
    #top #create-account .submit div.checkbox-style {margin-left:0;padding:0;}
	
	/* wizard */
	.wizard .wizard-group .wizard-item,
	.wizard .wizard-group .wizard-item a {width:116px;}
	.wizard .wizard-group .wizard-item a::before {width:105px;left:-55px}
	.wizard .wizard-group .wizard-item.completed a::before, .wizard .wizard-group .wizard-item.active a::before {width: 112px;left:-60px;}

	/* tabs */
	.tab-style .nav-tabs li a {border-bottom:none;}
	.tab-style .nav-tabs li a {font-size:14px;}
	
	/* destination */
    .destination .form-container #pickUpContent hr {margin: 10px 0;}
	.destination .form-container .form-footer {text-align:left;}
    label.multi-line span {display:inline-block;}
	
	/* recipient */
	.recipient .box-body .form-group {margin-bottom: 5px;}
	.recipient .box-body .tab-style {margin-bottom:15px;}
	.recipient .box .box-footer {text-align:left;}

    /* options */
    .box .box-body .checkbox-style label {padding-top:6px !important;}

    /* payment */
    .btn-remove {margin-top:0 !important;}

    /* upload */
    .box.active .well {display:none;}
    .box.active .form-group label {padding-top:0;}
    .box.active .btn-row p {display:none;}
    .box.active .btn-row .file-label {margin: 0 0 10px 0;}
    .box.active .accordion-style .accordion-group .accordion-body .accordion-inner {margin-bottom:0;}
	
	/* forms */
	.form-group .text-right {text-align:left;}
	
	/* guest - my orders */
    .guest-banner {background:#17a3b8 url(../../images/shared/guest-image.png) no-repeat bottom -140px left -120px;}

    /* my orders */
	.order table th.destination .pull-right {display:none;}
	.order table tbody td p.underline .pull-right .status {display:none;}
	.order table tbody td p.underline {border-bottom:none;margin-bottom:0;padding-bottom:0; display: list-item;list-style-type: disc;list-style-position: inside; }
    .order table tbody td p.underline span:first-child {max-width: inherit;display:inline;}
	
	/* order-details */
	.order-detail table th.destination {min-width:175px;}
    .modal .btn-ferpa {line-height:25px;}
    .modal .btn-ferpa i {font-size:25px;margin-top:0;}

    /* contact page */
    .contact-banner {padding:40px 0 110px;}
    .contact-box {height:auto;padding:30px 20px;}
    .contact-box.last {top:-50px;}

}

@media only screen and (max-width: 640px) 
{
	/* common */
	.container {width:470px;}
	.main {padding:30px 0;}
	.mb-30 {margin-bottom:20px;}
	h1 {font-size: 30px;}
	h4 {font-size:16px; line-height: 1.3em;}
	p {line-height:1.5em;}
	.d-none-640 {display:none;}
	
    .form-container {margin-top:0;margin-bottom:20px;}
    .form-container .form-group {margin-bottom:5px;}
	
	/*wizard */
	.wizard .wizard-group .wizard-item, .wizard .wizard-group .wizard-item a {width:84px;}
	.wizard .wizard-group .wizard-item a::before {width:75px;left:-39px;}
	.wizard .wizard-group .wizard-item .wizard-title {display:none;}
	
	.wizard .wizard-group .wizard-item.completed a::before, .wizard .wizard-group .wizard-item.active a::before {width:85px;left:-45px;}
	
	/* breadcrumbs */
	.breadcrumbs {padding: 10px 0 0 0;}
	.breadcrumbs ul {padding: 0 0 10px 0;}
	.breadcrumbs ul li {font-size: 14px;}
	
    /* header */
	header {text-align: center;padding:20px 0;}
	header .logo {float:none;margin-bottom:20px;max-width: 100px;max-height: 40px;}
	header p {float:none;margin-bottom:0;}
    header p span {display:block;}
    header p span.seperator {display: none;}

	/* footer */
	footer {text-align:center;}
	footer .links {float:none; display:block;}

    /* create account */
	#top #create-account .panel-body .form-group fieldset label {padding:0 0 0 25px;}
    #top #create-account .panel-body .form-group fieldset label::after {padding: 0;margin-left: -9px;}
	
	/* login */
	.login .bg-img {background: url(../../images/shared/login-bkgd.png) no-repeat 0px 30px;background-size: cover;}

    /* welcome */
    .welcome-wrap {flex-direction:column;}
    .main.welcome .welcome-box {align-self: unset;margin: 30px 0 0;}

    /* destination */
    .destination .box {
        margin-bottom: 0;
        margin-top: 10px;
    }
    .destination .pickup-note {float:left !important; padding:5px 0 10px;}
	
	/* recipient */
	.box .box-body small .separator {display:none;}
	.box .box-body small .line-two {display:block;}
	.box.active .box-body .tab-style .nav-tabs li a { font-size: 14px;}
	.box.complete .box-body .box-icon {height:24px; width:24px;}
	.box.active .box-body .box-icon {height:24px; width:24px;}
	.box.default .box-body .box-icon {height:24px; width:24px;}
	.box.default .box-body .box-edit {bottom:7px;}
	.box .box-body .box-icon i {font-size: 14px;padding:5px 2px 3px 3px;}
	.box .box-body p.address {padding-left:35px;padding-right:20px;}
	.box.complete .box-body ul {padding-right:25px;}
    .box .box-footer {text-align:left;}

    .box.active table tbody td {font-size: 13px;}
    .box.active table tbody tr td .btn-secondary {padding: 3px 10px;}
    .box.active table tbody tr td .btn-secondary .glyphicon {display:none;}

    /* upload */
    .box.active .btn-row .file-label {display:block;}
	
	/* payment */
	.sidebar-item .img-container img {width:40%}
	
	/* alerts */
	.alert {padding: 20px 25px;}
	.alert i {display:none;}
	.alert h4 {margin-bottom:5px;}
	.alert .btn-primary {margin-left:0;}
    .alert-small i {display:inline-block;}
    .alert-small {margin-bottom:10px !important;}

    /* guest - my orders */
    .guest-banner .form-container {padding:20px;}
    .guest-banner .form-container .form-group-inline.small, .guest-banner .form-container .form-group-inline {width:100%; padding:0 0 5px 0;}
    .guest-banner .form-container button {width:100%;}
	
	/* my orders */
	.order table th.destination {min-width:inherit;}

    /* order details */
    .order-detail .col-md-inline {font-size:16px;}
	

}

@media only screen and (max-width: 480px) 
{
	.container {width:360px;}
	
	/* common */
	.d-none-480 {display:none;}
	
	/* nav */
	nav ul {text-align:center;}
	nav ul li a {text-align:center;margin: 0 10px;font-size:14px;}
	
	/* wizard */
	.wizard .wizard-group .wizard-item, .wizard .wizard-group .wizard-item a {width:62px;}
	.wizard .wizard-group .wizard-item a::before {width:52px;left:-28px;top:6px;}
    .wizard .wizard-group .wizard-item a::after{top:0;}
	.wizard .wizard-group .wizard-item {margin:10px 0 0;}
	
	.wizard .wizard-group .wizard-item.completed a::before, .wizard .wizard-group .wizard-item.active a::before {width:65px;left:-35px;}
	
	/* tabs */
	.tab-style .nav-tabs {border-bottom:none;}
	.tab-style .nav-tabs li {width:100%;float:left;}
	.tab-style .nav-tabs li a {border-bottom: 2px solid #eee;width: 100%;float: left;padding: 10px 0;font-size:14px;}
	.tab-style .nav-tabs li.active a:hover {border-bottom: 2px solid #17a3b8;background-color: transparent;}
	.tab-style .nav-tabs li a:hover {border-bottom: 2px solid #eee;background-color: transparent;}
	.box.active .box-body .tab-style .nav-tabs li a {border-color: rgba(23, 163, 184, 0.20);padding: 10px 0;}
	.box.active .box-body .tab-style .nav-tabs li.active a {border-color: #17a3b8;}
	.recipient .box-body .tab-style .nav-tabs {border-bottom:none;}
	
	/* create account */
	#top #create-account .panel-body .form-group fieldset label {padding:0 0 0 22px;}
    #top #create-account .panel-body .form-group fieldset label::before {left:-10px;}
    #top #create-account .checkbox-style label::after {left:5px;}
    #top #create-account .panel-body {margin-bottom:30px;}
    

	/* login */
	.login .bg-img {background: #E1F2F3;}
	.login-content {padding:20px;}
    .login-footer {padding: 0;}
	.login .link-separator {display:none;}
	.login .link-italic {display:block;}
    .link-guest {display:inline-block !important;}
    .login .tool-tip span {width: 70vw;margin: 0 auto;left: inherit;}
	
	/* forgot */
	.forgot .bg-img {background: #E1F2F3;}
	.forgot-content {padding:20px;}
	.forgot .link-separator {display:none;}
	.forgot .link-italic {display:block;}
	
	/* welcome */
	.main.welcome {padding:20px 0;}
	.main.welcome .welcome-box {margin:10px;}
	.main.welcome .welcome-box a.btn-welcome {padding:30px;}
	.main.welcome .welcome-box:hover {-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transform: none;}
	.main.welcome .welcome-box i {font-size:50px;margin-bottom:10px;}
	
	/* forms */
	.form-container button.pull-right {float:left !important;}
	
	/* options */
	.box.complete .box-body ul li {display:block;line-height:1.5em;}
	.box.complete .box-body ul li:before{display:none;}
	
	/* payment */
	.sidebar-item .img-container img {width:50%}
    .payment .confirmation-buttons .btn-primary, .payment .confirmation-buttons .btn-secondary {padding-left:15px;padding-right:15px;margin-right:0;}
	
	/* alert */
	.alert .btn {margin: 5px 5px 5px 0;}

    /* order details */
    .modal .btn-ferpa {line-height:inherit;}
    .modal .btn-ferpa i {font-size:inherit;margin-top:3px;}

	
}
@media only screen and (max-width: 420px) {

    /* options certification modal */
    .btn-cert-margin {margin-bottom:5px !important;}

}
@media only screen and (max-width: 380px) 
{
	.container {width:300px;}
	
	/* common */
	.d-none-380 {display:none;}
	
	/* nav */
	nav ul li a {margin: 0 5px;font-size:13px;}
	
	/* welcome */
	.main.welcome .welcome-box {margin:10px 0;}
	.main.welcome .welcome-box .welcome-text {padding:30px;}
	.main.welcome .welcome-box .welcome-text .btn-secondary {padding: 7px 0; text-align:center;}
	
	/* wizard */
	.wizard .wizard-group .wizard-item {margin:5px 0;}
	.wizard .wizard-group .wizard-item, .wizard .wizard-group .wizard-item a {width:50px;}
	.wizard .wizard-group .wizard-item a::before {width:39px;left:-22px;}

    /* create account */
    #top #create-account .checkbox-style label::after {left:20px;}

    /* destination */
    .destination .form-container .form-footer .btn-primary {margin-bottom:0;}
    .destination .box .box-header h4 {font-size:14px;}
    h4 .pickup-note {padding-top:2px;}

    /* options */
    .box.active table tbody tr td {padding-left:0; padding-right:0;white-space: normal;word-break: break-all;}
    .box .box-body{padding: 15px 15px 10px}
    .box.active table tbody tr td .btn-secondary {padding: 2px 7px;}
	
	/* payment */
	.sidebar-item .img-container img {width:60%}
	.payment .top-row .button-right {width:100%;text-align:center;}
	.payment .top-row .button-left {width:100%;text-align:center;}
	.payment .top-row .button-right button,
	.payment .top-row .button-right a {margin-top:0 !important;}
    .loading-wrap .loading-content .loading-text {width:75%;}

    /* order detail */
    .modal .signature-entry-container .btn-secondary.pull-right {float: none !important;display: block;margin: 5px 0 8px 0;width: 100%;}
    .modal-ferpa .modal-body p span.pull-right {float:none !important; display:block;}
    .modal-ferpa table thead th:first-child {width:auto;min-width: inherit;}
	
}

@media only screen and (max-width: 320px) 
{
	.container {width:270px;padding:0;}
	nav > .container {padding:0;}
	
	/* wizard */
	.wizard .wizard-group .wizard-item, .wizard .wizard-group .wizard-item a {width:48px;}
	.wizard .wizard-group .wizard-item a::before {width:38px; left:-20px;}
	
	
}
@media screen and (max-width: 992px), screen and (max-height: 845px) {
	#wrapper.login, #wrapper.forgot {height:100vh;}
  	#hmpgBg {height:100vh;}
	.login .height-full, .forgot .height-full {height:100vh;}
}

@media screen and (max-width: 992px), screen and (max-height: 845px) {
}


/* landscape ipad fix */
@media screen and (max-height: 768px) and (max-width: 1024px) {
    .alert-danger .text-long p {font-size:12px; line-height: 16px;}
}