@media screen and (min-width: 768px) {
    .fo-details-wrap .img-wrap {
        max-width: 100%;
        padding-top: 133%;
    }
    .fo-delivery-data.fo-more-detaild-data .fo-details-wrap {
        grid-template-columns: repeat(3, 1fr);
    }
}


@media screen and (min-width: 1025px) {
    :root {
        --sec_space: 65px;
    }
    .main-wrapper {
        background-color: var(--gray-50);
    }
    .hide-in-mobile{
        display: block;
    }

    .hide-in-desktop{
        display: none;
    }

    .fo-inner-box>*+*,
    .fo-col>*+*,
    .fo-tracking-sec .inner-wrap>*+* {
        margin-top: 18px;
    }
    .fo-input-field + * {
        margin-top: 16px;
    }
    header {
        padding-top: 28px;
        padding-bottom: 0;
        box-shadow: 0px 20px 45px 0px rgba(0, 0, 0, 0.05);
        border-bottom: 2px solid var(--gray-200);
        border-radius: 0 0 12px 12px;
        overflow: hidden;
    }

    header .fo-sitelogo {
        max-width: 208px;
    }

    header .fo-logo-text {
        display: block;
    }

    header .drop-down .selected a {
        width: 39px;
        height: 39px;
        font-size: 18px;
    }
    .fo-language-picker .fo-btn {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .fo-bottom-header-row {
        background-color: var(--white);
        box-shadow: 0px 20px 45px 0px rgba(0, 0, 0, 0.05);
    }



    .fo-search-field {
        border: 1px solid var(--white);
        background-color: var(--white);
        border-bottom: 1px solid var(--gray-500);
        border-radius: 0;
        padding-inline: 0;
        align-items: center;
    }

    .fo-input-field textarea,
    .fo-input-field input {
        color: var(--brandPrimary);
    }

    .fo-input-label {
        font-size: 18px;
    }

    .fo-search-field.fo-input-field input::placeholder, ::placeholder {
        color: var(--brandPrimary);
    }



    .fobtn-search {
        background-color: var(--brandPrimary);
    }

    .fobtn-search:hover {
        background-color: var(--btn-bg);
    }

    .fobtn-search img {
        filter: brightness(0) invert(1);
    }

    .fo-search-field.fo-input-field input {
        background-image: url("../images/icons/package-search-primary.svg");
        padding: 0 6px 0 70px;
        min-height: 60px;
        background-size: 58px;
        background-position-y: 3px;
        color: var(--brandPrimary);
    }


    .negative-space{
        margin-top: 0px;
    }
    .fo-tracking-sec {
        padding-top: var(--sec_space);
    }
    

    .fo-tracking-sec .inner-wrap {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        position: relative;
        overflow: hidden;
        gap: 54px;
    }
    .fo-tracking-sec .inner-wrap::before {
        content: '';
        position: absolute;
        top: 213px;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/sec-bg.png");
        background-size: contain;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .fo-tracking-sec .fo-col {
        width: 100%;
        flex: 1;
    }

    .fo-tracking-wrapper .fo-tracker-name {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .fo-tracking-wrapper {
        background-color: var(--white);
        border-radius: unset;
        padding: 16px 0;
        border: none;
    }

    .fo-tracking-sec .fo-col-left {
        box-shadow: 2.606px 5.213px 65.162px 7.819px rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        background-color: var(--white);
        padding: 16px;
        margin-top: 0;
    }

    .fo-inner-box {
        padding: 24px;
        border-radius: 12px;
        border-color: var(--gray-100);
    }

    .fo-tracking-wrapper .tracking-icon {
        width: 60px;
        height: 60px;
    }

    .progress-path .progress-Icon-Box::after {
        right: -29px;
        width: 56px;
        height: 56px;
    }

    .progress-path {
        bottom: calc(30px - 3px);
        height: 6px;
    }

    .fo-service-delays {
        padding: 24px;
    }

    .fo-borderBox .box-head {
        font-size: 21px;
    }

    .fo-service-delays p {
        font-size: 16px;
    }

    .fo-out-delivery p {
        font-size: 20px;
    }

    .fo-toggle-switch.fo-icon-text-box .fo-icon-text-wrap, .fo-text-link-box .fo-icon-text, .fo-icon-text-wrap {
        font-size: 20px;
    }

    .fo-warning-box .fo-borderBox,
    .fo-icon-text-box.fo-borderBox {
        padding-inline: 24px;
    }

    .fo-estimated-delivery .fo-box-head {
        padding: 15px 24px;
    }

    .fo-estimated-delivery .fo-icon {
        width: 58px;
        margin-right: 12px;
    }

    .fo-estimated-delivery .fo-icon-text {
        font-size: 18px;
        width: calc(100% - 70px);
    }

    .fo-estimated-wrap {
        padding: 28px 24px;
    }

    .fo-estimated-info h2 {
        color: var(--gray-600);
        font-size: 18px;
        margin-bottom: 9px;
    }

    .fo-estimated-info p {
        font-size: 24px;
    }

    .fo-estimated-info {
        max-width: calc(100% - 68px);
    }

    .fo-estimated-wrap .fo-calender-Icon {
        width: 60px;
        height: 60px;
    }

    .fo-tracking-wrapper .tracking-icon img {
        width: 38px;
        height: 30px;
    }

    .fo-add-preferences .icon {
        width: 32px;
        height: 32px;
    }

    .fo-add-preferences .fo-icon-text {
        max-width: calc(100% - 50px);
    }

    .fo-add-preferences a {
        padding: 15px 24px;
        font-size: 20px;
    }

    .fo-address-accordion.fo-accordion-wrapper .fo-accordion-link,
    .fo-accordion-wrapper .fo-accordion-link {
        padding: 18px 24px;
        font-size: 21px;
    }
    .fo-icon-text.has-icon::before {
        width: 22px;
        height: 22px;
    }
    .fo-address-accordion li p, .fo-address-accordion li {
        font-size: 16px;
    }
    .fo-accordion-nested-link .fo-icon-text,
    .fo-accordion-link .fo-icon-text {
        max-width: calc(100% - 38px);
    }

    .fo-accordion-nested-link .icon,
    .fo-accordion-link .icon {
        width: 30px;
        height: 30px;
    }

    .fo-track-status .fo-sub-status,
    .fo-accordion-container .fo-month p,
    .fo-accordion-container .fo-time p {
        font-size: 15px;
    }

    .fo-track-status .fo-status-title {
        font-size: 17px;
    }

    .fo-traking-history .fo-accordion-container ul li {
        padding-block: 37px;
    }

    .fo-more-detaild-data .title-head h3.title {
        font-size: 18px;
    }

    .fo-more-details .fo-accordion-container .fo-accordion-inner {
        padding: 20px;
    }

    .fo-details-wrap {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    /* .fo-details-wrap .img-wrap {
        max-width: 36%;
    } */
    .fo-delivery-data.fo-more-detaild-data .fo-details-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    /* .fo-details-wrap .img-wrap+* {
        margin-top: unset;
        margin-left: 10px;
    } */

    .fo-more-detaild-data .fo-date-time-wrap .title-head h3.title {
        font-size: 14px;
    }

    .map-wrap {
        border-radius: 8px;
        width: 100%;
    }

    .fo-col.fo-right-col {
        margin-top: 0;
    }


    .fo-contect-us a {
        padding: 15px 24px;
        font-size: 20px;
    }

    .fo-contect-us a .fo-icon-text {
        max-width: calc(100% - 58px);
    }

    .fo-contect-us a .icon {
        width: 50px;
        height: 50px;
    }

    .fo-accordion-nested-link {
        font-size: 18px;
    }

    .fo-accordion-nested-inner p {
        font-size: 16px;
    }

    .fo-accordion-container .fo-accordion-inner {
        padding: 24px;
    }

    

    .fo-accordion-wrapper {
        background-color: rgba(255,255,255,0.5);
    }
    
    .fo-rating {
        font-size: 32px;
    }

    .fo-review-box {
        padding: 32px;
    }

    .fo-tooltip {
        width: 22px;
        height: 22px;
        top: 6px;
    }

    .progress-path .progress-Icon-Box::before {
        top: 0px;
        width: 24px;
        height: 24px;
    }
    .progress-path:not(.progress-IconBox-wrap) .progress-thumb::after {
        right: -22px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 18px solid var(--brandPrimary);
    }

    .comm-first-info-box {
        margin-bottom: var(--sec_space);
        padding: 24px;
    }

    .fo-trak-info-desc .fo-icon {
        width: 70px;
        height: 70px;
    }
    .fo-trak-info-desc p {
        font-size: 24px;
    }

    .fo-notice-info .fo-title h2 {
        font-size: 18px;
    }
    .fo-notice-desc p {
        font-size: 16px;
    }


    .fo-accordion-container .fo-date-month {
        width: 120px;
        min-width: 120px;
        max-width: 120px;
    }
    .fo-traking-history .fo-accordion-container ul li::after {
        left: 120px;
        width: 16px;
        height: 22px;
    }
    .fo-traking-history .fo-accordion-container ul::after {
        left: 128px;
    }
    .fo-accordion-container li:last-child .fo-track-status::before {
        left: 4px;
    }

    /* REVIEW PAGE CSS START */
.fo-review-sec .fo-col {
	max-width: 557px;
	width: 100%;
	margin: 0 auto;
}

.inner-wrap.fo-review-sec {
	flex-direction: column;
}
.inner-wrap.fo-review-sec::before {
	background-image: url(../images/g12_1.png);
	top: 0;
	left: 0;
	right: 0;
	width: 640px;
	height: 505px;
	margin: auto;
}
.fo-start-wrap .fo-inner-box {
	padding: 13px;
}
.fo-inner-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.fo-start-wrap .fo-borderBox {
	padding: 12px 14px;
}
.fo-inner-wrap > div {
	font-size: 12px;
	font-weight: 500;
	line-height: 150%;
	color: #000;
}

.fo-inner-wrap > div.fo-user-name {
	font-size: 16px;
}
.fo-inner-wrap > div.fo-user-address {
	max-width: 169px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
 

.fo-star-sec {
	max-width: 445px;
	width: 100%;
	margin: 0 auto;
    text-align: center;
}



.star.selected svg path {
	fill: #FFD700;
}
.fo-col.fo-start-wrap {
	padding: 24px;
}
    /* REVIEW PAGE CSS END */


     /* STEPS FORM CSS STAND */
     .main {
	background-color: #EBF5FF;
}
      /* STEPS FORM CSS END */
}

@media screen and (min-width: 1440px) {
    .fo-estimated-info p {
        font-size: 30px;
    }
}

@media screen and (max-width:1200px) {
    .fo-review-step-wrap {
	padding-top: 40px;
    padding-bottom: 60px;
}
.google-review-prompt {
	margin: 90px auto 0;
}
}

@media screen and (max-width: 1024px) {
    .fo-borderBox.fo-inner-box {
        border: none;
        border-radius: unset;
    }
    .fo-review-steps-form {
	margin: 32px auto 0;
	padding: 50px;
}
.progressbar {
	padding: 0 0 22px 0;
}
.fo-star-sec h2, .fo-review-steps-form h2 {
	font-size: 18px;
}


.fo-steps-btn {
	font-size: 16px;
}

.question textarea {
	font-size: 16px;
}
.fo-review-steps-form .thank-y-u-top h2 {
	font-size: 30px;
}
.google-review-prompt {
	margin: 70px auto 0;
}

}
@media screen and (max-width:767px) {
    .brand-logo {
	max-width: 210px;
}
.fo-review-steps-form {
	margin: 42px auto 0;
	padding: 30px;
	min-height: 535px;
}
.fo-accordion-inner .options .option {
    max-width: calc(100%/3 - 14px);
}
.fo-accordion-inner .options .option-wrap {
    width: 100%;
}
.progressbar {
	padding: 0 0 32px 0;
}
 .fo-review-steps-form h2 {
	margin-bottom: 36px;
}
.star svg {
	width: 33px;
}
    .nps-btn {
	margin-bottom: 18px;
}
.fo-feedback-cols {
	grid-template-columns: 90px 90px 90px;
	grid-template-rows: auto;
    justify-content: center;
}
.fo-feedback-cols .feedback-btn {
	
	margin-bottom: 12px;
}
.fo-btn-wrap {
	right: 0;
	gap: 32px;
	justify-content: center;
	left: auto;
}
.email-section label {
	font-size: 12px;
}
.email-section label span::before {
	
	margin-right: 8px;
}
.question textarea {
	height: 60px;
	font-size: 14px;
}
.email-section input[type="email"]::placeholder {
	font-size: 14px;
}
.email-section input[type="email"] {
	padding: 11px 14px;
	font-size: 14px;
}
.fo-review-steps-form .thank-y-u-top h2 {
	font-size: 24px;
}
.fo-review-steps-form.thank-you-review .thank-you-wrap {
	
	padding: 20px 30px;
}
.thank-y-u-top p {
	font-size: 16px;
}
.google-review-prompt {
	margin: 32px auto 0;
	min-height: 382px;
}
.google-review-prompt p.google-bold {
	font-size: 16px;
}
.fo-review-main {
	padding-bottom: 75px;
}

.fo-col.fo-start-wrap {
	padding: 0;
}
.fo-star-sec h2, .fo-review-steps-form h2 {
	
	margin-bottom: 37px;
}
}