/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media screen and (max-width: 1200px) {
    .sendthat-banner-content.desktop {
        display: block;
    }

    .sendthat-banner-content.mobile {
        display: none;
    }
    .step3-desktop{
        display: block;
    }
.step3-mobile {
    display: none;
}
    .partners img {
        height: 30px;
    }

    .sendthat-banner {
        height: 400px;
    }

    .nav-auth {
        width: auto;
        text-align: right;
    }

    .nav-auth .mobile {
        display: none;
    }

    .nav-auth a.st-btn-default,
    .st-btn-default {
        padding: 0.375rem 1.5rem;
    }

    .sendthat-sub-menu li {
        padding: 10px 0 10px 15px;
    }
    .sendthat-sub-menu li a {
        font-size: 12px !important;
    }

    .sendthat-banner-nav {
        top: 80px;
    }

    .sendthat-banner-nav .title {
        font-size: 24px;
    }
    .sendthat-banner-nav .description {
        font-size: 16px;
    }
    .sendthat-banner-nav .button-group .send {
        font-size: 14px;
    }

    .sendthat-banner-nav .button-group .btn-item img {
        height: 22px;
    }

    .sendthat-banner-nav .button-group .vl {
        left: 55px;
    }

    .sendthat-banner-nav .button-group .track .vl {
        left: 62px;
    }

    .sendthat-banner-nav .button-group .track {
        font-size: 14px;
    }

    .sendthat-banner-nav .button-group .send span,
    .sendthat-banner-nav .button-group .track span {
        padding-left: 45px;
    }

    .partners .partner-list-even .partner-item {
        padding: 0 20px;
        margin: unset;
    }

    .partners .partner-list-odd .partner-item {
        padding: 0 20px;
        margin: unset;
    }

    .wiw .description {
        font-size: 18px;
    }

    .other .title {
        font-size: 24px;
    }

    .other .sub-title {
        font-size: 18px;
    }

    .other .description {
        font-size: 14px;
    }

    .send-track-section .title {
        font-size: 25px;
    }

    .send-track-section .description {
        font-size: 14px;
    }

    .footer-content .links {
        top: 25px;
    }

    .footer-content .logo {
        right: 200px;
    }

    .footer-content .logo img {
        height: 70px;
    }

    .quote-form .form-title {
        font-size: 20px;
    }

    footer.bg-light {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

}

@media screen and (max-width: 1024px) {
    .sendthat-banner-content.desktop {
        display: block;
    }

    .sendthat-banner-content.mobile {
        display: none;
    }
    .step3-desktop{
        display: block;
    }
.step3-mobile {
    display: none;
}
    .partners img {
        height: 30px;
    }

    .sendthat-banner {
        height: 400px;
    }

    .nav-auth {
        width: auto;
        text-align: right;
        margin-top: 0;
        right: -30px;
    }

    .nav-auth .mobile {
        display: none;
    }

    .nav-auth a.st-btn-default,
    .st-btn-default {
        padding: 0.375rem 1.5rem;
    }

    .sendthat-sub-menu li a {
        font-size: 12px !important;
    }

    .nav-auth .auth-content a {
        font-size: 11px !important;
    }

    .sendthat-sub-menu li {
        padding: 10px 0 10px 15px;
    }

    .sendthat-banner-nav {
        top: 80px;
    }

    .sendthat-banner-nav .title {
        font-size: 24px;
    }
    .sendthat-banner-nav .description {
        font-size: 16px;
    }
    .sendthat-banner-nav .button-group .send {
        font-size: 14px;
    }

    .sendthat-banner-nav .button-group .btn-item img {
        height: 22px;
    }

    .sendthat-banner-nav .button-group .vl {
        left: 55px;
    }

    .sendthat-banner-nav .button-group .track .vl {
        left: 62px;
    }

    .sendthat-banner-nav .button-group .track {
        font-size: 14px;
    }

    .sendthat-banner-nav .button-group .send span,
    .sendthat-banner-nav .button-group .track span {
        padding-left: 45px;
    }

    .partners .partner-list-even .partner-item {
        padding: 0 20px;
        margin: unset;
    }

    .partners .partner-list-odd .partner-item {
        padding: 0 20px;
        margin: unset;
    }

    .wiw .description {
        font-size: 18px;
    }

    .other .title {
        font-size: 24px;
    }

    .other .sub-title {
        font-size: 18px;
    }

    .other .description {
        font-size: 14px;
    }

    .send-track-section .title {
        font-size: 25px;
    }

    .send-track-section .description {
        font-size: 14px;
    }

    .footer-content .links {
        top: 25px;
    }

    .footer-content .logo {
        right: 200px;
    }

    .footer-content .logo img {
        height: 70px;
    }

    .quote-form .form-title {
        font-size: 20px;
    }

    footer.bg-light {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

@media screen and (max-width: 991px) {
    .sendthat-banner-content.desktop {
        display: block;
    }

    .sendthat-banner-content.mobile {
        display: none;
    }
    .step3-desktop{
        display: block;
    }
.step3-mobile {
    display: none;
}
    .partners img {
        height: 30px;
    }

    .sendthat-banner {
        height: 400px;
    }

    .nav-auth {
        width: auto;
        text-align: right;
        margin-top: 0;
        right: -40px;
    }

    .nav-auth .desktop {
        display: none !important;
    }

    .nav-auth .mobile {
        display: block;
        width: 20px;
        margin: 3px 10px 0;
    }

    .nav-auth a.st-btn-default,
    .st-btn-default {
        padding: 0.375rem 1.5rem;
    }

    .nav-auth.logged-in a.st-btn-my-account,
    .nav-auth.logged-in .st-btn-my-account {
        padding: 0.375rem 1.5rem;
    }

    .sendthat-sub-menu li a {
        font-size: 12px !important;
    }

    .nav-auth .auth-content a {
        font-size: 11px !important;
    }

    .sendthat-sub-menu li {
        padding: 10px 0 10px 15px;
    }

    .sendthat-banner-nav {
        top: 80px;
    }

    .sendthat-banner-nav .title {
        font-size: 24px;
    }
    .sendthat-banner-nav .description {
        font-size: 16px;
    }
    .sendthat-banner-nav .button-group .send {
        font-size: 14px;
    }

    .sendthat-banner-nav .button-group .btn-item img {
        height: 22px;
    }

    .sendthat-banner-nav .button-group .vl {
        left: 55px;
    }

    .sendthat-banner-nav .button-group .track .vl {
        left: 62px;
    }

    .sendthat-banner-nav .button-group .track {
        font-size: 14px;
    }

    .sendthat-banner-nav .button-group .send span,
    .sendthat-banner-nav .button-group .track span {
        padding-left: 45px;
    }

    .partners .partner-list-even .partner-item {
        padding: 0 20px;
        margin: unset;
    }

    .partners .partner-list-odd .partner-item {
        padding: 0 20px;
        margin: unset;
    }

    .wiw .description {
        font-size: 18px;
    }

    .other .title {
        font-size: 24px;
    }

    .other .sub-title {
        font-size: 18px;
    }

    .other .description {
        font-size: 14px;
    }

    .send-track-section .title {
        font-size: 25px;
    }

    .send-track-section .description {
        font-size: 14px;
    }

    .footer-content .links {
        top: 25px;
    }

    .footer-content .logo {
        right: 200px;
    }

    .footer-content .logo img {
        height: 70px;
    }

    .quote-form .form-title {
        font-size: 20px;
    }

    footer.bg-light {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .alert-dark {
        display: none;
    }
}

@media screen and (max-width: 930px) {
    .sendthat-banner-content.desktop {
        display: block;
    }

    .sendthat-banner-content.mobile {
        display: none;
    }
    .step3-desktop{
        display: block;
    }
.step3-mobile {
    display: none;
}
    .sendthat-banner {
        height: 400px;
    }

    .nav-auth {
        width: auto;
        text-align: right;
        margin-top: 0px;
        right: -40px;
    }

    .nav-auth.logged-in a.st-btn-my-account,
    .nav-auth.logged-in .st-btn-my-account {
        padding: 0.375rem 1.5rem;
    }

    .nav-auth .desktop {
        display: none !important;
    }

    .nav-auth .mobile {
        display: block;
        width: 20px;
        margin: 3px 10px 0;
    }

    .nav-auth a.st-btn-default,
    .st-btn-default {
        padding: 0.375rem 1.5rem;
    }

    .nav-auth .auth-content a {
        font-size: 11px !important;
    }

    .sendthat-sub-menu li {
        padding: 10px 0 10px 15px;
    }

    .sendthat-sub-menu li a {
        font-size: 12px !important;
    }

    .sendthat-banner-nav {
        top: 80px;
    }

    .partners img {
        height: 30px;
    }

    .sendthat-banner-nav .title {
        font-size: 24px;
    }
    .sendthat-banner-nav .description {
        font-size: 16px;
    }
    .sendthat-banner-nav .button-group .send {
        font-size: 14px;
    }

    .sendthat-banner-nav .button-group .btn-item img {
        height: 22px;
    }

    .sendthat-banner-nav .button-group .vl {
        left: 55px;
    }

    .sendthat-banner-nav .button-group .track .vl {
        left: 62px;
    }

    .sendthat-banner-nav .button-group .track {
        font-size: 14px;
    }

    .sendthat-banner-nav .button-group .send span,
    .sendthat-banner-nav .button-group .track span {
        padding-left: 45px;
    }

    .partners .partner-list-even .partner-item {
        padding: 0 20px;
        margin: unset;
    }

    .partners .partner-list-odd .partner-item {
        padding: 0 20px;
        margin: unset;
    }

    .wiw .description {
        font-size: 18px;
    }

    .other .title {
        font-size: 24px;
    }

    .other .sub-title {
        font-size: 18px;
    }

    .other .description {
        font-size: 14px;
    }

    .send-track-section .title {
        font-size: 25px;
    }

    .send-track-section .description {
        font-size: 14px;
    }

    .footer-content .links {
        top: 25px;
    }

    .footer-content .logo {
        right: 200px;
    }

    .footer-content .logo img {
        height: 50px;
    }

    .quote-form .form-title {
        font-size: 20px;
    }

    footer.bg-light {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .alert-dark {
        display: none;
    }
}

@media screen and (max-width: 850px) {
    /* HEADER */
    .left-content.desktop {
    }

    .left-content.mobile {
        display: none;
    }
    .step3-desktop{
        display: block;
    }
.step3-mobile {
    display: none;
}
    .st-navbar .content.mobile {
        display: none;
    }

    .st-navbar .content.mobile .navbar-toggler.navbar-toggler-right {
        margin-top: 8px;
    }

    .st-navbar .content.mobile .navbar-brand {
        margin-bottom: 7px;
    }

   
    .sendthat-sub-menu li a {
        font-size: 12px !important;
    }

    .sendthat-sub-menu li {
        padding: 10px 10px;
    }

    .sendthat-sub-menu li:hover {
        background: #f6f7fa;
    }

    .navbar-brand {
        display: inline-block;
        margin: auto;
    }

    .navbar-brand img {
        height: 38px;
    }

    .nav-auth {
        width: auto;
        position: absolute;
        right: 0;
        top: 55%;
        transform: translateY(-50%);
        padding: 5px 0 0;
        margin-top: 0px;
    }

    .nav-auth .auth-content a {
        font-size: 11px !important;
    }

    .nav-auth .desktop {
        display: none !important;
    }

    .nav-auth .mobile {
        display: block;
        width: 20px;
        margin: 3px 10px 0;
    }

    .auth-content a.st-btn-default,
    .st-btn-default {
        padding: 0.375rem 1rem;
    }

    ul.auth-content li {
        padding: 0;
    }
    /* END OF HEADER */

    /*  HERO SECTION  */

    .sendthat-banner-content {
    }

    .sendthat-banner-content.desktop {
        display: block;
    }

    .sendthat-banner-content.mobile {
        display: none;
    }

    .sendthat-banner-nav {
        top: 50px;
        width: unset;
    }

    .sendthat-banner-nav .button-group {
        display: inline-block !important;
        margin-top: unset !important;
    }

    .sendthat-banner-nav .button-group .btn-item {
        margin: 5px 0 0 0 !important;
    }

    .sendthat-banner-nav .button-group {
    }

    .sendthat-banner-nav .button-group .btn-item {
        margin: 30px 5px 0 0 !important;
    }

    .sendthat-banner-nav .button-group .vl {
        left: 55px;
    }
    /*  END OF HERO SECTION  */

    /* Carriers Logo */
    .partners.desktop {
        display: none;
    }

    .partners.mobile {
        display: block;
    }

    .partners .partner-list-even,
    .partners .partner-list-odd {
        flex-wrap: wrap;
    }

    .partners .partner-list-even .partner-item {
        margin: auto !important;
    }

    .partners img {
        height: 37px;
        display: block;
        margin: 10px 12px;
    }
    /* End of Carriers Logo */

    /*  How It Works  */
    .wiw .title {
        font-size: 24px;
    }

    .wiw .description {
        font-size: 16px;
    }

    .wiw .wiw-item img {
        width: 90px;
    }

    .wiw .wiw-item {
        margin: 15px auto;
    }
    /*  End of How It Works  */

    /*  Other Section  */
    .other .title {
        font-size: 24px;
    }

    .other .sub-title {
        font-size: 18px;
    }

    .other .description {
        font-size: 14px;
    }
    /*  Other Section  */

    /*  Send Track Section  */
    .send-track-section .bg-right .content,
    .send-track-section .bg-left .content {
        right: unset;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .send-track-section .title {
        font-size: 24px;
    }

    .send-track-section .description {
        font-size: 14px;
        width: 100%;
    }
    /*  End Send Track Section  */

    /*  FAQ  */
    .card-body.faq {
        font-size: 14px;
        padding: 5px;
    }

    .still-have-question .desktop {
        display: none;
    }

    .still-have-question .mobile {
        display: block;
    }

    .still-have-question .mobile .contact-us,
    .still-have-question .mobile .read-more {
        display: block;
        width: 50%;
        margin: 5px auto;
    }

    .still-have-question p {
        font-size: 24px;
    }
    /*  END FAQ  */

    /*  Footer  */
    .footer-content {
        display: block;
    }

    .footer-content .logo,
    .footer-content .links {
        /*position: unset;*/
        display: block;
        margin: auto;
        /*right: unset;*/
        width: 180px;
    }

    .footer-content .links {
        text-align: center;
        width: 240px;
        margin: 10px auto;
    }
    /*  END Footer  */
    .alert-dark {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .partners.mobile .partner-list-even .partner-item:nth-child(6) img {
        height: 15px;
    }

    /* HEADER */
    .left-content.desktop {
        display: none;
    }

    .left-content.mobile {
        display: inline-flex;
    }
    .step3-desktop{
        display: none;
    }
.step3-mobile {
    display: inline-flex;
}
    .st-navbar .content {
        display: none;
    }

    .st-navbar .content.mobile {
        display: inline-flex;
    }

    .st-navbar .content.mobile .navbar-toggler.navbar-toggler-right {
        margin-top: 8px;
    }

    .st-navbar .content.mobile .navbar-brand {
        margin-bottom: 7px;
    }

    .sendthat-sub-menu {
        top: 73px;
        transform: none;
        left: 0;
        background: #f6f6f6;
        z-index: 999;
        display: none;
        right: 0;
        -webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
        box-shadow: 0 10px 6px -6px #777;
    }

    .sendthat-sub-menu li {
        border-bottom: 1px solid rgba(76, 75, 75, 0.2);
    }
    .sendthat-sub-menu li:last-child {
        border-bottom: none;
    }
    .sendthat-sub-menu li {
        padding: 10px 20px;
    }

    .sendthat-sub-menu li a {
        display: block;
    }

    .sendthat-sub-menu li:hover {
        background: #f6f7fa;
    }

    .navbar-brand {
        display: block;
        margin: auto;
    }

    .navbar-brand img {
        height: 38px;
    }

    .nav-auth {
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
        padding: 0;
        margin-top: 15px;
        display: none;
    }

    .nav-auth .desktop {
        display: none !important;
    }

    .nav-auth .mobile {
        display: block;
        width: 20px;
        margin: 3px 10px 0;
    }

    .auth-content a.st-btn-default,
    .st-btn-default {
        padding: 5px 15px;
    }

    ul.auth-content li {
        padding: 0;
    }
    /* END OF HEADER */

    /*  HERO SECTION  */

    .sendthat-banner-content {
        background-position: center;
        background-attachment: unset;
    }

    .sendthat-banner-content.desktop {
        display: none;
    }

    .sendthat-banner-content.mobile {
        display: block;
    }

    .sendthat-banner-nav {
        top: 50px;
        width: unset;
    }

    .sendthat-banner {
        height: 290px;
    }

    .sendthat-banner-nav .title {
        font-size: 20px;
        width: 80%;
    }
    .sendthat-banner-nav .description {
        font-size: 15px;
        text-shadow: none;
    }

    .sendthat-banner-nav .button-group .track .vl {
        left: 52px;
    }

    .sendthat-banner-nav .button-group .vl {
        left: 52px;
    }

    .sendthat-banner-content.mobile {
        display: block;
        background-position: center top -100px;
    }

    .sendthat-banner-nav .button-group .send,
    .sendthat-banner-nav .button-group .track {
        display: block;
        padding: 8px 16px !important;
        font-size: 12px !important;
    }

    .sendthat-banner-nav .button-group .send img,
    .sendthat-banner-nav .button-group .track img {
        height: 16px;
    }

    .sendthat-banner-nav .button-group {
        display: inline-block !important;
        margin-top: unset !important;
    }

    .sendthat-banner-nav .button-group .btn-item {
        margin: 5px 0 10px 0 !important;
    }

    .sendthat-banner-nav .button-group .send span,
    .sendthat-banner-nav .button-group .track span {
        padding-left: 55px;
    }
    /*  END OF HERO SECTION  */

    /* Carriers Logo */
    .partners.desktop {
        display: none;
    }

    .partners.mobile {
        display: block;
    }

    .partners .partner-list-even,
    .partners .partner-list-odd {
        flex-wrap: wrap;
    }

    .partners .partner-list-even .partner-item {
        margin: auto !important;
    }

    .partners img {
        height: 30px;
        display: block;
        margin: 10px 20px;
    }
    /* End of Carriers Logo */

    /*  How It Works  */
    .wiw .title {
        font-size: 24px;
    }

    .wiw .description {
        font-size: 16px;
    }

    .wiw .wiw-item img {
        width: 90px;
    }

    .wiw .wiw-item {
        margin: 15px auto;
    }
    /*  End of How It Works  */

    /*  Other Section  */
    .other .title {
        font-size: 24px;
    }

    .other .sub-title {
        font-size: 18px;
    }

    .other .description {
        font-size: 14px;
    }
    /*  Other Section  */

    /*  Send Track Section  */
    .send-track-section .bg-right .content,
    .send-track-section .bg-left .content {
        right: unset;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .send-track-section .title {
        font-size: 24px;
    }

    .send-track-section .description {
        font-size: 14px;
        width: 100%;
    }
    /*  End Send Track Section  */

    /*  FAQ  */
    .card-body.faq {
        font-size: 14px;
        padding: 5px;
    }

    .still-have-question .desktop {
        display: none;
    }

    .still-have-question .mobile {
        display: block;
    }

    .still-have-question .mobile .contact-us,
    .still-have-question .mobile .read-more {
        display: block;
        width: 50%;
        margin: 5px auto;
    }

    .still-have-question p {
        font-size: 24px;
    }
    /*  END FAQ  */

    /*  Footer  */
    .footer-content {
        display: block;
    }

    .footer-content .logo,
    .footer-content .links {
        /*position: unset;*/
        display: block;
        margin: auto;
        /*right: unset;*/
        width: 180px;
    }
    .social .instagram {
        margin-top: 0.5rem !important;
    }
    .footer-content .links {
        text-align: center;
        width: 240px;
        margin: 10px auto;
    }
    /*  END Footer  */
    .alert-dark {
        display: none;
    }
}

@media screen and (min-width: 766px) and (max-width: 767px) {
    .partners.mobile .partner-list-even .partner-item:nth-child(6) img {
        height: 15px;
    }

    /* HEADER */
    .left-content.desktop {
        display: none;
    }

    .left-content.mobile {
        display: inline-flex;
    }
    .step3-desktop{
        display: none;
    }
.step3-mobile {
    display: inline-flex;
}
    .st-navbar .content {
        display: none;
    }

    .st-navbar .content.mobile {
        display: inline-flex;
    }

    .st-navbar .content.mobile .navbar-toggler.navbar-toggler-right {
        margin-top: 8px;
    }

    .st-navbar .content.mobile .navbar-brand {
        margin-bottom: 7px;
    }

    .sendthat-sub-menu {
        top: 73px;
        transform: none;
        left: 0;
        background: #f6f6f6;
        z-index: 999;
        display: none;
        right: 0;
        -webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
        box-shadow: 0 10px 6px -6px #777;
    }

    .sendthat-sub-menu li {
        border-bottom: 1px solid rgba(76, 75, 75, 0.2);
        display: block;
    }
    .sendthat-sub-menu li:last-child {
        border-bottom: none;
    }
    .sendthat-sub-menu li {
        padding: 10px 20px;
    }

    .sendthat-sub-menu li a {
        display: block;
    }

    .sendthat-sub-menu li:hover {
        background: #f6f7fa;
    }

    .navbar-brand {
        display: block;
        margin: auto;
    }

    .navbar-brand img {
        height: 38px;
    }

    .nav-auth {
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
        padding: 0;
        margin-top: 15px;
        display: none;
    }

    .auth-content a.st-btn-default,
    .st-btn-default {
        padding: 5px 15px;
    }

    ul.auth-content li {
        padding: 0;
    }
    /* END OF HEADER */

    /*  HERO SECTION  */

    .sendthat-banner-content {
        background-position: center;
        background-attachment: unset;
    }

    .sendthat-banner-content.desktop {
        display: none;
    }

    .sendthat-banner-content.mobile {
        display: block;
    }

    .sendthat-banner-nav {
        top: 50px;
        width: 70%;
    }

    .sendthat-banner {
        height: 290px;
    }

    .sendthat-banner-nav .title {
        font-size: 20px;
        width: 80%;
    }
    .sendthat-banner-nav .description {
        font-size: 15px;
        text-shadow: none;
    }

    .sendthat-banner-nav .button-group .track .vl {
        left: 52px;
    }

    .sendthat-banner-nav .button-group .vl {
        left: 52px;
    }

    .sendthat-banner-content.mobile {
        display: block;
        background-position: center right -10px;
    }

    .sendthat-banner-nav .button-group .send,
    .sendthat-banner-nav .button-group .track {
        display: block;
        padding: 8px 16px !important;
        font-size: 12px !important;
    }

    .sendthat-banner-nav .button-group .send img,
    .sendthat-banner-nav .button-group .track img {
        height: 16px;
    }

    .sendthat-banner-nav .button-group {
        display: inline-block !important;
        margin-top: unset !important;
    }

    .sendthat-banner-nav .button-group .btn-item {
        margin: 5px 0 10px 0 !important;
    }

    .sendthat-banner-nav .button-group .send span,
    .sendthat-banner-nav .button-group .track span {
        padding-left: 55px;
    }
    /*  END OF HERO SECTION  */

    /* Carriers Logo */
    .partners.desktop {
        display: none;
    }

    .partners.mobile {
        display: block;
    }

    .partners .partner-list-even,
    .partners .partner-list-odd {
        flex-wrap: wrap;
    }

    .partners .partner-list-even .partner-item {
        margin: auto !important;
    }

    .partners img {
        height: 30px;
        display: block;
        margin: 10px 10px;
    }
    /* End of Carriers Logo */

    /*  How It Works  */
    .wiw .title {
        font-size: 24px;
    }

    .wiw .description {
        font-size: 16px;
    }

    .wiw .wiw-item img {
        width: 90px;
    }

    .wiw .wiw-item {
        margin: 15px auto;
    }
    /*  End of How It Works  */

    /*  Other Section  */
    .other .title {
        font-size: 24px;
    }

    .other .sub-title {
        font-size: 18px;
    }

    .other .description {
        font-size: 14px;
    }
    /*  Other Section  */

    /*  Send Track Section  */
    .send-track-section .bg-right .content,
    .send-track-section .bg-left .content {
        right: unset;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .send-track-section .title {
        font-size: 24px;
    }

    .send-track-section .description {
        font-size: 14px;
        width: 100%;
    }
    /*  End Send Track Section  */

    /*  FAQ  */
    .card-body.faq {
        font-size: 14px;
        padding: 5px;
    }

    .still-have-question .desktop {
        display: none;
    }

    .still-have-question .mobile {
        display: block;
    }

    .still-have-question .mobile .contact-us,
    .still-have-question .mobile .read-more {
        display: block;
        width: 50%;
        margin: 5px auto;
    }

    .still-have-question p {
        font-size: 24px;
    }
    /*  END FAQ  */

    /*  Footer  */
    .footer-content {
        display: block;
    }

    .footer-content .logo,
    .footer-content .links {
        position: unset;
        display: block;
        margin: auto;
        right: unset;
        width: 180px;
    }

    .footer-content .links {
        text-align: center;
        width: 240px;
        margin: 10px auto;
    }
    /*  END Footer  */
    .alert-dark {
        display: none;
    }
}

@media only screen and (max-width: 576px) {
    .carousel-inner{
        display:none;
    }
    .partners.mobile .partner-list-even .partner-item:nth-child(6) img {
        height: 15px;
    }

    /* HEADER */
    .left-content.desktop {
        display: none;
    }

    .left-content.mobile {
        display: inline-flex;
    }

    .st-navbar .content {
        display: none;
    }

    .st-navbar .content.mobile {
        display: inline-flex;
    }
    .step3-desktop{
        display: none;
    }
.step3-mobile {
    display: inline-flex;
}
    .st-navbar .content.mobile .navbar-toggler.navbar-toggler-right {
        margin-top: 8px;
    }

    .st-navbar .content.mobile .navbar-brand {
        margin-bottom: 7px;
    }

    .sendthat-sub-menu {
        top: 73px;
        transform: none;
        left: 0;
        background: #f6f6f6;
        z-index: 999;
        display: none;
        right: 0;
        -webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
        box-shadow: 0 10px 6px -6px #777;
    }

    .sendthat-sub-menu li {
        border-bottom: 1px solid rgba(76, 75, 75, 0.2);
        display: block;
    }
    .sendthat-sub-menu li:last-child {
        border-bottom: none;
    }
    .sendthat-sub-menu li {
        padding: 10px 20px;
    }

    .sendthat-sub-menu li a {
        display: block;
    }

    .sendthat-sub-menu li:hover {
        background: #f6f7fa;
    }

    .navbar-brand {
        display: block;
        margin: auto;
    }

    .navbar-brand img {
        height: 38px;
    }

    .nav-auth {
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
        padding: 0;
        margin-top: 15px;
        display: none;
    }

    .auth-content a.st-btn-default,
    .st-btn-default {
        padding: 5px 15px;
    }

    .tracking-submit-btn {
        display: block;
        width: 100%;
    }

    ul.auth-content li {
        padding: 0;
    }
    /* END OF HEADER */

    /*  HERO SECTION  */

    .sendthat-banner-content {
        background-position: center;
        background-attachment: unset;
    }

    .sendthat-banner-content.desktop {
        display: none;
    }

    .sendthat-banner-content.mobile {
        display: block;
    }

    .sendthat-banner-nav {
        top: 50px;
        width: unset;
    }
    .sendthat-banner {
        height: 290px;
    }

    .sendthat-banner-nav .title {
        font-size: 20px;
        width: 80%;
    }
    .sendthat-banner-nav .description {
        font-size: 15px;
        text-shadow: none;
    }

    .sendthat-banner-nav .button-group .track .vl {
        left: 52px;
    }

    .sendthat-banner-nav .button-group .vl {
        left: 52px;
    }

    .sendthat-banner-content.mobile {
        display: block;
        background-position: center right -10px;
    }

    .sendthat-banner-nav .button-group .send,
    .sendthat-banner-nav .button-group .track {
        display: block;
        padding: 8px 16px !important;
        font-size: 12px !important;
    }

    .sendthat-banner-nav .button-group .send img,
    .sendthat-banner-nav .button-group .track img {
        height: 16px;
    }

    .sendthat-banner-nav .button-group {
        display: inline-block !important;
        margin-top: unset !important;
    }

    .sendthat-banner-nav .button-group .btn-item {
        margin: 5px 0 10px 0 !important;
    }

    .sendthat-banner-nav .button-group .send span,
    .sendthat-banner-nav .button-group .track span {
        padding-left: 55px;
    }
    /*  END OF HERO SECTION  */

    /* Carriers Logo */
    .partners.desktop {
        display: none;
    }

    .partners.mobile {
        display: block;
    }

    .partners .partner-list-even,
    .partners .partner-list-odd {
        flex-wrap: wrap;
    }

    .partners .partner-list-even .partner-item {
        margin: auto !important;
    }

    .partners img {
        height: 30px;
        display: block;
        margin: 10px 10px;
    }
    /* End of Carriers Logo */

    /*  How It Works  */
    .wiw .title {
        font-size: 24px;
    }

    .wiw .description {
        font-size: 16px;
    }

    .wiw .wiw-item img {
        width: 90px;
    }

    .wiw .wiw-item {
        margin: 15px auto;
    }
    /*  End of How It Works  */

    /*  Other Section  */
    .other .title {
        font-size: 24px;
    }

    .other .sub-title {
        font-size: 18px;
    }

    .other .description {
        font-size: 14px;
    }
    /*  Other Section  */

    /*  Send Track Section  */
    .send-track-section .bg-right .content,
    .send-track-section .bg-left .content {
        right: unset;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .send-track-section .title {
        font-size: 24px;
    }

    .send-track-section .description {
        font-size: 14px;
        width: 100%;
    }

    .send-track-section .bg-cover {
        height: 385px;
    }
    /*  End Send Track Section  */

    /*  FAQ  */
    .card-body.faq {
        font-size: 14px;
        padding: 5px;
    }

    .still-have-question .desktop {
        display: none;
    }

    .still-have-question .mobile {
        display: block;
    }

    .still-have-question .mobile .contact-us,
    .still-have-question .mobile .read-more {
        display: block;
        width: 50%;
        margin: 5px auto;
    }

    .still-have-question p {
        font-size: 24px;
    }
    /*  END FAQ  */

    /*  Footer  */
    .footer-content {
        display: block;
    }

    .footer-content .logo,
    .footer-content .links {
        /*position: unset;*/
        display: block;
        margin: auto;
        /*right: unset;*/
        width: 180px;
    }

    .footer-content .links {
        text-align: center;
        width: 240px;
        margin: 10px auto;
    }
    /*  END Footer  */
    .alert-dark {
        display: none;
    }
    .desktop-bar,
    .float {
        display: none;
    }
}

@media only screen and (max-width: 500px) {
    .partners.mobile .partner-list-even .partner-item:nth-child(6) img {
        height: 20px;
    }

    /* HEADER */
    .left-content.desktop {
        display: none;
    }

    .left-content.mobile {
        display: inline-flex;
    }
    .step3-desktop{
        display: none;
    }
.step3-mobile {
    display: inline-flex;
}
    .st-navbar .content {
        display: none;
    }

    .st-navbar .content.mobile {
        display: inline-flex;
    }

    .st-navbar .content.mobile .navbar-toggler.navbar-toggler-right {
        margin-top: 8px;
    }

    .st-navbar .content.mobile .navbar-brand {
        margin-bottom: 7px;
    }

    .sendthat-sub-menu {
        top: 73px;
        transform: none;
        left: 0;
        background: #f6f6f6;
        z-index: 999;
        display: none;
        right: 0;
        -webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
        box-shadow: 0 10px 6px -6px #777;
    }

    .sendthat-sub-menu li {
        border-bottom: 1px solid rgba(76, 75, 75, 0.2);
        display: block;
    }
    .sendthat-sub-menu li:last-child {
        border-bottom: none;
    }
    .sendthat-sub-menu li {
        padding: 10px 20px;
    }

    .sendthat-sub-menu li a {
        display: block;
    }

    .sendthat-sub-menu li:hover {
        background: #f6f7fa;
    }

    .navbar-brand {
        display: block;
        margin: auto;
    }

    .navbar-brand img {
        height: 38px;
    }

    .nav-auth {
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
        padding: 0;
        margin-top: 15px;
        display: none;
    }

    .auth-content a.st-btn-default,
    .st-btn-default {
        padding: 5px 15px;
    }

    ul.auth-content li {
        padding: 0;
    }
    /* END OF HEADER */

    /*  HERO SECTION  */

    .sendthat-banner-content {
        background-position: center;
        background-attachment: unset;
    }

    .sendthat-banner-content.desktop {
        display: none;
    }

    .sendthat-banner-content.mobile {
        display: block;
    }

    .sendthat-banner-nav {
        top: 50px;
    }
    .sendthat-banner {
        height: 330px;
    }

    .sendthat-banner-nav .title {
        font-size: 20px;
        width: 80%;
    }
    .sendthat-banner-nav .description {
        font-size: 15px;
        text-shadow: none;
    }

    .sendthat-banner-nav .button-group .track .vl {
        left: 52px;
    }

    .sendthat-banner-nav .button-group .vl {
        left: 52px;
    }

    .sendthat-banner-content.mobile {
        display: block;
        background-position: center right -10px;
    }

    .sendthat-banner-nav .button-group .send,
    .sendthat-banner-nav .button-group .track {
        display: block;
        padding: 8px 16px !important;
        font-size: 12px !important;
    }

    .sendthat-banner-nav .button-group .send img,
    .sendthat-banner-nav .button-group .track img {
        height: 16px;
    }

    .sendthat-banner-nav .button-group {
        display: inline-block !important;
        margin-top: unset !important;
    }

    .sendthat-banner-nav .button-group .btn-item {
        margin: 5px 0 10px 0 !important;
    }

    /*  END OF HERO SECTION  */

    /* Carriers Logo */
    .partners.desktop {
        display: none;
    }

    .partners.mobile {
        display: block;
    }

    .partners .partner-list-even,
    .partners .partner-list-odd {
        flex-wrap: wrap;
    }

    .partners .partner-list-even .partner-item {
        margin: auto !important;
    }

    .partners img {
        height: 30px;
        display: block;
        margin: 10px 10px;
    }
    /* End of Carriers Logo */

    /*  How It Works  */
    .wiw .title {
        font-size: 24px;
    }

    .wiw .description {
        font-size: 16px;
    }

    .wiw .wiw-item img {
        width: 90px;
    }

    .wiw .wiw-item {
        margin: 15px auto;
    }
    /*  End of How It Works  */

    /*  Other Section  */
    .other .title {
        font-size: 24px;
    }

    .other .sub-title {
        font-size: 18px;
    }

    .other .description {
        font-size: 14px;
    }
    /*  Other Section  */

    /*  Send Track Section  */
    .send-track-section .bg-right .content,
    .send-track-section .bg-left .content {
        right: unset;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .send-track-section .title {
        font-size: 24px;
    }

    .send-track-section .description {
        font-size: 14px;
        width: 100%;
    }

    .send-track-section .bg-cover {
        height: 385px;
    }

    /*  End Send Track Section  */

    /*  FAQ  */
    .card-body.faq {
        font-size: 14px;
        padding: 5px;
    }

    .still-have-question .desktop {
        display: none;
    }

    .still-have-question .mobile {
        display: block;
    }

    .still-have-question .mobile .contact-us,
    .still-have-question .mobile .read-more {
        display: block;
        width: 80%;
        margin: 5px auto;
    }

    .still-have-question p {
        font-size: 24px;
    }
    /*  END FAQ  */

    /*  Footer  */
    .footer-content {
        display: block;
    }

    .footer-content .logo,
    .footer-content .links {
        position: unset;
        display: block;
        margin: auto;
        right: unset;
        width: 180px;
    }

    .footer-content .links {
        text-align: center;
        width: 240px;
        margin: 10px auto;
    }
    /*  END Footer  */
    .alert-dark {
        display: none;
    }
    .desktop-bar,
    .float {
        display: none;
    }
}
@media screen and (max-width: 520px) {
    .partners.mobile .partner-list-even .partner-item:nth-child(6) img {
        height: 20px;
    }

    /* HEADER */
    .left-content.desktop {
        display: none;
    }

    .left-content.mobile {
        display: inline-flex;
    }
    .step3-desktop{
        display: none;
    }
.step3-mobile {
    display: inline-flex;
}
    .st-navbar .content {
        display: none;
    }

    .st-navbar .content.mobile {
        display: inline-flex;
    }

    .st-navbar .content.mobile .navbar-toggler.navbar-toggler-right {
        margin-top: 8px;
    }

    .st-navbar .content.mobile .navbar-brand {
        margin-bottom: 7px;
    }

    .sendthat-sub-menu {
        top: 73px;
        transform: none;
        left: 0;
        background: #f6f6f6;
        z-index: 999;
        display: none;
        right: 0;
        -webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
        box-shadow: 0 10px 6px -6px #777;
    }

    .sendthat-sub-menu li {
        border-bottom: 1px solid rgba(76, 75, 75, 0.2);
        display: block;
    }
    .sendthat-sub-menu li:last-child {
        border-bottom: none;
    }
    .sendthat-sub-menu li {
        padding: 10px 20px;
    }

    .sendthat-sub-menu li a {
        display: block;
    }

    .sendthat-sub-menu li:hover {
        background: #f6f7fa;
    }

    .navbar-brand {
        display: block;
        margin: auto;
    }

    .navbar-brand img {
        height: 38px;
    }

    .nav-auth {
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
        padding: 0;
        margin-top: 15px;
        display: none;
    }

    .auth-content a.st-btn-default,
    .st-btn-default {
        padding: 5px 15px;
    }

    ul.auth-content li {
        padding: 0;
    }
    /* END OF HEADER */

    /*  HERO SECTION  */
    .sendthat-banner-content {
        background-position: center;
        background-attachment: unset;
    }

    .sendthat-banner-content.desktop {
        display: none;
    }

    .sendthat-banner-content.mobile {
        display: block;
    }

    .sendthat-banner-nav {
        top: 50px;
    }
    .sendthat-banner {
        height: 330px;
    }

    .sendthat-banner-nav .title {
        font-size: 20px;
        width: 80%;
    }
    .sendthat-banner-nav .description {
        font-size: 15px;
        text-shadow: none;
    }

    .sendthat-banner-nav .button-group .track .vl {
        left: 52px;
    }

    .sendthat-banner-nav .button-group .vl {
        left: 52px;
    }

    .sendthat-banner-content.mobile {
        display: block;
        background-position: center right -10px;
    }

    .sendthat-banner-nav .button-group .send,
    .sendthat-banner-nav .button-group .track {
        display: block;
        padding: 8px 16px !important;
        font-size: 12px !important;
    }

    .sendthat-banner-nav .button-group .send img,
    .sendthat-banner-nav .button-group .track img {
        height: 16px;
    }

    .sendthat-banner-nav .button-group {
        display: inline-block !important;
        margin-top: unset !important;
    }

    .sendthat-banner-nav .button-group .btn-item {
        margin: 5px 0 10px 0 !important;
    }

    .sendthat-banner-nav .button-group .send span,
    .sendthat-banner-nav .button-group .track span {
        padding-left: 55px;
    }
    /*  END OF HERO SECTION  */

    /* Carriers Logo */
    .partners.desktop {
        display: none;
    }

    .partners.mobile {
        display: block;
    }

    .partners .partner-list-even,
    .partners .partner-list-odd {
        flex-wrap: wrap;
    }

    .partners .partner-list-even .partner-item {
        margin: auto !important;
    }

    .partners img {
        height: 30px;
        display: block;
        margin: 10px 10px;
    }
    /* End of Carriers Logo */

    /*  How It Works  */
    .wiw .title {
        font-size: 24px;
    }

    .wiw .description {
        font-size: 16px;
    }

    .wiw .wiw-item img {
        width: 90px;
    }

    .wiw .wiw-item {
        margin: 15px auto;
    }
    /*  End of How It Works  */

    /*  Other Section  */
    .other .title {
        font-size: 24px;
    }

    .other .sub-title {
        font-size: 18px;
    }

    .other .description {
        font-size: 14px;
    }
    /*  Other Section  */

    /*  Send Track Section  */
    .send-track-section .bg-right .content,
    .send-track-section .bg-left .content {
        right: unset;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .send-track-section .title {
        font-size: 24px;
    }

    .send-track-section .description {
        font-size: 14px;
        width: 100%;
    }

    .send-track-section .bg-cover {
        height: 385px;
    }
    /*  End Send Track Section  */

    /*  FAQ  */
    .card-body.faq {
        font-size: 14px;
        padding: 5px;
    }

    .still-have-question .desktop {
        display: none;
    }

    .still-have-question .mobile {
        display: block;
    }

    .still-have-question .mobile .contact-us,
    .still-have-question .mobile .read-more {
        display: block;
        width: 50%;
        margin: 5px auto;
    }

    .still-have-question p {
        font-size: 24px;
    }
    /*  END FAQ  */

    /*  Footer  */
    .footer-content {
        display: block;
    }

    .footer-content .logo,
    .footer-content .links {
        /*position: unset;*/
        display: block;
        margin: auto;
        right: unset;
        width: 180px;
    }

    .footer-content .links {
        text-align: center;
        width: 240px;
        margin: 10px auto;
    }
    /*  END Footer  */
    .alert-dark {
        display: none;
    }
    .desktop-bar,
    .float {
        display: none;
    }
}

@media screen and (max-width: 420px) {
    .partners.mobile .partner-list-even .partner-item:nth-child(6) img {
        height: 20px;
    }

    /* HEADER */
    .left-content.desktop {
        display: none;
    }

    .left-content.mobile {
        display: inline-flex;
    }
    .step3-desktop{
        display: none;
    }
.step3-mobile {
    display: inline-flex;
}
    .st-navbar .content {
        display: none;
    }

    .st-navbar .content.mobile {
        display: inline-flex;
    }

    .st-navbar .content.mobile .navbar-toggler.navbar-toggler-right {
        margin-top: 8px;
    }

    .st-navbar .content.mobile .navbar-brand {
        margin-bottom: 7px;
    }

    .sendthat-sub-menu {
        top: 73px;
        transform: none;
        left: 0;
        background: #f6f6f6;
        z-index: 999;
        display: none;
        right: 0;
        -webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
        box-shadow: 0 10px 6px -6px #777;
    }

    .sendthat-sub-menu li {
        border-bottom: 1px solid rgba(76, 75, 75, 0.2);
        display: block;
    }
    .sendthat-sub-menu li:last-child {
        border-bottom: none;
    }
    .sendthat-sub-menu li {
        padding: 10px 20px;
    }

    .sendthat-sub-menu li a {
        display: block;
    }

    .sendthat-sub-menu li:hover {
        background: #f6f7fa;
    }

    .navbar-brand {
        display: block;
        margin: auto;
    }

    .navbar-brand img {
        height: 38px;
    }

    .nav-auth {
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
        padding: 0;
        margin-top: 15px;
        display: none;
    }

    .auth-content a.st-btn-default,
    .st-btn-default {
        padding: 5px 15px;
    }

    ul.auth-content li {
        padding: 0;
    }
    /* END OF HEADER */

    /*  HERO SECTION  */

    .sendthat-banner-content {
        background-position: center;
        background-attachment: unset;
    }

    .sendthat-banner-content.desktop {
        display: none;
    }

    .sendthat-banner-content.mobile {
        display: block;
    }

    .sendthat-banner-nav {
        top: 50px;
    }

    .sendthat-banner {
        height: 330px;
    }

    .sendthat-banner-nav .title {
        font-size: 20px;
        width: 80%;
    }
    .sendthat-banner-nav .description {
        font-size: 15px;
        text-shadow: none;
    }

    .sendthat-banner-nav .button-group .track .vl {
        left: 52px;
    }

    .sendthat-banner-nav .button-group .vl {
        left: 52px;
    }

    .sendthat-banner-content.mobile {
        display: block;
        background-position: center right -10px;
    }

    .sendthat-banner-nav .button-group .send,
    .sendthat-banner-nav .button-group .track {
        display: block;
        padding: 8px 16px !important;
        font-size: 12px !important;
    }

    .sendthat-banner-nav .button-group .send img,
    .sendthat-banner-nav .button-group .track img {
        height: 16px;
    }

    .sendthat-banner-nav .button-group {
        display: inline-block !important;
        margin-top: unset !important;
    }

    .sendthat-banner-nav .button-group .btn-item {
        margin: 5px 0 10px 0 !important;
    }

    .sendthat-banner-nav .button-group .send span,
    .sendthat-banner-nav .button-group .track span {
        padding-left: 55px;
    }
    /*  END OF HERO SECTION  */

    /* Carriers Logo */
    .partners.desktop {
        display: none;
    }

    .partners.mobile {
        display: block;
    }

    .partners .partner-list-even,
    .partners .partner-list-odd {
        flex-wrap: wrap;
    }

    .partners .partner-list-even .partner-item {
        margin: auto !important;
    }

    .partners img {
        height: 20px;
        display: block;
        margin: 10px 5px;
    }
    /* End of Carriers Logo */

    /*  How It Works  */
    .wiw .title {
        font-size: 24px;
    }

    .wiw .description {
        font-size: 16px;
    }

    .wiw .wiw-item img {
        width: 90px;
    }

    .wiw .wiw-item {
        margin: 15px auto;
    }
    /*  End of How It Works  */

    /*  Other Section  */
    .other .title {
        font-size: 24px;
    }

    .other .sub-title {
        font-size: 18px;
    }

    .other .description {
        font-size: 14px;
    }
    /*  Other Section  */

    /*  Send Track Section  */
    .send-track-section .bg-right .content,
    .send-track-section .bg-left .content {
        right: unset;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .send-track-section .title {
        font-size: 24px;
    }

    .send-track-section .description {
        font-size: 14px;
        width: 100%;
    }

    .send-track-section .bg-cover {
        height: 385px;
    }
    /*  End Send Track Section  */

    /*  FAQ  */
    .card-body.faq {
        font-size: 14px;
        padding: 5px;
    }

    .still-have-question .desktop {
        display: none;
    }

    .still-have-question .mobile {
        display: block;
    }

    .still-have-question .mobile .contact-us,
    .still-have-question .mobile .read-more {
        display: block;
        width: 80%;
        margin: 5px auto;
    }

    .still-have-question p {
        font-size: 24px;
    }
    /*  END FAQ  */

    /*  Footer  */
    .footer-content {
        display: block;
    }

    .footer-content .logo,
    .footer-content .links {
        position: unset;
        display: block;
        margin: auto;
        right: unset;
        width: 180px;
    }

    .footer-content .links {
        text-align: center;
        width: 240px;
        margin: 10px auto;
    }
    /*  END Footer  */
    .alert-dark {
        display: none;
    }
    .desktop-bar,
    .float {
        display: none;
    }
}

@media screen and (max-width: 414px) {
    .partners.mobile  img {
        max-height: 20px;
    }

    /* HEADER */
    .left-content.desktop {
        display: none;
    }

    .left-content.mobile {
        display: inline-flex;
    }
    .step3-desktop{
        display: none;
    }
.step3-mobile {
    display: inline-flex;
}
    .st-navbar .content {
        display: none;
    }

    .st-navbar .content.mobile {
        display: inline-flex;
    }

    .st-navbar .content.mobile .navbar-toggler.navbar-toggler-right {
        margin-top: 8px;
    }

    .st-navbar .content.mobile .navbar-brand {
        margin-bottom: 7px;
    }

    .sendthat-sub-menu {
        top: 73px;
        transform: none;
        left: 0;
        background: #f6f6f6;
        z-index: 999;
        display: none;
        right: 0;
        -webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
        box-shadow: 0 10px 6px -6px #777;
    }

    .sendthat-sub-menu li {
        border-bottom: 1px solid rgba(76, 75, 75, 0.2);
        display: block;
    }
    .sendthat-sub-menu li:last-child {
        border-bottom: none;
    }
    .sendthat-sub-menu li {
        padding: 10px 20px;
    }

    .sendthat-sub-menu li a {
        display: block;
    }

    .sendthat-sub-menu li:hover {
        background: #f6f7fa;
    }

    .navbar-brand {
        display: block;
        margin: auto;
    }

    .navbar-brand img {
        height: 38px;
    }

    .nav-auth {
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
        padding: 0;
        margin-top: 15px;
        display: none;
    }

    .auth-content a.st-btn-default,
    .st-btn-default {
        padding: 5px 15px;
    }

    ul.auth-content li {
        padding: 0;
    }
    /* END OF HEADER */

    /*  HERO SECTION  */
    .sendthat-banner-content {
        background-position: center;
        background-attachment: unset;
    }

    .sendthat-banner-content.desktop {
        display: none;
    }

    .sendthat-banner-content.mobile {
        display: block;
    }

    .sendthat-banner-nav {
        top: 50px;
    }

    .sendthat-banner {
        height: 330px;
    }

    .sendthat-banner-nav .title {
        font-size: 20px;
        width: 80%;
    }
    .sendthat-banner-nav .description {
        font-size: 15px;
        text-shadow: none;
    }

    .sendthat-banner-nav .button-group .track .vl {
        left: 52px;
    }

    .sendthat-banner-nav .button-group .vl {
        left: 52px;
    }

    .sendthat-banner-content.mobile {
        display: block;
        background-position: center right -10px;
    }

    .sendthat-banner-nav .button-group .send,
    .sendthat-banner-nav .button-group .track {
        display: block;
        padding: 8px 16px !important;
        font-size: 12px !important;
    }

    .sendthat-banner-nav .button-group .send img,
    .sendthat-banner-nav .button-group .track img {
        height: 16px;
    }

    .sendthat-banner-nav .button-group {
        display: inline-block !important;
        margin-top: unset !important;
    }

    .sendthat-banner-nav .button-group .btn-item {
        margin: 5px 0 10px 0 !important;
    }
    /*  END OF HERO SECTION  */

    /* Carriers Logo */
    .partners.desktop {
        display: none;
    }

    .partners .partner-list-even,
    .partners .partner-list-odd {
        flex-wrap: wrap;
    }

    .partners .partner-list-even .partner-item {
        margin: auto !important;
    }

    .partners img {
        height: 20px;
        display: block;
        margin: 10px 5px;
    }
    /* End of Carriers Logo */

    /*  How It Works  */
    .wiw .title {
        font-size: 24px;
    }

    .wiw .description {
        font-size: 16px;
    }

    .wiw .wiw-item img {
        width: 90px;
    }

    .wiw .wiw-item {
        margin: 15px auto;
    }
    /*  End of How It Works  */

    /*  Other Section  */
    .other .title {
        font-size: 24px;
    }

    .other .sub-title {
        font-size: 18px;
    }

    .other .description {
        font-size: 14px;
    }
    /*  Other Section  */

    /*  Send Track Section  */
    .send-track-section .bg-right .content,
    .send-track-section .bg-left .content {
        right: unset;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .send-track-section .title {
        font-size: 24px;
    }

    .send-track-section .description {
        font-size: 14px;
        width: 100%;
    }

    .send-track-section .bg-cover {
        height: 385px;
    }
    /*  End Send Track Section  */

    /*  FAQ  */
    .card-body.faq {
        font-size: 14px;
        padding: 5px;
    }

    .still-have-question .desktop {
        display: none;
    }

    .still-have-question .mobile {
        display: block;
    }

    .still-have-question .mobile .contact-us,
    .still-have-question .mobile .read-more {
        display: block;
        width: 80%;
        margin: 5px auto;
    }

    .still-have-question p {
        font-size: 24px;
    }
    /*  END FAQ  */

    /*  Footer  */
    .footer-content {
        display: block;
    }

    .footer-content .logo,
    .footer-content .links {
        position: unset;
        display: block;
        margin: auto;
        right: unset;
        width: 180px;
    }

    .footer-content .links {
        text-align: center;
        width: 240px;
        margin: 10px auto;
    }
    /*  END Footer  */
    .alert-dark {
        display: none;
    }
    .desktop-bar,
    .float {
        display: none;
    }
}

@media screen and (max-width: 375px) {
    .partners.mobile .partner-list-even .partner-item:nth-child(6) img {
        max-height: 15px;
    }

    /* HEADER */
    .left-content.desktop {
        display: none;
    }

    .left-content.mobile {
        display: inline-flex;
    }
    .step3-desktop{
        display: none;
    }
.step3-mobile {
    display: inline-flex;
}
    .st-navbar .content {
        display: none;
    }

    .st-navbar .content.mobile {
        display: inline-flex;
    }

    .st-navbar .content.mobile .navbar-toggler.navbar-toggler-right {
        margin-top: 8px;
    }

    .st-navbar .content.mobile .navbar-brand {
        margin-bottom: 7px;
    }

    .sendthat-sub-menu {
        top: 73px;
        transform: none;
        left: 0;
        background: #f6f6f6;
        z-index: 999;
        display: none;
        right: 0;
        -webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
        box-shadow: 0 10px 6px -6px #777;
    }

    .sendthat-sub-menu li {
        border-bottom: 1px solid rgba(76, 75, 75, 0.2);
        display: block;
    }
    .sendthat-sub-menu li:last-child {
        border-bottom: none;
    }
    .sendthat-sub-menu li {
        padding: 10px 20px;
    }

    .sendthat-sub-menu li a {
        display: block;
    }

    .sendthat-sub-menu li:hover {
        background: #f6f7fa;
    }

    .navbar-brand {
        display: block;
        margin: auto;
    }

    .navbar-brand img {
        height: 38px;
    }

    .nav-auth {
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
        padding: 0;
        margin-top: 15px;
        display: none;
    }

    .auth-content a.st-btn-default,
    .st-btn-default {
        padding: 5px 15px;
    }

    ul.auth-content li {
        padding: 0;
    }
    /* END OF HEADER */

    /*  HERO SECTION  */
    .sendthat-banner-content {
        background-position: center;
        background-attachment: unset;
    }

    .sendthat-banner-content.desktop {
        display: none;
    }

    .sendthat-banner-nav {
        top: 50px;
    }

    .sendthat-banner {
        height: 330px;
    }

    .sendthat-banner-nav .title {
        font-size: 20px;
        width: 80%;
    }
    .sendthat-banner-nav .description {
        font-size: 15px;
        text-shadow: none;
    }

    .sendthat-banner-nav .button-group .track .vl {
        left: 52px;
    }

    .sendthat-banner-nav .button-group .vl {
        left: 52px;
    }

    .sendthat-banner-content.mobile {
        display: block;
        background-position: center right -10px;
    }

    .sendthat-banner-nav .button-group .send,
    .sendthat-banner-nav .button-group .track {
        display: block;
        padding: 8px 16px !important;
        font-size: 12px !important;
    }

    .sendthat-banner-nav .button-group .send img,
    .sendthat-banner-nav .button-group .track img {
        height: 16px;
    }

    .sendthat-banner-nav .button-group {
        display: inline-block !important;
        margin-top: unset !important;
    }

    .sendthat-banner-nav .button-group .btn-item {
        margin: 5px 0 10px 0 !important;
    }

    /*  END OF HERO SECTION  */

    /* Carriers Logo */
    .partners.desktop {
        display: none;
    }

    .partners.mobile {
        display: block;
    }

    .partners .partner-list-even,
    .partners .partner-list-odd {
        flex-wrap: wrap;
    }

    .partners .partner-list-even .partner-item {
        margin: auto !important;
    }

    .partners img {
        height: 20px;
        display: block;
        margin: 10px 5px;
    }
    /* End of Carriers Logo */

    /*  How It Works  */
    .wiw .title {
        font-size: 24px;
    }

    .wiw .description {
        font-size: 16px;
    }

    .wiw .wiw-item img {
        width: 90px;
    }

    .wiw .wiw-item {
        margin: 15px auto;
    }
    /*  End of How It Works  */

    /*  Other Section  */
    .other .title {
        font-size: 24px;
    }

    .other .sub-title {
        font-size: 18px;
    }

    .other .description {
        font-size: 14px;
    }
    /*  Other Section  */

    /*  Send Track Section  */
    .send-track-section .bg-right .content,
    .send-track-section .bg-left .content {
        right: unset;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .send-track-section .title {
        font-size: 24px;
    }

    .send-track-section .description {
        font-size: 14px;
        width: 100%;
    }

    .send-track-section .bg-cover {
        height: 385px;
    }
    /*  End Send Track Section  */

    /*  FAQ  */
    .card-body.faq {
        font-size: 14px;
        padding: 5px;
    }

    .still-have-question .desktop {
        display: none;
    }

    .still-have-question .mobile {
        display: block;
    }

    .still-have-question .mobile .contact-us,
    .still-have-question .mobile .read-more {
        display: block;
        width: 80%;
        margin: 5px auto;
    }

    .still-have-question p {
        font-size: 24px;
    }
    /*  END FAQ  */

    /*  Footer  */
    .footer-content {
        display: block;
    }

    .footer-content .logo,
    .footer-content .links {
        position: unset;
        display: block;
        margin: auto;
        right: unset;
        width: 180px;
    }

    .footer-content .links {
        text-align: center;
        width: 240px;
        margin: 10px auto;
    }
    /*  END Footer  */
    .alert-dark {
        display: none;
    }
    .desktop-bar,
    .float {
        display: none;
    }
}

@media screen and (max-width: 320px) {
    .partners.mobile .partner-list-even .partner-item:nth-child(6) img {
        height: 15px;
    }

    /* HEADER */
    .left-content.desktop {
        display: none;
    }

    .left-content.mobile {
        display: inline-flex;
    }
    .step3-desktop{
        display: none;
    }
.step3-mobile {
    display: inline-flex;
}
    .st-navbar .content {
        display: none;
    }

    .st-navbar .content.mobile {
        display: inline-flex;
    }

    .st-navbar .content.mobile .navbar-toggler.navbar-toggler-right {
        margin-top: 8px;
    }

    .st-navbar .content.mobile .navbar-brand {
        margin-bottom: 7px;
    }

    .sendthat-sub-menu {
        top: 73px;
        transform: none;
        left: 0;
        background: #f6f6f6;
        z-index: 999;
        display: none;
        right: 0;
        -webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
        box-shadow: 0 10px 6px -6px #777;
    }
    .sendthat-sub-menu li {
        padding: 10px 20px;
    }

    .sendthat-sub-menu li:hover {
        background: #f6f7fa;
    }

    .sendthat-sub-menu li {
        border-bottom: 1px solid rgba(76, 75, 75, 0.2);
        display: block;
    }

    .sendthat-sub-menu li a {
        display: block;
    }
    .sendthat-sub-menu li:last-child {
        border-bottom: none;
    }

    .navbar-brand {
        display: block;
        margin: auto;
    }

    .navbar-brand img {
        height: 38px;
    }

    .nav-auth {
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
        padding: 0;
        margin-top: 15px;
        display: none;
    }

    .auth-content a.st-btn-default,
    .st-btn-default {
        padding: 5px 15px;
    }

    ul.auth-content li {
        padding: 0;
    }
    /* END OF HEADER */

    /*  HERO SECTION  */
    .sendthat-banner {
        height: 360px;
    }

    .sendthat-banner-content {
        background-position: center;
        background-attachment: unset;
    }

    .sendthat-banner-content.desktop {
        display: none;
    }

    .sendthat-banner-nav {
        top: 50px;
    }

    .sendthat-banner-nav .title {
        font-size: 20px;
        width: 80%;
    }
    .sendthat-banner-nav .description {
        font-size: 15px;
        text-shadow: none;
    }

    .sendthat-banner-nav .button-group .track .vl {
        left: 52px;
    }

    .sendthat-banner-nav .button-group .vl {
        left: 52px;
    }

    .sendthat-banner-content.mobile {
        display: block;
        background-position: center right -10px;
    }

    .sendthat-banner-nav .button-group .send,
    .sendthat-banner-nav .button-group .track {
        display: block;
        padding: 8px 16px !important;
        font-size: 12px !important;
    }

    .sendthat-banner-nav .button-group .send img,
    .sendthat-banner-nav .button-group .track img {
        height: 16px;
    }

    .sendthat-banner-nav .button-group {
        display: inline-block !important;
        margin-top: unset !important;
    }

    .sendthat-banner-nav .button-group .btn-item {
        margin: 5px 0 10px 0 !important;
    }

    /*  END OF HERO SECTION  */

    /* Carriers Logo */
    .partners.desktop {
        display: none;
    }

    .partners.mobile {
        display: block;
    }

    .partners .partner-list-even,
    .partners .partner-list-odd {
        flex-wrap: wrap;
    }

    .partners .partner-list-even .partner-item {
        margin: auto !important;
    }

    .partners img {
        height: 20px;
        display: block;
        margin: 10px 5px;
    }
    /* End of Carriers Logo */

    /*  How It Works  */
    .wiw .title {
        font-size: 24px;
    }

    .wiw .description {
        font-size: 16px;
    }

    .wiw .wiw-item img {
        width: 90px;
    }

    .wiw .wiw-item {
        margin: 15px auto;
    }
    /*  End of How It Works  */

    /*  Other Section  */
    .other .title {
        font-size: 24px;
    }

    .other .sub-title {
        font-size: 18px;
    }

    .other .description {
        font-size: 14px;
    }
    /*  Other Section  */

    /*  Send Track Section  */
    .send-track-section .bg-right .content,
    .send-track-section .bg-left .content {
        right: unset;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .send-track-section .title {
        font-size: 24px;
    }

    .send-track-section .description {
        font-size: 14px;
        width: 100%;
    }

    .send-track-section .bg-cover {
        height: 385px;
    }
    /*  End Send Track Section  */

    /*  FAQ  */
    .card-body.faq {
        font-size: 14px;
        padding: 5px;
    }

    .still-have-question .desktop {
        display: none;
    }

    .still-have-question .mobile {
        display: block;
    }

    .still-have-question .mobile .contact-us,
    .still-have-question .mobile .read-more {
        display: block;
        width: 80%;
        margin: 5px auto;
    }

    .still-have-question p {
        font-size: 24px;
    }
    /*  END FAQ  */

    /*  Footer  */
    .footer-content {
        display: block;
    }

    .footer-content .logo,
    .footer-content .links {
        position: unset;
        display: block;
        margin: auto;
        right: unset;
        width: 180px;
    }

    .footer-content .links {
        text-align: center;
        width: 240px;
        margin: 10px auto;
    }
    /*  END Footer  */
}