@media(max-width: 768px) {
     .footer .footer-social-link li a {
          width: 2rem !important;
          height: 2rem !important;
          font-size: 1rem !important;
          margin: 0 0.2rem !important;
          padding: 0.3rem !important;
     }

     .footer .footer-social-app a:first-child {
          margin-right: 0.2rem;
     }

     .footer-main .footer-main-menu h5 {
          margin-bottom: 0.8rem;
     }

     .footer-main .footer-main-menu li {
          margin-bottom: 0.6rem;
     }

     /* ===== INDEX PAGE index.html ===== */

     .news-service .contact-panel li i {
          margin-right: 0.2rem;
          font-size: 1.2rem;
     }

     .news-service button.btn {
          font-size: 0.7rem;
     }

     .news-service .contact-panel {
          height: 30rem;
     }

     .news-service .contact-panel .content {
          height: 25rem;
     }

     .banner-2 .ben-img-content span {
          font-size: 2.5rem;
     }

     .banner-2 .ben-img-content h6 {
          color: #fff;
          font-size: 1.2rem;
          margin-bottom: 0.4rem;
     }

     .banner-2 .ben-img-content p {
          font-size: 0.9rem;
     }

     .bd-map h2 {
          font-size: 1.6rem;
     }

     .bd-map h6 {
          font-size: 1rem;
     }

     .counter-item .service-box {
          font-size: 2rem;
          margin-bottom: 1rem
     }

     .counter-item .counter-desc {
          font-size: 1.2rem;
          margin-bottom: .5rem;
     }
}

@media(max-width: 480px) {
     .footer .footer-top .footer-top-logo {
          margin-bottom: 1.5rem;
     }

     .footer .footer-top-item ul li i {
          font-size: 1.2rem;
     }

     .footer .footer-top-item ul li h6 {
          font-size: 0.8rem;
     }

     .footer .footer-top-item ul li p {
          font-size: 0.7rem;
          line-height: 0.8rem;
     }

     .footer .footer-social-app,
     .footer .footer-social-link {
          padding: 0.5rem;
     }

     .footer-social .footer-social-sub button {
          font-size: 0.8rem;
          height: 48px;
     }

     .footer-main .footer-main-menu h5 {
          margin-bottom: 0.2rem;
          font-size: 0.8rem;
     }

     .footer-main .footer-main-menu li {
          margin: 0 !important;
          line-height: 1.2rem;
     }

     .footer-main .footer-main-menu li a {
          font-size: 0.7rem;
     }

     .copyright {
          margin-top: 0.5rem;
     }

     /* ===== INDEX PAGE index.html ===== */

     .lang-dropdown .lang-dropdown-toggle,
     .lang-dropdown .dropdown-item,
     .action-btn-login span {
          font-size: 0.8rem;
     }

     .header .navbar a img {
          height: 50px;
     }

     .slider .slide-item {
          padding: 3rem 0.6rem;
     }

     .pagetitle-heading {
          font-size: 2.5rem;
     }

     .slider .btn{
          padding: 0.4rem 2rem;
     }
     .slider .btn{
          line-height: 2.5rem;
     }
     .slider .btn i {
          padding-left: 0.5rem;
          line-height: 2.5rem;
     }

     .news-service button.btn {
          font-size: 1rem;
          line-height: 2rem;
     }

     .available-banner {
          padding: 2rem 0;
     }

     .available-banner-div {
          margin: 1.5rem 0;
     }

     .available-banner-div h2 {
          font-size: 1.8rem;
          margin-bottom: 0.8rem;
     }

     .available-banner-div p {
          font-size: 0.8rem;
          margin-bottom: 0.6rem;
     }

     .available-banner-div .btn {
          height: 2rem;
          line-height: 1rem;
     }

     .banner-2 .ben-img-content {
          padding: 1rem;
     }

     .banner-2 .ben-img-content span {
          font-size: 1.6rem;
     }

     .banner-2 .ben-img-content h6 {
          font-size: 1rem;
          margin-bottom: 0.5rem;
     }

     .banner-2 .ben-img-content p {
          width: 95% !important;
          line-height: 1rem;
          font-size: 0.8rem;
     }

     .banner-layout2 .fancybox-light {
          padding-bottom: 1rem;
     }

     .banner-layout2 .fancybox-item {
          margin-top: 0;
     }

     .counters h3,
     .testimonials h2 {
          font-size: 2rem;
     }

     .counter-item .service-box {
          font-size: 1.75rem;
          margin-bottom: .75rem
     }

     .counter-item .counter-desc {
          font-size: 1rem;
          margin-bottom: .25rem;
     }

     /* ===== TRACKING PAGE tracking.html ===== */

     .tracking {
          padding-bottom: 0;
     }

     .tracking .shipto {
          margin: 2rem 0;
     }

     .status .status-title h2 {
          font-size: 1.5rem;
          margin-bottom: .5rem;
     }

     .status .progress {
          margin-bottom: .5rem;
     }

     .status .status-text span {
          font-size: .6rem;
     }

     .status .status-text p {
          font-size: 1rem;
          line-height: 1.2rem;
     }

     .status .status-text a {
          font-size: .6rem;
     }

     .status .status-btn {
          padding-top: .5rem;
     }

     .status .status-btn a,
     .shipment-progress-btn a {
          font-size: .75rem;
     }

     /* ===== JOB PAGE -job-page.html ===== */

     .job-section {
          padding: 1.5rem 0;
     }

     .job-div-title {
          font-size: .85rem;
          margin-bottom: .25rem;
     }

     .job-details {
          font-size: 1.5rem;
          margin-bottom: .25rem;
     }

     .job-apply .div a {
          font-size: .8rem;
     }
     .job-apply .modal-title{
          font-size: 1rem;
     }
     .job-apply .col-form-label{
          font-size: .75rem;
     }
     .job-apply .form-control{
          font-size: 1rem;
          padding: .3rem !important;
          height: auto;
     }
}

@media(max-width: 320px) {
     .footer .footer-social-link li a {
          width: 1.5rem !important;
          height: 1.5rem !important;
          font-size: 0.8rem !important;
          margin: 0 0.2rem !important;
          padding: 0.2rem !important;
     }

     .footer-bottom img {
          width: 40px;
          height: 20px;
          padding: 0 0.3rem;
     }

     .banner-2 .ben-img-content {
          padding: 0.5rem;
     }

     .banner-2 .ben-img-content span {
          font-size: 1.5rem;
     }

     .banner-2 .ben-img-content h6 {
          font-size: 0.8rem;
     }

     .banner-2 .ben-img-content p {
          font-size: 0.6rem;
     }

     /* ===== TRACKING PAGE tracking.html ===== */

     .shipment-table thead tr th {
          font-size: .85rem;
     }

     .shipment-table tbody tr td {
          font-size: .85rem;
     }

     .shipment-item h6 {
          font-size: 1.2rem;
     }

     .shipment-item h6 i {
          font-size: 1.5rem;
     }

     .shipment-detail-div .shipment-item p {
          font-size: .75rem;
     }

     .shipment-detail-div .shipment-item a {
          font-size: .85rem;
     }
}