@media (max-width: 579px) {


  .carousel-inner {

    display: block!important;

  }

 .carousel-indicators {
    display: block !important;
  }
.mobile-bg-section {
    display: none!important;
  }

  a:focus {

    text-decoration: none !important;

  }
.inner-text-2.rate-ship {
  display: 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: 140px;

  }



  /*.kexpress-img {*/

  /*  margin-left: 10px;*/

  /*  width: 250px;*/

  /*  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;

  }

}







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

  .footer {

    height: 500px;

  }



  .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;

  }

}







@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%;

  }
  .slider-overlay {
  height: 730px !important;
  margin-top: -880px !important;
}

  .login-link {

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

    /* font-size: 13px; */

}


.mobile-links-inner .mobile-link {
  display: block !important;
}



  .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: -830px !important;

  }



  .calculate {

    width: 100% !important;

  }



  .back_to_index,

  .api-login {

    width: 80%;

  }



  #second-service-section-1 {

    display: block !important;

  }



  .hr-img-overlay {

      padding: 1px 10px !important;
  width: 100% !important;
  position: inherit !important;
  height: 180px !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: 40%;*/

  /*  margin-top: 15px;*/

  /*  height: 45px;*/

  /*}*/

.kexpress-img
{
  width: 199px;
}

  .carousel-images {

    height: 830px !important;

    width: revert !important;

  }



  .hr-img-overlay {

    padding: 20px !important;

    width: 100% !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;

  }


  .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;*/

  /*}*/

.inner-text-2.rate-ship {
  display: none;
}
  .bredcrumb-section {

    padding: 25px 0!important;

    background-size: contain!important;

    background-repeat: no-repeat!important;

  }

  .carousel-indicators {

    display: none!important;

  }

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

    width: 20px !important;

  }

  .play-video {

    display: flex!important;

    width: 101px;

    justify-content: center!important;

    font-size: 14px!important;

  }

  .rate-ship > a{

    font-size: 13px!important;

  }

  

  .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;

  }



 
}



@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;

  }

}







@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 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;

    }

    .bredcrumb-section {

      padding: 24px 0;

      background-size: cover;

    }

  }

  

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

.mobile-bg-section {
  display: none !important;
}
    #send-package-form {

      background-color: #ffffff;

      margin: 0px auto;

      width: 100%;

      min-width: 300px;

      padding: 20px;

    }

    .bredcrumb-section {

      padding: 24px 0;

      background-size: cover;

    }

    .my-col {

      padding-left: 0px !important;

      padding-right: 0px !important;

    }

  

  }

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

    .wrapper .row {

      flex-direction: column-reverse;

    }

    .banner-content h1{

      font-size: 36px;

    }

    .e-pod-section .container {

      padding-left: 0;

      padding-right: 0;

    }

    .epod-content {

      padding: 20px;

    } 

    .epod-content h2 {

      font-size: 26px;

      font-weight: 700;

    }

    .feature-b-box {

      margin-bottom: 10px;

    }

    .icon-box i {

      font-size: 30px;

    }

    .e-pod-section {

      padding: 40px 0;

    }

    .epod-content {

      margin-bottom: 20px;

    }

   

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

      margin-bottom: 30px;

  }

  .e-pod-section.track__section2 .row {

    flex-direction: column-reverse;

  }

  

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

    margin-bottom: 20px;

    

  }

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

    margin: 0 auto;

    width: 100%;

  }

  .e-pod-section .row {

    flex-direction: column-reverse;

  }

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

    margin: 0 auto;

    width: 100%;

    margin-bottom: 40px;

  }



  }