@media (min-width: 1200px) {
    .reseller-form{
        width: 100%;
        height: 80vh;
        border: none;
    }
    .header-text{
        position: absolute;
        top: 50%;
        left: 40%;
        transform: translate(40%, -50%);
    }
    .header-text-map{
        position: absolute;
        top: 50%;
        left: 40%;
        transform: translate(40%, -50%);
        
        font-size: .7em !important;
        font-weight: 800;
        line-height: 0;
    }
    .header-md, .header-sm{
        display: none;
    }
}

@media (min-width: 1024px) {
    .header-text{
        position: absolute;
        top: 50%;
        left: 40%;
        transform: translate(40%, -50%);
    }
    .header-text-map{
        position: absolute;
        top: 50%;
        left: 40%;
        transform: translate(40%, -50%);
        
        font-size: .7em !important;
        font-weight: 800;
        line-height: 0;
    }
    .image-first{
        height: 35em;
        width: 100%;
    }
    .header-md, .header-sm{
        display: none;
    }
    .form-img{
        height: 100% !important;
    }
}

@media (max-width: 991px) {
    .values-img {
        width: 10rem !important;
        height: 8rem !important;
    }
    h1{
        font-size: 1.5rem;
    }
    .new-banner{
        height: 40vh;
    }
    .reseller-form{
        width: 100%;
        height: 50vh !important;
        border: none;
    }
    .jarallax-content-bottom{
        width: 90% !important;
    }
    .custom-container{
        padding: 0 20px;
    }
    .header-text{
        position: absolute;
        top: 50% !important;
        left: 20% !important;
        transform: translate(20%, -50%) !important;
    }
    .header-text-map{
        position: absolute;
        top: 50% !important;
        left: 20% !important;
        right: 0 !important;
        transform: translate(20%, -50%) !important;
        
        
        font-size: .7em !important;
        font-weight: 800;
        line-height: 0;
    }
    .parallax-map-md{
        display: flex !important;
    }
    .parallax-map-lg, .parallax-map-sm{
        display: none !important;
    }
    .sec-2{
        height: 19em;
    }
    .illustration-svg{
        height: 7em;
        width: auto;
    }
    .yt-vid{
        margin-top: .5em !important;
        height: 20em;
        width: 30em;
    }
    .map{
        height: 20em;
    }
    info-box-2{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .image-first{
        height: 100% !important;
        width: 100% !important;
    }
    .icon-first{
        height: 25px;
    }
    .new-header-img{
        height: 32vh;
        width: 100%;
        background: none;
        box-shadow:  15px 15px 39px #bababa, -15px -15px 39px #ffffff;
    }
    .top-menu-wrapper {    min-height: 140px}

    .header-lg, .header-sm{
        display: none;
    }
    .header-md{
        display: flex;
    }
    .top-label{
        font-size: 12px;
        margin-bottom: .7em;
    }
    .review-lg{
        display: none !important;
    }
    .review-md{
        display: flex !important;
    }
    .review-img{
        height: 50% !important;
    }
    .bubble {
        position: relative !important;
        display: block;
        margin-bottom: 2em;
    }
    .bubble:after {
        display: block;
    }
    .middle-text{
        width: 100%;
        padding: 5px;
    }

    .image-turnaround{
        height: 15em;
        width: auto;
    }
    .text-and-img{
        display: block;
        margin-right: auto;
        margin-left: auto;
        object-position: center;
        object-fit: cover;
        height: 25em;
        width: 20em;
        box-shadow: 8px 4px 16.8px 0px rgba(0, 0, 0, 0.25);
    }
    .p-16{
        font-size: 12px !important;
    }
    .seemore-text{
        font-size: 10px !important;
    }
    .learnmore-2{
        font-size: 12px !important;
    }
}

@media (max-width: 820px) {
    .values-img {
        width: 10rem !important;
        height: 8rem !important;
    }
    h1{
        font-size: 1.5rem;
    }
    .step-icon{
        width: 3rem !important;
    }
    .banner-interactive{
        height: 100vh !important;
    }
    .checked{
        font-size: 12px !important;
    }
    .new-banner{
        height: 40vh;
    }
    .reseller-form{
        width: 100%;
        height: 70vh !important;
        border: none;
    }
    .jarallax-content-bottom{
        width: 90% !important;
    }
    .custom-container{
        padding: 0 20px;
    }
    .review-img{
        height: 50% !important;
    }
    .p-16{
        font-size: 12px !important;
    }
    .seemore-text{
        font-size: 10px !important;
    }
    .learnmore-2{
        font-size: 12px !important;
    }
}

@media (max-width: 768px) {
    .values-img {
        width: 10rem !important;
        height: 8rem !important;
    }
    h1{
        font-size: 1.5rem;
    }
    .new-container-custom-container{
        padding: 60px 10px !important;
    }
    .reseller-form{
        width: 100%;
        height: 70vh !important;
        border: none;
    }
    .jarallax-content-bottom{
        width: 90% !important;
    }
    p-16{
        font-size: 12px !important;
    }
    .seemore-text{
        font-size: 10px !important;
    }
    .learnmore-2{
        font-size: 12px !important;
    }
    .header-text{
        position: absolute;
        top: 50% !important;
        left: 20% !important;
        transform: translate(20%, -50%) !important;
    }
    .header-text-map{
        position: absolute;
        top: 50% !important;
        left: 20% !important;
        right: 0 !important;
        transform: translate(20%, -50%) !important;
        
        
        font-size: .7em !important;
        font-weight: 800;
        line-height: 0;
    }
    .parallax-map-md{
        display: flex !important;
    }
    .parallax-map-lg, .parallax-map-sm{
        display: none !important;
    }
    .sec-2{
        height: 19em;
    }
    .illustration-svg{
        height: 7em;
        width: auto;
    }
    .yt-vid{
        margin-top: .5em !important;
        height: 20em;
        width: 30em;
    }
    .map{
        height: 20em;
    }
    info-box-2{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .image-first{
        height: 100% !important;
        width: 100% !important;
    }
    .icon-first{
        height: 25px;
    }
    .top-menu-wrapper {    min-height: 140px}

    .header-lg, .header-sm{
        display: none;
    }
    .header-md{
        display: flex;
    }
    .top-label{
        font-size: 12px;
        margin-bottom: .7em;
    }
    .review-lg{
        display: none !important;
    }
    .review-md{
        display: flex !important;
    }
    .review-img{
        height: 50% !important;
    }
    .bubble {
        position: relative !important;
        display: block;
        margin-bottom: 2em;
    }
    .bubble:after {
        display: block;
    }
    .middle-text{
        width: 100%;
        padding: 5px;
    }

    .image-turnaround{
        height: 15em;
        width: auto;
    }
    .text-and-img{
        display: block;
        margin-right: auto;
        margin-left: auto;
        object-position: center;
        object-fit: cover;
        height: 25em;
        width: 20em;
        box-shadow: 8px 4px 16.8px 0px rgba(0, 0, 0, 0.25);
    }
}

@media (max-width: 575px) {
    .values-img {
        width: 10rem !important;
        height: 8rem !important;
    }
    h1{
        font-size: 1.5rem;
    }
    .new-container-custom-container{
        padding: 60px 10px !important;
    }
    .new-banner{
        height: 40vh;
    }
    .reseller-form{
        width: 100%;
        height: 80vh !important;
        border: none;
    }
    .jarallax-content-bottom{
        width: 90% !important;
    }
    p-16{
        font-size: 12px !important;
    }
    .seemore-text{
        font-size: 10px !important;
    }
    .learnmore-2{
        font-size: 12px !important;
    }
    .header-lg, .header-md{
	display: none;
    }
    .header-sm{
        display: flex;
    }
    .top-label{
        font-size: 13px;
        margin-bottom: 1em;
    }
    .shipping-partners{
        width: auto;
        height: 3em;
    }
    .image-turnaround{
        height: 13em;
        width: auto;
    }
    .image-map-2{
        height: 18em;
        width: auto;
        object-fit: cover;
        object-position: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .header-sample{
        display: none !important;
    }
    .custom-container{
        padding: 0 15px !important;
    }
    .header-cover-text-1-1{
        font-size: 1.1em !important;
    }
    .parallax-map-sm{
        display: flex !important;
    }
    .parallax-map-md, .parallax-map-lg{
        display: none !important;
    }
    .map-img{
        height: 12em;
        width: 100%;
    }
    .header-lg{
        display: none;
    }
    .header-sm{
        display: flex;
        .header{
            height: 100%;
            width: 100%;
        }
    }
    .sec-2{
        height: 21em;
    }
    .illustration-svg{
        height: 10em;
        width: auto;
    }
    .map{
        height: 10em;
    }
    .image-first{
        height: 15em !important;
        width: 100% !important;
    }
    .info-box-2{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .icon-first{
        height: 20px;
    }
    .header-cover-text-1-1{
        font-size: 1.2em !important;
        font-weight: 800;
        line-height: 0;
    }
    .header-cover-text-2-2{
        font-size: 1.5em !important;
        font-weight: 900;
        line-height: 1;
        /*letter-spacing: 2px;*/
    }
    .review-img{
        height: 50% !important;
    }
}

@media (max-width: 375px) {
    .values-img {
        width: 10rem !important;
        height: 8rem !important;
    }
    h1{
        font-size: 1.5rem;
    }
    .reseller-form{
        width: 100%;
        height: 100vh !important;
        border: none;
    }
}