.view-desktop { display:block !important; }
.view-mobile { display:none !important; }


@media only screen and (min-width: 1500px)  {

    #platform-rows .row {padding-top: 150px; padding-bottom: 150px;}

}


@media only screen and (max-height: 820px) and (min-width: 1000px) {

    .page-template-template_platform #page-hero .right-column {height: calc(90vh - 150px);}
        .page-template-template_platform #page-hero .right-column img {width: auto; height: auto; max-height: calc(100vh - 180px); }

    #platform-rows .row {padding-top: 70px; padding-bottom: 70px;}
    
}


@media only screen and (min-width: 1000px) and (max-width: 1399px) {

    .column-section .image-column {}
    #platform-rows .row .text-column {padding-top: 90px; padding-bottom: 90px;}
	
	.page-id-1733 #page-hero h1  {
    padding-bottom:30px;
}
	.page-id-1762 #page-hero .right-column img {
    max-width: 90%;
    height: auto;
}
	
	.page-id-1562 #page-hero .right-column img {
    max-width: 100%;
	padding-top:30px;
    height: auto;
}

}


@media only screen and (min-width: 1000px) and (max-width: 1220px) {

    .button { padding:10px 35px; font-size:18px; }
    .container { width:100%; padding-left: 5%; padding-right: 5%; }

    /*-----------------------------------------------------------------------------------*/
    /* General
    /*-----------------------------------------------------------------------------------*/
 
    #page-hero p {font-size: 20px;}

    /*-----------------------------------------------------------------------------------*/
    /* Home Page styling
    /*-----------------------------------------------------------------------------------*/

    .column-section .left-column { float:left; }
    .column-section .right-column { float:right; }
    .column-section .image-column { width:48%; position:static; }

    #ordering-solution-section { padding:200px 0 200px 0; }
        #ordering-solution-section .right-column { width:52%; float:right; position:static; }
            #ordering-solution-section .right-column img {height: auto; max-width: 100%;}

    
    
    .flex-viewport {margin: auto; width: 920px;}
    #clients-slider-section .slides {}
    
    .home .col-rows .text-column {margin-top: 70px;}
    
    #complete-experience-section li { width:49%; padding:50px 30px; }
        #complete-experience-section li:first-child { float:left; }
        #complete-experience-section li:last-child { float:right; }
        #complete-experience-section li .image-container { width:47%; margin-right:6%; }
        #complete-experience-section li .image-container img { margin:0 auto; }
        #complete-experience-section li .content { width:47%; }
        #complete-experience-section li .content h3 { margin:0 0 25px 0; padding:0 0 25px 0; position:relative; }
        #complete-experience-section li .content h3:after { width:60px; height:4px; background:#E67300; display:block; content:""; position:absolute; bottom:0; left:0; }

    #enhance-operations-section li { width:30%; }

    #discover-section { padding:240px 0 180px 0; }
        #discover-section .container { padding-right: 0; }
            .column-section .text-column { width: 380px; }
                #discover-section h2 { padding-top: 60px; font-size: 36px; }
            .column-section .image-column {width: calc(100% - 410px); max-width: 630px;}
    
    #resources-section li { width:32%; margin-right: 2%; margin-top: 2%; }
            
        #resources-section li .image-container { position:relative; height: 170px; overflow: hidden;}
    
        #resources-section li .image-container .category { left:20px; }
        #resources-section li .content { padding:15px 20px; }
        #resources-section li .content h3 { font-size: 18px; }
        #resources-section li .author-container .author-content { margin:0 0 0 50px; }
        #resources-section li .author-container .author-content .read-time { margin:0 0 0 6px; }
    
    /* platform */
    .page-template-template_platform #page-hero {height: 90vh;}
        .page-template-template_platform #page-hero .right-column {width: 52%;}
        
    
    
    #platform-rows .row {padding: 50px 0;}
        #platform-rows .row .image-column {float: none; margin: 0 auto 50px auto;}
        #platform-rows .row .text-column {float: none; padding-top: 5px; padding-bottom: 20px; margin: auto; width: 100%; max-width: 600px;}
            #platform-rows .row h4 {font-size: 18px;}
            #platform-rows .row h2 {font-size: 36px;}

    

    /*-----------------------------------------------------------------------------------*/
    /* Integrations Page styling
    /*-----------------------------------------------------------------------------------*/

    /* integrations */
    .page-template-template_integrations #page-hero .left-column {width: 48%;}
        .page-template-template_integrations #page-hero .left-column h1 { width: 100%; font-size: 42px; }  
    .page-template-template_integrations #page-hero .right-column { padding-top: 30px; width: 45%;}
    
    #integration-rows .row h2 {text-align: center; display: block; line-height: 1.25;}
        #integration-rows .row h2 img {margin: 20px auto; display: block; float: none;}
    #integration-rows .row p {text-align: center;}
    
    ul.integration-logos {width: 100%; text-align: center;}
    
    .integration-logos li {float: none; display: inline-block; margin: 0 2% 5% 2%; height: 70px; text-align: center; line-height: 70px;}
        .integration-logos li .image-inner { display:table-cell; vertical-align:middle; height: 70px; line-height: 70px;}
        .integration-logos li img {width: auto; max-height: 70px; margin: auto; vertical-align: middle; display: block;}

    
    /* resources */
    #featured-resource-section .container { padding: 0; }
	
	 /*-----------------------------------------------------------------------------------*/
    /* Long Landing Page styling
    /*-----------------------------------------------------------------------------------*/
	
	li.brand {
padding-top: 10px;
	margin-bottom:10px;
}
	
.page-id-1762 li.app2 {
padding-top: 10px;
	margin-bottom:80px;
}

	li.loyalty {
padding-top: 0px;
	margin-bottom:10px;
}
	
.page-id-1762 li.loyalty {
padding-top: 10px;
	margin-bottom:50px;
}

li.control {
padding-top: 0px;
	padding-bottom:10px;
	margin-bottom:10px;
}
	
.page-id-1762 li.control {
padding-top: 0px;
	padding-top:10px;
	margin-bottom:1px;
}

li.sales {
padding-top: 10px;
	margin-bottom:10px;
}

li.upsell {
padding-top: 10px;
	margin-bottom:10px;
}

li.analytics {
padding-top: 1px;
	margin-bottom:10px;
}

li.offers {
padding-top: 0px;
	margin-bottom:65px;
}

.page-id-1602 li.offers {
padding-top: 0px;
	margin-bottom:85px;
}
	
	li.relationships {
padding-top: 1px;
	margin-bottom:90px;
}
	
.page-id-1762 li.relationships {
padding-top: 10px;
	margin-bottom:30px;
}

li.app {
padding-top: 1px;
	margin-bottom:90px;
}

li.payments {
padding-top: 1px;
	margin-bottom:35px;
}

li.delivery {
padding-top: 1px;
	margin-bottom:110px;
}

li.marketing {
padding-top: 1px;
	margin-bottom:20px;
}
	
.page-id-1762 li.sales {
padding-top: 1px;
	margin-bottom:10px;
}	

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 999px) { 
    
    /* menu */
    #menu-icon {margin-top: 8px; float: right; color: #2E82FF; font-size: 32px;}
    .home #header #menu-icon {color: #fff;}
    .home #header.sticky #menu-icon {color: #2E82FF;}
    .menu-main-menu-container {display: none;}
    
    #header nav {position: relative;}
    #header nav > ul { 
        border-radius: 5px;
        box-shadow: 0 0 10px #D1D1D1;
        width: 220px; position:absolute; background:#FFF; text-align:center;
        right: 0; margin: 10px -30px 0 0; top: 30px; padding: 20px 20px 20px 20px; 
    }
		#header nav > ul > li { margin: 10px 0; padding: 0; text-align: left; }

        #header nav > ul > li > a:hover { color:#1D76FA !important; }
        
        #header nav > ul > li > ul > li:last-child { margin:0; }
        #header nav > ul > li > ul > li > a { color:#1D76FA; font-size:14px; }
        #header nav > ul > li > ul > li:hover > a { color: #0062f2; }

        .home #header nav > ul > li > a,
        .home #header.sticky nav > ul > li > a { color: #1D76FA; }
           
        .home #header nav > ul > li.menu-item-has-children > a:hover { color: #0062f2; }
        .home #header.sticky nav > ul > li.menu-item-has-children > a { color:#1D76FA;  }
    
    #header nav > ul > li {
        min-height: 26px; padding-left: 15px;
        background-position: left top;
        background-size: 26px auto;
        background-repeat: no-repeat;
    }

    /*#header nav ul .icon-platform {background-image: url(../images/menu-icon-platform.png);}
    #header nav ul .icon-integrations {background-image: url(../images/menu-icon-integrations.png);}
    #header nav ul .icon-resources {background-image: url(../images/menu-icon-resources.png);}
    #header nav ul .icon-careers {background-image: url(../images/icon-menu-careers.png);}
    #header nav ul .icon-contact {background-image: url(../images/menu-icon-contact.png);}*/

        #header nav > ul > li:hover {color: #0062f2; background-position: 0 -26px;}
        #header nav ul .icon-platform:hover {background-position: 0 0;}


    
    #header nav > ul > li.menu-item-has-children:hover > ul.sub-menu { display: none; }
    
    #header nav > ul > li > ul.sub-menu { 
        border-radius: 0;
        box-shadow: none;
        position: relative;
        width: auto; 
        left: inherit; top: inherit;  
        margin: 10px 0 0 -34px; padding: 0; 
    }
        #header nav > ul > li > ul > li { margin:0 0 8px 0; padding-left: 50px; text-align: left; }
        #header nav > ul > li > ul > li:last-child { margin:0; }
        #header nav > ul > li > ul > li > a { color:#1D76FA; font-size:14px; }
        #header nav > ul > li > ul > li:hover > a { color:#0062f2; }

    
    
    /*-----------------------------------------------------------------------------------*/
    /* Body, Typography and some main Elements
    /*-----------------------------------------------------------------------------------*/

    h1, .single #blog-header h1 { font-size:42px; }
    h2, #platform-intro h2  { font-size:32px; }
    .button { padding:10px 30px; font-size:18px; }

    
    
    /*-----------------------------------------------------------------------------------*/
    /* Structure
    /*-----------------------------------------------------------------------------------*/

    .container { width: 100%; padding-left: 5%; padding-right: 5%; }
    .view-desktop { display:none !important; }
    .view-mobile { display:block !important; }


    /*-----------------------------------------------------------------------------------*/
    /* Header styling
    /*-----------------------------------------------------------------------------------*/

    #header {padding: 25px 0;}


    /*-----------------------------------------------------------------------------------*/
    /* Footer styling
    /*-----------------------------------------------------------------------------------*/

    #footer { padding:70px 0; }
    #footer .footer-left { float:none; margin:0 0 50px 0; }
    #footer .footer-right { float:none; }


    /*-----------------------------------------------------------------------------------*/
    /* General
    /*-----------------------------------------------------------------------------------*/

    .column-section h2 br { display:none; }
    .column-section .left-column { float:none; margin-bottom:70px; margin-top:0 !important; }
    .column-section .right-column { float:none; margin-top:0 !important; }
    .column-section .text-column { float:none; width:100%; }
    .column-section .right-align { text-align:left; }
    .column-section .right-align h2:after { right:auto; left:0; }
    .column-section .image-column { position:static; width:auto !important; margin:0 auto 50px auto; }

    #page-hero { height: auto; margin-top: 100px; }
        
        #page-hero .left-column { float: none; top: inherit; margin: 40px auto 0 auto; width: 100%;}
        
            #page-hero h1 { font-size:42px; text-align: center; }
            #page-hero h1::after { left: calc(50% - 30px); }
            #page-hero p { font-size:18px; text-align: center; }

        #page-hero .right-column { float: none; margin: 0 auto 40px auto; top: inherit; width: 100%; }
            #page-hero .right-column img { height: auto; max-height: 100%; width: 90%; max-width: 400px; }
        
    
    /*-----------------------------------------------------------------------------------*/
    /* Home Page styling
    /*-----------------------------------------------------------------------------------*/
    
    #ordering-solution-section { padding: 15vh 0 0 0; margin: 0; height: 115vh; }
        #ordering-solution-section .left-column { float:none; }
            #ordering-solution-section h1 { font-size:38px; }
            #ordering-delivery-section h2::after {left: 0 !important; right: inherit !important;}
    
            #ordering-solution-section p { font-size:20px;  }
        #ordering-solution-section .right-column { padding: 0 20px; }
            #ordering-solution-section img { width: auto; height: 100%; max-height: 40vh; }
            #ordering-delivery-section .right-column.text-column p {float: none; max-width: none;}
     
    #ordering-delivery-section { padding:50px 0; }

    .home .col-rows {margin: 0 auto;}
    .home .col-rows .container {padding-top: 50px; padding-bottom: 50px;}
    
    .flex-viewport {margin: auto; width: 690px;}
    #clients-slider-section h2 { font-size:32px; }
    #clients-slider-section .slides li .logo-item { padding:0 20px; }

    #complete-experience-section { padding:50px 0; }
        #complete-experience-section li { width:100%; margin:0 auto; max-width:500px; padding:30px 20px; display:block; }
        #complete-experience-section li:first-child { float:none; margin-bottom:50px; }
        #complete-experience-section li:last-child { float:none; }
        #complete-experience-section li .image-container { width:100%; max-width: 360px; margin:0 auto; }
        #complete-experience-section li .image-container img { margin:0 auto; }
        #complete-experience-section li .content { width:100%; }

    #enhance-operations-section { padding:50px 0; }
        #enhance-operations-section .container > p { margin:0 auto 60px auto; }
        #enhance-operations-section li { width:100%; max-width: 500px; margin:0 auto 70px auto; }
        #enhance-operations-section li:nth-child(odd) { float:none; text-align:left; clear:both; }
        #enhance-operations-section li:nth-child(odd) .title h3 { float:none; margin-right:0; display: block; text-align: center; }
        #enhance-operations-section li:nth-child(odd) .title img { float:none;  margin:0 auto 30px auto; display: block; }
        #enhance-operations-section li:nth-child(even) { float:none; }
        #enhance-operations-section li:nth-child(even) .title h3 { float:none; display: block; text-align: center; }
        #enhance-operations-section li:nth-child(even) .title img { float:none;  margin:0 auto 30px auto; display: block; }
        #enhance-operations-section li .title h3 { margin:0; display:inline-block; vertical-align:middle; }
        #enhance-operations-section .container > img { position:static; left: inherit; transform: none; margin:0 auto 30px auto; }

    #enhance-operations-section li p {text-align: center;}
    #enhance-operations-section li .title img {width: 100px;}
    
    #discover-section { margin-top: -200px; padding: 240px 0 50px 0; background-position: cover; background-size: auto 100%; }
        #discover-section .container { padding-right: 0; }
            #discover-section h2 { padding-top: 10px; padding-right: 20px; max-width: 700px; }
    
    #resources-section { padding:50px 0 ; }
        #resources-section li, 
        #resources-section li:nth-child(3n) { width:100%; margin:0 auto 50px auto; float:none; max-width:500px; }

        #resources-section li .content { padding:20px; }
        #resources-section li .image-container { position:relative; height: auto;}
        #resources-section li .image-container .category { left:20px; }

    
    /*-----------------------------------------------------------------------------------*/
    /* Platform Page styling
    /*-----------------------------------------------------------------------------------*/

    .page-template-template_platform #page-hero {height: auto;}
    
    /* platform */
    .page-template-template_platform #page-hero {height: auto; margin: 100px 0 100px 0;}
        .page-template-template_platform #page-hero .left-column {float: none; width: 100%; padding: 0;}
        .page-template-template_platform #page-hero .right-column {float: none; width: 100%; }
            .page-template-template_platform #page-hero .right-column img {padding: 20px 0; float: none; width: 100%; max-width: 500px;}
    
    #platform-intro {margin-bottom: -60px;}
        #platform-intro p br {display: none !important;}
    
    #trio img {margin: 50px auto 25px auto; width: 75px;}
    
    /* platform */
    #platform-rows .row {padding: 50px 0;}
        #platform-rows .row .image-column {float: none; margin: 0 auto 50px auto;}
        #platform-rows .row .text-column {float: none; padding-top: 5px; padding-bottom: 20px; margin: auto; max-width: 600px;}
            #platform-rows .row h4 {font-size: 18px;}
            #platform-rows .row h2 {font-size: 36px;}

    
    /*-----------------------------------------------------------------------------------*/
    /* Integrations Page styling
    /*-----------------------------------------------------------------------------------*/

    .page-template-template_integrations #page-hero .left-column {padding-top: 0;}  
        .page-template-template_integrations #page-hero .left-column h1 { width: auto; max-width: 100%; }  
    .page-template-template_integrations #page-hero .right-column img {margin-top: 20px;}
    
    #integration-rows .row h2 {text-align: center; display: block; line-height: 1.25; font-size: 24px;}
        #integration-rows .row h2 img {margin: 20px auto; display: block; float: none;}
    #integration-rows .row p {text-align: center;}
    
    ul.integration-logos {width: 100%; text-align: center;}
    
    .integration-logos li {float: none; display: inline-block; margin: 0 2% 5% 2%; height: 70px; text-align: center; line-height: 70px;}
    .integration-logos li .image-inner { display:table-cell; vertical-align:middle; height: 70px; line-height: 70px; text-align: center; width: 200px;}
    .integration-logos li img {width: auto; max-height: 70px; margin: auto; vertical-align: middle; display: block;}
    
    /* resources */
    .archive #page-hero .left-column,
    .page-template-template_resources #page-hero .left-column {padding-top: 80px; width: 100%;}
    
    #resources-section h2 {text-align: center;}
    
    /* contact */
    .page-template-template_contact #page-hero {height: auto;}
        .page-template-template_contact #page-hero .left-column {padding: 80px 0; width: 100%;}
    #contact-box .left-column { float: none; width: 100%; padding: 0 40px 40px 40px; }  
    #contact-box .right-column { float: none; width: 100%; padding: 20px 40px; }  
        #contact-box form .button-holder {padding: 50px 0 50px 0;}
    #map-banner { background-size: cover; }
    
    /* mailchimp */
    #footer-contact-section h2 {font-size: 32px;margin: 0 0 20px 0;}
    #mc-embedded-subscribe-form #mce-EMAIL {float: none; height: 48px; max-width: 640px; width: 100%; margin: 10px;}
	
	/*-----------------------------------------------------------------------------------*/
    /* Long Landing Page styling
    /*-----------------------------------------------------------------------------------*/
	

.page-id-1762 li.loyalty {
padding-top: 10px;
	margin-bottom:60px;
}
	
		li.loyalty {
padding-top: 0px;
	margin-bottom:20px;
}
	
	li.app2 {
		padding-top: 0px;
	margin-bottom:30px;
	}

li.control {
padding-top: 0px;
	padding-bottom:10px;
	margin-bottom:10px;
}
	
.page-id-1762 li.control {
padding-top: 10px;
	margin-bottom:10px;
}

li.sales {
padding-top: 10px;
	margin-bottom:10px;
}
	
.page-id-1762 li.sales {
padding-top: 10px;
	margin-bottom:20px;
}

li.upsell {
padding-top: 10px;
	margin-bottom:10px;}

li.offers {
padding-top: 0px;
	margin-bottom:45px;
}
	
	.page-id-1602 li.offers {
padding-top: 0px;
	margin-bottom:45px;
}
	
	li.relationships {
padding-top: 1px;
	margin-bottom:90px;
}

li.app {
padding-top: 1px;
	margin-bottom:90px;
}

li.payments {
padding-top: 1px;
	margin-bottom:45px;
}

li.delivery {
padding-top: 1px;
	margin-bottom:110px;
}

li.marketing {
padding-top: 1px;
	margin-bottom:20px;
}
	
.page-id-1762 li.marketing {
padding-top: 1px;
	margin-bottom:50px;
}

     
}




@media only screen and (max-width: 768px) { 
    
    .flex-viewport {margin: auto; width: 480px;}
	
.page-template-template_long_landing #testimonials .col-md-4 {
    width: 100%;
    margin: 0 auto 30px;
    box-shadow: 0 0 10px #d1d1d1;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
	min-height:200px;
}
	
.page-id-1602 #platform-rows-1 {padding-top: 50px; padding-bottom: 10px;}
.page-id-1602 #platform-rows-1 .row {padding-top: 100px; padding-bottom: 10px;}
.page-id-1602 #platform-rows-1 .row:nth-child(2) {padding-top: 20px; padding-bottom: 10px;}	
.page-id-1562 #platform-rows-2 .row {padding-top: 10px; padding-bottom: 10px;}
	
	.page-id-1602 #platform-rows-2 {display:none;}
	
.page-id-1602 .column-section .image-column {
    margin: 0 auto 0px auto;
}
	.page-id-1562 #page-hero, .page-id-1733 #page-hero {height: 900px;}
	
	.page-id-1602 #page-hero {height: 1200px;}
	
	.page-id-1762 #page-hero {height: 1000px;}
	
	.page-template-template_long_landing #page-hero h1 { font-size:32px; font-weight:700; position: relative; }
.page-template-template_long_landing #page-hero h2 {
    font-size: 28px;
    margin: 40px 0 0px 0;
	}

.page-template-template_long_landing #page-hero p {
    text-align:left;
}

.page-template-template_long_landing h2 {
	font-size: 25px;
}
	
	.page-template-template_long_landing #platform-rows-2 img {max-width:100%}

.page-template-template_long_landing #platform-intro {
    margin-bottom: 20px;
}   
}

@media only screen and (max-width: 640px) { 

    h1, .single #blog-header h1 { font-size:36px; }
    h2, #platform-intro h2  { font-size:27px; }
    
    #page-hero h1 { font-size:36px; text-align: center; }     
    
    /* home */
    #clients-slider-section {padding: 60px 0;}
        #clients-slider-section h2 {font-size: 24px; margin: 0 auto 40px auto;}    
    
    #ordering-solution-section { height: auto; padding: 150px 0 100px 0; }
        #ordering-solution-section .right-column {padding: 0; margin: 0 auto 25px auto;}
            #ordering-solution-section .right-column img { height: auto; max-height: 1000px; width: 90%; max-width: 480px; }
            #ordering-solution-section h1 { font-size:28px; }
            #ordering-solution-section p {font-size: 16px;}   

    #discover-section h2 { font-size: 24px; }
    
    /* platform */
    #platform-rows .row ul li {background-size: 18px 18px; background-position: left 3px; padding: 0 0 0 30px; margin: 10px 0; font-size: 16px;}
    
    /* integration */
    #integration-rows .row {padding-top: 50px; padding-bottom: 50px;}
    
    .integration-logos li {width: 40%; margin: 5%;}

    #industry-partners {padding-top: 50px; padding-bottom: 50px;}
    #industry-partners h2 {font-size: 32px;}
    
    /* resources */
    #resources-section li .content h3 {}
    
    /* footer */
    #footer-contact-section h2 {font-size: 24px;}
    #footer-contact-section {padding: 100px 0 50px 0;}

    /* mailchimp */
    #mc-embedded-subscribe-form #mce-EMAIL {text-align: center;}
      
}

@media only screen and (max-width: 480px) { 
	
    /* logo slider */
    .flex-viewport { width: 300px; margin: auto; overflow: hidden !important; }

    /* platform */
    #platform-rows .row h4 {font-size: 16px;}
    
    #resources-section li .content {min-height: 240px;}
	

}
    

@media only screen and (max-width: 380px) { 
    
    body {font-size: 16px;}
    #page-hero h1, .single #blog-header h1 { font-size: 28px; }
        #page-hero p { font-size:16px; }
 
    /* integration */
    #integration-rows .col-md-8 {padding-left: 0; padding-right: 0;}
    
    /* resources */
    #resources-section li .content {min-height: 260px;}
    #resources-section li .content h3 {font-size: 16px;}
    .author-container .author-content .read-time {display: block; padding: 0; margin: 0 0 0 -4px;}
    .author-container .author-content .read-time::before {display: none;}
	
    
}

@media only screen and (max-width: 320px) { 
    
    /* integration */
    #integration-rows .row h2 {font-size: 24px;}
    .integration-logos li {width: 150px; margin: 40px auto; float: none; height: auto; line-height: 1;}
    .integration-logos li .image-inner { height: auto; line-height: 1;}
    
    #industry-partners p {padding: 60px 0 30px 0;}
    #industry-partners li {width: 150px; margin: 20px auto; float: none; height: auto; line-height: 1;}
    #industry-partners li .image-inner { height: auto; line-height: 1;}
    
}