@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700;800;900&display=swap');



:root{

  --new-font:'Playfair Display', serif;

}


.footer-img {

    width: 200px;

  }

  .adress {

    color: #fff;

  }

  html,

body {

  font-family: "Heebo", sans-serif;

}



*:focus {

  outline: none !important;

}



.sign-in:active,

.sign-in:focus {

  outline: 0;

  border: none;

}



.sign-up-form {

  background-color: #0093dd;

  border-radius: 3px;

  font-size: 13px;

  font-weight: 700 !important;

  line-height: 16px;

  color: #fff;

  border: 1px solid #0093dd;

  padding: 0;

  padding: 10px 20px !important;

  border-radius: 20px;

}



.mobile-bg-section {

  height: 800px !important;

  display: none;

}



.bg-img {

  height: -webkit-fill-available;

  width: 100%;

}

span.address-logo img {
    width: 100%;
    border-radius: 50px;
}



@-webkit-keyframes spinner-border {

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes spinner-border {

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}





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

.footer-divs {
  width: 100%!important;
}
.faq-container{
	padding:0!important;
}
.columnSpan p {
  padding: 0 15px;
}
#address {
  display: none;
}
.row.footer_for_box {
  text-align: center;
}
.address-logo {
  margin: 10px auto;
  display: block;
}
.col-md-4.storeColumn.rectangleCopy.columnSpan {
    text-align: center;
    width: 100%!important;
    max-width: 100%!important;
}



.rectangleCopy{
    max-width:100%!important;
    width:100%!important;
}
}



.dropdown {

  float: left;

  overflow: hidden;

}



.dropdown .dropbtn {

  font-size: 16px;

  border: none;

  outline: none;

  color: white;

  padding: 14px 16px;

  background-color: inherit;

  font-family: inherit;

  margin: 0;

}



.dropbtn {

  background-color: red;

}



.dropdown-content {

  display: none;

  position: absolute;

  background-color: #f9f9f9;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

  z-index: 1;

}



.dropdown-content a {

  float: none;

  color: black;

  padding: 12px 16px;

  text-decoration: none;

  display: block;

  text-align: left;

}



.dropdown-content a:hover {

  background-color: #ddd;

}



.dropdown:hover .dropdown-content {

  display: block;

}



.spinner-border {

  display: inline-block;

  width: 1.2rem;

  height: 1.2rem;

  vertical-align: text-bottom;

  border: 0.15em solid;

  border-right-color: transparent;

  border-radius: 50%;

  -webkit-animation: spinner-border 0.75s linear infinite;

  animation: spinner-border 0.75s linear infinite;

}



.dropdown-link:hover {

  color: white;

  font-size: 500;

  background-color: #0093dd;

}



.dropdown-content {

  /* display: none; */

  margin-left: -130px;

  margin-top: 50px;

  width: 180px;

  border-radius: 5px;

}



.loc-links:hover {

  text-decoration: none;

  color: #f1f1f1;

}



#contact-link {

  color: #f1f1f1;

}



.sign-in:focus {

  outline-style: none;

  border: none;

}



.phone_icon {

  margin-left: 40px;

}



.btn-links {

  display: flex;

  flex-direction: row;

}

/*track page css*/
.main-track-container{
    width: 35%;
    margin: auto;
    margin-top: 100px;
    text-align: center;
    margin-bottom: 50px;
}
.contain {
    width: 100% !important;
    overflow: hidden;
}
.order-num {
    height: 50px;
    width: 100%;
    / margin-top: 40px; /
    font-size: 25px;
    margin-left: 120px;
   color: #0093dd;
}
#order {
    color: #606060;
}

.nav-container {
    height: 130px;
}
.header-text-block {
    height: 50px;
    width: 100%;
    margin-top: 20px;
    margin-left: 6.5%;
}
.return-message {
    margin-top: 4px;
    font-size: 15px;
    color: #353535;
}
.content-div {
    height: 55px;
    width: 510px;
    margin-left: 6.5%;
    border-radius: 3px;
}

.nav-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 5%;
}
.kexpress-img {
    padding-top: 20px;
    /*height: 60px !important;*/
    /*width: 100px !important;*/
    margin-top: 0px !important;
}
.nav-links {
    / padding-top: 20px; /
}
.b-tags, .nav-tag {
    color: #7c7c7c;
}
.nav-tag:hover, .b-tags:hover {
    text-decoration: none;
    color: #313030;
}

.b-tags {
    font-size: 13px;
}
.pipe {
    height: 10px;
    width: 1px;
    background-color: #7c7c7c;
    margin: 3px 3px;
}
.bread-crumbs {
    display: flex;
    flex-direction: row;
    padding-bottom: 5px;
}
.search {
    display: flex;
    flex-direction: row;
    width: 570px;
    height: 60px;
    / margin-left: 120px; /
    / margin: auto; /
    / box-shadow: 1px 2px 9px 0 rgba(163, 160, 160, 0.36); /
    background-color: #ffffff;
    border: 1px solid #e1dddd;
    border-radius: 5px;
    margin-top: 20px;
}
.search-bar {
    width: 75%;
    / height: 60px; /
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #000000;
    border: none;
    padding-left: 5px;
}
.search-bar::placeholder {
    font-size: 15;
    opacity: 0.6;
}
.trk {
  width: 19% !important;
  height: 45px;
  background-color: #0093DD;
  outline: none;
  border: none;
  color: #f1f1f1;
  margin-top: 6px;
  border-radius: 2px;
  margin-left: 3px;
}
.nav-tag {
    margin-left: 20px;
}
.main-wrapper {
    width: 100%;
}
.track-details {
    margin-top: 30px;
    margin-left: 50px;
}
.track-banners {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
    margin-bottom: 80px;
}
#order-label{
    / margin-top: 80px; /
}
.kexpress-image-box {
    flex-direction: column;
    width: 350px;
    margin: 0 auto;
    / margin-top: 20px; /
    / box-shadow: 0 2px 10px 0 rgba(220, 220, 220, 0.66); /
    / padding: 20px; /
}

.side-img-container {
    margin: auto;
    position: relative;
}
.side-img {
    height: 100%;
    width: 100%;
}
.trk-text {
    color: #606060;
    font-size: 15px;
    font-weight: 800;
}

.trk-status {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    justify-content: space-between;
}

.tag {
  color: #0093dd;
  margin-left: 15px;
  margin-top: -3px;
  background: #afe4ff;
    background-image: none;
  padding: 10px 30px !important;
  font-weight: 700 !important;
}

.courier-icon {
    height: 50px;
    width: 80px;
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.details {
    margin-top: 5px;
    margin-bottom: 20px;
}

.track-no {
    font-weight: bold;    
}

ul#order-tree li::before {
  content: '';
  background: #0093dd;
  z-index: 4;
  width: 40px;
  height: 40px;
  left: -46px;
  position: absolute;
  margin-left: 115px;
  border-radius: 50px;
}

ul#order-tree li.active::before {
  content: '';
  background: #999;
  z-index: 4;
  width: 40px;
  height: 40px;
  left: -47px;
  top: 0;
  position: absolute;
  margin-top: 0;
  border-radius: 50px;
}

ul#order-tree::before {
    content: '';
    width: 1.5px;
    / background-color: #9b9b9b; /
    position: absolute;
    left: 13px;
    top: 7px;
    bottom: 30px;
    z-index: -1;
    margin-left: 75px;
    border: 1px solid #9b9b9b;
    border-style: dashed;
}

#order-tree li {
    padding-top: 2px;
    margin-left: 60px;
}

.self-order {
    padding-top: 10px;
}
#order-tree li.active {
    padding-top: 2px;
    margin-left: 60px;
}

#order-tree li b {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #606060;
    margin: 0;
    line-height: 16px;
}

#order-tree li p {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.4px;
    color: #606060;
    margin-bottom: 50px;
}

ul {
    list-style-type: none;
    margin-left: 17px;
}
.error-wrapper {
    height: 350px;
    / width: 600px; /
    / margin: 0 6%; /
}

.header-label {
    color: #606060;
    font-size: 15px;
    letter-spacing: 0.6px;
    font-weight: 600;
    text-decoration: underline;
    margin-top: 20px;
}

.order-no {
    margin-top: 0%;
}

.error-message {
    / height: 70px; /
    border-radius: 4px;
    / background-color: #fcdada; /
    color: #fa5151;
    margin-top: 20px;
    padding: 10px;
    font-size: 14px;
    align-content: center;
    display: block;
}
.error-msg {
    margin-top: 10px;
}

.msg-box {
    margin-top: 40px;
    / margin-left: 10px; /
    margin-bottom: 40px;
}
h5 {
    margin-top: 5px;
}
.trk-btn {
   cursor: pointer;
}

.self-order-error {
    margin-left: 50px;
    height: 70px;
}
#track-form{
    width: 100%;
    padding-left: 10px;
}
@media (max-width: 375px) {
    .kexpress-image-box {
        margin-left: -16px;        
    }
    .order-num {
        margin-bottom: 20px;
    }
    .main-track-container{
        width: 100%;
    }
}
@media (min-width: 426px) and (max-width: 800px){
    
}
@media (min-width: 801px) and (max-width: 1100px){
    #track-search{
        margin-left: 0px !important;
    }
    
}
@media (max-width: 625px) {
    .search-area{
        margin: 0 5%;
    }
    .order-num {
        margin-left: 20px;
    }
    #order-label {
        margin-top: 30px;
        margin-left: 10px;
    }
    .trk{
        width: 30% !important;
    }
    #track-search{
        margin-left: 0px !important;
    }
    .order-num {
        / height: 50px; /
        width: 100%;
        / margin-top: 70px; /
        font-size: 25px;
        color: #33b27b;
        / margin-bottom: 60px; /
    }
    .track-banners {
        display: flex;
        flex-direction: column;
    }
    .track-details {
        order: 2;
        margin-left: -50px;
    }
    .main-track-container{
        width: 100%;
    }
    .track-image-box {
        order: 1;
    }
    .tag-bar {
        margin-left: 66px;
    }
    .search-bar {
        width: 60%;
        height: 45px;
        margin-top: 5px;
    }
    .search {
        width: 100%;
        / margin-left: 30px; /
    }
    .nav-tag {
        font-size: 10px;
        margin-left: 10px;
    }
    /*.kexpress-img {*/
    /*    / padding-top: 20px; /*/
    /*    height: 60px !important;*/
    /*    / width: 100px !important; /*/
    /*    margin-right: 5px;*/
    /*    margin-top: -5px !important;*/
    /*}*/
    .error-message {
        height: 105px;
        width: 290px;
        margin: auto;
    }
}

@media (max-width: 320px) {
    .side-img {
        height: 80%;
        width: 80%;
    }
    .tag-bar {
        margin-left: 10px;
    }
    .search-bar {
        width: 170px;
    }
   
    .search {
        width: 270px;
    }
    .track-image-box {
        margin-left: -10px;
    }
    .track-details {
        margin-left: -50px;
    }
    .search-bar::placeholder {
        font-size: 14px;
    }
    .b-tags {
        font-size: 11px;
    }
    .order-num {
        font-size: 20px;
        margin-left: 5px;
    }
}
#order-num{
    font-size: 2rem;
    margin: 75px 0px;
}
#track-search{
    margin-left: 120px;
}
@media (min-width: 1441px ) and (max-width: 2560px) {
    .footer {
        margin-top: 305px;
    }
}
#track-form {
  width: 100%;
  padding-left: 10px;
}

select {

  -webkit-appearance: none;

  -moz-appearance: none;

  text-indent: 1px;

  text-overflow: "";

  border-radius: 0 !important;

}



.sign-up-forms {

  background-color: #fff;

  border-radius: 3px;

  width: 235px;

  height: 40px;

  font-size: 15px;

  font-weight: 700;

  line-height: 18px;

  color: #f84ca2;

  margin-top: 30px;

  border: 1px solid;

}



.loc-links {

  color: #f1f1f1;

}



#street-address {

  font-size: 14px;

}



#street-address::placeholder {

  opacity: 0.5;

}



.form-track {

  display: flex;

  flex-direction: row;

}



.nav-top {

  box-shadow: 1px 1px 2px 2px #d2cece54;

  /* background-color: #0093dd; */

}



.contain {

  position: relative;

  width: 100%;

  overflow: hidden;

}



.nav-index {

  width: 100%;

  /* background-color: #0093dd; */

}



.kexpress-img {

  margin-left: 120px;

  margin-top: 15px;

  width: 265px;

}



.dropdown-link {

  padding: 15px 20px;

  cursor: pointer;

  text-align: initial;

  font-weight: 500;

  font-size: small;

}



.nav-tag {

  margin-top: 30px;

  padding-left: 40px;

  color: #000;

  font-size: 15px;

  font-weight: 600;

}



.carousel-images {

  height: 780px !important;

  width: 100%;

}



.small-text {

  color: #7c7c7c;

  font-size: 13px;

}



.nav-tag:hover {

  text-decoration: none !important;

  color: #0093dd;

}



.nav-tag:focus {

  text-decoration: none !important;

  color: rgb(0, 147, 221);

}

.nav-links {

  width: 70%;

  margin: auto;

  text-align: center;

}



.banner1 {

  margin: auto;



  margin-bottom: 50px;

}



z .banner2 {

  width: 100% !important;

  height: 387px;

}



.bg-image {

  width: 712px;

  height: 400px;

  object-fit: contain;

}



.inner-text-header {

  font-style: normal;

  font-weight: 500;

  font-size: 40px;

  color: #ffffff;

  margin-bottom: 20px;

  line-height: 1.2;

  margin-top: 30px;

}



.inner-text {

  font-size: 16px;

  color: #fff;

  margin-top: 50px;

  margin-bottom: 15px;



  width: 488px;

  margin: auto;

}



.inner-text-2 {

  color: white;

  font-weight: 600;

  font-size: 18px;

  font-style: normal;

}



.inner-text-2>p {

  margin: auto;

  text-align: start;

  /* margin-left: 15px; */

}



.rate-ship {

  margin-top: 40px;

}



.rate-ship>a {

  color: #fff;

  cursor: pointer;

  text-decoration: underline;

  font-size: 16px !important;

  margin-left: 5px;

}



.rate-ship>a:hover {

  color: #fff;

  cursor: pointer;

  text-decoration: underline;

}



.nav-header {

  transition: all 0.3s linear;

}



.nav-header.inactive {

  display: none;

}



.nav-header.active {

  background-color: #fff;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 99999;

  height: 90px;

  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);

}

.shdule-right-text ul {

  padding-left: 0px;

}

.shdule-right-text ul li {

  padding: 7px 0;

  border-bottom: 1px solid #ddd;

}

.shdule-right-text ul li a{

  color: #333!important;

}.shdule-right-text ul li a:hover{

  text-decoration: none;

  color: #0093dd!important;

}





.sign-up-form.bg {

  background-color: #0093dd;

}



.nav-head {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  height: 90px;

}



.calculator-section {

  border: 0.1px solid #720d42;

  height: 650px;

  width: 100%;

  background-image: url(../img/ShippingCalculatorCover.svg);

  outline: none;

}



.track-Bar {

  width: 80%;

  height: 60px;

  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.24);

  background-color: #ffffff;

  box-shadow: none;

  outline: none;

  border: none;

}



.input-bar {

  height: 60px;



  margin-top: 10px;



  margin: auto;

  display: flex;

  border-radius: 8px;

  outline: none;

  padding-left: 10px;

  background-color: #ffffff;

  flex-direction: row;

}



.logistic-sign-up-btn {

  margin-top: -100px;

}



.track-Btn {

  width: 20%;

  border: none;

  color: #ffffff;

  background-color: #2291d0;

  font-size: 16px;

  outline: none;

  border-radius: 8px;

  cursor: pointer;

  margin: 5px;

}



input::placeholder {

  opacity: 0.8;

}



.from-select::placeholder {

  opacity: none;

}



.loc-img {

  padding-top: 16.5px;

  border-radius: 4px;

  display: none;

}



.from-select {

  border-radius: 5px !important;

  color: #ae9c9c;

}



.from-select:focus,

.form-control:focus {

  color: #000;

  border: 1px solid #0093dd !important;

}



.calc-contents {

  height: 150px;

  width: 100%;

  margin-top: 30px;

  display: flex;

  flex-direction: column;

}



.f-tag:hover {

  color: #fff;

  text-decoration: none;

}



.main_wrapper_api {

  height: 675px;

  text-align: center;

}



.calculator-header {

  height: 30px;

  width: 300px;

  margin: 0 auto;

  margin-top: 70px;

  color: #ffffff;

  text-align: center;

  font-weight: bold;

  font-size: 25px;

}



.calculator-content {

  height: 80px;

  width: 600px;

  margin: 0 auto;

  margin-top: 25px;

  opacity: 0.5;

  color: #ffffff;

  font-weight: 300;

  text-align: center;

  font-size: 15px;

}



.main-calculator {

  height: 415px;

  width: 100%;

  padding: 0;

  display: flex;

  justify-content: space-between;

  margin-top: 70px;

}



.main-1 {

  height: 400px;

  width: 150px;

}



.calculator-box {

  background-color: #fff;

}



.header {

  display: flex;

  flex-direction: column;

}



.header-txt {

  font-size: 40px;

  line-height: 1.2;

  display: block;

  font-weight: bold;

  margin-left: 0;

  margin-top: -30px;

}



.result-box {

  width: 100%;

  height: 116px;

  background: #f8f8f8;

  border-radius: 4px;

}



.top-select {

  display: flex;

  flex-direction: column;

  width: 100%;

}



.from-select-bar {

  display: flex;

  flex-direction: column;

  margin-top: 20px;

  margin-bottom: 15px;

  width: 100%;

}



.weights {

  display: flex;

  flex-direction: row;

}



.from-select {

  height: 51px;

  border: solid 1px #979797;

  background-color: #ffffff !important;

}



.select-row {

  display: flex;



  width: 100%;

}



.from-text {

  padding-bottom: 0px;

  font-weight: 700;

  font-size: 16px;

}



.loc-label {

  padding-top: 0px;

  font-weight: 400 !important;

  font-size: 14px !important;

}



.option-class {

  width: 85px;

  height: 16px;

  font-size: 14px;

  font-weight: normal;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: normal;

  color: red;

}



.button-select {

  width: 100%;

  margin-top: 20px;

  height: 50px;

  border: solid 1px #f8f8f8;

  color: #2a2727;

  background-color: #f8f8f8 !important;

  cursor: pointer;

}



.send-package-class {

  justify-content: end;

  width: 100%;

  margin: auto;

}



.a-select {

  display: inline-block;

  text-decoration: none !important;

  width: 200px !important;

  height: 51px !important;

  border: solid 1px #979797 !important;

  color: #fff !important;

  background-color: #33b27b !important;

  cursor: pointer;

  padding: 15px 15px 30px 45px;

  margin: 20px auto !important;

}



.result-bar {

  display: flex !important;

  flex-direction: column !important;

  /* height: 250px; */

  width: 100% !important;

  margin: auto !important;

  text-align: center;

}



.shipping-fee {

  font-size: 69px;

  font-weight: bold;

  font-style: normal;

  letter-spacing: 3.1px;

  font-weight: 700;

  font-size: 40px;

  line-height: 49px;

  color: #606060;

  padding-bottom: 10px;

}



.shipping-text {

  /* height: 50px; */

  width: 100%;

  /* text-align: center; */

  font-size: 15px;

  font-weight: normal;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: 0.6px;

  color: #6b6b6b;

  margin-top: -10px;

}



.warning {

  margin: 0 auto;

  padding-top: 5px;

  width: 96%;

  height: 30px;

  background-color: #ffeded;

  font-size: 10px;

  color: #d0021b;

}



.caution-sign {

  top: 0;

  margin: auto 3px;

}



.location {

  height: 600px;

  width: 100%;

  background-color: #720d42;

}



.loc-bg {

  height: 680px;

  width: 100%;

  display: flex;

  flex-direction: column;

}



.slider-overlay::before {

  position: absolute;

  content: '';

  background:rgba(0, 0, 0, 0.5) !important;

  top: 0;

  left: 0;

  width: 100%;

  height: 780px;

}

.slider-overlay {

  position: relative !important;

  width: 100% !important;

  

}

.loc-header {

  text-align: center;

  height: 100px;

}



.loc-content {

  text-align: center;

  height: 70px;

}



.loc-header-text {

  margin-top: 60px !important;

  top: 0;

  font-size: 25px;

  color: #ffffff;

}



.loc-content-text {

  opacity: 0.49;

  color: #ffffff;

  font-size: 15px;

  display: block;

  width: 60%;

  margin: 0 auto;

  text-align: center;

}



.locs {

  width: 100%;

  height: 100px !important;

}



.solution-wrapper {

  height: 600px;

  width: 100%;

  display: flex;

  flex-direction: column;

}



.solution-texts {

  height: 250px !important;

  width: 100%;

  display: flex;

  flex-direction: column;

}



.solution-header,

.solution-content {

  height: 125px !important;

  text-align: center;

}



.solution-header {

  padding-top: 135px;

  font-size: 25px;

  font-weight: 500;

  width: 100%;

}



.soln-texts {

  line-height: 1.8;

  font-size: 12px;

  margin: 0 auto;

  display: block;

  width: 50%;

}



.banner {

  display: flex;

  flex-direction: row;

}



.banner-components {

  padding-top: 50px;

  text-align: center;

  flex-direction: column;

}



.icon {

  height: 90px;

  width: 50px;

}



.icon-header {

  font-weight: 500;

}



.icon-content {

  font-size: 12px;

  padding-top: 10px;

  line-height: 1.93;

  color: #5e5e5e;

}



.btn-pay-content {

  margin-top: 17px;

}



.delivery-banner,

.logistic-banner {

  background-color: #fff;

  height: 500px;

  display: flex;

  flex-direction: row;

  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);

}



.img-section {

  padding-left: 20px;

}



.delivery-text,

.logistic-text {

  padding-top: 100px;

}



.delivery-banner-img {

  margin: 0 auto;

  width: 450px;

  margin-left: 100px;

  margin-top: 100px;

}



.delivery-tabs,

.payent-tab {

  display: flex;

  flex-direction: column;

  height: 400px;

  padding-left: 50px;

}



.delivery-tabs {

  margin-top: 20px;

}



.delivery-content {

  display: flex;

  flex-direction: column;

  width: 60%;

}



.logistic-content {

  width: 60%;

}



.header-txt {

  font-size: 40px;

  line-height: 1.2;

  display: block;

  font-weight: bold;

}



.payment-banner {

  display: flex;

  flex-direction: row;

  background-color: #fff;

  height: 500px;

  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);

}



.pay-txt {

  margin-top: 150px;

  padding-left: 120px;

}



.log-txt {

  margin-top: -80px;

}



.logistic-banner {

  background-color: #fff;

}



.stateContainer {

  display: flex;

  flex-wrap: wrap;

  width: 100%;

  padding-top: 60px;

  margin-left: 6.5%;

}



ul {

  list-style-type: none;

}



.stateContainer li {

  color: #ffffff;

  width: 25%;

  font-size: 15.3px;

  letter-spacing: 1.8px;

  font-weight: 100;

}



.pay-content {

  width: 70%;

  margin-left: 0px;

}



.delivery-content,

.logistic-content {

  line-height: 1.6;

  letter-spacing: normal;

  color: #757575;

  width: 65%;

  margin-top: -250px;

  margin-left: 0;

}



.deliv-img {

  margin-left: -10px;

}



#totalStores {

  font-size: 30px !important;

}



@media (max-width: 579px) {

  .carousel-inner {

    display: none;

  }



  a:focus {

    text-decoration: none !important;

  }



  .dropdown-content {

    position: relative !important;

  }



  #totalStores {

    font-size: 25px !important;

  }



  .fs-send-right {

    padding-left: 0px !important;

    padding-top: 30px !important;

  }



  .mobile-bg-section {

    height: 880px !important;

    display: block;

    width: 100%;

  }



  .slider-overlay {

    height: 770 !important;

    margin-top: -990px !important;

  }



  .carousel-images {

    height: 830px !important;

    width: revert !important;

  }



  .video-frame {

    width: 80% !important;

    z-index: 999;

    overflow-y: scroll;

    border: solid #f1f1f1;

    margin-top: 300px !important;

    border-width: 1px;



    background-color: #fff;

    margin-left: 10%;

    position: fixed !important;

  }



  .video-container {

    margin: auto;

    width: 100% !important;

  }



  .hr-img-overlay>p {

    font-size: 16px !important;

  }



  .hr-img-overlay>h3 {

    font-size: 18px !important;

  }



  .mobile-background {

    display: block;

  }



  .card-title {

    margin-bottom: 0.5rem !important;

    font-size: 18px !important;

  }



  .calculate-quote {

    font-size: 16px !important;

  }



  .from-select-bar>label {

    padding-top: 20px !important;

  }



  .calculate-fee-header {

    font-size: 20px !important;

  }



  .sign-up-form {

    background-color: #fff !important;

    border-radius: 3px;

    font-size: 13px;

    font-weight: 700 !important;

    line-height: 16px;

    color: #5e5e5e;

    border: 1px solid;

    padding: 0px !important;

  }



  .carousel-indicators {

    display: none;

  }



  #sp-form-stage-1,

  #sp-form-stage-2,

  #sp-form-stage-3 {

    background-color: #c9c3c3;

    width: 30px !important;

    margin: auto;

    margin-top: 4px;

    margin-bottom: 4px;

    padding: 8px 6px !important;

    border-radius: 50%;

  }



  #sp-fs-parent-1 {

    border: 1px solid #0093dd;

    width: 40px !important;

    margin: auto;

    margin-top: 30px;

    border-radius: 50%;

  }



  #sp-fs-parent-2,

  #sp-fs-parent-3 {

    border: 1px solid #c9c3c3;

    width: 40px !important;

    margin: auto;

    margin-top: 30px;

    border-radius: 50%;

  }



  .kxpress-feature {

    background-color: #fff;

    padding: 10px 5px;

    height: 100%;

    border-radius: 5px;

    text-align: center;

  }



  .kxpress-feature>p {

    margin: 0px !important;

  }



  .kxpress-feature>h4 {

    margin: 5px !important;

  }



  .sf-div {

    margin-bottom: 5px !important;

    margin-left: 15px;

    margin-right: 15px;

  }



  .inner-text-2>p {

    margin-left: 20px !important;

  }



  .auth-links {

    display: block !important;

  }



  .card-text {

    font-size: 14px !important;

  }



  .center-quote>p {

    width: 90% !important;

    font-size: 15px !important;

  }



  .card-deck {

    margin: 30px !important;

  }



  .kbc-img {

    display: none !important;

  }



  .kxpress-business {

    padding: 0px !important;

  }



  .kxpress-business-content {

    width: 100% !important;

    padding-top: 20px !important;

    padding-bottom: 50px;

  }



  .nav-links {

    display: flex;

    margin-top: 12px;

    margin-left: 10px;

  }



  .kbc-title {

    color: #fff;

    font-weight: 500;

    font-size: 22px !important;

    padding-bottom: 10px !important;

  }



  .kbc-body {

    color: #fff;

    padding-bottom: 30px;

    font-size: 14px !important;

  }



  .kbc-button {

    background: #000;

    font-size: 14px !important;

    color: #fff;

    padding: 10px 15px !important;

    margin-top: 0px;

  }



  #second-service-section-1 {

    display: block !important;

  }



  .hr-img-overlay {

    width: 100% !important;

    position: inherit !important;

  }



  .second-service-section {

    margin: 50px 20px !important;

  }



  .calculate {

    width: 100% !important;

    padding: 20px !important;

  }



  .slider-overlay-left {

    padding-left: 0 !important;

    padding-right: 0 !important;

  }



  .bg-image {

    display: none;

  }



  .kxpress-feature {

    height: auto !important;

    margin: auto;

    padding: 10px !important;

  }



  .sidebar.active {

    width: 100%;

  }



  .banner1 {

    width: 90%;

    margin-bottom: 25px;

    text-align: start !important;

  }



  .inner-text-header {

    font-size: 20px !important;

    /* font-size: 30px !important; */

    margin-top: 20px !important;

    /* text-align: center; */

  }



  .input-bar {

    height: 55px;

    margin-left: 6%;

    margin-left: 20px !important;

    margin-right: 20px !important;

  }



  .track-Bar {

    height: 55px;

  }



  .track-Btn {

    width: 104px;

  }



  .kexpress-img {

    margin-left: 10px;

    /*height: 40px;*/

    /*width: 120px;*/

    margin-top: 10px;

  }



  .nav-tag {

    display: none;

  }



  .inner-text {

    width: 100%;

    font-size: 12px;

    /* text-align: center; */

  }



  .inner-text-2 {

    color: white;

    /* font-weight: 400; */

    font-style: normal;

    /* font-size: 13px; */

    margin-top: 25px !important;

    text-align: center;

  }



  .calculator-content {

    width: 112%;

    margin-left: -20px;

    margin-bottom: 20%;

  }



  .calculator-header {

    margin: 0 auto;

    margin-top: 20%;

  }



  .main-calculator {

    flex-direction: column;

    height: 800px;

    width: 100%;

  }



  .calculator-section {

    height: 1200px;

  }



  .select-row {

    flex-direction: column;

    margin: 0px;

  }



  #weight-layout {

    display: flex;

    flex-direction: column;

  }



  .result-box {

    height: 300px;

  }



  .from-select-bar {

    flex-direction: column;

    margin-left: 0px !important;

    width: 100%;

  }



  .from-select {

    border: solid 1px #979797;

    background-color: #ffffff !important;



    border-radius: 5px;

  }



  .from-text {

    font-size: 14px;

  }



  .shipping-fee {

    margin-top: -20px;

  }



  .warning {

    font-size: 8px;

    margin-top: -20px;

  }



  .loc-header-text {

    width: 100%;

    font-size: 20px;

  }



  .loc-content-text {

    width: 100%;

    font-size: 14px;

  }



  .stateContainer li {

    width: 50%;

    font-size: 13px;

    margin-left: -6%;

  }



  .stateContainer {

    width: 150%;

    margin-left: -6%;

    margin-top: 10px;

  }



  .location {

    height: 700px;

  }



  .solution-header {

    margin-bottom: 60px;

    margin-top: -120px;

    font-size: 20px;

  }



  .solution-content {

    width: 150%;

    margin-left: -25%;

  }



  .banner {

    flex-direction: column;

    margin-top: -70px;

    margin-left: 0;

  }



  .solution-wrapper {

    height: 1000px;

  }



  .banner-components {

    flex-direction: column;

  }



  .delivery-banner,

  .logistic-banner {

    flex-direction: column;

    height: 500px;

  }



  .delivery-banner-img,

  .deliv-img {

    height: 300px;

    width: 300px;

    margin: 0 auto;

  }



  .header-txt {

    width: 100%;

    font-size: 30px;

    margin-top: -120px;

    display: block;

    text-align: center;

    margin-bottom: 50px;

  }



  .delivery-content,

  .logistic-content {

    width: 100%;

    display: block;

    text-align: center;

  }



  .delivery-text {

    margin-left: -10%;

    margin-top: 40%;

  }



  .payment-banner {

    flex-direction: column;

  }



  .pay-txt {

    margin-top: 150px;

    margin-left: -20%;

  }



  .pay-text {

    width: 150%;

    margin-left: -20%;

  }



  .pay-content {

    width: 145%;

    margin-left: -20%;

  }



  .deliv-img {

    margin-top: -90%;

    margin-left: -10%;

  }



  .sign-up-forms {

    background-color: #33b27b;

    border-radius: 3px;

    width: 180px;

    height: 33px;

    font-size: 15px;

    font-weight: 700;

    line-height: 18px;

    color: #fff;

    font-weight: 450;

    margin: 0 auto;

    margin-top: 30px;

  }



  .delivery-tabs {

    margin-top: 25px;

  }



  .ban-img {

    margin-left: 5%;

    margin-bottom: 50%;

    height: 230px;

    width: 230px;

  }



  .logistic-banner {

    height: 600px;

  }



  .log-header {

    width: 140%;

    margin-left: -30%;

    margin-bottom: -20%;

  }



  .log-txt {

    width: 150%;

    margin-top: -30%;

    margin-left: -35%;

  }



  .footer {

    background-color: #3d3d3d;

  }



  .button-select {

    margin-top: 25px;

  }

}



@media (max-width: 425px) {

  .from-select-bar>label {

    padding-top: 0px !important;

  }
  .col-md-4.storeColumn.rectangleCopy.columnSpan {
    text-align: center;
    width: 100%!important;
    max-width: 100%!important;
}

}



.log-txt {

  width: 120%;

  margin-left: -16%;

}



.log-txt {

  margin-top: -245px;

}



.pay-content {

  margin-left: -14%;

  width: 130%;

}



.btn-pay-content,

.reverse-btn {

  color: #f84ca2;

}



.nationwide-btn {

  background-color: #f1f1f1;

  color: #f84ca2;

  margin-top: 20px;

}



.delivery-banner-img {

  width: 380px;

}



.header-txt {

  margin-bottom: 100px;

}



.deliv-img {

  margin-top: -55%;

}



.ban-img {

  margin-top: 40px;

}



.log-header {

  margin-top: -90px;

}



@media (min-width: 350px) and (max-width: 365px) {

  .footer {

    height: 500px;

  }



  .card-deck {

    margin: 20px !important;

  }

}



@media (min-width: 410px) and (max-width: 420px) {

  .card-deck {

    margin: 20px !important;

  }

}



@media (min-width: 321px) and (max-width: 375px) {

  .card-deck {

    margin: 20px !important;

  }



  .api-nav {

    display: none;

  }



  .calculate {

    width: 100% !important;

  }



  .input-bar {

    margin-left: 10%;

  }



  .btn-pay-content {

    margin-top: 0;

  }



  .sign-up-forms {

    margin-top: 0;

  }



  .nationwide-btn {

    margin-top: 10px;

  }



  .header-txt {

    margin-top: -100px;

    font-size: 25px;

  }



  .delivery-content {

    width: 100%;

    margin-top: -250px;

  }



  .header {

    margin-left: 0;

    width: 100%;

  }



  .pay-content {

    width: 140%;

    margin-left: -35px;

    margin-top: -220px;

  }



  .deliv-img {

    margin-left: -55px;

    margin-top: -50%;

  }



  .log-header {

    margin-bottom: 75px;

    margin-left: -35px;

  }



  .log-txt {

    margin-top: -80%;

    margin-left: -20%;

    width: 130%;

  }



  .pay-txt {

    margin-top: 105px;

    margin-left: -20%;

  }



  .ban-img {

    margin-top: 10px;

    width: 300px;

  }



  .delivery-tabs {

    margin-top: 25px;

    margin-bottom: -100px;

  }

}



.weights {

  flex-direction: column;

}



@media (min-width: 580px) and (max-width: 968px) {

  .auth-links {

    margin-right: 0px !important;

  }



}



@media (min-width: 580px) and (max-width: 868px) {

  .main-1 {

    width: 65%;

  }



  .carousel-images {

    height: 830px !important;

    width: revert !important;

  }



  .sf-div {

    margin-bottom: 10px;

  }



  .kxpress-feature {

    background-color: #fff;

    padding: 10px 5px;

    height: 100%;

    border-radius: 5px;

    text-align: center;

  }



  .auth-links {

    display: block !important;

  }



  .mobile-header {

    padding-top: 20px !important;



    margin-right: 20px;

  }



  .inner-text-2>p {

    margin-left: 10px !important;

  }



  .hr-img-overlay {

    width: 50% !important;

  }



  #second-service-section-1 {

    display: block !important;

  }



  .hr-img-overlay {

    padding: 20px 0px !important;

    width: 100% !important;

    position: inherit !important;

  }



  .second-service-section {

    margin: 25px !important;

  }



  .hr-img-overlay>h3 {

    font-size: 20px !important;

    margin-top: 5px;

  }



  .hr-img-overlay>p {

    font-size: 14px !important;

  }



  .slider-fixed-content {

    width: 80% !important;

  }



  .card-deck {

    margin: 20px !important;

  }



  .calculate {

    width: 100% !important;

  }



  .inner-text {

    width: 100%;

  }

}



@media (min-width: 21px) and (max-width: 579px) {

  .main-1 {

    width: 65%;

  }

  .login-link {

    color: rgb(45, 38, 38) !important;

    /* font-size: 13px; */

}





  .nav-links {

    display: none !important;

  }



  .auth-links {

    display: none !important;

  }



  .mobile-header {

    padding-top: 20px !important;

    display: block !important;

    margin-right: 20px;

  }



  .slider-overlay {

    height: 730px !important;

    margin-top: -880px !important;

  }



  .calculate {

    width: 100% !important;

  }



  .back_to_index,

  .api-login {

    width: 80%;

  }



  #second-service-section-1 {

    display: block !important;

  }

  .hr-img-overlay {

    padding: 0px !important;

    width: 100% !important;

    position: inherit !important;

    height: 160px !important;

    display: block;

    padding: 2px 10px !important;

    margin-top: 14px;

    border-radius: 5px;

    text-align: justify;

  }



  .slider-fixed-content {

    width: 100% !important;

    text-align: start !important;

    margin: auto;

  }



  .card-deck {

    margin: 10px !important;

  }



  .shipping-fee {

    font-size: 40px;

  }

}



@media (min-width: 769px) and (max-width: 1024px) {

  .kexpress-img {

    margin-left: 40%;

    margin-top: 15px;

    /*height: 45px;*/

  }



  .carousel-images {

    height: 830px !important;

    width: revert !important;

  }



  .hr-img-overlay {

    padding: 20px !important;

    width: 50% !important;

  }



  .second-service-section {

    margin: 50px 100px 0px 100px;

    position: relative;

  }



  .slider-fixed-content {

    width: 100 !important;

  }



  .inner-text-header {

    margin-left: 0;

    margin-top: 0;

  }



  .slider-fixed-content {

    width: 80% !important;

    margin-top: 60px;

  }



  .card-deck {

    margin: 30px !important;

  }



  .contact_icon {

    margin-left: -35px;

  }



  .nav-tag {

    font-size: 13px;

    padding-left: 15px;

  }



  .sign-up-form {

    margin-left: 10px;

  }



  .nav-links {

    margin-right: 5px;

  }



  .bg-image {

    width: 392px;

    height: 400px;

    margin-left: 90px;

  }



  .from-select {

    /* width: 190px; */

    height: 51px;

    border: solid 1px #979797;

    background-color: #ffffff !important;

  }



  .warning {

    font-size: 8px;

    margin-top: 30px;

  }



  .delivery-tabs {

    margin-left: 10%;

    margin-top: 30px;

  }



  .pay-content {

    margin-top: -200px;

  }



  .log-txt {

    margin-top: -150px;

  }



  .log-header {

    margin-top: -60px;

    width: 70%;

  }



  .footer-img {

    margin-left: 0;

    margin-top: 0;

  }



  .footer-navs {

    margin-left: 5%;

    margin-right: 5%;

    width: 400px;

  }



  .f-tag {

    margin-right: 5%;

  }



  .reverse-btn {

    margin-top: 4px !important;

  }



  .footer-logos {

    margin-left: -8%;

  }



  .delivery-content {

    margin-top: -220px;

  }

}



@media (max-width: 320px) {

  .api-nav {

    display: none;

  }



  .pay-content {

    margin-bottom: 5px;

  }



  .btn-pay-content {

    margin-top: 2px;

  }



  .nav-links {

    margin-left: -5px;

  }



  .phone_icon {

    display: none;

  }



  .sign-up-form {

    width: 80px;

    height: 30px;

    font-size: 10px;

    font-weight: 700;

    line-height: 16px;

    margin-left: 15px;

  }



  .footer-copyright {

    margin-top: 35%;

  }



  .footer-img {

    margin-left: 0%;

  }



  .reverse-btn,

  .btn-pay-content {

    color: #f84ca2;

  }



  .nationwide-btn {

    background-color: #f1f1f1;

    color: #f84ca2;

  }



  .delivery-content {

    margin-left: 0;

    font-size: 13px;

    width: 100%;

    margin-top: -195px;

  }



  .header-txt {

    font-size: 20px;

    margin-top: -100px;

  }



  .pay-content {

    width: 195%;

    margin-left: -40%;

  }



  .deliv-img {

    margin-left: -30px;

  }



  .log-txt {

    margin-top: -110px;

    width: 105%;

    margin-left: -25px;

    font-size: 13px;

  }



  .header-txt {

    margin-left: 0;

  }



  .pay-text {

    margin-left: -20px;

    margin-bottom: 25px;

  }



  .log-header {

    margin-top: -120px;

    margin-left: -60px;

  }



  .banner {

    margin-top: -125px;

    margin-left: 0;

  }

}



@media (min-width: 400px) and (max-width: 415px) {



  .delivery-content,

  .logistic-content {

    margin-top: -220px;

  }



  .pay-content {

    margin-top: -245px;

  }



  .ban-img {

    width: 300px;

  }



  .log-txt {

    margin-top: -250px;

  }

}



@media (min-width: 350px) and (max-width: 364px) {



  .reverse-btn,

  .btn-pay-content,

  .nationwide-btn {

    color: #f84ca2;

  }



  .nationwide-btn {

    background-color: #fff;

  }



  .sign-up-form {

    width: 80px;

    font-size: 11px;

  }



  .nav-links {

    margin-left: 12px;

  }



  .logistic-banner {

    height: 500px;

  }



  .footer-copyright {

    margin-top: 35%;

  }



  .footer-img {

    margin-left: -60%;

  }



  .delivery-content {

    margin-left: -40px;

    width: 130%;

    margin-top: -185px;

  }



  .header-txt {

    margin-top: -120px;

  }



  .pay-content {

    width: 140%;

    margin-left: -35px;

    margin-top: -185px;

  }



  .pay-txt {

    margin-top: 150px;

    margin-left: -20%;

  }



  .log-txt {

    width: 120%;

  }



  .delivery-tabs {

    margin-top: 45px;

    margin-bottom: -100px;

  }



  .deliv-img {

    margin-left: -2%;

  }



  .ban-img {

    width: 270px;

  }

}



@media (min-width: 769px) and (max-width: 900px) {

  .warning {

    font-size: 6.5px;

  }



  .caution-sign {

    margin: 0;

  }



  .nav-tag {

    margin-right: 5px;

  }



  .sign-up-form {

    font-size: 10px;

    margin-left: 10px;

    width: 80px;

  }



  .nav-tag {

    font-size: 13px;

    padding-left: 15px;

  }



  .sign-up-form {

    margin-left: 10px;

  }



  .nav-links {

    margin-right: 0;

  }

}



@media (min-width: 941px) and (max-width: 1023px) {

  .warning {

    font-size: 6.5px;

  }



  .caution-sign {

    margin: 0;

  }



  .pay-content {

    margin-top: -200px;

  }



  .delivery-tabs {

    margin-top: 0px;

  }



  .header-txt {

    margin-top: -50px;

  }



  .bg-image {

    width: 392px;

    height: 400px;

    margin-left: 60px;

  }



  .log-header {

    margin-top: 20px;

    width: 100%;

  }

}



@media (min-width: 768px) and (max-width: 940px) {

  .from-select {

    height: 51px;

  }



  .shipping-fee {

    font-size: 60px;

  }



  .delivery-banner-img {

    margin-left: 0;

  }



  .pay-content {

    margin-top: -270px;

    width: 85%;

  }



  .delivery-content {

    margin-top: -200px;

    width: 85%;

  }



  .bg-image {

    width: 392px;

    height: 400px;

    margin-left: 60px;

  }



  .log-header {

    margin-top: 20px;

    width: 100%;

  }



  .pay-txt {

    padding-left: 0;

  }



  .delivery-banner-img {

    margin-top: 130px;

    width: 400px;

  }



  .logistic-content {

    margin-top: -80px;

    width: 100%;

  }

}



@media (min-width: 1025px) and (max-width: 1240px) {

  .icon-content {

    width: 70%;

    margin-left: 13%;

  }



  .slider-overlay {

    height: 730px !important;

    margin-top: -780px !important;

  }



  .bg-image {

    width: 402px;

    height: 400px;

    object-fit: contain;

    margin-left: 180px;

    margin-top: 50px;

  }



  .hr-img-overlay {

    padding: 70px 20px !important;

  }



  .delivery-tabs {

    margin-left: 10%;

    margin-top: 130px;

  }



  .header-txt {

    margin-top: -100px;

  }



  .pay-txt {

    margin-top: 220px;

  }



  .f-tag {

    margin-right: 4%;

  }



  .delivery-content,

  .log-txt {

    margin-top: -310px;

  }



  .input-bar {

    height: 60px;

    margin: 5px px 0px 0px 0px;

    display: flex;

    flex-direction: row;

    border-radius: 4px;

  }



  .from-select {

    height: 51px;

  }



  .warning {

    font-size: 10px;

    margin-top: 20px;

  }

}



@media (min-width: 1241px) and (max-width: 1440px) {

  .icon-content {

    width: 70%;

    margin-left: 13%;

  }



  .slider-overlay {

    height: 730px !important;

    margin-top: -780px !important;

  }



  .bg-image {

    width: 402px;

    height: 400px;

    object-fit: contain;

    margin-left: 180px;

    margin-top: 50px;

  }



  .hr-img-overlay {

    padding: 70px 20px !important;

  }



  .delivery-tabs {

    margin-left: 10%;

    margin-top: 130px;

  }



  .header-txt {

    margin-top: -100px;

  }



  .pay-txt {

    margin-top: 220px;

  }



  .f-tag {

    margin-right: 4%;

  }



  .delivery-content,

  .log-txt {

    margin-top: -310px;

  }



  .input-bar {

    height: 60px;

    margin: 0 auto;

    display: flex;

    flex-direction: row;



    border-radius: 4px;

  }



  .from-select {

    height: 51px;

  }



  .warning {

    font-size: 10px;

    margin-top: 20px;

  }

}



.nationwide-btn {

  margin-top: 5px;

  background-color: #fff;

}



@media (min-width: 320px) and (max-width: 768px) {

  .carousel-indicators {

    display: none!important;

  }

  .play-video {

    display: flex!important;

    width: 101px;

    justify-content: center!important;

    font-size: 14px!important;

  }

  .rate-ship > a{

    font-size: 13px!important;

  }

  .inner-text-2.rate-ship img {

    width: 20px !important;

    display: block;

  }

 

  .login-wrapper {

    width: 100%!important;

    margin: 0 auto;

    padding: 10px 20px!important;

  }





  .login-section{

    padding: 16px 8px!important;

  }

  .login-wrapper h1 {

    font-size: 22px!important;

    text-align: center!important;

    font-weight: 600!important;

  }

  .login-wrapper h2{

    font-size:16px!important;

  }



  .kexpress-img {

    margin-left: 30px;

  }



  .nav-head {

    justify-content: space-between;

  }



  .nav-tag {

    font-size: 12px;

    padding-left: 10px;

  }



  .bg-image {

    width: 350px;

    height: 400px;

    margin-top: -70px;

    margin-left: 60px;

  }



  .track-Bar {

    height: 50px;

  }



  .inner-text-header {

    margin-left: 0px;

    margin-top: 45px;

  }



  .inner-text {

    margin-left: 0px;

    margin-top: 11px;

    font-size: 15px;

  }



  .calculator-section {

    height: 650px;

  }



  .calculator-header {

    font-size: 23px;

  }



  .calculator-content {

    font-size: 15px;

  }



  .from-select-bar {

    margin-top: 0px;

  }



  .from-select {

    width: 100% !important;



    border-radius: 2px;

  }



  .result-box {

    height: 320px;

    margin-left: 0%;

  }



  .shipping-fee {

    font-size: 58px;

    height: 180px;

    margin-top: -10px;

  }



  .shipping-text {

    font-size: 12px;

  }



  .warning {

    height: 30px;

    margin-top: -50px;

    font-size: 7px;

    width: 100%;

    text-align: center;

  }



  .caution-sign {

    margin-left: -0.5px;

    margin-right: -0.5px;

  }



  .loc-header-text {

    font-size: 23px;

  }



  .loc-content-text {

    width: 90%;

    margin-top: -25px;

  }



  .stateContainer li {

    font-size: 13.5px;

  }



  .stateContainer {

    margin-left: 1%;

    margin-top: -5px;

  }



  .icon-content {

    font-size: 11px;

    width: 100%;

    padding-left: 10px;

    display: block;

  }



  .delivery-banner,

  .logistic-banner {

    height: 400px;

  }



  .delivery-banner-img {

    height: 400px;

    margin: 0 auto;

    width: 400px;

    padding-top: 100px;

  }



  .header-txt {

    font-size: 30px;

  }



  .delivery-content,

  .logistic-content {

    font-size: 15px;

    width: 80%;

    margin-top: -190px;

  }



  .delivery-content {

    margin-top: -250px;

  }



  .pay-content {

    width: 105%;

  }



  .logistic-content {

    margin-top: -240px;

    width: 100%;

  }



  .deliv-img {

    height: 450px;

    width: 430px;

    padding-right: 50px;

  }



  .payment-banner {

    height: 400px;

  }



  .pay-text {

    margin-top: -70px;

    margin-left: -50px;

  }



  .pay-content {

    margin-left: -50px;

    margin-top: -270px;

    width: 100%;

    display: block;

  }



  .payment-img {

    margin-right: 100px;

    margin-top: -50px;

  }



  .ban-img {

    height: 350px;

    width: 350px;

  }



  .log-header {

    margin-top: -50px;

    width: 100%;

  }



  .pay-txt {

    margin-top: 135px;

    padding-left: 60px;

  }



  .nav-links {

    margin-left: 12px;

  }



  .sign-up-form {

    display: none;

  }



  .nav-links {

    margin-right: 0;

  }



  .contact_icon {

    margin-right: 40px;

  }



  .delivery-tabs {

    padding-left: 30px;

  }

}



@media (min-width: 580px) and (max-width: 671px) {

  .shipping-fee {

    font-size: 50px;

  }

  .login-link {

    color: rgb(43, 41, 41);

    /* font-size: 13px; */

}





  .auth-links {

    margin-right: 0px !important;

  }



  .mobile-header {

    padding-top: 20px !important;

    display: none !important;

  }





  .from-select {

    width: 128px;

  }



  .calculate {

    width: 100% !important;

  }



  .bg-image {

    margin-left: -10px;

    width: 300px;

    height: 400px;

  }

}



@media (min-width: 1025px) and (max-width: 1280px) {

  .banner1 {

    margin-top: 30px;

    margin-bottom: 30px;

  }



  .from-select {

    width: 100%;

    height: 51px;

  }



  .slider-fixed-content {

    width: 60% !important;

  }



  .card-deck {

    margin: 20px !important;

  }



  .warning {

    font-size: 8px;

    margin-top: 20px;

  }



  .delivery-content {

    margin-top: -300px;

  }



  .log-txt {

    margin-top: -270px;

  }



  .nav-tag {

    padding-left: 10px;

  }



  .sign-up-form {

    margin-left: 15px;

  }



  .contact_icon {

    margin-left: -20px;

  }



  .kexpress-img {

    margin-left: 95px;

    /*height: 45px;*/

  }

}



@media (min-width: 1441px) and (max-width: 2560px) {

  .kexpress-img {

    /* height: 60px; */

    /*width: 100px;*/

    margin-top: 10px;

  }
.hr-img-overlay
{

  padding: 126px 20px!important;

}


  .nav-tag {

    margin-top: 30px;

    padding-left: 40px;

    font-size: 16px;

  }



  .bg-image {

    width: 912px;

    height: 680px;

    margin-left: 200px;

    margin-top: 0;

  }



  .calculator-header {

    margin-top: 100px;

    margin-bottom: 10px;

    font-size: 30px;

  }



  .calculator-section {

    height: 900px;

  }



  .calculator-content {

    font-size: 20px;

  }



  .from-text {

    font-size: 16px;

  }



  .from-select {

    border-radius: 5px;

  }



  .button-select {

    height: 55px;

    margin-left: 0;

  }



  .warning {

    font-size: 13.5px;

    letter-spacing: 1.8px;



    width: 100%;

  }



  .loc-header-text {

    margin-top: 20px;

  }



  .loc-content-text {

    width: 60%;

    font-size: 20px;

  }



  .location {

    height: 700px;

  }



  .stateContainer li {

    font-size: 20px;

  }



  .solution-header {

    font-size: 30px;

  }



  .soln-texts {

    font-size: 17px;

    width: 60%;

  }



  .solution-texts {

    margin-bottom: 50px;

  }



  .icon {

    height: 110px;

    width: 70px;

  }



  .icon-header {

    font-size: 25px;

  }



  .icon-content {

    font-size: 15px;

    width: 70%;

    margin-left: 15%;

  }



  .solution-wrapper {

    height: 700px;

  }



  .delivery-banner {

    height: 600px;

  }



  .delivery-banner-img {

    margin-top: -20px;

    height: 650px;

    width: 650px;

  }



  .deliv-img {

    margin-left: -10px;

    margin-top: -80px;

  }



  .header-txt {

    font-size: 40px;

    margin-bottom: 1%;

  }



  .delivery-content {

    font-size: 23px;

  }



  .delivery-text {

    margin-left: 3%;

  }



  .ban-img {

    height: 680px;

    margin-top: 0;

    width: 680px;

  }



  .log-txt {

    font-size: 25px;

    margin-top: -20%;

  }



  .logistic-banner {

    height: 600px;

  }

}



@media (min-width: 2560px) {

  .kexpress-img {

    /*height: 90px;*/

    /*width: 140px;*/

    margin-left: 135%;

  }



  .nav-tag {

    font-size: 25px;

  }



  .calculate {

    width: 100% !important;

  }



  .inner-text-header {

    font-size: 60px;

    width: 50%;

    margin-left: 15%;

  }



  .inner-text {

    font-size: 35px;

    margin-top: 11%;

    width: 65%;

    margin-left: 15%;

  }



  .bg-image {

    width: 792px;

    height: 900px;

    margin-left: 270px;

    margin-top: -95px;

  }



  .input-bar {

    background-color: #ffffff;

    width: 760px;

    height: 90px;

    margin: 0 auto;

    display: flex;

    flex-direction: row;

    position: absolute;

    border-radius: 4px;

  }



  .track-Bar {

    width: 650px;

    height: 90px;

    font-size: 30px;

  }



  .track-Bar::placeholder {

    font-size: 30px;

    margin-top: 10px;

  }



  .track-Btn {

    width: 104px;

    width: 150px;

  }



  .calculator-header {

    margin-top: 150px;

    margin-bottom: 30px;

    font-size: 45px;

    width: 100%;

  }



  .calculator-content {

    font-size: 27px;

    width: 50%;

  }



  .calculator-section {

    height: 1200px;

  }



  .shipping-fee {

    font-size: 80px;

    margin-bottom: 35px;

  }



  .warning {

    height: 45px;

    font-size: 18px;

    margin-top: 115px;

    letter-spacing: 2px;

    width: 100%;

  }



  .location {

    height: 1000px;

  }



  .loc-header {

    margin-top: 150px;

  }



  .loc-header-text {

    font-size: 40px;

  }



  .loc-content-text {

    font-size: 30px;

  }



  .stateContainer {

    margin-top: 50px;

  }



  .stateContainer li {

    font-size: 30px;

  }



  .solution-wrapper {

    height: 900px;

  }



  .solution-header {

    font-size: 40px;

    margin-bottom: 10px;

  }



  .soln-texts {

    font-size: 25px;

    color: #5e5e5e;

    width: 50%;

  }



  .banner-components {

    padding-top: 150px;

  }



  .icon {

    height: 150px;

    width: 90px;

  }



  .icon-header {

    font-size: 30px;

  }



  .icon-content {

    font-size: 22px;

  }



  .delivery-banner {

    height: 650px;

  }



  .delivery-banner-img {

    height: 850px;

    width: 850px;

    margin-top: -90px;

    padding-left: 50px;

  }



  .delivery-tabs,

  .payent-tab {

    height: 500px;

    padding-left: 50px;

  }



  .header-txt {

    font-size: 70px;

    margin-top: -50px;

    margin-bottom: 100px;

  }



  .delivery-content {

    font-size: 35px;

  }



  .pay-txt {

    margin-left: 130px;

    margin-top: 200px;

  }



  .ban-img {

    height: 650px;

    width: 650px;

  }



  .logistic-banner {

    height: 700px;

  }



  .log-txt {

    margin-top: -30%;

    font-size: 35px;

  }



  .logistic-text {

    padding-top: 150px;

  }



  .enq-text {

    font-size: 20px;

  }

}



@media (max-width: 1370px) and (min-width: 1287px) {

  .inner-text-header {

    font-size: 43px;

  }



  .slider-fixed-content {

    width: 50% !important;

  }



  .inner-text {

    margin-top: 20px;

  }



  .banner1 {

    margin-bottom: 30px;

    margin-top: 50px;

  }

}



@media (min-width: 1371px) and (max-width: 1600px) {

  .banner1 {

    margin-bottom: 30px;

    margin-top: 50px;

  }



  .inner-text-header {

    font-size: 35px;

  }



  .slider-fixed-content {

    width: 45% !important;

  }



  .inner-text {

    margin-top: 20px;

  }



  .delivery-tabs {

    margin-top: 10px;

  }



  .nationwide-tab {

    margin-top: 400px;

  }



  .warning {

    font-size: 9.5px;

  }



  .header-txt {

    margin-top: -40px;

    width: 60%;

  }



  .nation-header {

    margin-top: 50px;

  }



  .log-txt {

    font-size: 25px;

    margin-top: -30%;

    width: 70%;

  }



  .bg-image {

    margin-left: 190px;

    width: 452px;

  }



  .inner-text-header {

    margin-top: 20px;

  }



  .banner1 {

    margin-top: 30px;

    margin-bottom: 20px;

  }



  /* .nav-index.new-nav-index {

        height: 680px;

    } */



  .delivery-text {

    margin-top: -350px;

  }



  .delivery-content {

    margin-top: -200px;

  }



  .delivery-banner-img {

    margin-top: 10px;

  }



  .deliv-img {

    margin-top: -90px;

  }



  .pay-txt {

    margin-top: 120px;

  }

}



@media (min-width: 1601px) and (max-width: 1844px) {

  .warning {

    font-size: 10.5px;

  }



  .header-txt {

    margin-top: 50px;

    width: 60%;

  }



  .log-txt {

    font-size: 25px;

    margin-top: -20%;

    width: 70%;

  }



  .delivery-banner-img {

    margin-top: 5px;

  }



  .deliv-img {

    margin-left: -10px;

    margin-top: -70px;

  }



  .bg-image {

    margin-left: 190px;

    width: 542px;

  }



  .delivery-tabs {

    margin-top: -30px;

  }



  .pay-txt {

    margin-top: 40px;

  }



  .pay-content {

    margin-top: -130px;

  }



  .delivery-content {

    margin-top: -190px;

  }



  .ban-img {

    margin-top: 10px;

  }

}



.reverse-btn {

  background-color: #fff;

  margin-top: 10px;

}



.sidebar {

  display: none;

  position: fixed;

  width: 410px;

  top: 0;

  right: 0;

  height: 100%;

  height: 100vh;

  z-index: 999;

  overflow-y: scroll;

  background-color: #fff;

  border: solid #f1f1f1;

  border-width: 1px;

}



.sidebar.active {

  display: block;

}



.delivery-button {

  margin-top: -5%;

}



.logistic-button {

  margin-left: 15px;

}



.payment-button {

  margin-top: -25%;

}



.overlay {

  display: none;

  position: fixed;

  width: 100%;

  height: 100%;

  width: 100vw;

  height: 100vh;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: rgba(0, 0, 0, 0.5);

  z-index: 998;

}



.overlay.active {

  display: block;

}



.close-button {

  background-color: #fff;

  border: 1px solid #ccc;

  border-radius: 3px;

  width: 73px;

  height: 25px;

  color: #b9b9b9;

  font-family: Montserrat;

  font-size: 13px;

  font-weight: 400;

  line-height: 5px;

}



.header-wrapper {

  display: flex;

  justify-content: space-between;

  padding: 30px 20px 0;

  align-items: center;

}



.no-padding {

  padding: 0;

}



.sign-up-text {

  font-weight: 700;

}



.header-text {

  padding: 10px 20px 0;

  color: #9b9b9b;

  font-size: 13px;

  font-weight: 400;

  line-height: 20px;

}



.registration-form {

  padding: 5px 20px 30px;

}



.company-registration-form {

  padding: 20px;

  background-color: #f2f2f2;

  font-size: 13px;

}



.company-header-details {

  font-size: 15px;

  font-weight: 600;

  margin-bottom: 20px;

}



.form-header {

  font-size: 15px;

  font-weight: 600;

}



.inputs-style {

  border: 2px solid #ccc;

  box-shadow: none;

  border-radius: 0;

  font-size: 12px;

}



.nested-inputs-style {

  color: #9b9b9b;

  font-size: 10px;

  font-weight: 400;

}



.form-content {

  margin-top: 20px;

}



.form-control {

  width: 100% !important;

  height: 51px !important;

  border: solid 1px #979797 !important;

  box-shadow: 0px;

}



.form-control:focus {

  outline: none !important;

  box-shadow: none !important;

  /* border: none !important; */

}



.package-desc:focus {

  border: 1px solid #0093dd !important;

}



.package-desc {

  height: 150px !important;

}



.submit-button {

  width: 100%;

  background-color: #0093dd;

  height: 50px;

  font-size: 15px;

  font-weight: 700;

  line-height: 18px;

  color: #fff;

  margin-top: 20px;

}



.times {

  display: inline-block;

  padding-right: 10px;

}



.btn-pay-content {

  margin-top: 17px;

  background-color: #fff;

}



.down-arrow {

  background-image: linear-gradient(45deg, transparent 50%, gray 50%),

    linear-gradient(135deg, gray 50%, transparent 50%);

  background-position: calc(100% - 20px) calc(1em + 2px),

    calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;

  background-size: 5px 5px, 5px 5px, 1px 1.5em;

  background-repeat: no-repeat;

}



.item>img {

  background: center/cover no-repeat;

}



.carousel-inner-content {

  position: absolute;

  margin: 150px 50px 50px 50px;

  color: white;

  width: 40%;

}



.carousel-inner-content>h3 {

  font-size: 35px;

}



.carousel-inner-content>p {

  font: size 18px;

}



.carousel {

  height: 680px !;

}



.slider-form {

  margin: 5%;

  position: absolute;

  width: 80%;

  background: rgba(255, 255, 255, 0.6);

  border: 1px solid #a1a1a1;

  border-radius: 8px;

  height: 589px;

  padding: 20px;



  display: none;

}



.request-truck-success {

  margin: 5%;

  width: 80%;

  position: absolute;



  background: rgba(255, 255, 255, 0.5);

  border: 1px solid #a1a1a1;

  border-radius: 8px;

  height: 589px;

  padding: 20px;

  text-align: center;

  display: none;

}



.request-truck-success>h3 {

  color: #fff;

  margin: 20px;

  margin-bottom: 30px;

  font-weight: 600px;

}



.request-truck-success>p {

  color: #fff;

  font-size: 16px;

  margin-top: 30px !important;

  width: 80%;

  margin: auto;

}



.request-truck-success>button {

  margin-top: 25px;

  background-color: #2291d0 !important;

  width: 40%;

  font-size: 18px;

  color: #fff;

  font-weight: 600;

  padding: 10px 0px;

}



.slider-overlay {

  height: 730px;

  margin-top: -750px;

}



.carousel-indicators {

  bottom: 50px !important;

  padding-left: 0;

  bottom: 50px;

}



.carousel-indicators>li {

  height: 16px !important;

  width: 16px !important;

}



.unactive {

  margin: 5px !important;

  height: 20px !important;

  width: 20px !important;

  background-color: #2291d0 !important;

  border-color: #2291d0 !important;

}



.active {

  border-color: #fff !important;

}



.container-fluid {

  margin: 0 !important;

  padding-left: 0px !important;

  padding-right: 0px !important;

}



.sl-form-label {

  margin-bottom: 10px;

  margin-top: 10px;

  font-weight: 600px !important;

  font-size: 13px !important;

}



#comment-field {

  width: 100% !important;

  height: 102px !important;

}



.request-truck {

  margin: 0 !important;

}



.submit-request-div {

  justify-content: end;

  display: flex;

}



.request-truck-btn {

  width: 161px;

  height: 49px;

  background: #2291d0 !important;

  border: #2291d0 !important;

  font-weight: 600 !important;

}



.send-package-dismiss,

.request-truck-dismiss,

become-partner-dismiss {

  background-color: #2291d0;

  color: white;

  padding: 0px !important;

  font-weight: 600 !important;

  width: 25px;

  height: 25px;

}



.request-truck-btn:hover {

  width: 161px;

  height: 49px;

  background: #fff !important;

  border: #2291d0 !important;

  color: #2291d0 !important;

  font-weight: 600;

}



.calculate {

  padding: 25px 45px;

  right: 0;

  width: 50%;

  height: 100%;

  z-index: 999;

  overflow-y: scroll;

  border: solid #f1f1f1;

  border-width: 1px;

  display: none;

  background-color: #fff;

  position: fixed !important;

}



.calculate.active {

  display: block !important;

}



.calculate-header {

  display: flex;

  justify-content: space-between;

}



.calculate-dismiss {

  background-color: #2291d0;

  color: white;

  padding: 0px !important;

  font-weight: 600 !important;

  width: 25px;

  height: 25px;

}



.calculate-dismiss:hover {

  color: #fff !important;

  width: 30px;

  height: 30px;

}



.calculate-fee-header {

  font-size: 25px;

  font-family: sans-serif;

}



.logistics-gif {

  width: 300px;

}



.calculate-quote {

  font-size: 20px;

  padding-top: 20px;

  padding-bottom: 25px;

  font-weight: 400;

  color: #8a8a8a;

}



select.from-select {

  -webkit-appearance: menulist;

}



.form-check-label {

  margin-bottom: 0;

  margin-left: 30px !important;

}



.form-check-input {

  color: #0093dd !important;

  margin-top: 12px !important;

}



.form-check-label>p {

  font-weight: 400;

  font-size: 12px;

  line-height: 14px;

  display: flex;

  align-items: center;

  color: #606060;

}



.row {

  margin-right: 0px !important;

  margin-left: 0px !important;

}



.bs-send {

  margin-top: 0;

  color: #acacac;

  background: white !important;

  font-weight: 600;

  font-size: 13px;

  line-height: 19px;

  border: 1px solid;

  border-radius: 5px;

  height: 50px;

}



.slider-overlay-right.inactive {

  display: none;

}



.from-select-bar-left {

  margin-left: 25px;

}



/* services section 1 css */

.service-section-1 {

  display: flex;

  background-color: #b5e0f5;

  position: relative;

}



.service-section-1.active {

  margin-top: 0px;

}



.service-card>img {

  width: 100%;

  object-fit: cover;

}



.service-card {

  margin: 50px;

}



.card-deck {

  margin: 80px;

}



.card-img-top {

  display: block;

  /* height: 90%; */

  width: 100%;

  border-radius: 5px !important;

  object-fit: cover;

}

.service-section-1 .card .card-img-top {

  width: 100%;

  height: 220px;

  object-fit: cover;

}

.second-service-section img {

  width: 100%;

  height: 420px;

  object-fit: cover;

}

.hr-img-overlay > p {

  font-size: 18px;

  color: #fff;

  mix-blend-mode: normal;

}

#second-service-section-1 img {

  object-fit: cover;

  object-position: top;

}



.card {

  border: 0 !important;

  background-color: transparent;

  padding: 20px;

}



.card-body {

  padding: 0 !important;

}



.card-title {

  margin-bottom: 2rem;

  font-size: 24px;

  padding-top: 2rem;

}



.center-quote {

  text-align: center;

  margin: 50px 20px 50px 20px;

}



.center-quote>h3 {

  font-size: 24px;

}



.center-quote>p {

  font-size: 20px;

  color: grey;

  width: 50%;

  margin: auto;

  margin-top: 10px;

}



.second-service-section {

  margin: 50px 100px 0px 100px;

  position: relative;

}



.hr-img-overlay {

  position: absolute;

  bottom: 0;

  width: 30%;

  padding: 151px 20px;

  background: rgba(0, 147, 221, .6);

  border-bottom-left-radius: 5px;

  border-top-left-radius: 5px;

  color: #fff;

}



#second-service-section-1 {

  display: flex;

  justify-content: end !important;

}



#second-service-section-1>.card-img-top {

  border-bottom-right-radius: 5px;

  border-top-right-radius: 5px;

}



.slider-fixed-content {

  width: 38.223%;

  margin: auto;

  text-align: center;

}



.service-features {

  margin: auto !important;

  padding-top: 30px;

}



.kxpress-feature {

  background-color: #fff;

  padding: 20px 5px;

  height: 100%;

  border-radius: 5px;

  margin: 5px;

}



.kxpress-feature:hover {

  cursor: pointer;

  background-color: #ffffffeb;

  border: 1px solid #2291d0;

}



.feature-title {

  font-size: 16px;

  margin: 0px;

  margin: 5px;

  font-weight: 500;

}



.feature-content {

  color: #757575;

  font-size: 14px;

}



#weight {

  width: 100% !important;

}



.carousel-inner>.item>img {

  display: block;

  max-width: none !important;

  min-height: 780px !important;

}



.form-row>.col,

.form-row>[class*="col-"] {

  padding-right: 0px !important;

  padding-left: 0px !important;

}



.card-text {

  font-weight: 400;

  color: #464345 !important;

  font-size: 16px !important;

}



.auth-links {

    margin-right: 120px;

    display: flex;

    width: 200px;

    align-items: center;

  }

  .auth-links button{

      margin: 0 5px;

  }





.login-link {

  color: #fff;

  /* font-size: 13px; */

}



.login-link:hover {

  color: #fff;

  text-decoration: none!important;

}

#sign-up-btn-id:hover {

    color: #fff !important;

  }

.mobile-header {

  padding-top: 25px;

  display: none;

}



.mobile-link {

  margin: 50px 10px;

  font-size: 12px;

  font-weight: 500;

  /* line-height: 165.8%; */

  /* color: #2291d0; */

  /* text-align: center; */

}



.mobile-link>a {

  color: #605159;

  font-size: 14px;

  padding: 0px;

}



.mobile-links {

  display: none;

  /* margin-top: -20px; */

  padding: 15px;

  width: 100%;

  height: 100%;

  max-width: 100%;

  z-index: 999;

  border: solid #e7e3e5;

  border-width: 1px;

  display: none;

  background-color: #fff;

  position: fixed !important;

}



.footer-nav {

  background: #565656;

  color: #fff;

  padding: 10px;

  text-align: center;

}



.button-select.active {

  border: solid 1px #2291d0;

  color: #fff;

  background-color: #2291d0 !important;

  height: 50px !important;

}



#send-package-form {

  display: none;

}



#send-package-form.active {

  display: block;

}



#send-package-form {

  padding: 35px;

  right: 0;

  width: 50%;

  height: 100%;

  z-index: 999;

  overflow-y: scroll;

  border: solid #f1f1f1;

  border-width: 1px;

  display: none;

  background-color: #fff;

  position: fixed !important;

}



.send-package-input {

  padding-left: 0px !important;

  margin-top: 20px;

}



.send-package-input:focus {

  border: 1px #000 solid;

}



.send-package-input-right {

  padding-right: 0px !important;

  padding-left: 15px !important;

}



.send-package-banner {

  background: #b5e0f5;

  padding: 25px 20px 25px 20px;

  margin-top: 20px;

  border-radius: 5px;

  color: #5b5b5b;

}



.send-package-form-stage {

  display: flex;

  justify-content: space-evenly;

  text-align: center;

  width: 70%;

  margin: auto;

}



.send-package-form-stage-text {

  width: 100% !important;

}



#sp-form-stage-1,

#sp-form-stage-2,

#sp-form-stage-3 {

  background-color: #c9c3c3;

  width: 40px;

  margin: auto;

  margin-top: 4px;

  margin-bottom: 4px;

  padding: 13px 6px;

  border-radius: 50%;

}



#sp-form-stage-1 {

  background-color: #0093dd;

  color: #fff;

}



.sp-form-stage-one.clicked,

.sp-form-stage-two.clicked,

.sp-form-stage-three.clicked {

  background-color: #0093dd !important;

  color: #fff !important;

}



#sp-form-stage-1.clicked {

  width: 45px !important;

}



#sp-fs-parent-2,

#sp-fs-parent-3 {

  border: 1px solid #c9c3c3;

  width: 50px;

  margin: auto;

  margin-top: 30px;

  border-radius: 50%;

}



.sp-fs-parent-two.clicked,

.sp-fs-parent-three.clicked {

  border: 1px solid #0093dd !important;

  width: 50px;

  margin: auto;

  margin-top: 30px;

  border-radius: 50%;

}



#sp-fs-parent-1 {

  border: 1px solid #0093dd;

  width: 50px;

  margin: auto;

  margin-top: 30px;

  border-radius: 50%;

}



.send-package-button {

  width: 100%;

  color: #fff;

  padding: 15px;

}



.form-check {

  padding-left: 0rem !important;

}



.fs-send-left {

  padding-left: 0px !important;

}



.ts-special {

  margin-top: 10px;

}



.video-frame {

  width: 50%;

  z-index: 999;

  overflow-y: scroll;

  border: solid #f1f1f1;

  margin-top: 200px;

  border-width: 1px;

  display: none;

  background-color: #fff;

  position: fixed !important;

}



.video-container {

  margin: auto;

  width: 50%;

}



.special-fs {

  margin-top: 10px !important;

}



label {

  font-weight: 400 !important;

  font-size: 16px !important;

}



.validate-field {

  color: rgb(209, 86, 86);

  display: none;

  font-size: small;

}



.validate-field.required {

  display: block;

}



a {

  width: 20%;

}



.sp-item-text {

  width: 25%;

}



.calculate-fee-header {

  margin: 0px !important;

}



.line {

  border-bottom: 2px solid #fff;

  margin-bottom: 25px;

  width: 33%;

  /* margin: auto; */

}



.line.clicked {

  border-bottom: 2px solid #2291d0;

}



.mobile-background {

  display: none;

}



.mobile-nav-dismiss {

  cursor: pointer !important;

  color: #fff;

  font-weight: 900 !important;

  border-radius: 50px !important;

  height: 40px;

  width: 40px;

  background: #2291d0 !important;

}



.mobile-head {

  text-align: end;

  /* padding-top: 20px; */

  display: flex;

  justify-content: space-between;

}



.mobile-auth-link {

  /* text-align: center; */

  margin-top: 50px;

  margin-left: 10px;

}



.mobile-auth-link>button {

  font-size: 13px;

}



.mobile-links-inner {

  margin-top: 20%;

  text-align: left;

}



@media screen and (min-width: 578px) {

  .mobile-links {

    display: none !important;

  }

}



.kxpress-business {

  background-color: #2291d0;

  padding: 50px;

  margin-top: 50px;

}



.kxpress-business-content {

  width: 60%;

  margin: auto;

  padding-top: 50px;

  padding-bottom: 50px;

}



.kbc-title {

  color: #fff;

  font-weight: 500;

  font-size: 30px;

  padding-bottom: 30px;

}



.kbc-body {

  color: #fff;

  padding-bottom: 30px;

  font-size: 16px;

}



.kbc-button {

  background: #000;

  font-size: 18px;

  color: #fff;

  padding: 15px 50px;

}



@media (min-width: 577px) and (max-width: 990px) {

  .kxpress-business {

    padding: 10px 0px 0px 50px;

  }



  .kxpress-business-image {

    margin-top: 50px;

  }



  .kbc-img {

    width: 80%;

  }



  .kxpress-business-content {

    width: 100%;

  }

}



#waybill-result-section {

  display: none;

}



#wrs-id-pdf {

  width: 70%;

  margin: auto;

}



#nav-link-stn {

  padding: 0px !important;

}



.st-notify-required,

.notify-required,

.sp-required {

  color: red;

  display: none;

  margin: 0px;

  font-size: 12px;

}



ul,

li,

ol {

  list-style: none;

}



/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



#return-home {

  display: none;

}

.bg-img {

  width: 100%;

  height: 100%;

}



/* Firefox */

input[type="number"] {

  -moz-appearance: textfield;

}



.bp-result-message {

  padding: 25px 0px 25px 0px;

  font-size: 18px;

}



.bp-result-message-2 {

  padding: 25px 0px 25px 0px;

  font-size: 18px;

  font-weight: 600;

}



.show-all-link:hover {

  cursor: pointer;

}



#deliv-sec:focus,

.mobile-link>a:focus {

  color: #2291d0 !important;

  text-decoration: none !important;

}

a:focus {

  color: #2291d0 !important;

  text-decoration: none !important;

}

.alert-dismissible .close {

  position: relative;

  top: -10px !important;

  color: inherit;

  text-align: end !important;

}



.alert-danger {

  color: red !important;

  background-color: #fcdfee !important;

  border-color: #e82443 !important;

  font-weight: 500;

}



.alert-msg {

  width: 100%;

  margin: auto;

}

.spinner-border{

  width: 2.2rem !important;

  height: 2.2rem !important;

}

.loading-section{

  justify-content: center !important;

  color: #2291d0 !important;

}

#rt-loader{

  display: none;

}

.activeLoader{

  display: flex !important;

}

































.image-layer.p_absolute {

  width: 100%;

  height: 768px;

  background-size: cover;



}



.inner-text-2.rate-ship {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.inner-text-2.rate-ship img {

  width: 30px!important;

}



.banner-carousel .owl-dots {

  position: absolute;

  width: 100%;

  bottom: 50px;

}

.banner-carousel .owl-nav{

  display:none;

}

.banner-carousel .owl-dots .owl-dot.active span{

  width: 20px!important;

  background-color: #2291d0!important;

}



.bredcrumb-section{

  padding: 82px 0;

}





/* send a package css */





.send-package .nav-index {

  height: 100px !important;

}



#send-package-form {

  background-color: #ffffff;



  width: 50%;

  min-width: 300px;

}



#send-package-form h1 {

  text-align: center;

  margin-bottom: 30px;

}



select {

  -webkit-appearance: menulist-button !important;

  -moz-appearance: menulist-button !important;

}



button {

  background-color: #0093dd;

  color: #ffffff;

  border: none;

  padding: 10px 20px;

  font-size: 17px;

  cursor: pointer;

}



button:hover {

  opacity: 0.8;

}



input {

  padding: 10px;

  /* width: 100%; */

  font-size: 17px;

  font-family: Raleway;

  border: 1px solid #aaaaaa;

}





/* Mark input boxes that gets an error on validation: */

input.invalid {

  background-color: #ffdddd;

}



input.required {

  color: red;

}



/* Hide all steps by default: */

.first-tab {

  display: block;

}



.second-tab {

  display: none;

}



.third-tab {

  display: none;

}



#prevBtn {



  color: #000;

  text-decoration: underline;

  padding: 0px !important;

  cursor: pointer;

}



/* Make circles that indicate the steps of the form: */

.step {

  height: 15px;

  width: 15px;

  margin: 0 2px;

  background-color: #bbbbbb;

  border: none;

  border-radius: 50%;

  display: inline-block;

  opacity: 0.5;

}



.step.active {

  opacity: 1;

}



.step.finish {

  background-color: #0093dd;

}



.card-shipping {

  background-color: #fff;

  border-radius: 8px;

  border: 1px solid #dfe0eb;

  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

  padding: 20px;

  margin: 40px 10px 70px 0px;

}



.demacation {

  border-bottom: 1px solid gray;

  margin-bottom: 10px;

}



#waybill-result-section {

  width: 70%;

  margin: auto;

}



.display-delivery-id {

  display: flex;

  justify-content: space-around;

  background-color: #F6F5F5;

  padding: 30px;

  border-radius: 10px;

}



.wb-id {



  font-family: 'Helvetica Neue';

  font-style: normal;

  font-weight: 700;

  font-size: 24px;

  line-height: 20px;



  letter-spacing: 3px;

  color: #373737;

}



.print-wb-id {

  color: #000;

}



.save-wb-id {

  color: #000;

  display: flex;

  cursor: pointer;

}



.save-wb-id>p {

  color: #0093dd;

  margin-bottom: 0px !important;

  margin-left: 10px;

}



.wb-success-intro {

  font-size: 18px;

  margin-top: 50px;

  color: #484343;

}



.wb-instruction-ol {

  margin-left: -25px;

}



.wb-instruction-li {

  padding: 10px 0px;

  font-size: 16px;

}



.wb-loc-btn {

  display: block;

  width: 100%;

  background: #fff;

  border: 1px solid #0093dd;

  padding: 15px;

  color: #0093dd;

  font-size: 18px;

  font-weight: 500;

}



.wb-fin-btn {

  display: block;

  display: block;

  width: 100%;

  background: #fff;

  background: #0093dd;

  padding: 15px;

  color: #fff;

  font-size: 18px;

  font-weight: 500;

  margin-top: 10px;

}



.delivery-id {

  margin-top: 20px;

  font-size: 18px;

}



.html-content {

  position: absolute;

  left: -1000px;

}



.sp-btn-section {

  margin-top: 50px;

}

#cancelSendPackageOne, #cancelSendPackageTwo {

  background: #fff;

  color: #f74ca2;

}

#error, #emailErr, #error2, #emailErr2{

  color: red;

}

#error3{

  display: none;

}

@media (min-width: 900px) and (max-width: 1300px) {

  #send-package-form {

    background-color: #ffffff;

    margin: 0px auto;

    width: 70%;

    min-width: 300px;

  }

}



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

  .send-package-input-right {

    padding-left: 0px !important;

    padding-right: 0px !important;

  }



  .send-package-input {

    padding-right: 0px !important;

  }



  #waybill-result-section {

    width: 100%;

    margin: auto;

  }

}



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

  #send-package-form {

    background-color: #ffffff;

    margin: 0px auto;

    width: 100%;

    min-width: 300px;

    padding: 20px;

  }



}





/* request truck css */



#request-truck-form {

  padding: 25px 45px;

  right: 0;

  width: 50%;

  height: 100%;

  z-index: 999;

  overflow-y: scroll;

  border: solid #f1f1f1;

  border-width: 1px;

  display: none;

  background-color: #fff;

  position: fixed !important;

}



.request-truck-form-stage {

  display: flex;

  justify-content: start;

  text-align: center;



}



.request-truck-input {

  padding-left: 0px !important;

  margin-top: 20px;

}



.request-truck-input-right {

  padding-right: 0px !important;

  padding-left: 15px !important;

}



.rt-first-tab {

  display: none;

}



.rt-second-tab {

  display: none;

}



#rt-result-section {

  display: none;

}



.truck-parent {

  padding: 30px 10px 0px 10px;

  background: #FAFAFA;

  border-radius: 10px;

  width: 200px;

  height: 110px;

  margin: 10px 10px 10px 0px;

}

.truck-parent:hover {

  padding: 30px 10px 0px 10px;

  margin: 10px 10px 10px 0px;

  background:#b5e0f5;

  cursor: pointer;

  border: 1px solid #b5e0f5;;

  color: #0093dd !important;

}

.truck-parent.active{

  background: #b5e0f5;

  cursor: pointer;

  border: 1px solid #0093dd;

  color: #0093dd !important;

}



.logistics-type {

  color: #212529;

  padding-top: 10px;

  font-weight: 500;

}







.card-loader {

  max-width: 1140px;

  width: 100%;

  margin: 0 auto;

}



.card-loader-title {

  max-width: 1140px;

  width: 40%;

  padding: 0px !important;

  background-color: #fff;

  position: relative;

  border-radius: 2px;

  margin-bottom: 0;

}



.card-loader {

  background-color: #fff;

  /* padding: 8px 0px; */

  position: relative;

  border-radius: 2px;

  margin-bottom: 0;

}



.card-loader:only-child {

  margin-top: 0;

}



.card-loader:before,

.card-loader-title:before {

  content: '';

  height: 60px;

  display: block;

  background: linear-gradient(90deg, #F1EFEF -24.18%, #F9F8F8 50.26%, #E7E5E5 114.84%);

  border-radius: 6px;

  box-shadow: -68px -98px 0 -48px #ededed, -50px 110px 0 -48px #ededed;

}



.card-loader-title:before {

  content: '';

  height: 25px;

  display: block;

  background-color: #ccc;

  box-shadow: -68px -98px 0 -48px #ededed, -50px 110px 0 -48px #ededed;

  border-radius: 10px;

}



.card-loader:after,

.card-loader-title::after {

  content: '';

  background-color: #333;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  animation-duration: 1.4s;

  animation-iteration-count: infinite;

  animation-name: loader-animate;

  animation-timing-function: linear;

  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0) 81%);

  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0) 81%);

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0) 81%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);

}



.content-loader {

  margin-top: 50px;

}

#rt-result-section{

  width: 70%;

  margin: auto;

  height: 100%;

  margin-top: 150px;

  text-align: center;

}



.rt-result-message {

  padding: 25px 0px 50px 0px;

  font-size: 16px;

}

#cancelRequestTruck {

  background: #fff;

  color: #f74ca2;

}

.sp-cancel-btn{

  text-align: center;

}



.rt-stage-stn{

  display: flex;

  justify-content: space-between;

}

.rt-stage-indicator{

  display: flex;

}

@keyframes loader-animate {

  0% {

      transform: translate3d(-100%, 0, 0);

  }



  100% {

      transform: translate3d(100%, 0, 0);

  }

}

.request-truck-banner{

  margin-top: 40px;

}

#rt-coming-soon{

  text-align: center !important;

  margin: 50px !important;

}

.rt-message-2{

  font-weight: 700;

  font-size: 19px;

}

.rt-coming-soon-gif{

  margin-top: 5rem;

}

#rt-error, #rt-email-err{

  color: red;

}

@media (min-width: 900px) and (max-width: 1300px) {

  #request-truck-form {

    background-color: #ffffff;

    margin: 0px auto;

    width: 70%;

    min-width: 300px;

  }

}



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

  .request-truck-input-right {

    padding-left: 0px !important;

    padding-right: 0px !important;

  }

  .request-truck-form-stage {

      display: flex;

      justify-content: space-around;

      text-align: center;

      margin-bottom: 50px;

  }

  .request-truck-input {

    padding-right: 0px !important;

  }

  #rt-coming-soon {

      text-align: center !important;

      margin: 0px;

  }

  #rt-result-section{

      width: 90%;

      margin: auto;

      height: 100%;

      text-align: center;

  }

}



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

  #request-truck-form {

    background-color: #ffffff;

    margin: 0px auto;

    width: 100%;

    min-width: 300px;

    padding: 20px;

  }



}



/* become partener css */



.become-partner {

  display: none;

  padding: 35px;

  right: 0;

  width: 50%;

  height: 100%;

  z-index: 999;

  overflow-y: scroll;

  border: solid #f1f1f1;

  border-width: 1px;

  display: none;

  background-color: #fff;

  position: fixed !important;

}

.kbc-img {

  width: 100%;

}

.bp-select-lga {

  margin-left: 0px !important;

}



.bp-input-section {

  margin-top: 20px !important;

  margin-bottom: 15px !important;

}



.become-partner-desc {

  padding-right: 15px !important;

  padding-left: 15px !important;

}



.become-partner-desc>p {

  font-size: 18px;

  color: #8A8A8A;

  padding-top: 10px;

}



.bp-img-container {

  margin-top: 20px;



}



.bp-img {

  width: 100% !important;

  opacity: 0.8;

}



.bp-banner {

  padding-left: 15px !important;

}



.bp-radio-input {

  font-size: 16px !important;

  margin-top: 30px;

  font-weight: 500 !important;

}



.radio-input {

  margin-left: 50px !important;

}











.sub-btn-partner {

  display: block;

  width: 100%;

  height: 50px;

  color: #fff;

  font-weight: 700;

}

#bp-result-section{

  width: 70%;

  margin: auto;

  height: 100%;

  margin-top: 150px;

  text-align: center;

  display: none;

}

@media (max-width: 579px){

  .become-partner{

      width: 100% !important;

      padding: 20px 5px !important;

  }

  .become-partner-desc>p {

      font-size: 14px;

      color: #8A8A8A;

      padding-top: 10px;

  }

  .sub-btn-partner {

      display: block;

      width: 95%;

      margin: auto;

      height: 50px;

      color: #fff;

      font-weight: 700;

  }

}



/* footer css */

.footer-inner {

  background: #323232;

  padding: 50px;

}

.f-tag{

  color: #fff

}

.f-tag-div{

  padding-top: 10px;

}

@media (max-width: 577px){

  .footer-inner {

      background: #423b3b;

      padding: 20px !important;

      margin-top: 0px !important;

  }  

}



/* login page css */



.login-section{

  background-image: url(../images/loginbg.jpg);

  display: flex;

  align-items: center;

  padding: 100px 120px;

  background-size: cover;

  position: relative;

}

.login-section::before{

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height:100%;

  background-color: rgba(0, 0, 0, 0.5);

}

.login-wrapper {

  background: #fff;

  padding: 20px 40px;

  width: 66%;

  z-index: 1;

  border-radius:20px;

}

.login-form input {

  width: 100%;

  border-radius: 5px;

}

.login-form input:focus{

  border: 1px solid #0093dd;

}

#remember-me {

  width: 20px;

}

.password-toggle {

  top: .425rem;

  right: 1.25rem;

  color: #0093dd !important;

  padding: 10px;

  position: absolute;

  font-size: 1rem;

  background: #d8d8d8;

  border-radius: .125rem;

  text-transform: uppercase;

  width: 70px;

  text-align: center;

}

.login-wrapper h2 {

  font-size: 20px;

  color: #444;

  text-align: center;

}

.has-toggle{

  position: relative;

}



.form-group.flex-group {

  display: flex;

  width: 100%;

  justify-content: space-between;

}

.forget {

  display: block;

  width: 200px;

  text-align: right;

}

.login_btn {

  color: #fff;

  font-weight: 600;

}



/* location css */

.header-background-color {

  background-color: #f1f1f1;

}



.row {

  margin-left: 0;

  margin-right: -1px;

}

.show-all-link-mobile{

  display: none;

  font-size: 16px !important;

  text-decoration: underline !important;

  color: #2291d0 !important;

  cursor: pointer;

}

.show-all-link{

  font-size: 16px !important;

  text-decoration: underline !important;

  color: #0093dd !important;

}

.show-all-link-mobile-div{text-align: -webkit-right;margin-right: 3%;}

.mycoloum12 {

  padding-left: 5% !important;

}



.list-inline {

  margin-top: 30px

}



.footer {

  margin-top: 20%;

}

#second-bar{

  justify-content: end;

  display: flex;

  padding-right: 4%;

}

.nav-bar {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  margin-top: 20px;

  margin-bottom: 10px;

}



.links {

  margin-top: 0;

  padding-right: 50px;

}



.address-logo {

  height: 30px;

  margin-top: 12px;

  margin-left: 5px;

  width: 30px;

  border-radius: 50%;

  background: #8f8f8f;

}



.twodivs {

  display: inline;

}



.footer_for_box {

  background-color: #b5e0f5;

  padding: 5px;

  width: 94%;

  margin: 0 3% !important;

    margin-bottom: 0px;

  margin-bottom: 15px !important;

}



#first-div {

  border-width: 0 2px 0 0;

}



.footer_divs {

  height: 53px;

}



.storeColumn {

  padding-left: 0;

  padding-right: 0;

  padding-top: 7px;

}



.leftSpacing {

  margin-left: 15px;

}



.activeState {

  color: #2291d0;

  font-weight: 600;

}



#search {

  background: #fff;

  width: 95%;

  display: block;

  margin-top: 10px;

  color: #2291d0;

  font-weight: bold;

  border: 1px solid #2291d0;

  font-size: 13px;

  height: 50px;

  /* border: none; */

  outline: none;

  box-shadow: none;

}

#search:hover {

  color: #fff;

  width: 95%;

  display: block;

  margin-top: 10px;

  background-color: #2291d0;

  font-weight: bold;

  font-size: 13px;

  height: 50px;

  border: none;

}





.search-bar {

  background-color: #ffffff;

  margin-top: 10px;

  padding-left: 0px !important;

  padding-right: 0px !important;

}



#vertical-line {

  padding-right: 0;

  padding-left: 5px;

  line-height: 50px;

  font-size: 40px;

  flex: 0 0 0.5%;

  color: #f7f7f7;

}



.two-search-bars {

  width: 200px;

  display: block;

  height: 55px;

  border: 1px solid grey;

  border-radius: 5px !important;

  margin-right: 10px;

}



.col-md-1 {

  flex: 0 0 6%;

}



#stateList {

  padding-left: 15px;

  background-color: #ffffff;



  color: #aaaaaa;



}



#filtered-lga-dropdown {

  padding-left: 15px;

  background-color: #ffffff;



  color: #aaaaaa;

  outline: none;

  box-shadow: none;

}



.home-locations {

  font-size: 13px;

  font-weight: 500;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: normal;

  color: #7c7c7c;

}



.location-nations {

  font-size: 40px;

  font-weight: 500;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: normal;

  color: #000000;

}

.filter-location{

  float: right !important;

}

.list-inline {

  margin-bottom: 0

}



a {

  color: #7c7c7c;

  text-decoration: none;

}



a:hover {

  color: #7c7c7c;

  text-decoration: none;

}



.row_for_box {

  padding-left: 5%;

  margin-bottom: 100px;

  margin-top: 50px;

}



.rectangleCopy {

  border: 1px solid #f7f7f7;

  background-color: #ffffff;

  padding-left: 0px !important;

  padding-right: 0px !important;

  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

  margin: 20px 15px;

  max-width: 368px;

}



#lgaName {

  border-style: solid;

  border-width: 1px;

  border-radius: 25px;

  background-color: #0093dd;

  font-family: system-ui;

  font-size: 14px;

  font-weight: 600;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: normal;

  color: #ffffff;

  padding: 7px;

  text-align: center;

  margin-left: 10px;

  border: none ;

}



.side-by_side {

  display: inline-block;

}

.location-banner-img{

  width: 100%;

  height: auto;

}

.footer-divs {

  display: inline-block;

  width: 40%;

}



.dropoffPickup {

  font-size: 16px;



  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: normal;

  color: #2291d0;

  margin-top: 10px

}



.workingHoursAndPhonenumber {

  font-size: 12px;

  font-weight: bolder;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: 0.4px;

  color: #030303;

  margin-top: 10px;

  margin-bottom: -2px;

}



#phone {

  font-size: 13px;

  padding-top: 5px;

}



#days {

  font-size: 13px;

}



.shopG14GroundFl {

  font-size: 14px;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: 0.2px;

  color: #9b9b9b;

  margin-top: 15px;

  height: 50px;

}



.states {

  font-family: ProximaNova;

  font-size: 10px;

  font-weight: 600;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: normal;

  color: #ffffff;

}

#search-botton-2{

  padding-top: 20px;

}

@media screen and (max-width:767px) and (min-width: 300px) {

  #second-bar {

      justify-content: start; 

      display: block;

      padding-right: 0px;

      margin-left: 0px;

  }

  #search-botton-2 {

      padding-top: 0px;

  }

  .show-all-link-mobile{

      display: block;

      font-size: 16px !important;

      text-decoration: underline !important;

      color: #74636d !important;

      width: 100% !important;

  }

  .mycoloum12 {

      padding-left: 1px;

      width: 100%;

      max-width: 100%;

      flex: 0 0 100%;

  }

  .show-all-link{

      display: none;

  }

  .row_for_box {

      padding-left: 1px;

  }



  .rectangleCopy {

      margin-right: 1px;

  }



  .search-bar {

      margin-left: 1px;

      margin-bottom: 0;

  }



  #vertical-line {

      display: none;

  }



  #first-bar {

      margin-left: 1px;

  }



  .mycoloumn2 {

      flex: 0 0 99%;

      width: 100%;

      max-width: 100%;

  }



  #search-botton {

      padding: 0;

      flex-basis: 100%;

      padding-top: 20px;

  }



  .two-search-bars {

      width: 95%;

  }



  #search {

      margin-top: 0;

      height: 60px;

      width: 95%;

  }



  .col-md-1 {

      margin-bottom: 15px;

  }

  .rectangleCopy {

      border: 1px solid #e8e0e0;

      margin-top: 30px;

      background-color: #ffffff;

      width: 90% !important;

      margin-left: auto !important;

      margin-right: auto !important;

      margin-top: 20px !important;

      max-width: 90% !important;

  }

}



@media screen and (min-width: 768px) and (max-width: 1024px) {

  .two-search-bars {

      width: 170px;

  }



  .show-all-link{

      display: none;

  }

  .rectangleCopy {

      border: 1px solid #f7f7f7;

      margin-top: 30px;

      background-color: #ffffff;

      width: 45% !important;

      margin: auto !important;

      max-width: 45% !important;

  }

  .columnSpan {

      flex: 0 0 66.666667%;

      max-width: 66.666667%;

  }

  .row_for_box {

      padding-left: 0% !important;

  }

}









@media (max-width: 579px) {
 
    .my-btn{
  padding: 15px!important;
  margin-top: 20px;
  display: inline-block;
  margin-bottom: 20px;
}

  .carousel-inner {

    display: none;

  }



  a:focus {

    text-decoration: none !important;

  }



  .dropdown-content {

    position: relative !important;

  }



  #totalStores {

    font-size: 25px !important;

  }



  .fs-send-right {

    padding-left: 0px !important;

    padding-top: 30px !important;

  }



  .mobile-bg-section {

    height: 880px !important;

    display: block;

    width: 100%;

  }



  .slider-overlay {

    height: 770 !important;

    margin-top: -990px !important;

  }



  .carousel-images {

    height: 830px !important;

    width: revert !important;

  }



  .video-frame {

    width: 80% !important;

    z-index: 999;

    overflow-y: scroll;

    border: solid #f1f1f1;

    margin-top: 300px !important;

    border-width: 1px;



    background-color: #fff;

    margin-left: 10%;

    position: fixed !important;

  }



  .video-container {

    margin: auto;

    width: 100% !important;

  }



  .hr-img-overlay>p {

    font-size: 16px !important;

  }



  .hr-img-overlay>h3 {

    font-size: 18px !important;

  }



  .mobile-background {

    display: block;

  }



  .card-title {

    margin-bottom: 0.5rem !important;

    font-size: 18px !important;

  }



  .calculate-quote {

    font-size: 16px !important;

  }



  .from-select-bar>label {

    padding-top: 20px !important;

  }



  .calculate-fee-header {

    font-size: 20px !important;

  }



  .sign-up-form {

    background-color: #fff !important;

    border-radius: 3px;

    font-size: 13px;

    font-weight: 700 !important;

    line-height: 16px;

    color: #5e5e5e;

    border: 1px solid;

    padding: 0px !important;

  }



  .carousel-indicators {

    display: none;

  }



  #sp-form-stage-1,

  #sp-form-stage-2,

  #sp-form-stage-3 {

    background-color: #c9c3c3;

    width: 30px !important;

    margin: auto;

    margin-top: 4px;

    margin-bottom: 4px;

    padding: 8px 6px !important;

    border-radius: 50%;

  }



  #sp-fs-parent-1 {

    border: 1px solid #ef5da8;

    width: 40px !important;

    margin: auto;

    margin-top: 30px;

    border-radius: 50%;

  }



  #sp-fs-parent-2,

  #sp-fs-parent-3 {

    border: 1px solid #c9c3c3;

    width: 40px !important;

    margin: auto;

    margin-top: 30px;

    border-radius: 50%;

  }



  .kxpress-feature {

    background-color: #fff;

    padding: 10px 5px;

    height: 100%;

    border-radius: 5px;

    text-align: center;

  }



  .kxpress-feature>p {

    margin: 0px !important;

  }



  .kxpress-feature>h4 {

    margin: 5px !important;

  }



  .sf-div {

    margin-bottom: 5px !important;

    margin-left: 15px;

    margin-right: 15px;

  }



  .inner-text-2>p {

    margin-left: 20px !important;

  }



  .auth-links {

    display: block !important;

  }



  .card-text {

    font-size: 14px !important;

  }



  .center-quote>p {

    width: 90% !important;

    font-size: 15px !important;

  }



  .card-deck {

    margin: 30px !important;

  }



  .kbc-img {

    display: none !important;

  }



  .kxpress-business {

    padding: 0px !important;

  }



  .kxpress-business-content {

    width: 100% !important;

    padding-top: 20px !important;

    padding-bottom: 50px;

  }



  .nav-links {

    display: flex;

    margin-top: 12px;

    margin-left: 10px;

  }



  .kbc-title {

    color: #fff;

    font-weight: 500;

    font-size: 22px !important;

    padding-bottom: 10px !important;

  }



  .kbc-body {

    color: #fff;

    padding-bottom: 30px;

    font-size: 14px !important;

  }



  .kbc-button {

    background: #000;

    font-size: 14px !important;

    color: #fff;

    padding: 10px 15px !important;

    margin-top: 0px;

  }



  #second-service-section-1 {

    display: block !important;

  }



  .hr-img-overlay {

    width: 100% !important;

    position: inherit !important;

  }



  .second-service-section {

    margin: 50px 20px !important;

  }



  .calculate {

    width: 100% !important;

    padding: 20px !important;

  }



  .slider-overlay-left {

    padding-left: 0 !important;

    padding-right: 0 !important;

  }



  .bg-image {

    display: none;

  }



  .kxpress-feature {

    height: auto !important;

    margin: auto;

    padding: 10px !important;

  }



  .sidebar.active {

    width: 100%;

  }



  .banner1 {

    width: 90%;

    margin-bottom: 25px;

    text-align: start !important;

  }



  .inner-text-header {

    font-size: 20px !important;

    /* font-size: 30px !important; */

    margin-top: 20px !important;

    /* text-align: center; */

  }



  .input-bar {

    height: 55px;

    margin-left: 6%;

    margin-left: 20px !important;

    margin-right: 20px !important;

  }



  .track-Bar {

    height: 55px;

  }



  .track-Btn {

    width: 104px;

  }

  .kexpress-img {

    margin-left: 10px;

    width: 230px;

    margin-top: 20px;

  }



  .nav-tag {

    display: none;

  }



  .inner-text {

    width: 100%;

    font-size: 12px;

    /* text-align: center; */

  }



  .inner-text-2 {

    color: white;

    /* font-weight: 400; */

    font-style: normal;

    /* font-size: 13px; */

    margin-top: 25px !important;

    text-align: center;

  }



  .calculator-content {

    width: 112%;

    margin-left: -20px;

    margin-bottom: 20%;

  }



  .calculator-header {

    margin: 0 auto;

    margin-top: 20%;

  }



  .main-calculator {

    flex-direction: column;

    height: 800px;

    width: 100%;

  }



  .calculator-section {

    height: 1200px;

  }



  .select-row {

    flex-direction: column;

    margin: 0px;

  }



  #weight-layout {

    display: flex;

    flex-direction: column;

  }



  .result-box {

    height: 300px;

  }



  .from-select-bar {

    flex-direction: column;

    margin-left: 0px !important;

    width: 100%;

  }



  .from-select {

    border: solid 1px #979797;

    background-color: #ffffff !important;



    border-radius: 5px;

  }



  .from-text {

    font-size: 14px;

  }



  .shipping-fee {

    margin-top: -20px;

  }



  .warning {

    font-size: 8px;

    margin-top: -20px;

  }



  .loc-header-text {

    width: 100%;

    font-size: 20px;

  }



  .loc-content-text {

    width: 100%;

    font-size: 14px;

  }



  .stateContainer li {

    width: 50%;

    font-size: 13px;

    margin-left: -6%;

  }



  .stateContainer {

    width: 150%;

    margin-left: -6%;

    margin-top: 10px;

  }



  .location {

    height: 700px;

  }



  .solution-header {

    margin-bottom: 60px;

    margin-top: -120px;

    font-size: 20px;

  }



  .solution-content {

    width: 150%;

    margin-left: -25%;

  }



  .banner {

    flex-direction: column;

    margin-top: -70px;

    margin-left: 0;

  }



  .solution-wrapper {

    height: 1000px;

  }



  .banner-components {

    flex-direction: column;

  }



  .delivery-banner,

  .logistic-banner {

    flex-direction: column;

    height: 500px;

  }



  .delivery-banner-img,

  .deliv-img {

    height: 300px;

    width: 300px;

    margin: 0 auto;

  }



  .header-txt {

    width: 100%;

    font-size: 30px;

    margin-top: -120px;

    display: block;

    text-align: center;

    margin-bottom: 50px;

  }



  .delivery-content,

  .logistic-content {

    width: 100%;

    display: block;

    text-align: center;

  }



  .delivery-text {

    margin-left: -10%;

    margin-top: 40%;

  }



  .payment-banner {

    flex-direction: column;

  }



  .pay-txt {

    margin-top: 150px;

    margin-left: -20%;

  }



  .pay-text {

    width: 150%;

    margin-left: -20%;

  }



  .pay-content {

    width: 145%;

    margin-left: -20%;

  }



  .deliv-img {

    margin-top: -90%;

    margin-left: -10%;

  }



  .sign-up-forms {

    background-color: #33b27b;

    border-radius: 3px;

    width: 180px;

    height: 33px;

    font-size: 15px;

    font-weight: 700;

    line-height: 18px;

    color: #fff;

    font-weight: 450;

    margin: 0 auto;

    margin-top: 30px;

  }



  .delivery-tabs {

    margin-top: 25px;

  }



  .ban-img {

    margin-left: 5%;

    margin-bottom: 50%;

    height: 230px;

    width: 230px;

  }



  .logistic-banner {

    height: 600px;

  }



  .log-header {

    width: 140%;

    margin-left: -30%;

    margin-bottom: -20%;

  }



  .log-txt {

    width: 150%;

    margin-top: -30%;

    margin-left: -35%;

  }



  .footer {

    background-color: #3d3d3d;

  }



  .button-select {

    margin-top: 25px;

  }

}



@media (max-width: 425px) {

  .from-select-bar>label {

    padding-top: 0px !important;

  }

}



.log-txt {

  width: 120%;

  margin-left: -16%;

}



.log-txt {

  margin-top: -245px;

}



.pay-content {

  margin-left: -14%;

  width: 130%;

}



.btn-pay-content,

.reverse-btn {

  color: #f84ca2;

}



.nationwide-btn {

  background-color: #f1f1f1;

  color: #f84ca2;

  margin-top: 20px;

}



.delivery-banner-img {

  width: 380px;

}



.header-txt {

  margin-bottom: 100px;

}



.deliv-img {

  margin-top: -55%;

}



.ban-img {

  margin-top: 40px;

}



.log-header {

  margin-top: -90px;

}



@media (min-width: 350px) and (max-width: 365px) {

  .footer {

    height: 500px;

  }



  .card-deck {

    margin: 20px !important;

  }

}



@media (min-width: 410px) and (max-width: 420px) {

  .card-deck {

    margin: 20px !important;

  }

}



@media (min-width: 321px) and (max-width: 375px) {

  .card-deck {

    margin: 20px !important;

  }



  .api-nav {

    display: none;

  }



  .calculate {

    width: 100% !important;

  }



  .input-bar {

    margin-left: 10%;

  }



  .btn-pay-content {

    margin-top: 0;

  }



  .sign-up-forms {

    margin-top: 0;

  }



  .nationwide-btn {

    margin-top: 10px;

  }



  .header-txt {

    margin-top: -100px;

    font-size: 25px;

  }



  .delivery-content {

    width: 100%;

    margin-top: -250px;

  }



  .header {

    margin-left: 0;

    width: 100%;

  }



  .pay-content {

    width: 140%;

    margin-left: -35px;

    margin-top: -220px;

  }



  .deliv-img {

    margin-left: -55px;

    margin-top: -50%;

  }



  .log-header {

    margin-bottom: 75px;

    margin-left: -35px;

  }



  .log-txt {

    margin-top: -80%;

    margin-left: -20%;

    width: 130%;

  }



  .pay-txt {

    margin-top: 105px;

    margin-left: -20%;

  }



  .ban-img {

    margin-top: 10px;

    width: 300px;

  }



  .delivery-tabs {

    margin-top: 25px;

    margin-bottom: -100px;

  }

}



.weights {

  flex-direction: column;

}



@media (min-width: 580px) and (max-width: 968px) {

  .auth-links {

    margin-right: 0px !important;

  }



}



@media (min-width: 580px) and (max-width: 868px) {

  .main-1 {

    width: 65%;

  }



  .carousel-images {

    height: 830px !important;

    width: revert !important;

  }



  .sf-div {

    margin-bottom: 10px;

  }



  .kxpress-feature {

    background-color: #fff;

    padding: 10px 5px;

    height: 100%;

    border-radius: 5px;

    text-align: center;

  }



  .auth-links {

    display: block !important;

  }



  .mobile-header {

    padding-top: 20px !important;



    margin-right: 20px;

  }



  .inner-text-2>p {

    margin-left: 10px !important;

  }



  .hr-img-overlay {

    width: 50% !important;

  }



  #second-service-section-1 {

    display: block !important;

  }



  .hr-img-overlay {

    padding: 20px 0px !important;

    width: 100% !important;

    position: inherit !important;

  }



  .second-service-section {

    margin: 25px !important;

  }



  .hr-img-overlay>h3 {

    font-size: 20px !important;

    margin-top: 5px;

  }



  .hr-img-overlay>p {

    font-size: 14px !important;

  }



  .slider-fixed-content {

    width: 80% !important;

  }



  .card-deck {

    margin: 20px !important;

  }



  .calculate {

    width: 100% !important;

  }



  .inner-text {

    width: 100%;

  }

}



@media (min-width: 21px) and (max-width: 579px) {

   .my-btn{
  padding: 15px!important;
  margin-top: 20px;
  display: inline-block;
  margin-bottom: 20px;
}
.socila-icon li:first-child
{
  padding: 0 !important;
  margin: 0;
}

.socila-icon
{
  margin: 2rem 0 !important;
}

.e-pod-section
{
  padding: 20px 0 !important;
}
.epod-content
{
  margin: 20px 0;
}
  .main-1 {

    width: 65%;

  }

  .login-link {

    color: rgb(45, 38, 38) !important;

    /* font-size: 13px; */

}





  .nav-links {

    display: none !important;

  }



  .auth-links {

    display: none !important;

  }



  .mobile-header {

    padding-top: 34px !important;

    display: block !important;

    margin-right: 20px;

  }



  .slider-overlay {

    height: 730px !important;

    margin-top: -880px !important;

  }



  .calculate {

    width: 100% !important;

  }



  .back_to_index,

  .api-login {

    width: 80%;

  }



  #second-service-section-1 {

    display: block !important;

  }



  .hr-img-overlay {

    padding: 0px !important;

    width: 100% !important;

    position: inherit !important;

    height: 130px !important;

  }



  .slider-fixed-content {

    width: 100% !important;

    text-align: start !important;

    margin: auto;

  }



  .card-deck {

    margin: 10px !important;

  }



  .shipping-fee {

    font-size: 40px;

  }

}



@media (min-width: 769px) and (max-width: 1024px) {

  .kexpress-img {

    margin-left: 15px;

    margin-top: 15px;

    /*height: 45px;*/

  }

  .nav-tag{
    padding: 0 !important;
  }

  .carousel-images {

    height: 830px !important;

    width: revert !important;

  }



  .hr-img-overlay {

    padding: 20px !important;

    width: 50% !important;

  }



  .second-service-section {

    margin: 50px 100px 0px 100px;

    position: relative;

  }



  .slider-fixed-content {

    width: 100 !important;

  }



  .inner-text-header {

    margin-left: 0;

    margin-top: 0;

  }



  .slider-fixed-content {

    width: 80% !important;

    margin-top: 60px;

  }



  .card-deck {

    margin: 30px !important;

  }



  .contact_icon {

    margin-left: -35px;

  }



  .nav-tag {

    font-size: 13px;

    padding-left: 15px;

  }



  .sign-up-form {

    margin-left: 10px;

  }



  .nav-links {

    margin-right: 5px;

  }



  .bg-image {

    width: 392px;

    height: 400px;

    margin-left: 90px;

  }



  .from-select {

    /* width: 190px; */

    height: 51px;

    border: solid 1px #979797;

    background-color: #ffffff !important;

  }



  .warning {

    font-size: 8px;

    margin-top: 30px;

  }



  .delivery-tabs {

    margin-left: 10%;

    margin-top: 30px;

  }



  .pay-content {

    margin-top: -200px;

  }



  .log-txt {

    margin-top: -150px;

  }



  .log-header {

    margin-top: -60px;

    width: 70%;

  }



  .footer-img {

    margin-left: 0;

    margin-top: 0;

  }



  .footer-navs {

    margin-left: 5%;

    margin-right: 5%;

    width: 400px;

  }



  .f-tag {

    margin-right: 5%;

  }



  .reverse-btn {

    margin-top: 4px !important;

  }



  .footer-logos {

    margin-left: -8%;

  }



  .delivery-content {

    margin-top: -220px;

  }

}



@media (max-width: 320px) {

  .api-nav {

    display: none;

  }



  .pay-content {

    margin-bottom: 5px;

  }



  .btn-pay-content {

    margin-top: 2px;

  }



  .nav-links {

    margin-left: -5px;

  }



  .phone_icon {

    display: none;

  }



  .sign-up-form {

    width: 80px;

    height: 30px;

    font-size: 10px;

    font-weight: 700;

    line-height: 16px;

    margin-left: 15px;

  }



  .footer-copyright {

    margin-top: 35%;

  }



  .footer-img {

    margin-left: 0%;

  }



  .reverse-btn,

  .btn-pay-content {

    color: #f84ca2;

  }



  .nationwide-btn {

    background-color: #f1f1f1;

    color: #f84ca2;

  }



  .delivery-content {

    margin-left: 0;

    font-size: 13px;

    width: 100%;

    margin-top: -195px;

  }



  .header-txt {

    font-size: 20px;

    margin-top: -100px;

  }



  .pay-content {

    width: 195%;

    margin-left: -40%;

  }



  .deliv-img {

    margin-left: -30px;

  }



  .log-txt {

    margin-top: -110px;

    width: 105%;

    margin-left: -25px;

    font-size: 13px;

  }



  .header-txt {

    margin-left: 0;

  }



  .pay-text {

    margin-left: -20px;

    margin-bottom: 25px;

  }



  .log-header {

    margin-top: -120px;

    margin-left: -60px;

  }



  .banner {

    margin-top: -125px;

    margin-left: 0;

  }

}



@media (min-width: 400px) and (max-width: 415px) {



  .delivery-content,

  .logistic-content {

    margin-top: -220px;

  }



  .pay-content {

    margin-top: -245px;

  }



  .ban-img {

    width: 300px;

  }



  .log-txt {

    margin-top: -250px;

  }

}



@media (min-width: 350px) and (max-width: 364px) {



  .reverse-btn,

  .btn-pay-content,

  .nationwide-btn {

    color: #f84ca2;

  }



  .nationwide-btn {

    background-color: #fff;

  }



  .sign-up-form {

    width: 80px;

    font-size: 11px;

  }



  .nav-links {

    margin-left: 12px;

  }



  .logistic-banner {

    height: 500px;

  }



  .footer-copyright {

    margin-top: 35%;

  }



  .footer-img {

    margin-left: 0%;

  }



  .delivery-content {

    margin-left: -40px;

    width: 130%;

    margin-top: -185px;

  }



  .header-txt {

    margin-top: -120px;

  }



  .pay-content {

    width: 140%;

    margin-left: -35px;

    margin-top: -185px;

  }



  .pay-txt {

    margin-top: 150px;

    margin-left: -20%;

  }



  .log-txt {

    width: 120%;

  }



  .delivery-tabs {

    margin-top: 45px;

    margin-bottom: -100px;

  }



  .deliv-img {

    margin-left: -2%;

  }



  .ban-img {

    width: 270px;

  }

}



@media (min-width: 769px) and (max-width: 900px) {

  .warning {

    font-size: 6.5px;

  }



  .caution-sign {

    margin: 0;

  }



  .nav-tag {

    margin-right: 5px;

  }



  .sign-up-form {

    font-size: 10px;

    margin-left: 10px;

    width: 80px;

  }



  .nav-tag {

    font-size: 13px;

    padding-left: 15px;

  }



  .sign-up-form {

    margin-left: 10px;

  }



  .nav-links {

    margin-right: 0;

  }

}



@media (min-width: 941px) and (max-width: 1023px) {

  .warning {

    font-size: 6.5px;

  }



  .caution-sign {

    margin: 0;

  }



  .pay-content {

    margin-top: -200px;

  }



  .delivery-tabs {

    margin-top: 0px;

  }



  .header-txt {

    margin-top: -50px;

  }



  .bg-image {

    width: 392px;

    height: 400px;

    margin-left: 60px;

  }



  .log-header {

    margin-top: 20px;

    width: 100%;

  }

}



@media (min-width: 768px) and (max-width: 940px) {

  .from-select {

    height: 51px;

  }

  .bredcrumb-section {

    padding: 25px 0!important;

    background-size: contain;

    background-repeat: no-repeat;

  }

  .shipping-fee {

    font-size: 60px;

  }



  .delivery-banner-img {

    margin-left: 0;

  }



  .pay-content {

    margin-top: -270px;

    width: 85%;

  }



  .delivery-content {

    margin-top: -200px;

    width: 85%;

  }



  .bg-image {

    width: 392px;

    height: 400px;

    margin-left: 60px;

  }



  .log-header {

    margin-top: 20px;

    width: 100%;

  }



  .pay-txt {

    padding-left: 0;

  }



  .delivery-banner-img {

    margin-top: 130px;

    width: 400px;

  }



  .logistic-content {

    margin-top: -80px;

    width: 100%;

  }

}



@media (min-width: 1025px) and (max-width: 1240px) {

  .icon-content {

    width: 70%;

    margin-left: 13%;

  }



  .slider-overlay {

    height: 730px !important;

    margin-top: -780px !important;

  }



  .bg-image {

    width: 402px;

    height: 400px;

    object-fit: contain;

    margin-left: 180px;

    margin-top: 50px;

  }



  .hr-img-overlay {

    padding: 70px 20px !important;

  }



  .delivery-tabs {

    margin-left: 10%;

    margin-top: 130px;

  }



  .header-txt {

    margin-top: -100px;

  }



  .pay-txt {

    margin-top: 220px;

  }



  .f-tag {

    margin-right: 4%;

  }



  .delivery-content,

  .log-txt {

    margin-top: -310px;

  }



  .input-bar {

    height: 60px;

    margin: 5px px 0px 0px 0px;

    display: flex;

    flex-direction: row;

    border-radius: 4px;

  }



  .from-select {

    height: 51px;

  }



  .warning {

    font-size: 10px;

    margin-top: 20px;

  }

}



@media (min-width: 1241px) and (max-width: 1440px) {

  .icon-content {

    width: 70%;

    margin-left: 13%;

  }



  .slider-overlay {

    height: 730px !important;

    margin-top: -780px !important;

  }



  .bg-image {

    width: 402px;

    height: 400px;

    object-fit: contain;

    margin-left: 180px;

    margin-top: 50px;

  }



  .hr-img-overlay {

    padding: 70px 20px !important;

  }



  .delivery-tabs {

    margin-left: 10%;

    margin-top: 130px;

  }



  .header-txt {

    margin-top: -100px;

  }



  .pay-txt {

    margin-top: 220px;

  }



  .f-tag {

    margin-right: 4%;

  }



  .delivery-content,

  .log-txt {

    margin-top: -310px;

  }



  .input-bar {

    height: 60px;

    margin: 0 auto;

    display: flex;

    flex-direction: row;



    border-radius: 4px;

  }



  .from-select {

    height: 51px;

  }



  .warning {

    font-size: 10px;

    margin-top: 20px;

  }

}





@media (min-width: 426px) and (max-width: 768px) {

  .kexpress-img {

    margin-left: 30px;

  }



  .nav-head {

    justify-content: space-between;

  }



  .nav-tag {

    font-size: 12px;

    padding-left: 10px;

  }



  .bg-image {

    width: 350px;

    height: 400px;

    margin-top: -70px;

    margin-left: 60px;

  }



  .track-Bar {

    height: 50px;

  }



  .inner-text-header {

    margin-left: 0px;

    margin-top: 45px;

  }



  .inner-text {

    margin-left: 0px;

    margin-top: 11px;

    font-size: 15px;

  }



  .calculator-section {

    height: 650px;

  }



  .calculator-header {

    font-size: 23px;

  }



  .calculator-content {

    font-size: 15px;

  }



  .from-select-bar {

    margin-top: 0px;

  }



  .from-select {

    width: 100% !important;



    border-radius: 2px;

  }



  .result-box {

    height: 320px;

    margin-left: 0%;

  }



  .shipping-fee {

    font-size: 58px;

    height: 180px;

    margin-top: -10px;

  }



  .shipping-text {

    font-size: 12px;

  }



  .warning {

    height: 30px;

    margin-top: -50px;

    font-size: 7px;

    width: 100%;

    text-align: center;

  }



  .caution-sign {

    margin-left: -0.5px;

    margin-right: -0.5px;

  }



  .loc-header-text {

    font-size: 23px;

  }



  .loc-content-text {

    width: 90%;

    margin-top: -25px;

  }



  .stateContainer li {

    font-size: 13.5px;

  }



  .stateContainer {

    margin-left: 1%;

    margin-top: -5px;

  }



  .icon-content {

    font-size: 11px;

    width: 100%;

    padding-left: 10px;

    display: block;

  }



  .delivery-banner,

  .logistic-banner {

    height: 400px;

  }



  .delivery-banner-img {

    height: 400px;

    margin: 0 auto;

    width: 400px;

    padding-top: 100px;

  }



  .header-txt {

    font-size: 30px;

  }



  .delivery-content,

  .logistic-content {

    font-size: 15px;

    width: 80%;

    margin-top: -190px;

  }



  .delivery-content {

    margin-top: -250px;

  }



  .pay-content {

    width: 105%;

  }



  .logistic-content {

    margin-top: -240px;

    width: 100%;

  }



  .deliv-img {

    height: 450px;

    width: 430px;

    padding-right: 50px;

  }



  .payment-banner {

    height: 400px;

  }



  .pay-text {

    margin-top: -70px;

    margin-left: -50px;

  }



  .pay-content {

    margin-left: -50px;

    margin-top: -270px;

    width: 100%;

    display: block;

  }



  .payment-img {

    margin-right: 100px;

    margin-top: -50px;

  }



  .ban-img {

    height: 350px;

    width: 350px;

  }



  .log-header {

    margin-top: -50px;

    width: 100%;

  }



  .pay-txt {

    margin-top: 135px;

    padding-left: 60px;

  }



  .nav-links {

    margin-left: 12px;

  }



  .sign-up-form {

    display: none;

  }



  .nav-links {

    margin-right: 0;

  }



  .contact_icon {

    margin-right: 40px;

  }



  .delivery-tabs {

    padding-left: 30px;

  }

}



@media (min-width: 580px) and (max-width: 671px) {

  .shipping-fee {

    font-size: 50px;

  }

  .login-link {

    color: rgb(43, 41, 41);

    /* font-size: 13px; */

}





  .auth-links {

    margin-right: 0px !important;

  }



  .mobile-header {

    padding-top: 20px !important;

    display: none !important;

  }



  .from-select {

    width: 128px;

  }



  .calculate {

    width: 100% !important;

  }



  .bg-image {

    margin-left: -10px;

    width: 300px;

    height: 400px;

  }

}



@media (min-width: 1025px) and (max-width: 1280px) {

  .banner1 {

    margin-top: 30px;

    margin-bottom: 30px;

  }



  .from-select {

    width: 100%;

    height: 51px;

  }



  .slider-fixed-content {

    width: 60% !important;

  }



  .card-deck {

    margin: 20px !important;

  }



  .warning {

    font-size: 8px;

    margin-top: 20px;

  }



  .delivery-content {

    margin-top: -300px;

  }



  .log-txt {

    margin-top: -270px;

  }



  .nav-tag {

    padding-left: 10px;

  }



  .sign-up-form {

    margin-left: 15px;

  }



  .contact_icon {

    margin-left: -20px;

  }



  .kexpress-img {

    margin-left: 95px;

    /*height: 45px;*/

  }

}



@media (min-width: 1441px) and (max-width: 2560px) {

  .kexpress-img {

    /* height: 60px; */

    /*width: 100px;*/

    margin-top: 10px;

  }



  .nav-tag {

    margin-top: 30px;

    padding-left: 40px;

    font-size: 16px;

  }



  .bg-image {

    width: 912px;

    height: 680px;

    margin-left: 200px;

    margin-top: 0;

  }



  .calculator-header {

    margin-top: 100px;

    margin-bottom: 10px;

    font-size: 30px;

  }



  .calculator-section {

    height: 900px;

  }



  .calculator-content {

    font-size: 20px;

  }



  .from-text {

    font-size: 16px;

  }



  .from-select {

    border-radius: 5px;

  }



  .button-select {

    height: 55px;

    margin-left: 0;

  }



  .warning {

    font-size: 13.5px;

    letter-spacing: 1.8px;



    width: 100%;

  }



  .loc-header-text {

    margin-top: 20px;

  }



  .loc-content-text {

    width: 60%;

    font-size: 20px;

  }



  .location {

    height: 700px;

  }



  .stateContainer li {

    font-size: 20px;

  }



  .solution-header {

    font-size: 30px;

  }



  .soln-texts {

    font-size: 17px;

    width: 60%;

  }



  .solution-texts {

    margin-bottom: 50px;

  }



  .icon {

    height: 110px;

    width: 70px;

  }



  .icon-header {

    font-size: 25px;

  }



  .icon-content {

    font-size: 15px;

    width: 70%;

    margin-left: 15%;

  }



  .solution-wrapper {

    height: 700px;

  }



  .delivery-banner {

    height: 600px;

  }



  .delivery-banner-img {

    margin-top: -20px;

    height: 650px;

    width: 650px;

  }



  .deliv-img {

    margin-left: -10px;

    margin-top: -80px;

  }



  .header-txt {

    font-size: 40px;

    margin-bottom: 1%;

  }



  .delivery-content {

    font-size: 23px;

  }



  .delivery-text {

    margin-left: 3%;

  }



  .ban-img {

    height: 680px;

    margin-top: 0;

    width: 680px;

  }



  .log-txt {

    font-size: 25px;

    margin-top: -20%;

  }



  .logistic-banner {

    height: 600px;

  }

}



@media (min-width: 2560px) {

  .kexpress-img {

    /*height: 90px;*/

    width: 140px;

    margin-left: 135%;

  }



  .nav-tag {

    font-size: 25px;

  }



  .calculate {

    width: 100% !important;

  }



  .inner-text-header {

    font-size: 60px;

    width: 50%;

    margin-left: 15%;

  }



  .inner-text {

    font-size: 35px;

    margin-top: 11%;

    width: 65%;

    margin-left: 15%;

  }



  .bg-image {

    width: 792px;

    height: 900px;

    margin-left: 270px;

    margin-top: -95px;

  }



  .input-bar {

    background-color: #ffffff;

    width: 760px;

    height: 90px;

    margin: 0 auto;

    display: flex;

    flex-direction: row;

    position: absolute;

    border-radius: 4px;

  }



  .track-Bar {

    width: 650px;

    height: 90px;

    font-size: 30px;

  }



  .track-Bar::placeholder {

    font-size: 30px;

    margin-top: 10px;

  }



  .track-Btn {

    width: 104px;

    width: 150px;

  }



  .calculator-header {

    margin-top: 150px;

    margin-bottom: 30px;

    font-size: 45px;

    width: 100%;

  }



  .calculator-content {

    font-size: 27px;

    width: 50%;

  }



  .calculator-section {

    height: 1200px;

  }



  .shipping-fee {

    font-size: 80px;

    margin-bottom: 35px;

  }



  .warning {

    height: 45px;

    font-size: 18px;

    margin-top: 115px;

    letter-spacing: 2px;

    width: 100%;

  }



  .location {

    height: 1000px;

  }



  .loc-header {

    margin-top: 150px;

  }



  .loc-header-text {

    font-size: 40px;

  }



  .loc-content-text {

    font-size: 30px;

  }



  .stateContainer {

    margin-top: 50px;

  }



  .stateContainer li {

    font-size: 30px;

  }



  .solution-wrapper {

    height: 900px;

  }



  .solution-header {

    font-size: 40px;

    margin-bottom: 10px;

  }



  .soln-texts {

    font-size: 25px;

    color: #5e5e5e;

    width: 50%;

  }



  .banner-components {

    padding-top: 150px;

  }



  .icon {

    height: 150px;

    width: 90px;

  }



  .icon-header {

    font-size: 30px;

  }



  .icon-content {

    font-size: 22px;

  }



  .delivery-banner {

    height: 650px;

  }



  .delivery-banner-img {

    height: 850px;

    width: 850px;

    margin-top: -90px;

    padding-left: 50px;

  }



  .delivery-tabs,

  .payent-tab {

    height: 500px;

    padding-left: 50px;

  }



  .header-txt {

    font-size: 70px;

    margin-top: -50px;

    margin-bottom: 100px;

  }



  .delivery-content {

    font-size: 35px;

  }



  .pay-txt {

    margin-left: 130px;

    margin-top: 200px;

  }



  .ban-img {

    height: 650px;

    width: 650px;

  }



  .logistic-banner {

    height: 700px;

  }



  .log-txt {

    margin-top: -30%;

    font-size: 35px;

  }



  .logistic-text {

    padding-top: 150px;

  }



  .enq-text {

    font-size: 20px;

  }

}



@media (max-width: 1370px) and (min-width: 1287px) {

  .inner-text-header {

    font-size: 43px;

  }



  .slider-fixed-content {

    width: 50% !important;

  }



  .inner-text {

    margin-top: 20px;

  }



  .banner1 {

    margin-bottom: 30px;

    margin-top: 50px;

  }

}



@media (min-width: 1371px) and (max-width: 1600px) {

  .banner1 {

    margin-bottom: 30px;

    margin-top: 50px;

  }



  .inner-text-header {

    font-size: 35px;

  }



  .slider-fixed-content {

    width: 45% !important;

  }



  .inner-text {

    margin-top: 20px;

  }



  .delivery-tabs {

    margin-top: 10px;

  }



  .nationwide-tab {

    margin-top: 400px;

  }



  .warning {

    font-size: 9.5px;

  }



  .header-txt {

    margin-top: -40px;

    width: 60%;

  }



  .nation-header {

    margin-top: 50px;

  }



  .log-txt {

    font-size: 25px;

    margin-top: -30%;

    width: 70%;

  }



  .bg-image {

    margin-left: 190px;

    width: 452px;

  }



  .inner-text-header {

    margin-top: 20px;

  }



  .banner1 {

    margin-top: 30px;

    margin-bottom: 20px;

  }



  /* .nav-index.new-nav-index {

        height: 680px;

    } */



  .delivery-text {

    margin-top: -350px;

  }



  .delivery-content {

    margin-top: -200px;

  }



  .delivery-banner-img {

    margin-top: 10px;

  }



  .deliv-img {

    margin-top: -90px;

  }



  .pay-txt {

    margin-top: 120px;

  }

}



@media (min-width: 1601px) and (max-width: 1844px) {

  .warning {

    font-size: 10.5px;

  }



  .header-txt {

    margin-top: 50px;

    width: 60%;

  }



  .log-txt {

    font-size: 25px;

    margin-top: -20%;

    width: 70%;

  }



  .delivery-banner-img {

    margin-top: 5px;

  }



  .deliv-img {

    margin-left: -10px;

    margin-top: -70px;

  }



  .bg-image {

    margin-left: 190px;

    width: 542px;

  }



  .delivery-tabs {

    margin-top: -30px;

  }



  .pay-txt {

    margin-top: 40px;

  }



  .pay-content {

    margin-top: -130px;

  }



  .delivery-content {

    margin-top: -190px;

  }



  .ban-img {

    margin-top: 10px;

  }

}





@media screen and (min-width: 578px) {

  .mobile-links {

    display: none !important;

  }

}



.kxpress-business {

  background-color: #2291d0;

  padding: 50px;

  margin-top: 50px;

}



.kxpress-business-content {

  width: 60%;

  margin: auto;

  padding-top: 50px;

  padding-bottom: 50px;

}



.kbc-title {

  color: #fff;

  font-weight: 500;

  font-size: 30px;

  padding-bottom: 30px;

}



.kbc-body {

  color: #fff;

  padding-bottom: 30px;

  font-size: 16px;

}



.kbc-button {

  background: #000;

  font-size: 18px;

  color: #fff;

  padding: 15px 50px;

}



@media (min-width: 577px) and (max-width: 990px) {

  .kxpress-business {

    padding: 10px 0px 0px 50px;

  }



  .kxpress-business-image {

    margin-top: 50px;

  }



  .kbc-img {

    width: 80%;

  }



  .kxpress-business-content {

    width: 100%;

  }

}



/* send a package */

@media (min-width: 900px) and (max-width: 1300px) {

    #send-package-form {

      background-color: #ffffff;

      margin: 0px auto;

      width: 70%;

      min-width: 300px;

    }

  }

  

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

    .send-package-input-right {

      padding-left: 0px !important;

      padding-right: 0px !important;

    }

  

    .send-package-input {

      padding-right: 0px !important;

    }

  

    #waybill-result-section {

      width: 100%;

      margin: auto;

    }

  }

  

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

    #send-package-form {

      background-color: #ffffff;

      margin: 0px auto;

      width: 100%;

      min-width: 300px;

      padding: 20px;

    }
    .footer-divs {
  width: 100%!important;
}
.faq-container{
	padding:0!important;
}
.columnSpan p {
  padding: 0 15px;
}
#address {
  display: none;
}
.row.footer_for_box {
  text-align: center;
}
.address-logo {
  margin: 10px auto;
  display: block;
}

.col-md-4.storeColumn.rectangleCopy.columnSpan {
    text-align: center;
    width: 100%!important;
    max-width: 100%!important;
}

  

  }





  /* faq section css */

  .faq-container {

    margin: 50px auto;

    padding: 0 5%;

  }

  

  .faq-item {

    margin-bottom: 10px;

  }

  

  .faq-question {



    color: #000;

    padding: 10px;

    cursor: pointer;

    display: flex;

    justify-content: space-between;

    transition: background-color 0.5s ease;

    color: #0093dd;

    border: 1px solid #ddd !important;

    /* -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); */

  

  }

  

  .faq-question.active {

    color: #0093dd;

    border: 1px solid #ddd !important;

  }

  

  .faq-question:focus {

    background-color: #0093dd;

  }

  

  .faq-answer {

    display: none;

    padding: 10px;

    color: #000;

    transition: height 0.5s ease;

    overflow: hidden;

    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

  }

  

  

  .faq-answer.active {

    display: block;

  }

  

  .faq-icon {

    font-weight: bold;

    margin-left: 10px;

    transition: transform 0.5s ease;

  }

  

  .faq-icon.minus {

    transform: rotate(45deg);

  }

  

  /* Add transition to the height of the answer when closing */

  .faq-answer:not(.active) {

    height: 0 !important;

    transition: height 5s ease;

  }

  

.location-card{

  height: 200px;

  padding: 2rem;

  margin: 10px 0;

  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

}

.headline {

  margin-top: 0;

}

.call {

  width: 30px;

  height: 30px;

  display: block;

  background: #0093dd;

  border-radius: 50%;

  text-align: center;

  line-height: 30px;

  color: #fff;

}

.extrasmall {

  display: flex;

  column-gap: 30px;

  align-items: center;

}

.extrasmall a {

  display: block;

  width: 200px;

  font-size: 18px;

  font-weight: 500;

  color: #000;

  text-decoration: none;

}

.location-card h4 {

  color: #9b9b9b;

}





.socila-icon li {

  padding: 0 10px;

}

.socila-icon {

  display: flex;

  padding-left: 0;

  margin: 1rem 0;

}

.socila-icon li a {

  background: #fff;

  width: 30px !important;

  height: 30px;

  line-height: 30px;

  display: block;

  text-align: center;

  border-radius: 50%;

}

.socila-icon li img {

  width: 16px;

  margin-top: -2px;

}



/* schedule css start */

.schedule{

  margin: 50px 0;

}

.mesege {

  display: flex;

  column-gap: 20px;

  align-items: center;

  margin: 20px 0;

}

.mesege p {

  margin-bottom: 0;

  text-align: justify;

}

.schedule-form h3 {

  text-transform: uppercase;

  margin: 20px 0;

}

.my-col {

  padding-left: 0px !important;

  padding-right: 15px !important;

}

.shdule-right-text ul li i{

  color: #0093dd;

  padding-right: 5px;

}

.shdule-right-text h3{

  font-size: 20px;

  font-weight: 700;

}



.shdule-right-text {

  padding: 0 20px;

}

.schedule-right {

  border: 1px solid #ddd;

}

.schedule-right {

  border: 1px solid #ddd;

  padding-bottom: 20px;

}

.schedule-left span {

  color: #2392d1;

}



.schedule-left h1 {

  font-family: var(--new-font);

  text-transform: capitalize;

  font-style: italic;

  font-weight: 600;

  color: #2392d1;

  font-size: 40px;

}

.schedule-left span {

  color: #fff !important;

  background: #0093dd;

  padding: 5px 15px;

  border-radius: 15px;

}







/* feature section css */

.feature-banner {

  background: #081329;

  padding: 50px 0;

}

.banner-content h1 {

  color: #fff;

  font-family: var(--new-font);

  font-size: 54px;

  font-weight: 600;

  font-style: italic;

  margin-bottom: 20px;

}

.banner-content p{

  font-size: 23px;

font-weight: 400;

color: #fff;

}

.feater_img img {

  width: 80%;

  margin: 0 auto;

  display: block;

}

.my-btn{

  font-size: 17px;

font-weight: 800;

font-style: italic;

border-radius: 5px 5px 5px 5px;

padding: 25px 25px 25px 25px;

background-color: #0093dd;

margin-top: 30px;

display: ruby-base;

color: #fff;

width: 100%;

text-transform: uppercase;

}

.my-btn:hover{

  color: #fff!important;

  text-decoration: none;

  opacity: .8;

}

/* feature-baner-boot css */

.beature-bottom {

  background: #0093dd;

  color: #fff;

  padding: 20px 0;

}

.feature-b-box {

  display: flex;

  align-items: center;

  column-gap: 20px;

}

.icon-box i {

  font-size: 40px;

}

.feature-b-box h4 {

  font-size: 20px;

  font-weight: 800;

  font-style: italic;

  line-height: 1.2em;

}

.epod-img img {

  width: 100%;

}

.epod-content {

  padding: 40px;

  background-color: #eceff3;

  border-radius: 30px;

}

.epod-content h2 {

  font-size: 34px;

  font-weight: 600;

  line-height: 1.2em;

  font-family: var(--new-font);

  color: #0093dd;

  margin-bottom: 20px;

}

.epod-content p {

  font-size: 18px;

  font-weight: normal;

  color: #586573;

}

.e-pod-section {

  padding: 80px 0;

}

.track__section .epod-img img{

  width: 75%!important;

}

.track__section .epod-content a{

  font-size: 16px;

  font-weight: 700;

  text-transform: uppercase;

}

.e-pod-section.track__section2 .epod-img img {

  width: 80%;

}