@media (max-width: 280px) { /* smartphones, iPhone, portrait 480x320 phones */
}

@media (max-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */

}

@media (max-width:991px) {
    #header .header-top.header-top-style-4 {
        display: none;
    }
}

@media (max-width:845px) {
    #header .header-top.header-top-style-4 {
        display: none;
    }
    .mobile-display-none-career {
        display: none;
    }
}

@media (max-width:767px) {
    .mobile-display-none {
        display: none;
    }
    .footer-copyright .container {
        text-align: center;
        padding-bottom: 4px;
    }
    #footer .footer-copyright nav {
        text-align: center;
    }
    /*#region Header Banner */
    #company-top-banner {
        background-image: url(../../img/about/About-Us---Banner-Background.jpg);
        background-position: left center;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }
    section#helpdesk-info {
        text-align: center;
    }
    .mobile-p-5 {
        padding: 1.5rem !important;
    }
    .mobile-p-4 {
        padding: 1rem !important;
    }
}

@media (max-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    .m-w-100 {
        width: 100% !important;
    }
    .mobile-w-100 {
        width: 100%;
    }
    .mobile-w-80 {
        width: 80%;
    }

    /*#region Mobile margin */
    .mobile-m-0 {
        margin: 0px;
    }
    .mobile-m-10 {
        margin: 10px;
    }
    .mobile-m-t-0 {
        margin-top: 0px;
    }
    .mobile-m-t-5 {
        margin-top: 5px;
    }
    .mobile-m-t-10 {
        margin-top: 10px;
    }
    .mobile-m-t-20 {
        margin-top: 20px;
    }
    .mobile-m-t-30 {
        margin-top: 30px;
    }
    .mobile-m-t-40 {
        margin-top: 40px;
    }
    .mobile-m-t-50 {
        margin-top: 50px;
    }
    .mobile-m-rl-10 {
        margin: 0px 10px;
    }
    .mobile-m-b-10 {
        margin-bottom: 10px;
    }
    .mobile-m-b-20 {
        margin-bottom: 20px;
    }
    .mobile-m-b-50 {
        margin-bottom: 50px;
    }
/*#endregion*/

/*#region Mobile Padding */
    .mobile-p-t-0 {
        padding-top: 0px;
    }
    .mobile-p-t-10 {
        padding-top:10px;
    }
    .mobile-p-t-30 {
        padding-top: 30px;
    }
    .mobile-p-b-30 {
        padding-bottom: 30px;
    }
    .mobile-p-rl-10 {
        padding: 0px 10px;
    }
    .mobile-p-rl-20 {
        padding: 0px 20px;
    }
    .mobile-p-0 {
        padding:0;
    }
    .mobile-p-10 {
        padding: 20px;
    }
    .mobile-p-20 {
        padding: 20px;
    }
    .mobile-p-30 {
        padding: 30px;
    }
    .mobile-p-50 {
        padding: 50px;
    }
/*#endregion*/

    .mobile-order-1 {
        order:1;
    }
    .mobile-order-2 {
       order:2;
    }
    .mobile-text-align-center {
        text-align:center !important;
    }
    .mobile-border-0{
        border:0;
    }
    .content-center {
        min-height:630px;
    }

    #footer-ampm-logo{
        width:100px;
    }
    .workorder-process-purple-box-wrapper .number-img {
        width:45px;
    }
    .workorder-process-purple-box-wrapper > .blue-triangle-img {
        width: 40px;
    }

    .workorder-process-purple-box-wrapper > .white-triangle-img {
        width: 45px;
    }

    #solum-scroll-down-wrapper {
        display: none;
    }

    #go-report-wrapper .left h3 {
        margin-bottom: 0;
        font-size: 1.5em;
        font-weight: 800;
    }
}

.h-middle {
    transition: .5s ease;
    opacity: 1;
    position: absolute;
    top: 38%;
    margin: 0 40px;
    left: 0;
    text-align: left;
    color: #000;
    font-size: 0.85rem;
}

.h-middle2 {
    transition: .5s ease;
    opacity: 1;
    position: absolute;
    bottom: 10%;
    margin: 0 40px;
    left: 0;
    text-align: left;
    color: #000;
    font-size: 0.85rem;
}

.h-middle2 i {
    color: #555;
}

@media (max-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
    .wt-img-effect h2{
        font-size:15px;
    }
}

@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */
    .tablet-p-b-0 {
        padding-bottom: 0;
    }
}

@media (max-width:1281px) { /* hi-res laptops and desktops */
    .mobile-display-none {
        display: none;
    }
    #HomePageBanner .top-banner-description-box {
        width: 90% !important;
        margin: auto;

    }
    .review-padding {
        padding-left: 60px !important;
    }
}


@media (min-width:100px) { /* smartphones, iPhone, portrait 480x320 phones */
    #box-chart, #box-customers, #box-experience, #box-offices {
        display: none;
    }
    #banner-grow-your-business {
        background: #1a2b6d;
    }
    .footer-copyright .container {
        padding-bottom: 4px;
    }
    #HomePageBanner #top-banner-content {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .owl-review .owl-item {
        padding: 0.5rem;
    }
    .software-solutions-slider {
        position: relative;
        width: 100%;
        padding-top: 250px;
        padding-bottom: 80px;
    }
    html.sticky-header-active #header .header-body {
        position: fixed;
        border-bottom-color: #e9e9e9;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        border-bottom: none;
        width: 100%;
    }
    .owl-review .owl-nav {
        margin-left: 3rem;
    }
    #video-slider {
        position: relative;
        width: 90%;
        height: 40vw;
        margin: 0px auto;
        font-family: 'Helvetica Neue', sans-serif;
        perspective: 1400px;
        transform-style: preserve-3d;
    }
    .flexrow.row-7-el > .element {
        flex: 0 1 calc(100%/4);
        max-width: calc(100%/4);
        padding: 10px;
        margin: auto;
    }

    .flexrow.row-8-el > .element {
        flex: 0 1 calc(100%/4);
        max-width: calc(100%/4);
        padding: 10px;
        margin: auto;
    }
    #HomePageBanner #top-banner-content {
        padding-top: 50px;
    }
    .section-padding {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .features-padding {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .web-padding-testimoneial {
        padding: 5%;
        min-height: 460px;
    }
    #HomePageBanner #top-banner-content h1 {
        text-align: inherit;
        line-height: 1.3;
        border-width: 0px;
        margin-top: 15px;
        padding: 0px;
        letter-spacing: -1px;
        font-weight: 800;
        font-size: 2rem;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
    }

    .timeline:before {
        display: nnone;
    }
    #timeline-reversed-triangle {
        display: none;
    }

    .entries {
        max-width: 1000px;
        margin: auto;
        position: relative;
        left: -5px;
    }

    .entry {
        width: calc(100%);
        float: left;
        padding: 10px 10px 0px 20px;
        clear: both;
        text-align: right;
    }

    .entry:first-child {
        padding-top: 0px;
    }

    .entry:nth-child(1n) {
        text-align: left;
        float: right;
    }

    .entry:nth-child(2n) {
        float: left;
    }

    .entries .entry:nth-child(2n) .title:before {
        left: 477px;
    }

    #about-ampm-section-3 .time-line-container {
        margin-top: 50px;
        height: 100%;
        position: relative;
    }

    #about-ampm-section-3 .us-container-h {
        min-height: 1900px;
    }

    #about-ampm-section-3 .ca-container-h {
        min-height: 2000px;
    }

    .entry .title {
        font-size: 29px;
    }

    #our-people-right-div {
        width: 100%;
        padding:10px;
    }
    .about-ampm-section-2-second-div strong {
        font-weight: 900;
        font-size: 1.8rem;
    }
    .about-ampm-section-2-second-div p {
        font-weight: 600;
        line-height: 100%;
        font-size: 15px;
    }

    .possolution-banner h1 {
        font-size: 2.2em;
        font-weight: 800;
        line-height: 1.2;
    }

    .possolution-banner p {
        margin-top: 5px;
    }

    .possolution-restaurant-banner-letter {
        position: absolute;
        top: 5%;
        max-width: 85%;
        left: 10%;
        padding: 5px;
    }

/*#region Homepage  */
    #HomePageBanner {
        position: relative;
        width: 100%;
        min-height: 400px;
        background-color: #0D1B55;
        background-size: cover;
        background-position: bottom left;
    }

    #HomePageBanner .top-banner-description-box {
        float: none;
        width: 100%;
    }

    #HomePageBanner #top-banner-content .top-label {
        color: white;
        line-height: 18px;
        border-width: 0px 0px 2px;
        margin: 0px;
        padding: 5px 40px 10px 5px;
        letter-spacing: 0px;
        font-weight: 300;
        font-size: 19px;
    }

    #HomePageBanner #top-banner-content .top-banner-description {
        color: white;
        line-height: 20px;
        border-width: 0px;
        margin: 0px;
        padding: 0px;
        letter-spacing: 0px;
        font-weight: 300;
        font-size: 15px;
    }

    #HomePageBanner #top-banner-bg {
        width: 100vw;
    }
/*#endregion*/

/*#region AM/PM Compnay */  
    .about-ampm-banner-letter {
        position: absolute;
        top: 10%;
        max-width: 85%;
        left: 10%;
        padding: 5px;
    }

    #about-ampm-section-1 h2 {
        font-size: 1.6em;
        line-height: 28px;
    }
/*#endregion*/

/*#region Grocery */
    .possolution-grocery-banner-letter {
        position: absolute;
        top: 15%;
        max-width: 85%;
        left: 10%;
        padding: 5px;
    }
    .possolutions-header-box {
        background-position: left center;
        height:65vh;
    }
    .printer-header-box {
        background-position: left center;
        height: 75vh;
    }
/*#endregion*/

/*#region Retail */

    .possolution-retail-banner-letter {
        position: absolute;
        top: 5%;
        max-width: 80%;
        left: 10%;
        padding: 5px;
    }
/*#endregion*/

/*#region Restaurant */
 
/*#endregion*/

/*#region Storedynamic */
 
    .storedynamic-banner-letter {
        position: absolute;
        top: 8%;
        max-width: 80%;
        left: 10%;
        padding: 5px;
    }
    #store-dynamic-price-bubble {
        position: absolute;
        right: 0%;
        width: 45%;
        z-index: 1000;
        bottom: -10%;
    }
    .feature-box img {
        width: 50%;
    }
    #storedynamic-price-section .price-chart h4 {
        font-size: 1.3em;
    }
    .kiosk-button-container {
        min-height: 150px;
    }
    .team-content {
        background-color: white;
        padding: 5px 5px;
    }

    .ampm-feature-box img{
        width:55%;
    }
    /*#endregion*/

/*#region LOCSMS */
   

    #storedynamic-contactus {
        background-position: left top;
    }
    #locsms-contactus {
        background-position: left top;
    }
    #operational-success-section .right .container img {
        padding: 10px 40px 20px 40px;
    }

    #operational-success-section .right .container {
        padding: 10px
    }

    #restaurant-header-box {
        background-image: url(../../img/pos-solutions/Restaurant-Solutions---Banner-Background.jpg);
        width: 100%;
        background-size: cover;
        background-position: left center;
        background-repeat: no-repeat;
    }

/*#endregion*/

/*#region POSitouch */
    #positouch-header-box {
        background-image: url(../../img/services/POSiTouch---Banner.jpg);
        width: 100%;
        background-size: cover;
        background-position: left center;
        background-repeat: no-repeat;
    }
/*#endregion*/

/*#region hardware */
    #hardware-header-box {
        background-image: url(../../img/banner/Hardware---Banner-Background.jpg);
        background-position: left center;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }
/*#endregion*/

/*#region Service */
    #service-header-box {
        background-image: url(../../img/banner/service-banner.jpg);
        background-position: left center;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }
/*#endregion*/

/*#region Service */
    #acronis-header-box {
        background-color: #1b2c6e;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }
/*#endregion*/

    #helpdesk-callcenter-box {
        background-image: url('../../img/services/CallCentre-Help-Desk-Banner.jpg');
        background-position: left center;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }

/*#region guardian Service */
    #ampm-guardian-header-box {
        background-image: url('../../img/services/AMPM Service Website - AMPM Guardian - Banner.png');
        background-position: left center;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .guardian-banner-letter {
        position: absolute;
        top: 5%;
        max-width: 80%;
        left: 10%;
        padding: 5px;
    }
/*#endregion*/

/*#region Contact US */
    #contactus-form-box .contactus-form-left {
        background-color: #1a2b6d;
        color: white;
        padding: 30px 20px;
        margin: 0px 15px;
        border-radius: 5px
    }
/*#endregion*/

/*#region Career */
.career-banner {
    position: relative;
    background-image: url(../../img/careers/Careers-Banner.jpg);
    background-position: left center;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.careers-banner-letter {
    top: 15%;
    max-width: 100%;
    padding: 10% 5%;
}

.careers-banner-letter h1 {
    font-size: 3.8em;
    font-weight: 800;
    line-height: 50px;
    color: white;
}
/*#endregion*/

    .thankyou-sections p {
        width: 100%;
    }

/*#region Software */
    #software-header-box {
        position: relative;
        color: #ffffff;
        background-image: url('../../img/banner/software-banner-2.jpg');
        background-position: left center;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }

   
/*#endregion*/

/*#region Software thankyou*/
    .software-thankyou-banner-letter {
        position: absolute;
        top: 10%;
        max-width: 100%;
        left: 0%;
        margin: auto;
        padding: 5px;
        z-index:500;
    }

    .software-thankyou-banner {
        background-image: url('../img/banner/software-thankyou-bg.jpg');
        background-repeat: no-repeat;
        background-position: center center;
        width: 100%;
        position: relative;
    }

    .software-thankyou-banner img {
        position: absolute;
        bottom: 0;
        width: 90%;
        left: 50%;
        transform: translate(-50%,0);
        z-index: 100;
    }
    /*#endregion*/

    .resource-banner-letter {
        position: absolute;
        top: 8%;
        max-width: 80%;
        left: 10%;
        padding: 5px;
    }

    #resources-header-box {
        background-position: left center;
        height: 65vh;
    }
    /*#region solum */
    #solum-scroll-down-wrapper h2 {
        font-size: 2.1em;
        line-height: 35px;
        font-weight: 800;
    }
    #solum-contact-us-wrapper h2{
        font-size:2.1em;
        line-height:35px;
    }
    #solum-contact-us-wrapper {
        margin-bottom: 50px;
    }
    #solum-contact-us-wrapper img {
        position: absolute;
        right: 0;
        top: 80%;
        width: 65%;
    }
    #solum-gateway-eslsystem-wrapper .left, #solum-gateway-eslsystem-wrapper .right {
        padding: 5%;
    }

    /*#endregion*/

    #locsms-header-box {
        background-image: url(../../img/services/LOC-SMS-Banne.jpg);
        width: 100%;
        background-size: cover;
        background-position: left center;
        background-repeat: no-repeat;
    }
    #storedynamic-header-box {
        background-image: url(../../img/services/StoreDynamics---Banner.jpg);
        width: 100%;
        background-size: cover;
        background-position: left center;
        background-repeat: no-repeat;
    }
    #grocery-header-box {
        background-image: url(../../img/banner/Grocery-Solutions---Banner-Background.jpg);
        width: 100%;
        background-size: cover;
        background-position: left center;
        background-repeat: no-repeat;
    }

    #retail-header-box {
        background-image: url(../../img/pos-solutions/Retail-Solutions---Banner-Background.jpg);
        width: 100%;
        background-size: cover;
        background-position: left center;
        background-repeat: no-repeat;
    }
    .career-header-box h1 {
        font-size: 3em;
        font-weight: 800;
        line-height: 50px;
        color: white;
    }
    p.line-height-sm.font-hand-writing {
        margin-top: 20px;
        font-size: 2.5em;
        font-weight: 300;
        color: white;
    }
    .career-banner .container {
        padding: 80px 15px;
    }
    .h-middle {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        top: 37%;
        margin: 0 40px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 0.75rem;
    }

    .h-middle2 {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        bottom: 10%;
        margin: 0 40px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 0.75rem;
    }
    .img-mh-self-kiosk {
        max-height: 550px;
        width: auto !important;
        margin: auto;
        object-fit: contain;
    }

    .img-mh-self-kiosk-sm {
        height: 40px;
        width: auto !important;
        margin: auto;
    }

    .thumb-gallery .pl-20 {
        padding-left: 3rem;
    }
    .thumb-gallery .pr-20 {
        padding-right: 3rem;
    }
    .section-less-padding {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #canada-map-wrapper, #usa-map-wrapper {
        text-align: center;
    }
    .website-max-wid-60 {
        width: 90%;
    }

}


@media (min-width:300px) {
    .h-middle {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        top: 37%;
        margin: 0 40px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 0.8rem;
    }

    .h-middle2 {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        bottom: 10%;
        margin: 0 40px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 0.8rem;
    }
}

@media (min-width:350px) {
    .h-middle {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        top: 37%;
        margin: 0 55px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 0.9rem;
    }

    .h-middle2 {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        bottom: 10%;
        margin: 0 55px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 0.9rem;
    }
}


@media (min-width:481px) {
    .h-middle {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        top: 40%;
        margin: 0 70px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 1.2rem;
    }

    .h-middle2 {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        bottom: 10%;
        margin: 0 70px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 1.2rem;
    }
    #store-dynamic-price-bubble {
        position: absolute;
        right: 0%;
        width: 30%;
        z-index: 1000;
        bottom: -30%;
    }
    .career-header-box h1 {
        font-size: 3.5em;
        font-weight: 800;
        line-height: 50px;
        color: white;
    }

    p.line-height-sm.font-hand-writing {
        margin-top: 20px;
        font-size: 2.8em;
        font-weight: 300;
        color: white;
    }

}

@media (min-width: 400px) {
    #HomePageBanner {
        min-height: 450px;
    }

    .software-solutions-slider {
        position: relative;
        width: 100%;
        padding-top: 250px;
        padding-bottom: 200px;
    }
    .img-mh-self-kiosk {
        height: 400px;
        width: auto !important;
        margin: auto;
    }

    .img-mh-self-kiosk-sm {
        height: 80px;
        width: auto !important;
        margin: auto;
    }
    #about-ampm-section-3 .ca-container-h {
        min-height: 1800px;
    }
}

@media (min-width:550px) {
    .h-middle {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        top: 40%;
        margin: 0 80px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 1.2rem;
    }

    .h-middle2 {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        bottom: 10%;
        margin: 0 80px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 1.2rem;
    }
    #about-ampm-section-3 .ca-container-h {
        min-height: 1750px;
    }
}

@media (min-width:768px) {
    .review-padding {
        flex: 0 0 35.666667%;
        max-width: 35.666667%;
    }
    .review-padding2 {
        flex: 0 0 64.333333%;
        max-width: 64.333333%;
    }
    #footer .footer-copyright nav {
        float: right;
    }
    .owl-review .owl-nav {
        margin-left: 1rem;
    }
    #HomePageBanner #top-banner-content {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    .software-solutions-slider {
        position: relative;
        width: 100%;
        padding-top: 250px;
        padding-bottom: 300px;
    }
    html.sticky-header-active #header .header-body {
        position: fixed;
        border-bottom-color: #e9e9e9;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        border-bottom: none;
    }
    #background-body {
        background-color: #ddd;
    }
    .owl-review .owl-item {
        padding: 0rem;
    }
    .owl-nav {
        margin-left: 0rem ;
    }
    #video-slider {
        position: relative;
        width: 70%;
        height: 40vw;
        margin: 0px auto;
        font-family: 'Helvetica Neue', sans-serif;
        perspective: 1400px;
        transform-style: preserve-3d;
    }
    #HomePageBanner #top-banner-content {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .flexrow.row-7-el > .element {
        flex: 0 1 calc(100%/7);
        max-width: calc(100%/7);
        padding: 10px;
    }

    .flexrow.row-8-el > .element {
        flex: 0 1 calc(100%/8);
        max-width: calc(100%/8);
        padding: 10px;
    }
    /*#region Header Banner */
    #company-top-banner {
        background-image: url(../../img/about/About-Us---Banner-Background.jpg);
        background-position: center;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }
    #HomePageBanner {
        position: relative;
        width: 100%;
        min-height: 600px;
        background-color: #0E34CC;
        background-image: linear-gradient(to left, #0D1B55 50%, #0E34CC);
        background-size: cover;
        background-position: bottom left;
    }
    /*#endregion*/
    /*#region Service */
    #service-header-box {
        background-image: url(../../img/banner/service-banner.jpg);
        background-position: center;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }
    /*#endregion*/
    #helpdesk-callcenter-box {
        background-image: url('../../img/services/CallCentre-Help-Desk-Banner.jpg');
        background-position: center;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }
    #ampm-guardian-header-box {
        background-image: url('../../img/services/AMPM Service Website - AMPM Guardian - Banner.png');
        background-position: center;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }
    #electronic-shelf-labels-header-box {
        background-image: url(../../img/hardware/electronic-shelf-labels/ESL-Faded-Banner---1920px.jpg);
        width: 100%;
        background-size: cover;
        background-position: left center;
        background-repeat: no-repeat;
    }
    .h-middle {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        top: 38%;
        margin: 0 60px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 0.9rem;
    }
    .h-middle2 {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        bottom: 10%;
        margin: 0 60px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 0.9rem;
    }
    .img-mh-self-kiosk {
        height: 550px;
        width: auto !important;
        margin: auto;
    }

    .img-mh-self-kiosk-sm {
        height: 60px;
        width: auto !important;
        margin: auto;
    }
    #canada-map-wrapper, #usa-map-wrapper {
        text-align: left;
    }
}


@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    .section-less-padding {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .features-padding {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    #home-section5-service p {
        min-height: 110px;
    }

    #about-ampm-section-3 .time-line-container {
        margin-top: 50px;
        height: 100%;
        position: relative;
    }

    #about-ampm-section-3 .us-container-h {
        min-height: 1900px;
    }

    #about-ampm-section-3 .ca-container-h {
        min-height: 2240px;
    }

    #award-left-div {
        padding-left:10%;
    }

    #our-people-right-div {
        width: 70%;
        padding-left: 80px;
        padding-top: 30px;
    }

    .about-ampm-section-2-second-div strong {
        font-weight: 900;
        font-size: 3.0em;
    }

    .about-ampm-section-2-second-div p {
        font-weight: 600;
        line-height: 100%;
        font-size: 21px;
    }

    #grocery-section-1 p {
        min-height: 110px;
    }

    /*#region AM/PM Compnay */  
    .about-ampm-banner-letter {
        position: absolute;
        top: 20%;
        max-width: 85%;
        left: 10%;
        padding: 5px;
    }
    #about-ampm-section-1 h2 {
        font-size: 2rem;
        line-height: 1.3
    }
    /*#endregion*/

    .website-display-none {
        display: none;
    }

    .possolutions-header-box {
        background-position: center;
        height: 350px;
    }
    .printer-header-box {
        background-position: center;
        height: 350px;
    }
    #grocery-header-box .text-part {
        padding-right: 5%;
    }

    #storedynamic-contactus {
        background-position: center top;
    }

    .ampm-feature-box img {
        width: 40%;
    }

    .team-content .name {
        font-weight: 600;
        font-size: 9px;
    }

    #locsms-contactus {
        background-position: center;
    }
    #operational-success-section .right .container img {
        padding: 10px 40px 20px 40px;
    }

    #operational-success-section .right .container {
        padding: 30px
    }

    #positouch-contactus {
        background-position: center;
    }

    .resources-header-box {
        background-position: center;
        height: 350px;
    }

    #solum-scroll-down-wrapper-mobile{
        display:none;
    }

    #go-report-wrapper .left h3 {
        margin-bottom: 0;
        font-size: 2.5em;
        font-weight: 800;
    }
    .entry {
        width: calc(100%);
        float: left;
        padding: 10px 0px 10px 50px;
        clear: both;
        text-align: right;
    }
    #about-ampm-section-3 .ca-container-h {
        min-height: 1900px;
    }
}


@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */

    .website-max-wid-50 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .website-max-wid-60 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 50%;
    }
    .website-max-wid-70 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }
    .website-max-wid-80 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
    .website-max-wid-90 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }
    .possolution-banner h1 {
        font-size: 2.4em;
        font-weight: 800;
        line-height: 1.2;
    }

    .possolution-banner p {
        margin-top: 20px;
    }

    .possolution-restaurant-banner-letter {
        position: absolute;
        top: 15%;
        max-width: 85%;
        left: 10%;
        padding: 5px;
    }

    #about-ampm-section-2 .ampm-store-description p {
        line-height: 20px;
    }

/*#region Storedynamic */
    #storedynamic-section-1 .secondDiv {
        width: 70%;
    }
    #storedynamic-features .left-container {
        padding-left: 20%;
    }

    #storedynamic-features .right-container {
        padding: 5% 20% 10% 2%;
    }

    #storedynamic-features .online-right-container {
        padding: 10% 25% 10% 5%;
    }
    .feature-box img {
        width: 25%;
    }
    #storedynamic-price-section .price-chart h4 {
        font-size: 1.3em;
    }
    .kiosk-button-container {
        min-height: 110px;
    }
/*#endregion*/
    .team-content {
        background-color: white;
        padding: 15px 15px;
    }

/*#region solum */
    #solum-scroll-down-wrapper h2 {
        font-size: 3.1em;
        line-height: 55px;
        font-weight: 800;
    }
    #solum-contact-us-wrapper h2 {
        font-size: 2.5em;
        line-height: 50px;
    }
    #solum-contact-us-wrapper {
        margin-bottom: 150px;
    }
    #solum-contact-us-wrapper img {
        position: absolute;
        right: 0;
        top: 20%;
        width: 60%;
    }
    #solum-gateway-eslsystem-wrapper .left {
        padding-left: 15%;
        padding-right: 5%;
        padding-top: 3%;
        padding-bottom: 3%;
    }

    #solum-gateway-eslsystem-wrapper .right {
        padding-left: 5%;
        padding-right: 15%;
        padding-top: 3%;
        padding-bottom: 3%;
    }
/*#endregion*/
}

@media (min-width: 992px) {
    #hardware-header-box, #software-header-box, #positouch-header-box, #locsms-header-box, #storedynamic-header-box,
    #restaurant-header-box, #grocery-header-box, #retail-header-box {
        background-position: center;
    }
    .container {
        max-width: 900px;
    }
    #HomePageBanner #top-banner-content h1 {
        text-align: inherit;
        line-height: 1.3;
        border-width: 0px;
        margin-top: 15px;
        padding: 0px;
        letter-spacing: -1px;
        font-weight: 800;
        font-size: 2.4rem;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
    }

    /*#region Service */
    #acronis-header-box {
        background-image: url(../../img/services/acronis/AMPM-Service-Website-Acronis-Banner.png);
        background-position: center;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .timeline:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 50%;
        bottom: 0px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 10px;
        background-color: #31cdb0;
    }
    #timeline-reversed-triangle {
        display: block;
        position: absolute;
        bottom: -14px;
        width: 28px;
        left: calc(50% - 13px)
    }
    .entry .title {
        font-size: 40px;
    }
   .entries {
        width: calc(100% - 80px);
        max-width: 1000px;
        margin: auto;
        position: relative;
        left: -5px;
    }

    .entry {
        width: calc(50% - 30px);
        float: left;
        padding: 0px 10px 0px 10px;
        clear: both;
        text-align: right;
    }

    .entry:first-child {
        padding-top: 0px;
    }

    .entry:nth-child(1n) {
        text-align: left;
        float: right;
    }

    .entry:nth-child(2n) {
        text-align: right;
        float: left;
    }

    .entries .entry:nth-child(2n) .title:before {
        left: 477px;
    }

    /*#endregion*/
}

@media (min-width:1024px) { /* big landscape tablets, laptops, and desktops */
    #careers-list-div .career-info {
        padding: 20px 0px;
    }
    .web-padding-testimoneial {
        padding-left: 25%;
        padding-right: 8%;
    }
    .testimonial-home-slider .owl-dots {
        position: absolute;
        bottom: 40px;
        left: 26.5%;
    }
/*#region Homepage  */
    #HomePageBanner {
        position: relative;
        width: 100%;
        min-height: 70vh;
        background-color: #0E34CC;
        background-image: linear-gradient(to left, #0D1B55 50%, #0E34CC);
    }

    #HomePageBanner #top-banner-content {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #HomePageBanner .top-banner-description-box {
        width: 80%;
    }

    #HomePageBanner #top-banner-content .top-label {
        color: white;
        line-height: 18px;
        border-width: 0px 0px 2px;
        margin: 0px;
        padding: 5px 40px 10px 5px;
        letter-spacing: 0px;
        font-weight: 300;
        font-size: 24px;
    }

    #HomePageBanner #top-banner-content .top-banner-description {
        color: white;
        line-height: 1.2;
        border-width: 0px;
        margin: 0px;
        padding: 0px;
        letter-spacing: 0px;
        font-weight: 300;
        font-size: 1.1rem;
    }

    #HomePageBanner #top-banner-bg {
        width: 100vw;
    }
/*#endregion*/

/*#region AM/PM Compnay */  
    #about-ampm-section-3 .time-line-container {
        margin-top: 50px;
        height: 100%;
        position: relative;
    }
    #about-ampm-section-3 .us-container-h {
        min-height: 1400px;
    }

    #about-ampm-section-3 .ca-container-h {
        min-height: 2140px;
    }
    #award-left-div {
        padding-left: 20%;
    }
/*#endregion*/

/*#region Grocery */  
    .possolution-grocery-banner-letter {
        position: absolute;
        top: 15%;
        max-width: 85%;
        left: 10%;
        padding: 5px;
    }
/*#endregion*/

/*#region Retail */
    .possolution-retail-banner-letter {
        position: absolute;
        top: 15%;
        max-width: 80%;
        left: 10%;
        padding: 5px;
    }
/*#endregion*/

/*#region Restaurant Retail */
   
/*#endregion*/

/*#region Storedynamic */
    .storedynamic-banner-letter {
        position: absolute;
        top: 15%;
        max-width: 82%;
        left: 10%;
        padding: 5px;
    }
    #store-dynamic-price-bubble {
        position: absolute;
        right: 5%;
        width: 17%;
        z-index: 1000;
        bottom: -35%;
    }

    #storedynamic-processing .content {
        width: 60%;
    }

    .team-content .name {
        font-weight: 600;
        font-size: 20px;
    }

    #storedynamic-price-section .price-name-box h4 {
        font-size:2em;
    }

    .ampm-feature-box img {
        width: 25%;
    }

    .entry-content {
        min-height: 610px;
    }

/*#endregion*/

/*#region LOCSMS */
    #locsms-contactus {
        background-position: left center;
    }
/*#endregion*/

/*#region guardian Service */
    .guardian-banner-letter {
        position: absolute;
        top: 13%;
        max-width: 80%;
        left: 10%;
        padding: 5px;
    }
/*#endregion*/

/*#region Contact US */
    #contactus-form-box .contactus-form-left {
        background-color: #1a2b6d;
        color: white;
        padding: 60px;
        margin: 0px 15px;
        border-radius: 5px
    }
/*#endregion*/

    .location-box-first{
        min-height:170px;
    }

    /*#region Career */
    .careers-banner-letter {
        position: absolute;
        bottom: 15%;
        max-width: 100%;
        left: 10%;
    }

    .careers-banner-letter h1 {
        font-size: 4.5em;
        font-weight: 800;
        line-height: 80px;
        color: white;
    }
    .career-banner {
        position: relative;
        background-image: url(../../img/careers/Careers-Banner.jpg);
        background-position: left center;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }

    #career-section-1 h2 {
        width:40%;
    }
    #career-section-1 p {
        width: 85%;
    }
/*#endregion*/

    .thankyou-sections p {
        width: 80%;
    }
    #electronic-shelf-labels-header-box {
        background-image: url(../../img/hardware/electronic-shelf-labels/ESL-Faded-Banner---1920px.jpg);
        width: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

/*#region Software */

    #software-tab-content .tab-pane {
        width: 70%;
        position: relative;
        margin: auto;
    }
/*#endregion*/

/*#region Software thankyou*/
    .software-thankyou-banner-letter {
        position: absolute;
        top: 20%;
        max-width: 50%;
        left: 25%;
        padding: 5px;
        z-index: 500;
    }

    .software-thankyou-banner {
        background-image: url('../img/banner/software-thankyou-bg.jpg');
        background-repeat: no-repeat;
        background-position: center center;
        width: 100%;
        position: relative;
    }

    .software-thankyou-banner img {
        position: absolute;
        bottom: 0;
        width: 80%;
        left: 50%;
        transform: translate(-50%,0);
        z-index:100;
    }
    /*#region Software thankyou */

    .resource-banner-letter {
        position: absolute;
        top: 20%;
        max-width: 82%;
        left: 10%;
        padding: 5px;
    }
    .h-middle {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        top: 38%;
        margin: 0 50px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 0.85rem;
    }
    .h-middle2 {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        bottom: 10%;
        margin: 0 50px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 0.85rem;
    }
    .section-padding {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}


@media (min-width: 1200px){
    .possolutions-header-box {
        background-position: center;
        height: 470px;
    }
    .printer-header-box {
        background-position: right;
        height: 650px;
    }
    .container {
        max-width: 1350px;
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .second-header {
        width: 70%;
        margin: auto;
    }
    .resources-panel {
        min-height: 520px;
    }
    .resources-header-box {
        background-position: center;
        height: 570px;
    }
    #banner-grow-your-business {
        background: transparent;
        background-image: url('../img/home/CTA Banner - No Boxes.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding-bottom: 200px !important;
    }

    #banner-grow-your-business span {
        display: block;
    } 
    #box-chart {
        width: 30%;
        position: absolute;
        top: 70%;
        left: 10%;
        z-index: 1000;
    }

    #box-customers {
        width: 25%;
        position: absolute;
        top: 40%;
        right: -40%;
        z-index: 1000;
    }

    #box-experience {
        width: 30%;
        position: absolute;
        top: -30%;
        right: -20%;
        z-index: 1000;
    }

    #box-offices {
        width: 30%;
        position: absolute;
        top: -20%;
        left: 20%;
        z-index: 1000;
    }
    .h-middle {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        top: 38%;
        margin: 0 60px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 1rem;
    }
    .h-middle2 {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        bottom: 10%;
        margin: 0 60px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 1rem;
    }
    .img-mh-self-kiosk {
        height: 650px;
        width: auto !important;
        margin: auto;
    }

    .img-mh-self-kiosk-sm {
        height: 80px;
        width: auto !important;
        margin: auto;
    }
    .thumb-gallery .pl-20 {
        padding-left: 7rem;
    }
    .thumb-gallery .pr-20 {
        padding-right: 7rem;
    }
}

@media (min-width:1281px) { /* hi-res laptops and desktops */
    #HomePageBanner #top-banner-content {
        position: absolute;
        padding-right: 120px !important;
        padding-left: 120px !important;
    }
    .h-middle {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        top: 38%;
        margin: 0 45px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 0.85rem;
    }
    .h-middle2 {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        bottom: 10%;
        margin: 0 45px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 0.85rem;
    }
}


@media (min-width:1450px) {
    .h-middle {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        top: 38%;
        margin: 0 60px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 0.9rem;
    }

    .h-middle2 {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        bottom: 10%;
        margin: 0 60px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 0.9rem;
    }
}

@media (min-width:1600px) {
    .h-middle {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        top: 38%;
        margin: 0 50px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 0.85rem;
    }
    .h-middle2 {
        transition: .5s ease;
        opacity: 1;
        position: absolute;
        bottom: 10%;
        margin: 0 50px;
        left: 0;
        text-align: left;
        color: #000;
        font-size: 0.85rem;
    }
    .h-middle2 i {
        color: #555;
    }
}


/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

    /* CSS */
    #home-section2 p {
        min-height:310px;
    }

    .tablet-display-none {
        display: none;
    }

    .tablet-order-1 {
        order:1;
    }
    .tablet-order-2 {
        order: 2;
    }

    .tablet-margin-0 {
        margin: 0;
    }
    .tablet-p-0 {
        padding:0;
    }

    .p-40 {
        padding: 10px;
    }
    
    .fs-35 {
        font-size: 25px;
    }
    .entry-content {
        min-height:800px;
    }

    .tablet-p-r-5-per {
        padding-right: 5% !important;
    }

    .tablet-max-width-50 {
        max-width:50%;
    }

}


@media (min-width: 1800px) {
    #box-customers {
        width: 25%;
        position: absolute;
        top: 40%;
        right: -60%;
        z-index: 1000;
    }
}

@media (max-width: 1200px) {
    #box-customers, #box-experience, #box-offices, #box-charts {
        display: none !important;
    }
}