body {  margin: 0 !important; text-shadow: none;font-family: 'Source Sans Pro', sans-serif !important;}
/*body .row { width: 100%; }*/
.clear { clear: both; }
body .ui-page-theme-a, body .ui-page-theme-a a, body .ui-page-theme-a a:hover, body .ui-page-theme-a a:focus {text-shadow: none;font-weight: normal;}
a, a:hover, a:focus {outline: none !important;}
button.btn, button.btn-primary {color: #fff;background-color: #2058d7;border-color: #2058d7;}
button:hover, button:focus, button.btn:hover, button.btn:focus, button.btn-primary:hover, button.btn-primary:focus { box-shadow: none !important; outline: none !important;}
input, input:hover, input:focus, textarea, textarea:hover, textarea:focus, select, select:hover, select:focus, label, label:hover, label:focus, select, select:hover, select:focus { box-shadow: none !important; outline: none !important; }
.errorMsg {color: #ff0000;}
body .parsley-errors-list { padding: 0; }
body .parsley-errors-list li { list-style: none; color:#ff0000; }


.site-header {background: #fff;position:fixed;left: 0;right: 0;top: 0;padding: 15px 0;z-index: 99; }
.fixed-header{
    -webkit-box-shadow: 0 3px 5px -3px #ddd;
    -moz-box-shadow: 0 3px 5px -3px #ddd;
    box-shadow: 0 3px 5px -3px #ddd;
}

.header-center img { width: 89px; }

.site-footer{
    background:#000729;
}

.site-footer .section-footer {
	padding-top: 40px;
	padding-bottom: 40px;
}

.main-section {
	padding:58px 0 0 0; min-height: 550px;
}

.container.space-nullify {
    padding-top:13px;
    padding-bottom:13px;
    
}

.space-nullify .header-menus{
    list-style:none;
    padding: 0;
    margin: 0;
}



.space-nullify .header-menus li{
    display: inline-block;
    margin: 0 20px 0 0;
}

.space-nullify .header-menus li a{
    font-family: 'Source Sans Pro';
    color: #0A228F;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-decoration: none;
}

.space-nullify .signUp-menus{
    list-style:none;
    padding: 0;
    margin: 0;
}

.space-nullify .signUp-menus li{
    display: inline-block;
    margin: 0 10px 0 0;
}

.space-nullify .signUp-menus li a{
    font-family: 'Source Sans Pro';
    color: #0A228F;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 5px 17px;
    background:transparent;
    transition: all .3s ease-in;
    text-decoration: none;
}

.space-nullify .signUp-menus li a:hover {
	padding: 5px 17px;
	background: #0A228F;
	color: #fff;
	transition: all .3s ease-in;
	text-decoration: none;
	border-radius: 1px;
}

/*----section div------*/
.section-delivery {
	background: url(../images/home-banner1.jpg);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-repeat: no-repeat;
    background-position: right;
    /*temp*/
	background-size: 640px 100%;
}

.-layout {
	background: url(../images/Illustration1.png);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-repeat: no-repeat;
	background-position: 37% 53%;
	background-size: unset;
	background-color: #fff; 
}

.section-delivery .deliver-row {
	padding: 0 0 152px 0;
}

.section-delivery .deliver-row .place-div {
	padding: 175px 0 0 132px;
}

.delivery-div{
    width:421px;
}
.delivery-div h1{
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 54px;
    line-height: 60px;
    letter-spacing: -0.5625px;
    color: #0A228F;
    margin-bottom: 20px;
}

.delivery-div h1 span{
    color:#CD5C7E;
}

.delivery-div p{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    width:400px;
    color: #0A228F;
}

.delivery-form.form-group .form-control {
	display: inline-block;
	width: auto;
	height: calc(1.5em + .75rem + 2px);
	padding: 11px 26px 11px 56px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid transparent;
	border-radius: 0;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	height: 56px;
}


.delivery-form.form-group {
	border-radius: 2px 0px 0px 2px;
	display: inline-block;
	width: 730px;
	margin: 26px 0 0 0;
}


.delivery-form.form-group .inputback {
    box-shadow: 0px 17px 46px #EDEDF1;
    background:#fff;
    display: inline;
    padding: 17px 0 17px 0;
}

.settle-icon.lined::after {
    content: "";
    border-right: 1px solid #9BA0B5;
    height: 25px;position: relative;
}

.inputback .settle-icon{
    position: relative;
}

.inputback .settle-icon i {
	position: absolute;
	left: 34px;
	top: 2px;
	bottom: 0;
	color: #9BA0B5;
}

.delivery-form.form-group .form-control.del-submit {
	color: #fff;
	background-color: #0A228F;
	padding: 2px 24px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    transition:all .3s ease-in;
}

.delivery-form.form-group .form-control.del-submit:hover {
    background-color: #00005F;
    transition:all .3s ease-in;
}

.delivery-form.form-group{
    text-align:left;
}

.delivery-form.form-group .form-control.track-btn {
	color: #fff;
	background-color: #0070c0;
	padding: 2px 33px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    transition:all .3s ease-in;
}

.delivery-form.form-group .form-control.track-btn:hover {
    background-color: #173E8E;
    transition:all .3s ease-in;
}

.big-blue-text {
	color: #00136D;
	font-style: normal;
	font-weight: bold;
	font-size: 72px;
	line-height: 40px;
	margin-left: 40%;
	margin-top: 47px;
}

.section-efficiency {
	padding: 70px 0 0 0;
}

.section-efficiency .jordan-img{
    height:424px;
    width:523px;
}

.section-efficiency .jordan-img {
	height: 424px;
	width: 523px;
	float: right;
}

.section-efficiency .jordan-img img{
    height:100%;
    width:100%;
    object-fit:cover;
}

.text-bleu h1.big-blue-text2 {
	color: #00136D;
	font-style: normal;
	font-weight: bold;
	font-size: 72px;
	line-height: 40px;
	margin-top: 38%;
	position: relative;
	left: -121px;
}

.text-bleu p {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 34px;
	width: 310px;
	color: #0A228F;
	margin: 61px 0 0 -14px;
}

.section-security {
	padding: 76px 0 76px 0;
}


.section-security .secrity-img{
    height:537px;
    width:632px;
}

.section-security .secrity-img img{
    height:100%;
    width:100%;
    object-fit:cover;
}

.text-security h1.big-blue-text3 {
	color: #00136D;
	font-style: normal;
	font-weight: bold;
	font-size: 72px;
	line-height: 40px;
	margin-top: 38%;
	position: relative;
	right: -300px;
	z-index: 1;
}

.text-security p {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 34px;
	width: 296px;
	color: #0A228F;
	margin: 48px 0 0 152px;
}
/* We ensure the safety */

/* Meet Dotbleu About U */

.footer-menus h2{
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
    font-family:Roboto;
    font-weight:600;
}

.footer-menus ul{
    list-style:none;
    margin: 0;
    padding:0;
}

.footer-menus ul li a {
	list-style: none;
	font-size: 13px;
	color: #FFFFFF;
	font-family: Roboto;
	font-weight: 100;

}

.footer-menus ul li a:hover{
    text-decoration:underline;
}

.footer-menus .social-links ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-menus .social-links ul li {
	display: inline-block;
	margin: 0 0 0 20px;
}

.footer-menus .social-links ul li a{
    color:#8a8e9d;
    font-size:24px;
}
.footer-menus .social-links ul.footer-social { margin-bottom:60px; }
.footer-menus .social-links ul.terms li { display: inline-block; margin: 0 5px; }
.footer-menus .social-links ul.terms li a {
	font-size: 12px;
	color: #fff;
	/*margin-top: 85px;*/
	display: inline-block;
}

.footer-menus .social-links p {
	color: #fff;
	font-size: 12px;
	margin: 14% 0px 0 0;
}

.inputback input::placeholder{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 35px;
    color: #9BA0B5;
 
}

.inputback input{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 35px;
    color: #9BA0B5;
}


/* Login Page CSS */
.login-layout .site-header, .register-layout .site-header, .forget-password-layout .site-header, .confirm_password-layout .site-header, .password-layout .site-header { display: none; }
/*.login-layout .site-footer, .register-layout .site-footer, .forgot_password-layout .site-footer, .confirm_password-layout .site-footer { display: none; }*/
.login-layout .main-section, .register-layout .main-section, .forget-password-layout .main-section, .confirm_password-layout .main-section, .password-layout .main-section  { padding: 0; }
.log-regd { position: relative; }
.log-regd .container-fluid {padding: 0;}
.log-header {position: absolute;top: 0;left: 0;right: 0;z-index: 1;padding: 20px 50px;}
.log-header .loghead-left {}
.log-header .loghead-left img { width: 89px; }
.log-header .loghead-left a { font-size:16px; color: #fff; text-decoration: underline; }
.log-header .loghead-right img { width: 89px; }
.log-header .loghead-right img.resp-logo { display: none; }
.log-header .log-link { float: right; color: #222634; font-size:16px; }
.log-header .log-link a { color: #0A228F; font-weight: 600;margin-left: 10px; }
.log-footer {position: absolute;left: 0;right: 0;bottom: 0;padding: 20px 50px;font-size: 16px; color: #fff;}
.log-footer a { text-decoration: underline;color: #222634;  }
.log-footer a + span { color:#747474; margin: 0 10px; }
.log-footer .log-footer-right {text-align: right;}

.log-img { width: 100%; height: 100%; }
.log-img img { width: 100%; height: 100%; object-fit: cover; }

.log-form-box {width:310px;margin: 100px auto auto;}
.log-form-box + .log-footer {display: none;}
.log-form-box h2 {font-size: 32px;color: #0A228F;font-weight: 700;margin-bottom: 45px; text-align: center;}
.log-social a {height: 38px;border: 1px solid #f0f0f4;display: block;margin-bottom: 17px;text-align: center;transition: all 0.5s ease-in-out;}
.log-social a:hover, .log-social a:focus { box-shadow: 0 0 5px #bababa; transition: all 0.5s ease-in-out; }
.log-social a span {font-size: 14px;color: #222634;padding: 7px 0;display: inline-block;}
.log-social a img {margin-right: 15px;}
.log-social a i {color: #395795;font-size: 19px;margin-right: 15px;position: relative;top: 2px;}
.log-form-box .or {border-top: 1px solid #f2f2f5;text-align: center;margin: 50px 0 20px 0;}
.log-form-box .or span {color: #a8acbd;font-size: 14px;position: relative;top: -15px;background: #fff;	padding: 0 8px;}
.log-form-box .form-group { min-height:70px; position: relative; }
.log-form-box .form-group label {font-size: 16px;color: #606473;position: relative;z-index: 1;transition: all 0.3s ease-in-out;top:37px; text-transform: capitalize;width: 100%;/*cursor: pointer;*/background: #fff;}
.log-form-box .form-group.focus label {position: relative; top:0;transition: all 0.3s ease-in-out; font-size: 12px;color: #9BA0B5; background: transparent; /*cursor: pointer;*/}
.log-form-box .form-group.radio-group.focus label {top: 38px;font-size: 16px;color: #606473;}
.log-form-box .form-group input { border-width: 0 0 1px 0; border-style: solid; border-color: #f0f0f4; border-radius: 0; font-size: 16px; color: #606473; font-weight: 600;/*cursor: pointer;*/ }
/*.log-form-box .form-group.focus input { cursor:auto; }*/
.log-form-box .password-field { position:relative; }
.log-form-box .password-field .input-group-btn { position: absolute; right: 0; top: 0 }
.log-form-box .password-field .input-group-btn button { background: transparent; border-color: transparent;color: #606473;  }
.log-form-box input[type="password"] + .input-group-btn .fa-eye { display: none; }
.log-form-box input[type="text"] + .input-group-btn .fa-eye { display: block; }
.log-form-box input[type="text"] + .input-group-btn .fa-eye-slash, .log-form-box input[type="text"] + ul + .input-group-btn .fa-eye-slash, .log-form-box input[type="password"] + ul + .input-group-btn .fa-eye-slash { display: none; }
.log-form-box .bottom-link { text-align: right;min-height: 40px; }
.log-form-box .bottom-link a { color: #0A228F; text-decoration: underline; }
.log-form-box .form-group.phone-group label {top: 0;}
.log-form-box .parsley-errors-list { margin: 0; padding: 0; }
.log-form-box .parsley-errors-list li { list-style: none; color: #ff0000; }
.log-form-box .iti--allow-dropdown .iti__flag-container { right: 0; }
.log-form-box input#country_code {opacity: 0;width: 100px;padding: 0 !important;}
.register-layout .log-form-box input#phone {width:65%;}
.login-layout .log-form-box .form-group {margin-bottom: 0;}
.register-layout .log-form-div {min-height: 1000px;}
.acc-step-box.log-form-box .form-group label { width: 90%; }

.form-check.custom-checkbox {padding: 0;}
.custom-checkbox [type="checkbox"]:not(:checked), .custom-checkbox [type="checkbox"]:checked {position: absolute; left: -9999px;}
.custom-checkbox [type="checkbox"]:not(:checked) + label, .custom-checkbox [type="checkbox"]:checked + label {
  position: relative; padding-left: 1.95em;cursor: pointer;}
.custom-checkbox [type="checkbox"]:not(:checked) + label::before, .custom-checkbox [type="checkbox"]:checked + label::before {content: '';position: absolute;left: 0;top:4px;width: 16px;height: 16px;background: #0A228F;border-radius: 4px;}
.custom-checkbox [type="checkbox"]:not(:checked) + label::after, .custom-checkbox [type="checkbox"]:checked + label::after {content: '\2713\0020';position: absolute;top:7px;left: 4px;font-size: 11px;line-height: 0.8;
	color: #fff;transition: all .2s;font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;}
.custom-checkbox [type="checkbox"]:not(:checked) + label:after {opacity: 0; transform: scale(0);}
.custom-checkbox [type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}
.custom-checkbox [type="checkbox"]:disabled:not(:checked) + label:before, .custom-checkbox [type="checkbox"]:disabled:checked + label:before {box-shadow: none;border-color: #bbb;background-color: #ddd;}
.custom-checkbox [type="checkbox"]:disabled:checked + label:after {color: #999;}
.custom-checkbox [type="checkbox"]:disabled + label {color: #aaa;}
.custom-checkbox [type="checkbox"]:checked:focus + label:before, .custom-checkbox [type="checkbox"]:not(:checked):focus + label:before {border: 2px dotted blue;}

#msform fieldset .form-card {background: white;border: 0 none;border-radius: 0px;box-shadow: 0;padding: 0;
	box-sizing: border-box;width: 100%;margin: 0;position: relative;}
#msform fieldset {background: white;border: 0 none;border-radius: 0.5rem;box-sizing: border-box;width: 100%;
    margin: 0;padding-bottom: 20px;position: relative}
#msform fieldset:not(:first-of-type) {display: none}
#msform fieldset .form-card {}
#msform input, #msform textarea {}
#msform input:focus, #msform textarea:focus {-moz-box-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;border: none;font-weight: bold;border-bottom: 2px solid skyblue;
    outline-width: 0;cursor: pointer;}
#msform .action-button {width: 100%;background: #0070b5;font-weight: bold;color: white;border: 2px solid #0070b5;border-radius: 0px;cursor: pointer;padding: 7px 5px;margin:20px 0 0 0;height: 42px;	text-transform: uppercase; transition: all 0.5s ease-in-out; position: relative;z-index: 1;}
#msform .action-button:hover, #msform .action-button:focus {transition: all 0.5s ease-in-out;background: #fff;color:#0070b5;border: 2px solid #0070b5;}
#msform .action-button-previous {width: 100px;background: #616161;font-weight: bold;color: white;border: 0 none;border-radius: 0px;cursor: pointer;padding: 10px 5px;margin: 10px 5px}
#msform .action-button-previous:hover, #msform .action-button-previous:focus {box-shadow: 0 0 0 2px white, 0 0 0 3px #616161}
.register-layout #msform fieldset:last-child {margin-bottom: 50px;}

.log-form-box.forgot-pass {margin: 200px auto auto;}
.log-form-box.confirmpass {margin: 250px auto auto;}

/* Account Setup CSS */
.account-setup {border-top: 1px solid #eeecec;padding: 20px 0;position: relative;} 
.acc-menu  {}
.acc-menu .back-arrow { color: #606473; }
.acc-menu .respToggle { display: none; }
.acc-menu ul {margin: 0;padding:85px 0 0 100px;}
.acc-menu ul li { display: block; }
.acc-menu ul li a {color: #606473;font-size: 14px;text-transform: uppercase;font-weight: 600;padding: 7px 0;
	display: block;transition: all 0.5s ease-in-out;}
.acc-menu ul li a:hover, .acc-menu ul li a:focus, .acc-menu ul li.active a { color: #000;transition: all 0.5s ease-in-out; }

.acc-step-box.log-form-box {width: 416px;margin: 0 0 0 150px;}
.acc-step-box h2 {font-size: 36px;color: #222634;font-weight: 700;margin:30px 0 25px 0;text-align: left;}
.acc-step-box .form-group input.action-button {width: 200px;background: #0070b5;font-weight: bold;color: #fff;
	border: 2px solid #0070b5;border-radius: 0px;cursor: pointer;padding: 7px 5px;margin: 20px 0 0 0;height: 40px;text-transform: uppercase;transition: all 0.5s ease-in-out;position: relative;z-index: 1;font-size: 14px;}
.acc-step-box .form-group input.action-button:hover, .log-form-box .form-group input.action-button:focus {
	transition: all 0.5s ease-in-out;background: #fff;color: #0070b5;border: 2px solid #0070b5;}
.acc-step-box .add-address {font-weight: 600;text-decoration: underline;}
.acc-step-box .remove-address {color: #ff0000;display: block;width: 100%;text-align: right;font-weight:600;
	text-decoration: underline;}

/* Payment Method */
.pay-method h2 {margin: 30px 0 40px 0;}
.pay-method-list {}
.pay-method-list .card { border:0; display: none; }
.pay-method-list .card-header {padding:10px 0;border-bottom: 1px solid #f2f2f5;margin-bottom: 20px; background: #fff;}
.pay-method-list .btn-link {background: transparent;border: 0;width: 100%;font-size: 14px;color: #9BA0B5;
	text-align: left;padding: 0;}
.pay-method-list .btn-link i {float: right;font-weight: 600;position: relative;top: 15px;font-size: 11px;}
.pay-method-list .btn-link.collapsed .fa-chevron-down { display: none; }
.pay-method-list .btn-link.collapsed .fa-chevron-right { display: block; }
.pay-method-list .btn-link .fa-chevron-down { display:block; }
.pay-method-list .btn-link .fa-chevron-right { display:none; }
.pay-method-list .card-show {}
.pay-method-list .card-show .card-img {display: inline-block;vertical-align: top;width: auto;margin-right: 10px;}
.pay-method-list .card-show .card-info {display: inline-block;vertical-align: top;}
.pay-method-list .card-show .card-info h6 {margin: 0;font-size: 16px;color: #222634;font-weight: 600;}
.pay-method-list .card-show .card-info p { margin-bottom: 0; }
.log-form-box .card-form .form-group label { top: 0; }
.log-form-box .card-form .form-group input { border: 1px solid #f0f0f4; }
.log-form-box .pay-method-list .card-body {border: 1px solid #f0f0f4;margin-bottom: 20px;box-shadow: 0 0 5px #ddd;}
.log-form-box .card-form .pay-now {width: 100%;background:#0070b5;font-weight: bold;color:white;border: 2px solid #0070b5;border-radius: 0px;cursor: pointer;padding: 7px 5px; margin: 20px 0 0 0;height: 42px;
    text-transform: uppercase;transition: all 0.5s ease-in-out;}
.log-form-box .card-form .pay-now:hover, .log-form-box .card-form .pay-now:focus {transition: all 0.5s ease-in-out;background: #fff;color: #0070b5;border: 2px solid #0070b5;}
.new-pay-method {}
.new-pay-method .add-new-pay {font-weight: 600;text-decoration: underline;}
.new-pay-method .card {margin-top: 20px;}
.new-pay-method .remove-new-pay { display: block; padding: 5px 10px; text-align: right; color: #ff0000; }
.new-pay-method .card-footer { background:transparent; }

/* Order History */
.order-status {font-size: 18px;color: #222634;border-bottom: 1px solid #f4f4f7;padding: 5px 0;margin-bottom: 20px;}
.order-status select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../images/select-arrow.png) no-repeat;background-position: 97% center;box-shadow:none;border:0;font-weight:600; padding: 0 20px 0 0;}
.order-status select option {font-size: 18px;color: #222634;font-weight: normal;}
.orders-history {}
.order-info {}
.order-info .order-number { font-size: 16px; color: #222634; font-weight: 600; display: inline-block; }
.order-info .order-flow {display: inline-block;width: 150px;text-align: center;vertical-align: top;}
.order-info .order-flow span {background: #2daf5a;color: #fff;text-transform: uppercase;font-size: 10px;	font-weight: 500;padding: 3px 10px;display: inline-block;border-radius: 3px;}
.order-info .order-location {display: inline-block;color: #606472;font-size: 16px;}
.order-info .order-location i {top: 6px;float: left;margin-right: 5px;font-size: 14px;}
.orders-history .pay-method-list .btn-link i {top: 8px;}
.order-details {font-size: 14px;color: #606473;margin-bottom: 30px;}
.order-details h5 {font-weight: 600;font-size: 15px;text-transform: uppercase;border-bottom: 1px solid #ddd;
	padding-bottom: 5px;}
.order-details .col-sm-6 {margin-bottom: 5px;}
.order-details .col-sm-6 strong {display: inline-block;width: 100%;text-align: right;}
.order-details .col-sm-12 {}

.contactAdmin-modal .modal-header {position: relative;}
.contactAdmin-modal .modal-title {color: #0A228F;font-weight: 700;}
.contactAdmin-modal .modal-header .close {position: absolute;right: 20px;top: 22px;}
.contactAdmin-modal form {width: 90%;margin: 0 auto;}
.contactAdmin-modal form input {border: 1px solid #ddd;padding: 5px 15px;width: 100%;}
.contactAdmin-modal form textarea {border: 1px solid #ddd;width: 100%;padding: 5px 15px;resize: none;}
.contactAdmin-modal form .contactSubmit {width: 100%;background: #0070b5;font-weight: bold;color: white;border: 2px solid #0070b5;border-radius: 0px;cursor: pointer;padding: 7px 5px;margin: 20px 0 0 0;height: 42px;text-transform: uppercase;transition: all 0.5s ease-in-out;position: relative;z-index: 1;}
.contactAdmin-modal form .contactSubmit:hover, .contactAdmin-modal form .contactSubmit:focus {transition: all 0.5s ease-in-out;background: #fff;color: #0070b5;border: 2px solid #0070b5;}
.contactAdmin-modal form .error { color: #ff0000 }

.loginbox {}
.loginbox .dropdown {}
.loginbox .dropdown .dropdown-toggle { background: transparent; border: 0; padding: 0; }
.loginbox .dropdown .dropdown-toggle:hover, .loginbox .dropdown .dropdown-toggle:focus {background:transparent;border:0;}
.loginbox .btn-primary:not(:disabled):not(.disabled).active, .loginbox .btn-primary:not(:disabled):not(.disabled):active, .loginbox .show > .btn-primary.dropdown-toggle {color:inherit;background-color: transparent;border-color: transparent;}
.loginbox .dropdown .dropdown-toggle::after {color: #606473;}
.loginbox .dropdown img { width: 32px; height: 32px; border-radius: 100%; }
.loginbox .dropdown-menu {left: auto !important;right: 80% !important;top: 10px !important;width: 257px;	padding: 10px 15px;}
.user-details {padding: 12px 0;}
.user-img {display: inline-block;width: 32px;height: 32px;vertical-align: top;margin-right: 8px;}
.user-img img { width: 100%; height: 100%; border-radius: 100%; }
.user-info {display: inline-block;width:80%; vertical-align: top;}
.user-info h5 {font-size: 14px;color: #222634;margin-bottom: 0;}
.user-info a {font-size: 12px;color: #9BA0B5;}
.loginbox .dropdown-item {padding: .5rem 0;font-size: 14px;color: #282830;}
.loginbox .dropdown-item.user-logout {border-top: 1px solid rgba(0,0,0,.15);margin-top: 10px;padding: 1rem 0 .5rem 0;font-weight: 900;text-shadow: 0 0 5px #ccc;}
.loginbox .dropdown-item i {color: #606473;width: 22px;}
.loginbox .dropdown-item img {width: auto;height: auto;margin-right: 5px;vertical-align: middle;}

/* Instruction Sent */
.instruction-sent {margin:0; padding:150px 0 0 0;}
.instruction-sent .card {border: 0; text-align: center;}
.instruction-sent .card h1 {font-size: 36px;color:#222634;font-weight: 700;padding: 40px 0 10px;}
.instruction-sent .login_content {font-size: 16px;color: #222634;line-height: 2;}
.instruction-sent .login_content a {color: #222634;}
.instruction-sent .login_content a:hover, .instruction-sent .login_content a:focus { color: #0D72B9; text-decoration:none; }
.instruction-sent .login_content .action-btn {background: #0D72B9;color: #fff; border:2px solid #0D72B9;	font-size: 14px;text-transform: uppercase;padding: 5px 10px;display: inline-block;width: 360px;height: 40px;margin: 30px 0 0 0;transition: all 0.5s ease-in-out; font-weight: 600;}
.instruction-sent .login_content .action-btn:hover, .instruction-sent .login_content .action-btn:focus {background: #fff;color: #0D72B9; border:2px solid #0D72B9;transition: all 0.5s ease-in-out; text-decoration: none;}

/* Send Packages */
.send-packages {padding: 50px 0;border-top: 1px solid #eeeef2;}
.send-packages h1 {font-size: 36px;color: #0A228F;font-weight: 700;margin-bottom: 15px;}
.send-packages p {font-size: 16px;color: #606473;}
.create-package-form {padding: 40px 0 60px 0;}
.create-package-form form {min-height: 72px;-webkit-box-shadow:0px 10px 35px -8px rgba(204,204,204,1);
-moz-box-shadow:0px 10px 35px -8px rgba(204,204,204,1);box-shadow:0px 10px 35px -8px rgba(204,204,204,1); position: relative;}
.create-package-form form .input-div {margin: 23px 0; position: relative;}
.create-package-form form .input-div:nth-child(2)::before {content: "";background: #606473;width: 1px;height: 12px;
	position: absolute;top: 7px;}
.create-package-form form .form-field { text-shadow: 0 0 5px #ccc; }
.create-package-form form .form-field span {font-size:13px;color:#606473;margin-right:5px;margin-left:25px;}
.create-package-form form .form-field input {width: 80%;border: 0;font-size: 14px;color: #606473;}
.create-package-form form .btn-div { height: 100%; }
.create-package-form form .form-field input[type="button"] {width: 100%;background: #0A228F;color: #fff; border:2px solid #0A228F;height: 72px;display: inline-block;font-size: 14px;text-transform:uppercase;transition:all 0.5s ease-in-out;}
.create-package-form form .form-field input[type="button"]:hover, .create-package-form form .form-field input[type="button"]:focus {transition: all 0.5s ease-in-out;background: #fff;color: #0A228F; border:2px solid #0A228F;}
.recent-packages h3 { font-size: 24px; color: #222634; font-weight: 600; }
.no-packages {text-align: center;padding: 30px 0;}
.no-packages h4 { font-size: 20px; color: #222634; font-weight: 600; }
.no-packages p { font-size: 14px; color: #606473; }

/* Prohibited Page */
.prohibited-page {padding:10px 0 50px 0;border-top: 1px solid #eeeef2;}
.prohibited-page .page-close {color: #606473;float: right;}
.prohibited-div { padding: 80px 0 0 0; }
.prohibited-div h1 {font-size: 36px;color: #222634;font-weight: 600;margin:35px 0 25px 0;}
.prohibited-div a {color: #0A228F;font-size: 14px;text-decoration: underline;margin-bottom: 70px;display: inline-block;}
.confirm-prohibited {font-size: 18px;color: #606473;}
.confirm-prohibited form {}
.confirm-prohibited form input {display: inline-block;border-width: 0 0 1px 0;border-color: #ddd;border-style: solid;width: 49%;padding: 10px 0;margin-bottom: 20px;}
.confirm-prohibited .custom-checkbox [type="checkbox"]:not(:checked) + label, .confirm-prohibited .custom-checkbox [type="checkbox"]:checked + label {position:relative;padding-left:1.50em;cursor:pointer;}
.confirm-prohibited .custom-checkbox [type="checkbox"]:not(:checked) + label::before, .confirm-prohibited .custom-checkbox [type="checkbox"]:checked + label::before {content: '';position: absolute;left: 0;top: 8px;width: 12px;height: 12px;background: #fff;border-radius: 2px;border: 1px solid #c0c3d0;}
.confirm-prohibited .custom-checkbox [type="checkbox"]:not(:checked) + label::after, .confirm-prohibited .custom-checkbox [type="checkbox"]:checked + label::after {content: '\2713\0020';position: absolute;top: 8px;left: 3px;font-size: 11px;line-height: 0.8;color: #0A228F;transition: all .2s;font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;font-weight: 600;}
.confirm-prohibited .next-step {margin: 0;float: right;height: 40px;width: 165px;background: #0A228F;color: #fff;text-transform: uppercase;font-size: 14px;text-decoration: none;padding: 8px 20px;	border: 2px solid #0A228F;vertical-align: top;transition: all 0.5s ease-in-out;}
.confirm-prohibited .next-step:hover, .confirm-prohibited .next-step:focus {transition: all 0.5s ease-in-out;background: #fff;
	color: #0A228F;border: 2px solid #0A228F; text-decoration: none;}
.confirm-prohibited .next-step i {float: right;position: relative;top: 4px;}

/* Notifications Page */
.NotificationsBox {}
.notBox {}
.notDiv {border-bottom: 1px solid #EEEEF2;position: relative;padding: 15px 0 15px 30px;display: inline-block;}
.notDiv i {color: #4CAF50;position: absolute;left: 0;font-size: 20px;}
/*.notDiv::before {content: "\f058";font-weight: 900;font-family: FontAwesome;position: absolute;left: 0;top: 15px;color: #4CAF50;}*/
.notDiv p { font-size: 14px; color: #222634; margin-bottom: 0; }
.notDiv p strong {}
.notDiv span { font-size: 12px; color: #9BA0B5; }

/* Prohibited Steps */
.prohibited-steps {padding: 50px 0;}
.prohibited-steps #progressbar {margin: 0;padding: 0;display: flex;position: relative;}
.prohibited-steps #progressbar::before {content: "";background: #e4e6ec;width: 80%;height: 1px;position: absolute;left: 0;right: 0;top: 15px;margin: 0 auto;}
.prohibited-steps #progressbar li { width: 100%; text-align: center; list-style: none; } 
.prohibited-steps #progressbar li span {background: #fff; border: 1px solid #9ba0b4;width: 32px;height: 32px;border-radius: 100%;display: block;color: #9ba0b4;text-align: center;padding: 5px 0;font-size: 14px;margin: 0 auto;position: relative;}
.prohibited-steps #progressbar li.active span {background: #0A228F;border: 1px solid #0A228F;color: #fff;}
.prohibited-steps #progressbar li.active-done span {background: #D1F1D2;border: 1px solid #4CAF50;color: #4CAF50;}
/*.prohibited-steps #progressbar li.active + li.active span {background: #D1F1D2;border: 1px solid #4CAF50;color: #4CAF50;}*/
/*.prohibited-steps #progressbar li#sender.active span {background: #0A228F;border: 1px solid #0A228F;color: #fff;}*/
.prohibited-steps #progressbar li strong {font-size: 12px;color: #9ba0b4;text-transform:uppercase;font-weight:600;}
.prohibited-steps #progressbar li.active strong {color: #000000;font-weight:700;}
.hide { display: none; }
.prohibited-steps #msform fieldset { padding:50px 0; }
.radio-box {height: 380px;border: 1px solid #e9ebf1;border-radius: 3px;text-align:center;position:relative;}
.radio-box input[type="radio"] {position: absolute;left: 0;right: 0;top: 0;bottom: 0;cursor: pointer;width: 100%;height: 100%;}
.radio-box input[type="radio"] + label {margin: 0;background: #fff;position: absolute;cursor: pointer;left: 0;
	right: 0;top: 0;bottom: 0;border-radius: 2px; border: 1px solid #e9ebf1; padding: 20px;}
.radio-box input[type="radio"]:checked + label {margin: 0;background: #fff;position: absolute;cursor: pointer;
	left: 0;right: 0;top: 0;bottom: 0;border-radius: 2px; border: 1px solid #828dc2;}
.radio-box h2 {font-size: 32px;color: #222634;margin: 0;}
.radio-box h6 {font-size: 15px;color: #222634;}
.radio-box img {}
.radio-box .pickupimg { position: relative; }
.radio-box .pickupimg-overlay {background: rgba(151, 151, 151, 0.7);position: absolute;top: 24px;left: 0;
	right: 0;bottom: 0;color: #fff;width: 272px;margin: 0 auto;height: 150px;font-size: 16px;border-radius: 5px;padding: 28px 52px;line-height: 2;}

.radio-box p {font-size: 16px;color: #222634;line-height: 2;width:78%;margin: 0 auto;display: inline-block;}
.pickup-add {padding: 50px 0 0 0;}
.pickup-add h3 {font-size: 36px;color: #222634;font-weight: 700;margin-bottom: 30px;}
.addbox {border: 1px solid #e9ebf1;border-radius: 2px;padding: 20px 30px;}
.addbox h6 { font-size: 16px; color: #222634; font-weight: 600; text-transform: uppercase; }
.addbox .log-form-box { width: 100%; margin: 0; }
.addbox .log-form-box textarea {border: 0;width: 100%;min-height: 165px;}
.prohibited-steps #msform .btn {float: right;width: auto;width: 165px;height: 40px;background:transparent;
	border: 2px solid transparent;font-size: 14px;text-align: left;padding: 5px 15px;margin-top: 50px;}
.prohibited-steps #msform .action-button {float: right;width: auto;width: 165px;height: 40px;background: #0A228F;border: 2px solid #0A228F; color:#fff;font-size: 14px;text-align: center;padding: 5px 5px;margin-top: 50px; position: relative;}
.prohibited-steps #msform .action-button::hover, .prohibited-steps #msform .action-button:focus {background: #fff ;border: 2px solid #0A228F;color:#0A228F;} 
.dropoff-box {padding: 50px 0;}
.dropoff-box h3 {font-size: 36px;color: #222634;font-weight: 700;margin-bottom: 20px;}
.dropoff-box .radio-custom li {margin: 0 0 15px 0;width: 49%; vertical-align: top;}
/*.prohibited-steps #msform .action-button:after { content:"\f30b"; font-weight: 900; font-family: FontAwesome;}*/
.watchVideo {color: #606473;text-transform: capitalize;text-decoration: underline;position: relative;	padding: 0 0 0 20px;}
.watchVideo::before {content: "\f144";position: absolute;left: 0;top: -1px;font-weight: 900;font-family: "Font Awesome 5 Free";}
#watchVideo .modal-dialog {max-width: 800px;}
#watchVideo .modal-header .close {position: absolute;right: 15px;top: 3px;}
#watchVideo .modal-header .close:hover, #watchVideo .modal-header .close:focus { background: transparent; border:0; opacity: 1; }
#watchVideo iframe {width: 100%;}

.prohibited-steps #msform .draft-button {float: right;width: 165px;height: 40px;background:transparent;border: 2px solid transparent;font-size: 14px;text-align: center;padding: 5px 15px;margin-top: 50px; margin-right: 5px; position: relative; text-transform: uppercase;}
.prohibited-steps #msform .draft-button:hover, .prohibited-steps #msform .draft-button:focus {background: #0A228F ;border: 2px solid #0A228F;color:#fff;} 
.prohibited-steps #msform .action-button-previous {float: right;width: 165px;height: 40px;background:#616161;border: 2px solid #616161;font-size: 14px;text-align: center;padding: 5px 15px;margin-top: 50px;margin-right: 5px; position: relative;text-transform: uppercase;}
.prohibited-steps #msform .action-button-previous:hover, .prohibited-steps #msform .action-button-previous:focus {background: #fff ;border: 2px solid #616161;color:#616161;}


.receiver-div {}
.receiver-div fieldset {}
.receiver-div fieldset h3 { font-size: 36px; color: #222634; font-weight:700; }
.receiver-div fieldset p { font-size: 16px; color: #606473; }
.receiver-info { border:1px solid #e2e4ec; border-radius: 2px; padding:30px 40px; margin-bottom:30px; }
.receiver-info h6 {font-size: 16px;color: #222634;font-weight: 700;text-transform: uppercase;}
.receiver-info h6 + p { font-size: 14px; }
.receiver-info h6 a {color: #121c8b;margin-left: 12px;}
.receiver-info .log-form-box {width: 100%;margin: 0;}
.receiver-list {margin: 0;padding: 0;max-height: 270px;overflow: auto;}
.receiver-list li {list-style: none;border-bottom: 1px solid #f4f4f7;padding: 20px 0;}
.receiver-list li .custom-radio {display: inline-block;width: 50px;vertical-align: top;}
.receiver-list  [type="radio"]:not(:checked), .receiver-list  [type="radio"]:checked {position: absolute; left: -9999px;}
.receiver-list  [type="radio"]:not(:checked) + label, .receiver-list  [type="radio"]:checked + label {
  position: relative; padding-left: 1.95em;cursor: pointer;}
.receiver-list  [type="radio"]:not(:checked) + label::before {content: '';
	position: absolute;left: 0;top: 0;width: 17px;height: 17px;background: #fff;border-radius: 100%;border: 1px solid #a1a6b8;}
.receiver-list [type="radio"]:checked + label::before {content: '';position: absolute;left: 0;top: 0;width: 17px;height: 17px;	background: #121c8b;border-radius: 100%;border: 1px solid #121c8b;}
.receiver-list [type="radio"]:not(:checked) + label::after, .receiver-list [type="radio"]:checked + label::after {
	content: '';position: absolute;top: 5px;left: 5px;color: #fff;transition: all .2s;background: #fff;height: 7px;width: 7px;
	border-radius: 100%;}
.receiver-list  [type="radio"]:not(:checked) + label:after {opacity: 0; transform: scale(0);}
.receiver-list  [type="radio"]:checked + label:after {opacity: 1;transform: scale(1);}
.receiver-list  [type="radio"]:disabled:not(:checked) + label:before, .receiver-list  [type="radio"]:disabled:checked + label:before {box-shadow: none;border-color: #bbb;background-color: #ddd;}
.receiver-list  [type="radio"]:disabled:checked + label:after {color: #999;}
.receiver-list  [type="radio"]:disabled + label {color: #aaa;}
.receiver-list  [type="radio"]:checked:focus + label:before, .receiver-list  [type="radio"]:not(:checked):focus + label:before {border: 2px dotted blue;}
.receiver-list li .receiver-name { display: inline-block; font-size: 14px; color: #9BA0B5;vertical-align: top; }
.receiver-list li .receiver-name h6 { font-size: 16px; color: #222634; font-weight: 600; margin-bottom:5px; }
.receiver-list li .receiver-name div span { margin: 0 10px; }

.log-form-box .phone-group {margin-top: 15px;}
.log-form-box .phone-group .iti {display: inline-block;width: 100px;}
.log-form-box .phone-group input#phone {display: inline-block;width:65%;}

.summary-box {background: url(../images/summary-box.png) no-repeat;min-height: 488px;min-width: 100%;padding: 30px 40px;	background-size: 100%;margin-top: 80px;}
.summary-box hr {margin: 30px 0 30px;}
.summary-box h3 {font-size: 24px;color: #222634;font-weight: 600;margin: 10px 0 10px;}
.summary-box p {}
.summary-info {font-size: 16px;color: #222634;padding:8px 0;}
.summary-info strong {font-size: 18px;color: #222634;float: right;}
.summary-info strong.total {font-size: 24px;}

.radio-custom {padding: 0;}
.radio-custom li { list-style: none; display: inline-block; margin-right: 10px; }
.radio-custom [type="radio"]:not(:checked), .radio-custom [type="radio"]:checked {position:absolute;left: -9999px;}
.radio-custom [type="radio"]:not(:checked) + label, .radio-custom [type="radio"]:checked + label {
  position: relative; padding-left: 1.95em;cursor: pointer;}
.radio-custom  [type="radio"]:not(:checked) + label::before {content: '';
	position: absolute;left: 0;top:4px;width: 17px;height: 17px;background: #fff;border-radius: 100%;border: 1px solid #a1a6b8;}
.radio-custom [type="radio"]:checked + label::before {content: '';position: absolute;left: 0;top:4px;width: 17px;height: 17px;	background: #121c8b;border-radius: 100%;border: 1px solid #121c8b;}
.radio-custom [type="radio"]:not(:checked) + label::after, .radio-custom [type="radio"]:checked + label::after {
	content: '';position: absolute;top:9px;left: 5px;color: #fff;transition: all .2s;background: #fff;height: 7px;width: 7px;border-radius: 100%;}
.radio-custom  [type="radio"]:not(:checked) + label:after {opacity: 0; transform: scale(0);}
.radio-custom  [type="radio"]:checked + label:after {opacity: 1;transform: scale(1);}
.radio-custom  [type="radio"]:disabled:not(:checked) + label:before, .radio-custom  [type="radio"]:disabled:checked + label:before {box-shadow: none;border-color: #bbb;background-color: #ddd;}
.radio-custom  [type="radio"]:disabled:checked + label:after {color: #999;}
.radio-custom  [type="radio"]:disabled + label {color: #aaa;}
.radio-custom  [type="radio"]:checked:focus + label:before, .radio-custom  [type="radio"]:not(:checked):focus + label:before {border: 2px dotted blue;}
#content-req {}
#content-req .row {background: #e8eaf0;padding: 10px;}
.closeitem {color: #ff0000;}
.package-note {margin-top: 90px;}
.package-note img { margin-bottom: 20px; }

.payment-details .addpromo {background:transparent;border:0;color:#0A228F;font-size:14px;text-decoration:underline;padding:0 0 10px;}
.payment-details #addpromo input {width: 120px;margin-bottom: 20px;}
.payment-details .nav-tabs {border-width: 0 0 1px 0;margin-top: 20px;border-style: solid;border-color: #f0efee;padding-bottom: 30px;}
.payment-details .nav-tabs .nav-item {margin-right: 12px;}
.payment-details .nav-tabs .nav-link {border: 1px solid #f0f1f5;font-size: 16px;color: #222634;padding: 5px 15px;width: 165px;height: 40px;text-align: center;border-radius: 2px;}
.payment-details .nav-tabs .nav-item.show .nav-link, .payment-details .nav-tabs .nav-link.active {border: 1px solid #828dc2;}
.pay-creditcard .custom-checkbox {padding: 0;}
.pay-creditcard .custom-checkbox li {list-style: none;}
.pay-creditcard .custom-checkbox li label {font-weight: 600;color: #000;}
.pay-creditcard .form-group label {font-weight: 600;color: #000;}
.pay-creditcard .custom-radio li {padding: 5px 0 0 0;}
.pay-creditcard .custom-radio li label img {vertical-align: top;width: 35px;margin-right: 12px;top: -4px;position: relative;}

#myRadioGroup ul {padding: 0;}
#myRadioGroup ul li {display: inline-block;min-width: 85px;height: 39px;position: relative;margin: 30px 20px 30px 0;}
#myRadioGroup ul li input {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;opacity: 0;cursor: pointer;}
#myRadioGroup ul li label {margin: 0;border: 1px solid #f0f1f5;width: 100%;height: 100%;display: inline-block;text-align: center;font-size: 16px;color: #222634;padding: 5px;border-radius: 2px; position: relative; cursor: pointer;}
#myRadioGroup [type="radio"]:checked + label {border: 1px solid #121c8b;}
#myRadioGroup [type="radio"]:checked + label::before {content: "\f058";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;color: #121c8b;right: -7px;top: -13px;z-index: 1;}

.receiver-box h3 { font-size: 36px; color: #222634; font-weight: 600; }
.receiver-box h3 + p { font-size: 16px; }
.confirmation-details .receiver-info h6 {font-size: 14px;border-bottom: 1px solid #f2f2f5;padding-bottom: 20px;margin-bottom: 20px;}
.confirmation-details .summary-info {font-size: 14px;color: #222634;padding: 15px 0;border-top: 1px solid #f2f2f5;}
.confirmation-details hr {border-top: 1px solid #f2f2f5;}
.confirmation-details .summary-info strong {font-size:15px;color: #222634;float: right;text-align: right;}
.confirmation-details .receiver-name h6 {margin: 0;padding: 0 0 5px;border: 0;font-size: 16px;text-transform: inherit;}
.confirmation-details .receiver-name {font-size: 14px;color: #606473;}
.confirmation-details .receiver-name div span {padding: 0 10px;}
.confirmation-details .deliver-terms {font-size: 14px;color: #606473;width: 68%;margin: 0 auto;line-height: 1.8;}
.confirmation-details .deliver-terms a { color: #0A228F; text-decoration: underline; }

.thanksModal .modal-dialog {text-align: center;margin: 12% auto;}
.thanksModal .thanks-check {color: #347851;font-size: 50px;margin: 15px 0 5px 0;display: inline-block;}
.thanksModal h5 {font-size: 26px;color: #222634;font-weight: 600;}
.thanksModal p {font-size: 16px;color: #222634;width: 54%;margin: 0 auto 10px;}
.thanksModal .thanks-ok {width: 165px;height: 40px;display: inline-block;background: #0A228F;color: #fff;font-size: 14px;	text-transform: uppercase;padding: 7px 0;margin: 20px 0;border: 2px solid #0A228F;}
.thanksModal .thanks-ok:hover, .thanksModal .thanks-ok:focus {background: #fff;color: #0A228F;border: 2px solid #0A228F; text-decoration: none;}

/*----------Rj css started---------*/
.create-package-form form .form-field input.action-button {
	background: #0A228F;
	height: 72px;
	width: 100%;
	max-width: 150px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 5px 10px;
}

.create-package-form form .form-field input {width:80%;border: 0;font-size: 14px;color: #606473;}
.create-package-form form .form-field input + .parsley-errors-list {position: absolute;}
.create-package-form form .form-field input + .parsley-errors-list li {list-style: none;color: #ff0000;font-size: 14px;}

.recent-packages-list {}
.recent-packages-list h3 { margin-bottom: 20px; }
.recent-packages-list .order-info {border: 1px solid #E2E4EC;min-height: 88px;color: #222634;border-radius: 3px;	margin-bottom: 6px;font-size: 16px;padding: 28px 18px; }
.recent-packages-list .order-number {color: #222634;font-weight: 600;}
.recent-packages-list .order-flow {}
.recent-packages-list .order-location {color: #222634;vertical-align: middle;width: 18%;}
.recent-packages-list .order-location i {position: relative;top: 5px;color: #606473;}
.recent-packages-list .order-status {display: inline-block;color: #222634;border: 0;font-size: 16px; margin: 0; padding: 0;vertical-align: middle;}
.recent-packages-list .order-status i {position: relative;top: 2px;color: #606473;font-size: 15px;margin-right: 8px;}
.recent-packages-list .order-status span {font-size: 14px;color: #9BA0B5;margin-left: 5px;}
.recent-packages-list .loadMore {width: 153px;height: 36px;font-size: 13px;color: #222634;text-transform: uppercase;
	font-weight: 600;border: 1px solid #EEEEF2;text-align: center;padding: 8px 0;margin: 20px auto auto;
	cursor: pointer; display: block;}
.recent-packages-list .loadMore:hover, .recent-packages-list .loadMore:focus {border: 1px solid #0A228F;color: #fff; background: #0A228F;}


.send-packages.track {padding:13% 0;border-top: 1px solid #eeeef2;}

.order-track-page{	padding:80px 0; background:#fff;	position: relative;}

.order-track-page .cross-track{	position: absolute;	top:30px;right:40px;color:#606473;}

.order-track-page .order-id-no {font-size: 36px;font-weight: 700;color: #222634;display: inline-block;}

.dropdown.btn-right {display: block;float: right;margin: 10px 0 0 0;}

.order-track-page .action-button.dropdown-toggle {background: #0A228F;color: #fff;font-size: 14px;font-weight: 700;border: 0;padding: 8px 33px;}

.order-track-page .transit {padding: 1px 10px;font-size: 10px;text-transform:uppercase; font-family:Roboto; color: #fff;background: #F4B943;width: max-content;}

.order-track-page .order-id-div{
	padding:0 0 45px 0;
	border-bottom:1px solid #fff;
}

.order-track-page .order-record{
	padding:50px 0 0 0;
}

.order-track-page .order-record ul{list-style:none; margin:0; padding:0;}

.order-track-page .order-record ul li {
	display: inline-block;
	width: 24.5%;vertical-align: top;
}

.order-track-page .order-record ul li strong{font-size:16px; color:000000; font-weight:700;}



.order-track-page .check-ord-div{
	position: relative;
}

.order-track-page .order-record ul li .check-ord-div::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 15px;
	width: 100%;
	border-bottom: 1px solid #D8D8D8;
	left: 9px;
}



.order-track-page .order-record ul li .check-ord-div::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 15px;
	width:0;
	border-bottom: 1px solid #4CAF50;
	left: 9px;
	transition:all .3s ease-in;
}

.order-track-page .order-record ul li.active .check-ord-div::after {width:100%; transition:all .3s ease-in; left:6px;}
.order-track-page .order-record ul li.delivered.active .check-ord-div::after {
	width: 89%;
	left: -10px !important;
	transition: all .3s ease-in;
}

.order-track-page .order-record ul li .check-ord-div::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 15px;
	width: 100%;
	border-bottom: 1px solid #D8D8D8;
	left: 0;
}

.order-track-page .order-record ul li span.checked-order {
	padding: 7px 0 0 0;
	border-radius: 50%;
	font-size: 13px;
	font-weight: 700;
	color: #9BA0B5;
	background: #fff;
	height: 32px;
	width: 32px;
	display: inline-block;
	text-align: center;
	position: relative;
	border: 1px solid #E2E4EC;
	z-index: 1;
}

.order-track-page .order-record ul li.active span.checked-order{
/*	padding: 8px 0 0 0;
	 border-radius: 50%;
	font-size: 13px;
	font-weight: 700;	height: 32px;
	width: 32px;
	display: inline-block; */
	text-align: center;color:#4CAF50;
	background:#D1F1D2;
	border:1px solid #4CAF50; 
}

.order-track-page .order-record ul li strong {
	font-size: 16px;
	color: 000000;
	font-weight: 700;
	margin: 0 0 10px 0;
	display: block;
}

.order-track-page .order-record ul li strong.h-delivered{
	margin: 0;
}

.order-record .pack-time {
	margin: 2px 0 49px 0;
}

.order-track-page .order-record ul li span.package-timing{
	font-size:12px;
	color:#9BA0B5;
	font-family: Roboto;
	font-weight:400;
}

.order-track-page .general-div {
	padding: 20px 44px;
	background: #fff;
	border: 1px solid #E2E4EC;
	border-radius: 3px;box-shadow: 0 0 2px #E2E4EC;
}

.order-track-page .general-div.sec{
	margin-top:30px;
}

.order-track-page .general-div .gen-heading {
	font-size: 16px;
	font-weight: 700;
	color: #000000;
	padding: 0;
	margin: 0 0 7px -14px; text-transform: uppercase;
}

.order-track-page .general-div .gen-heading i{
	color:#0A228F;
	position: relative;
	top:1px;
	margin:0 0 0 10px;
}

.row.order-div {
	border-bottom: 1px solid #EEEEF2;
	font-size: 14px;
	font-weight: 400;
	font-family: Roboto;
	padding: 18px 0;
}

.row.order-div.b-trans{
	border-bottom: 1px solid transparent;
}

.row.order-div .col-sm-6{
	padding:0;
}

.row.order-div span {
	font-size: 16px;
	font-weight: 500;
	font-family: Roboto; font-weight: 600;
}
.row.order-div span.e-mail{
	margin:0 25px 0 0;
}
.row.order-div span.e-mail i { margin-right:10px; }

.row.order-div span i{
	color:#606473; margin-right: 5px;
}
.row.order-div span i.fas.fa-phone {
	transform: rotate(90deg);
}
.b-trans .col-sm-4.text-left {
	text-transform: capitalize;
	padding-left: 0;
}

.row.order-div span.total-cost{
	font-size:18px;
	font-weight:500;
	color:#000;
	font-family: Roboto;
}

.row.order-div span.total-amt{
	font-size:32px;
	font-weight:700;
	color:#000;
	font-family: Roboto;
}

/* About Us */

.section-about .col-sm-6.text-about {
	padding: 7.3% 0 0 15%;
}

.section-about .col-sm-6.text-about h1 {
	font-size: 54px;
	font-weight: 700;
	color: #222634;
	margin: 0 0 20px 0;
}

.section-about{
	padding:80px 0 80px 0;
}

.video-tags-fill{
	height:530px;
	width:672px;
}

.section-about .col-sm-6.text-about p{
	font-size:18px;
	font-weight:400;
	color:#222634;
	width:416px;
	line-height:30px;
}
.section-about .video-padding {
	padding-right: 0;
}
.vid-division{
	position:relative;
}
.vid-division video { width: 100%; }

.vid-division img.poster{
	position:absolute;
	top:0;
	right:0;
}

.vid-division img.poster.play {
	top: 0;
	bottom: 0;
	left: 0;
	right: -90px;
	margin: auto;
}

/* Career Page */

.section-about.carrer h1 {
	font-size: 54px;
	font-weight: 700;
	color: #222634;
	font-family: Roboto;
	margin: 0 0 4px -2px;
}

.section-about.carrer p {
	font-size: 18px;
	color: #606473;
	font-weight: 400;
	margin: 0 0 32px 0;
	width: 493px;
}

.section-about.carrer {
    padding: 80px 0 100px 0;
}
.job-Box {
	border-bottom: 1px solid #EEEEF2;
	margin-bottom: 30px;
	padding: 0 0 10px 0;font-size: 16px;
	color: #606473;
}
.section-about.carrer span{
	font-size:24px;
	font-family: Roboto;
	font-weight:500;
	color:#222634;
}

.section-about.carrer .job-Box p {
	font-size: 16px;
	color: #606473;
	font-weight: 400;
	margin: 0 0 15px 0;
	width: 100%;
}

.section-about.carrer .sent-resume-btn {
	background: #fff;
	border: 1px solid #EEEEF2;
	border-radius: 0;
	padding: 6px 45px 6px 45px;
	color: #222634;
	font-size: 13px;
	font-weight: 700;
	margin: 0 0 20px 0;
	cursor: pointer;
	text-transform: capitalize;
}
.section-about.carrer .sent-resume-btn:hover, .section-about.carrer .sent-resume-btn:focus {background: #EEEEF2;border: 1px solid #EEEEF2;color: #222634;}

.resume-modal .modal-title {text-transform: capitalize;text-align: center;display: block;width: 100%;
	font-weight: 700;}
.resume-modal form {padding: 20px 40px;}
.resume-modal form input {border: 1px solid #EEEEF2;padding: 5px 15px;width: 100%;color: #606473;}
.resume-modal form .box label {border: 1px solid #EEEEF2;padding: 0px 115px 0px 15px;width: 100%;
	color: #606473;position: relative;height: 35px;	max-width: 100%;}
.resume-modal form .box label span { font-weight: normal; font-size: 16px; }
.resume-modal form .box label strong {background: #0A228F;border: 1px solid #0A228F;color: #fff;position: absolute;right: 0;top: 0;bottom: 0;font-weight: normal;font-size: 16px;padding: 4px 10px;cursor: pointer;
	z-index: 9;transition: all 0.5s ease-in-out;}
.resume-modal form .box label strong:hover, .resume-modal form .box label strong:focus {background: #fff; border:1px solid #0A228F;color: #0A228F;transition: all 0.5s ease-in-out;}
.resume-modal form input.resumeSubmit {background: #0A228F; border:1px solid #0A228F;color: #fff;transition: all 0.5s ease-in-out;}
.resume-modal form input.resumeSubmit:hover, .resume-modal form input.resumeSubmit:focus {background: #fff; border:1px solid #0A228F;color: #0A228F;transition: all 0.5s ease-in-out;}


/* Contact us */
.section-about.contact-us .contactForm { width: 310px;margin: 0 auto; }
.section-about.contact-us .log-form-box { width: 100%;
	
}

.section-about.contact-us ul.contact-us-detail {
	list-style: none;
	margin: 64px 0 0 0;
	padding: 0;
}

.section-about.contact-us ul.contact-us-detail li img {
	display: inline-block;
	margin: 8px 0 0 0;
	height:24px;
	width:auto;

}

.section-about.contact-us ul.contact-us-detail li span {
	padding: 0 0 0 19px;
	display: inline-block;
	width: 90%;
	vertical-align: top;
}

.section-about.contact-us ul.contact-us-detail li{
	margin:0 0 30px 0;
	font-size:14px;
	font-weight:400;
	font-family: Roboto;
	line-height:22px;
	color:#606473;
	text-decoration:none;
}

.section-about.contact-us ul.contact-us-detail li a i {
	margin-right: 14px;
	font-size: 21px;
	position: relative;
	top: 3px;
	color:#A3A5B0;
}

.section-about.contact-us ul.contact-us-detail li a{
	font-size:14px;
	font-weight:400;
	font-family: Roboto;
	line-height:22px;
	color:#606473;
	text-decoration:none;
}

.section-about.contact-us ul.contact-us-detail li a.contact-n{
	font-size:16px;
	font-weight:500;
	font-family: Roboto;
	color:#222634!important;
}
.section-about.contact-us .col-sm-6.text-about {
    padding: 0.3% 0 0 15%;
}

.section-about.contact-us .log-form-box .textarea-msg{
	border:0;
	border-bottom:1px solid lightgray;
	border-radius:0;
	resize:none;
}

.section-about.contact-us ul.contact-us-detail li a.contact-n img {
	position: relative;
	top: -6px;
}

.section-about.contact-us .container-fluid {
	padding-right: 0;
}

/* Blog Listing */

.accord-live .panel-title > a {
	display: block;
	position: relative;
}

.accord-live .panel-title > a::after {
	content: "\f0d7";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	right: 45px;
	color: #606473;
	font-size: 16px;
	transition: all .3s ease-in;
	top: 27px;
}

.accord-live .panel-title > a[aria-expanded="true"]:after {
	content: "\f0d8";
	color:#606473;
	font-size:16px;
	transition:all .3s ease-in;

}

.section-about.carrer .blog-source span{
	font-size:10px;
	font-family: Roboto;
	font-weight:400;
	color:#606473;
}

.section-about.carrer .blog-source .blog-heading {
	font-size: 28px;
	font-weight: 700;
	color: #222634;
	line-height: 37px;
	margin: 10px 0 10px 0;
	width: 350px;
}

.section-about.carrer .blog-source .blog-detail{
	font-size:14px;
	font-weight:400;
	color:#606473;
	font-family: Roboto;
}

.row.blog-share {
	padding-top: 40px;
	padding-bottom: 0;
}

.row.blog-share ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.row.blog-share ul li {
	display: inline-block;
}

.row.blog-share ul li a {
	color: #B6B6B6;
	font-size:16px;
	margin: 0 14px 0 0;
}

.row.blog-share a.rd-btn {
	color:#0A228F;
	font-size:13px;
	font-weight:700;
	text-decoration:none;
}

.row.blog-share a.rd-btn i{
	margin:0 0 0 6px;
}

.blog-sec .blog-imgs{
	height:280px;
	width:367px;
}
.blog-sec .blog-imgs img{
	height:100%;
	width:100%;
	object-fit:cover;
}

.row.blog-rows {
	margin: 0 0 55px 0;
}

.col-sm-7.blog-source {
	padding-top: 6px;
	padding-left:50px;
}

.btn-more{
	padding:30px 0 0 0;
}

.btn-more .btn-blog-more{
	padding:8px 53px 8px 53px;
	color:#222634;
	font-weight:700;
	font-size:13px;
	text-transform:uppercase;
	border:1px solid #EEEEF2;
	text-decoration:none;
}

.blog-detail-section {

}

.blog-detail-section .blog-share .schedule{
	font-weight:400;
	font-size:16px;
	color:#606473;margin:0px 16px 0 0;
	position: relative;
	top:2px;
}

.blog-detail-section .ul-share ul{
	display: inline;
	margin:0 0 0 16px;
	position: relative;
	top:2px;
}

.blog-detail-section .ns-heading {
	font-size: 54px;
	font-weight: 700;
	color: #222634;
	margin: 0 0 10px 0;
}

.col-sm-7 .blog-border {
	padding-bottom: 30px;
	border-bottom: 1px solid #EEEEF2;
	width: 95%;
}

.blog-detail-section .blog-content {
	padding: 38px 0 30px 0;
}

.blog-content .blog-d-img{
	height:328px;
	width:632px;
}

.blog-content .blog-d-img img{
	height:100%;
	width:100%;
	object-fit:cover;
}

.blog-content .blog-paragraph p{
	margin:23px 0 0 0;
	color:#606473;
	font-weight:400;
    font-family: Roboto;
}

.blog-content .blog-paragraph {
	padding-top: 22px;
}

.blog-content .btn-next-article {
	padding: 60px 0 80px 0;
}

.blog-content .btn-next-article a {
	color: #222634;
	font-size: 13px;
	font-weight: 700;
	padding: 11px 59px;
	border: 1px solid #EEEEF2;
	text-transform: uppercase;
	text-decoration: none;
}

.featured-blog .featured-h{
	font-size:16px;
	color:#222634;
	font-weight:700;
	
}

.col-sm-4.featured-blog {
	padding-left: 180px;
}

.col-sm-4.featured-blog ul {
	padding: 0;
	margin: 14px 0 0 0;
}

.col-sm-4.featured-blog ul li{
	margin-bottom:10px;
}

.col-sm-4.featured-blog ul li a{
	font-size:16px;
	color:#222634;
	font-weight:400;
	text-decoration:underline;
	line-height:32px;
}

/* Instructions sent */
.instruction-sent .card {box-shadow: none;text-align: center;padding: 80px 0;}
.instruction-sent h1 {font-size: 36px;color: #222634;font-weight: 700;text-align: center;margin: 30px 0 20px;}
.instruction-sent .login_content {font-size: 16px;color: #222634;}
.instruction-sent .login_content a {color: #222634;}
.instruction-sent .login_content a:hover, .instruction-sent .login_content a:focus { color: #007bff; }
.instruction-sent .login_content a.action-btn { color: #007bff; }
.instruction-sent .login_content a.action-btn.blue-btn {background: #007bff; border:2px solid #007bff;display: block;
	color: #fff;font-weight: 700;text-transform: uppercase;padding: 10px 0;width: 60%;margin: 30px auto 15px;transition: all 0.5s ease-in-out;}
.instruction-sent .login_content a.action-btn.blue-btn:hover, .instruction-sent .login_content a.action-btn.blue-btn:focus {background: #fff;border:2px solid #007bff;color: #007bff;transition: all 0.5s ease-in-out;}
.forget-password-layout .instruction-sent .login_content a.action-btn { color: #fff; }
.forget-password-layout .instruction-sent .login_content a.action-btn:hover, .forget-password-layout .instruction-sent .login_content a.action-btn:focus {color: #007bff;}

/* 404 Page */
.not-found { text-align: center;padding: 80px 0; }
.not-found img { margin:0 auto 20px; }
.not-found h1 {font-size: 36px;color: #222634;font-weight: 700;text-align: center;margin: 30px 0 20px;}
.not-found p {margin-bottom: 8px;}


.content-page {min-height: 550px;padding: 54px 0 30px 0;}
.content-page h1 {font-size: 28px;color: #222634;font-weight: 700;padding: 30px 0 10px 0;}


/* FAQ Page */
.section-about.carrer.accord-live h1 {margin-bottom: 30px;}
.accord-live .panel {border: 1px solid #E2E4EC;margin-bottom: 15px;padding: 15px 20px;}
.accord-live .panel-title {margin: 0;font-size: 24px;color: #222634;}
.accord-live .panel-title a {color: #222634;}
.accord-live .panel-title a:hover, .accord-live .panel-title a:focus { text-decoration: none; }
.accord-live .panel-title a[aria-expanded="true"] { font-weight: 600; }
.accord-live .panel .panel-title > a::after {top: 5px;right: 0;}
.accord-live .panel-collapse {font-size: 14px;color: #606473;padding: 20px 0 0 0;}


@media only screen and (max-width:1399px) { 
.login-layout .log-form-div, .forget-password-layout .log-form-div, .password-layout .log-form-div { height: 100vh; }
.-layout { background-size: cover; }
.section-security .secrity-img { width: 100%; height: auto; }
}

@media only screen and (max-width:1299px) { 
.section-delivery .deliver-row .place-div {padding: 175px 0 0 90px;}
.big-blue-text {margin-left: 25%;}
.blog-content .blog-d-img {width: 100%;}
}

@media only screen and (max-width:1199px) { 
.section-delivery {background-size: 600px auto;}
.section-delivery .deliver-row .place-div {padding: 175px 0 0 0;}
.text-security h1.big-blue-text3 {right: -200px;}
.text-security p {margin: 48px 0 0 95px;}
/*.login-layout .log-regd {min-height: 700px;}
.login-layout .log-img {width: 100%;height:700px;}
.register-layout .log-regd {min-height:800px;}*/
.send-packages-layout .create-package-form form .form-field input {width: 75%;}
.send-packages-layout .create-package-form form .form-field input.action-button {width: 100%;}
.prohibited-div h1 {font-size: 30px;}
.summary-box {min-height: 440px;padding: 30px 25px;background-size: 100% 100%;}
.blog-sec .blog-imgs {height: 250px;width: 100%;}
}

@media only screen and (max-width:1099px) { 
.section-delivery {background-size: 555px auto;background-position: right 0;}
/*.log-regd {height: 100vh;}*/
/*.register-layout .log-regd {min-height: 800px;height: 700px;}*/
.acc-menu ul {padding: 85px 0 0 50px;}

}

@media only screen and (max-width:991px) { 
.section-delivery {background-size: 400px auto;}
.section-delivery .deliver-row .place-div {padding: 45px 0 0 0;}
.delivery-div h1 {font-size: 38px;line-height: 45px;}
.text-security h1.big-blue-text3 {right: -120px;}
.text-security p {margin: 48px 0 0 0;}
/*.login-layout .log-img-div {height: 100vh;padding: 0;}*/
.login-layout .log-form-div {padding: 0;}
/*.log-regd .container-fluid {padding: 0;height: 100%;}
.log-regd .log-header + .row { height: 100%; }
.login-layout .log-img {width: 100%;height: 100%;}
.forget-password-layout .log-regd {min-height: 620px;}*/
.send-packages-layout .create-package-form form .form-field input {width: 72%;}
.acc-step-box.log-form-box {margin: 0 auto;}
.section-about .col-sm-6.text-about {padding: 0 0 0 15%;}
.section-about.carrer .sent-resume-btn {padding: 6px 20px;}
.section-about.carrer h1 {font-size: 40px;}
.blog-detail-section .ns-heading {font-size: 35px;}
}

@media only screen and (max-width:899px) { 
.delivery-div {width: 48%;}
.delivery-div h1 {font-size: 35px;}
.delivery-div p {width: 100%;}
.log-regd .log-form-div {padding-left: 0;}
.log-header, .log-footer {padding: 20px 15px;}
.section-about .col-sm-6.text-about {padding: 0 0 0 5%;}
.section-about .col-sm-6.text-about h1 {font-size: 40px;}
#watchVideo .modal-dialog {max-width:100%;}
}

@media only screen and (max-width:799px) { 
.log-footer a + span {margin: 0 5px;}
.section-about.contact-us .container-fluid .row { margin-right: 0; }
.section-about {overflow-x: hidden;}
}

@media only screen and (max-width:767px) { 
.section-delivery {background-size: 320px auto;}
.delivery-form.form-group .form-control.track-btn, .delivery-form.form-group .form-control.del-submit {padding: 2px 17px;height: 50px;}
.text-security p {margin-left: -65px;}
.text-bleu h1.big-blue-text2 {text-shadow: 0 0 2px #fff;}
.text-security h1.big-blue-text3 {right: -80px;text-shadow: 0 0 2px #fff;}
.footer-menus .social-links ul li {margin: 0 0 0 15px;}

.log-regd {position: relative;height: 100vh; background: url(../images/log-img.png) no-repeat; background-size: cover;}
.log-header {position: relative;}
.log-regd .log-img-div { display: none; }
.log-regd .log-form-div {position: absolute;top: 0;padding: 0;left: 0;right: 0;background: rgba(0,0,0,0.5);	height: 100%;}
.register-layout .log-regd .log-form-div, .login-layout .log-regd .log-form-div {
	background: rgba(0,0,0,0.5) url(../images/log-img.png) no-repeat;
	height: auto;
	background-size: cover;
}
.log-header .log-link {color: #fff;vertical-align: top;position: relative;top: -12px;}
.log-header .log-link a {color: #fff;}
.log-header .loghead-right img { display: none; }
.log-header .loghead-right img.resp-logo {display: block;top: 8px;position: relative;}
.log-footer a, .log-footer a + span { color: #fff; }
.log-form-box {background: rgba(255,255,255,0.6);width: 450px;padding: 30px 50px;margin: 100px auto auto;}
.log-form-box #msform fieldset, .log-form-box #msform fieldset .form-card { background: transparent; }
.log-form-box .form-group label {left: 15px;}
.log-form-box .form-group.focus label {left: 0;color: #333; background: transparent;}
.send-packages-layout .create-package-form form .form-field input {width: 70%;}
.log-footer { display:none; }
.log-regd .log-form-box + .log-footer { display: block; }
/*.login-layout {min-height: 800px;}
.login-layout .log-img-div, .login-layout .main-section, .login-layout .log-regd { height: 100%;min-height: 100%; }
.log-img {height: 100%;}*/
.order-track-page .order-record ul li {width: 32%;}
.packages-steps-layout .radio-box, .packages-steps-layout .addbox {margin-bottom: 20px;}
.packages-steps-layout .receiver-box .receiver-info {padding: 30px 10px;}
.summary-box {margin-top: 0;}
.summary-info strong.total {font-size: 18px;}
.acc-menu .back-arrow { display: none; }
.account-setup .acc-menu {position: fixed;width:0;top: 0;background: rgba(0,0,0,0.6);z-index: 999;height: 100%;transition: all 0.5s ease-in-out;bottom: 0; left: 0; right: 0; padding: 0;}
.account-setup .acc-menu.expand {width:100%;
	transition: all 0.5s ease-in-out;}
.acc-menu ul {position: fixed;background: #fff;top: 0;width: 220px;padding: 10px 20px;height: 100%;transform: translateX(-220px);}
.acc-menu.expand ul {transform: translateX(0);}
.acc-menu .respToggle {display: block;position: absolute;right: -30px;background:#0A228F;color:#fff;top:65px;width: 30px;text-align: center;height: 30px;font-size: 18px;padding: 2px 0;}
.acc-menu.expand .respToggle {padding:6px 0;}
.acc-menu .respToggle .fa-angle-double-left { display: none; }
.acc-menu.expand .respToggle .fa-angle-double-left { display: block; }
.acc-menu.expand .respToggle .fa-angle-double-right { display: none; }
.acc-step-box h2 {font-size: 30px;}
.section-about .text-about {margin-bottom: 20px;}
.section-about .video-padding {padding: 0 15px;}
.section-about.contact-us .container-fluid { padding: 0 15px; }
.contact-us h1 {text-align: center;}
.section-about.contact-us .log-form-box {width: 500px;margin: 0 auto;}
}

@media only screen and (max-width:699px) { 
.space-nullify .header-menus li {margin: 0 12px 0 0;}
.space-nullify .signUp-menus li a, .space-nullify .signUp-menus li a:hover {font-size: 12px;padding: 5px 5px;}
.delivery-div {margin-left: -20px;}
.delivery-form.form-group {text-align: left;width: auto;margin-left: -20px;}
.text-bleu p {width: 100%;}
.section-delivery .deliver-row {padding: 0 0 100px 0;}
.text-security p {margin: 0;width: 100%;}
.text-security h1.big-blue-text3 {margin-bottom: 50px;}
.prohibited-div h1 {font-size: 20px;}
}

@media only screen and (max-width:599px) { 
.site-header .header-left { text-align:center !important;margin-bottom: 10px; }
.site-header .header-center {text-align: left !important;padding: 5px 15px 5px 15px;}
.header-center img {margin-bottom: 0;width: 140px;padding:0;}
.site-header .header-right {position: absolute;bottom: 12px;right:0;width: auto;}
.loginbox .dropdown-menu {left: auto !important;right: 0 !important;top: 10px !important;width: 257px;padding: 10px 15px;
	transform: translate3d(0, 32px, 0px) !important;}
.space-nullify .signUp-menus {position: relative;top: -6px;}
.section-delivery {background-size: 100% auto;}
.section-delivery .container {background: rgba(255,255,255,0.5);text-align: center;}
.delivery-div {margin: 0;width: 100%;}
.delivery-form.form-group .inputback {background: none;box-shadow: none;}
.big-blue-text {margin-left: 0;}
.section-efficiency {padding: 15px 0;}
.section-efficiency .jordan-img {width: 100%;height: auto;float: none;}
.text-bleu h1.big-blue-text2 {left: 0;margin-top: 0;line-height: inherit;text-align: center;font-size: 50px;}
.text-bleu p {width: 100%;margin: 0;text-align: center;}
.section-security {padding: 15px 0;}
.section-security .col-sm-5.text-security {order: 2;}
.text-security h1.big-blue-text3 {margin: 0;line-height: inherit;right: auto;text-align: center;font-size: 50px;}
.text-security p {text-align: center;margin-bottom: 15px;}
.section-security .col-sm-7 {order: 1;}
.section-security .secrity-img {width: 100%;height: auto;}
.site-footer .section-footer {padding-top: 0;padding-bottom: 0;}
.section-footer .foot-menu {width: 50%;}
.section-footer .social-links { text-align: center !important; }
.section-footer .social-links {text-align: center !important;padding: 20px 0 0 0;}
.footer-menus .social-links ul.footer-social {border-top: 1px solid #ddd;margin: 0 15px 20px 15px;padding-top: 15px;}
.log-header .loghead-right {text-align: center;}
.log-header .loghead-right img.resp-logo {margin: 0 auto;}
.log-header .log-link {top: 25px;float: none;margin: 0 auto;}
.log-footer .log-footer-left { width: 60%; }
.log-footer .log-footer-right { width: 40%; }
.register-layout .log-regd .log-form-div, .login-layout .log-regd .log-form-div { height: 100vh; }
.register-layout.iti-mobile .log-regd .log-form-div { height: auto; }
/*.login-layout, .login-layout .log-img-div, .login-layout .main-section, .login-layout .log-regd, .login-layout .log-img {min-height: 850px;}
.register-layout, .register-layout .log-img-div, .register-layout .main-section, .register-layout .log-regd, .register-layout .log-img {min-height: 850px;}*/
/*.login-layout .log-img {width: 100%;height: 100vh;}*/
.log-form-box {margin: 150px auto;}
.register-layout .log-form-box .form-group label, .login-layout .log-form-box .form-group label {top:38px; width: auto;}
.register-layout .log-form-box .form-group.focus label, .login-layout .log-form-box .form-group.focus label {top:0;}
.register-layout .log-form-box .form-group.phone-group label { top: 0; }
.register-layout .log-form-box .form-group.focus label, .login-layout .log-form-box .form-group.focus label {left: 0;color: #333;background: transparent;}
.create-package-form form {padding: 15px;}
.create-package-form form .input-div {margin: 0 15px 20px 15px;position: relative;padding: 0;}
.create-package-form form .form-field span {margin-left: 0;position: absolute;top: 16px;left: 20px;}
.create-package-form form .input-div input {border: 1px solid #ddd;padding: 15px 20px 15px 50px;width: 100%;}
.create-package-form form .form-field input + .parsley-errors-list {position: relative;margin: 0;top: 5px;}
.create-package-form form .form-field span {margin-left: 0;}
.create-package-form form .form-field input.action-button {min-width: 100%;height: 55px;}
.send-packages-layout .create-package-form form .form-field input {width: 100%;}
.create-package-form form .input-div:nth-child(2)::before {background:transparent;}
.order-track-page .order-id-no {font-size: 25px;}
.row.order-div .col-sm-6.text-right {text-align: left !important;}
.general-div.sec .col-sm-8.text-right {text-align: left !important;padding: 0;}
.general-div.sec .col-sm-8.text-right span {display: block;margin: 5px 0 0 0;}
.prohibited-steps #progressbar {display: block;text-align: center;}
.prohibited-steps #progressbar li {width: 30%;display: inline-block;margin-bottom: 10px;}
.acc-menu .respToggle {top: 96px;}
.contact-us .text-about {padding: 0;}
.section-about.contact-us .log-form-box {width: 100%;margin: 0 auto;}
.blog-content .blog-d-img {height: 300px;}
.accord-live .panel-title {font-size: 20px;}
/*.register-layout.iti-mobile {min-height: 910px;}*/
}

@media only screen and (max-width:499px) { 
.log-form-box {width: 90%;padding: 30px 20px;margin: 150px auto;}
.log-footer .log-footer-left {width: 70%;}
.log-footer .log-footer-right {width: 30%;}
/*.login-layout, .login-layout .log-img-div, .login-layout .main-section, .login-layout .log-regd, .login-layout .log-img, .log-img img {min-height: 950px;}*/
/*.login-layout .log-img {width: 100%;height:100%;}*/
.send-packages h1 {font-size: 30px;}
.order-track-page .order-record ul li {width: 49%;}
.packages-steps-layout .addbox { padding: 0; }
.packages-steps-layout .addbox h6 {padding: 10px 20px;}
.packages-steps-layout .receiver-info {padding: 30px 0;}
.packages-steps-layout .receiver-info h6 {padding: 10px 20px;}
.prohibited-steps #msform .action-button {width: 140px;}
.prohibited-steps #msform #paypalDiv .action-button {width: 160px;display: block;float: none;margin: 0 auto 10px;}
.acc-step-box.log-form-box {padding: 0;width: 100%;}
.section-about.carrer p {width: 100%;}
.blog-content .blog-d-img {height: 250px;}
.blog-detail-section .ns-heading {font-size: 25px;}
.login-layout .log-regd .log-form-div { height:auto; }
}

@media only screen and (max-width:399px) { 
.delivery-div h1 {font-size: 35px;line-height: 1.1;}
.space-nullify .signUp-menus li {margin:0;}
.big-blue-text {margin-top: 95px;font-size: 55px;}
.section-delivery .deliver-row {padding: 0 0 15px 0;}
.delivery-form.form-group {text-align: center;margin-left:0;}
.log-form-box h2 {font-size: 25px;margin-bottom: 30px;}
.log-footer .log-footer-left {width: 80%;}
.log-footer .log-footer-right {width: 20%;}
/*.login-layout, .login-layout .log-img-div, .login-layout .main-section, .login-layout .log-regd {min-height: 900px;}
.login-layout .log-img {min-height: 900px;}*/
.iti.iti--allow-dropdown.iti--separate-dial-code {width: 100%;margin-bottom: 5px;}
.log-form-box .phone-group input#phone {width: 100%;}
.send-packages h1 {font-size: 25px;text-align: center;margin: 0;}
.prohibited-div h1 br { display: none; }
.packages-steps-layout .prohibited-steps .col-md-12 {padding: 0;}
.prohibited-steps #progressbar li {width: 49%;}
.packages-steps-layout .pickup-add h3 {font-size: 30px;color: #222634;font-weight: 700;margin-bottom: 30px;}
.prohibited-steps #msform .action-button, .prohibited-steps #msform .action-button-previous { width: 130px; }
.receiver-box h3 {font-size: 30px;} 
.receiver-info {padding: 30px 10px;}
.section-about.carrer h1 {font-size: 30px;}
.section-about.carrer .blog-source .blog-heading {width: 100%;}
.blog-content .blog-d-img {height: 220px;}
}