@media only screen and (max-width: 1920px) and (min-width: 1500px) {
    .container {
        max-width: 1315px;
    }
}

@media only screen and (max-width: 1600px) {
    .preLoader .counter {
        font-size: 12rem;
    }
    .preLoader .line {
        top: 81%;
    }
    .main-slider {
        height: 800px;
    }
    .secHeading {
        font-size: 3rem;
    }
    .aboutContent ul li a {
        font-size: 1.25rem;
    }
     :is(.serviceSec, .customerSec) {
        padding: 5rem 0;
    }
    .serviceWraps {
        display: flex;
        justify-content: center;
        gap: 1rem;
        flex-wrap: wrap;
    }
    .serviceBox {
        width: 30%;
        margin: 0 !important;
    }
    .serviceBox figure {
        margin: 0 0 0.5rem 5.5rem;
    }
    .serviceContent:before {
        margin: 0 0 0 11.5rem;
    }
    .serviceContent span {
        margin: 2rem 0 0 11.25rem;
    }
    .serviceText {
        padding-top: 3.75rem;
        margin-right: 0;
    }
    .quickBox {
        width: 170px;
        font-size: 4rem;
    }
    .customerSec .swiper-button-prev {
        right: 21%;
    }
    .servicesInner {
        padding: 8rem 0 7.5rem;
    }
    .footerLogo a img {
        width: 200px;
    }
    .tracking-card--header {
        margin-bottom: 3rem;
    }
    .traking-details figure figcaption {
        font-size: 1.2rem;
    }
    .traking-details figure figcaption br {
        display: none;
    }
    .tracking-card {
        padding: 2rem 3rem 4rem;
    }
    .links li a {
        white-space: nowrap;
    }
}

@media only screen and (max-width: 1445px) {
    .slideOne h1 {
        font-size: 3rem;
    }
    .secHeading {
        font-size: 2.5rem;
    }
    .aboutSec {
        padding: 5rem 0;
    }
    .about--inner {
        padding: 9rem 0 4rem;
    }
}

@media only screen and (max-width: 1366px) {
    html {
        font-size: 15px;
    }
    .preLoader .line {
        top: 83%;
    }
    .aboutOne {
        left: -2rem;
        width: 250px;
    }
    .serviceBox {
        margin: 0 0 4rem !important;
    }
    .serviceBox figure {
        margin: 0 auto 1.5rem;
    }
    .serviceContent::before {
        display: none;
    }
    .serviceContent {
        text-align: center;
    }
    .serviceContent span {
        display: none;
    }
    .serviceText {
        padding-top: 0 !important;
        margin-right: 0;
        flex-direction: column;
        gap: 0;
    }
    .serviceText h3 {
        width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }
    .serviceText p {
        width: 100%;
    }
    /* .serviceWraps {
		grid-template-columns: repeat(2, 1fr);
	}

	.serviceBox figure {
		margin: 0 0 0.5rem 11.5rem;
	}

	.serviceContent:before {
		margin: 0 0 0 17rem;
	}

	.serviceContent span {
		margin: 2rem 0 0 16.75rem;
	} */
    .customerSec .swiper-button-prev {
        right: 23%;
    }
    .servicesInner__img {
        width: 150px;
    }
}

@media (max-width: 1199.98px) {
    html {
        font-size: 14px;
    }
    .aboutOne {
        left: -2rem;
        width: 250px;
    }
    .navbar-brand {
        width: 160px;
    }
    ul.manuicon li a i {
        width: 35px;
        height: auto;
        aspect-ratio: 1;
        font-size: 1rem;
    }
    .main-slider {
        height: 700px;
    }
    .scroll a {
        width: 50px;
        font-size: 1.5rem;
        outline-offset: 12px;
    }
    .serviceBox {
        margin: 0 0 2rem !important;
    }
     :is(.serviceSec, .customerSec) {
        padding: 3rem 0;
    }
    .serviceHeading {
        margin-bottom: 2rem;
    }
    .customerBox {
        padding: 2rem 1rem 1rem 1rem;
    }
    .quotes img {
        width: 40px;
    }
    .customerBox h3 {
        font-size: 1.3rem;
    }
    .customerBox ul li i {
        font-size: 1rem;
    }
    .customerSec .swiper-button-next,
    .customerSec .swiper-button-prev {
        width: 40px;
    }
    .customerSec .swiper-button-prev {
        right: 21%;
    }
    .customerSlider {
        padding: 2rem 0 2rem 0;
    }
    .quickSec {
        padding: 4rem 0;
    }
    .quickWrap:before {
        width: 60px;
    }
    .quickBox {
        width: 150px;
    }
    .quickWrap {
        margin-top: 2rem;
    }
    .footerLogo a img {
        width: 180px;
    }
    footer {
        padding-top: 4rem;
    }
    .footerLogo p {
        font-size: 0.8rem;
    }
    footer h3 {
        font-size: 1.5rem;
    }
    .copyRight {
        margin-top: 1rem;
        padding: 1rem 0;
    }
    .servicesInner {
        padding: 7rem 0 3rem 0 !important;
    }
    .tracking {
        padding: 8rem 0 3rem;
    }
    .tracking__list {
        padding: 2rem 2rem;
    }
    .tracking .row.mt-5 {
        margin-top: 2rem !important;
    }
}

@media (max-width: 991.98px) {
    html {
        font-size: 13px;
    }
    .preLoader .line {
        top: 85%;
    }
    .navbar-toggler {
        background: var(--white);
        color: var(--black);
        outline: unset !important;
    }
    .navbar-collapse {
        background: var(--primary);
        border-radius: 1rem;
        margin-top: 1rem;
    }
    .navbar-nav {
        margin-top: 1rem;
        gap: 1rem;
    }
    .form-inline {
        margin: 1rem 0;
        justify-content: center;
    }
    .aboutOne {
        width: 180px;
    }
    .customerSec .swiper-button-next,
    .customerSec .swiper-button-prev {
        top: 15%;
    }
    .quickBox {
        width: 150px;
        font-size: 4rem;
    }
    .customerSec .swiper-button-next {
        right: 15%;
    }
    .servicesInner {
        padding: 10rem 0 4rem;
    }
    .servicesInner .row+.row {
        margin-top: 1rem;
    }
    .serviceHeading {
        margin-bottom: 3rem;
    }
    .servicesInner__img {
        margin: 0 0 0.5rem;
    }
    .servicesInner .row:nth-child(odd) .servicesInner__img {
        margin: 0 0 0.5rem auto;
    }
    .servicesInner__img .dot {
        display: none;
    }
    .serviceBox {
        width: 45%;
    }
    footer .row {
        gap: 1rem 0;
    }
    .navbar-brand {
        width: 130px;
    }
    .main-slider {
        height: 550px;
    }
    .slideOne h1 {
        font-size: 2.5rem;
        margin: 0;
    }
    .secHeading {
        font-size: 2rem;
    }
    .serviceBox figure img {
        width: 60px;
    }
    .serviceBox figure {
        width: 150px;
    }
    .serviceBox {
        margin: 0 0 1rem !important;
    }
    .customerBox p {
        font-size: 1.125rem;
    }
    .quickBox {
        width: 120px;
        font-size: 3rem;
    }
    .quickWrap:before {
        width: 50px;
    }
    .footerLogo a img {
        width: 150px;
    }
    footer {
        padding-top: 3rem;
    }
    .aboutSec {
        padding: 4rem 0;
    }
    .about--inner {
        padding: 6rem 0 3rem 0 !important;
    }
    .servicesInner {
        padding: 6rem 0 2rem 0 !important;
    }
    .tracking {
        padding: 6rem 0 3rem;
    }
    .tracking__list p {
        margin-bottom: 8px;
    }
    .tracking-bar {
        height: 12px;
        margin-bottom: 2rem;
    }
    .tracking-bar .step .circle {
        width: 35px;
    }
    .order-tracking-section {
        padding-top: 6rem;
    }
    .tracking-card {
        padding: 1rem 2rem 3rem;
    }
    .innerHeader .navbar-nav .nav-item .nav-link {
        color: var(--white);
    }
}

@media (max-width: 767.98px) {
    html {
        font-size: 12px;
    }
    .preLoader .counter {
        font-size: 10rem;
        right: 2rem;
    }
    .preLoader .line {
        top: 88%;
    }
    .main-slider {
        height: 400px;
    }
    .slideOne {
        margin-top: 0;
    }
    .aboutOne {
        width: 220px;
    }
    .aboutTwo {
        width: 400px;
    }
    .customerSec .swiper-button-prev {
        right: 26%;
    }
    .tracking .row+.row {
        gap: 1rem;
    }
    .slideOne h1 {
        font-size: 2.2rem;
    }
    .scroll a {
        width: 40px;
        font-size: 1.2rem;
        outline-offset: 6px;
    }
    .navbar-brand {
        width: 110px;
    }
    .aboutSec {
        padding: 3rem 0;
    }
    .serviceBox figure img {
        width: 50px;
    }
    .serviceBox figure {
        width: 130px;
    }
    .serviceHeading {
        margin-bottom: 2rem;
    }
    .quickSecText p img {
        width: 40px;
    }
    .quickBox {
        border: 3px solid var(--secondary);
        width: 100px;
        font-size: 2.5rem;
    }
    .quickSec {
        padding: 3rem 0;
    }
    .footerLogo a img {
        width: 120px;
    }
    .socialLinks li a div {
        width: 30px;
    }
    .about--inner {
        padding: 5rem 0 1rem 0 !important;
    }
    .servicesInner__img {
        width: 120px;
    }
    .tracking-card--header h4 {
        font-size: 1.125rem;
    }
    .tracking-card--header h5 {
        font-size: 1.125rem;
    }
    .privacyContent p {
        margin-bottom: 4px;
    }
    .privacyContent h3 {
        margin: 6px 0;
    }
}

@media (max-width: 575.98px) {
    .navbar {
        padding: 0 1rem !important;
    }
    .aboutOne {
        width: 250px;
        left: 0;
        margin: 0;
        top: auto;
    }
    .aboutTwo {
        width: 350px;
    }
    .customerSec .swiper-button-next,
    .customerSec .swiper-button-prev {
        top: auto;
        bottom: 1rem;
    }
    .customerSec .swiper-button-prev {
        right: 50%;
    }
    .customerSec .swiper-button-next {
        right: 35%;
    }
    .serviceBox {
        width: 100%;
    }
    .slideOne h1 {
        font-size: 2rem;
    }
    .main-slider {
        height: 350px;
        background: url("../images/mbl-banner.png") no-repeat center / cover;
    }
    .navbar-brand {
        width: 100px;
    }
    .secHeading {
        font-size: 1.75rem;
    }
    .aboutSec {
        padding: 3rem 0 2rem 0;
    }
    .aboutContent ul {
        margin-bottom: 1rem;
    }
    .serviceBox figure img {
        width: 40px;
    }
    .serviceBox figure {
        width: 110px;
    }
     :is(.serviceSec, .customerSec) {
        padding: 2rem 0;
    }
    .customerSec .swiper-button-next,
    .customerSec .swiper-button-prev {
        display: none;
    }
    .quotes img {
        width: 30px;
    }
    .quotesTwo {
        bottom: -1rem;
        right: 2rem;
    }
    .customerSlider {
        padding: 2rem 0 1rem 0;
    }
    .quickBox {
        width: 100px;
    }
    footer {
        padding-top: 2rem;
    }
    .quickSec {
        padding: 2rem 0;
    }
    .servicesInner__img {
        width: 100px;
    }
    .servicesInner__content h3 {
        font-size: 1.5rem;
    }
    .servicesInner__content p {
        margin-bottom: 0.5rem;
    }
    .servicesInner {
        padding: 5rem 0 2rem 0 !important;
    }
    .tracking__list {
        padding: 1rem 1rem;
    }
    .tracking {
        padding: 5rem 0 2rem;
    }
    .tracking-bar {
        height: 8px;
    }
    .tracking-bar .step .circle {
        width: 28px;
    }
    .tracking-card--header .text-right {
        text-align: left !important;
        margin-top: 10px;
    }
    .traking-details figure figcaption {
        font-size: 1.125rem;
    }
    .order-tracking-section {
        padding-top: 5rem;
    }
    .tracking-card {
        padding: 1rem 0rem 2rem;
    }
    .tracking-card--header {
        flex-direction: column;
        margin-bottom: 2rem;
    }
    .privacyContent h3 {
        font-size: 1.5rem;
    }
    .aboutContent ul li a {
        font-size: 1.125rem;
    }
    .contactLinks,
    .socialLinks {
        display: flex;
        align-items: flex-start;
        gap: 2rem 3rem;
        flex-wrap: wrap;
    }
    .contactLinks li+li,
    .socialLinks li+li {
        margin: 0;
    }
}

@media (max-width: 440.98px) {
    .preLoader .counter {
        font-size: 6rem;
    }
    .preLoader .line {
        top: 92%;
    }
    .main-slider {
        height: 250px;
        background: url(../images/mbl-banner.png) no-repeat 40% 100% / cover;
    }
    .aboutOne {
        width: 150px;
    }
    .aboutTwo {
        width: 300px;
    }
    .slideOne h1 {
        font-size: 1.75rem;
    }
    .contactLinks,
    .socialLinks {        
        gap: 2rem;        
    }
}

@media (max-width: 320.98px) {}