/* ==========================================================================
   SMALL - 240w
   ========================================================================== */
   
   @media only screen and (min-width: 240px) {	 
   	.posts, .footer-content, .slider-inner{ width: 95%; }
   	.demo{ width: 100%; }
	.padding-slides {
	    padding-left: 2.5% !important;
	}
 .callout--blue {
    margin-left: 0%;
    width: 100%;
}
/* .footer-padding{
	padding: 0rem .5rem .5rem .5rem;
 }*/
 .event-listing {
    display: block;
}
 .event-listing .col-1-5 {
     width: 100%;
     text-align: center;
     min-width: 100%;
}
#hayes {
    transition: all .5s;
    position: relative;
    width: 100%;
    right: 0;
}
#hayes.mobile-open {
    transition: all .5s;
    right: 300px;
}
 .contact-brand a img {
    margin: 0;
    max-width: 80%;
    text-align: left;
}
    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 50000000;
        top: 0;
        right: -300px;        
        background-color: #fff;
        overflow-x: hidden;
        padding-top: 11px;
        transition: 0.5s;
        box-shadow: 0 0px 25px rgba(0,0,0,.5);
    }
       #hayes.mobile-open .sidenav {
           right: 0;
           transition: 0.5s;
       }
       	.mobile-menu-action ul li a {
	    padding: 5px 5px;
	}
       .mobile-menu-action { display: block; }
       .menu-header-container { display: none; }
       #mobile-nav .menu-header-container { display: block; }
       .mobile-menu-action h1 {
            font-size: 22px;
            cursor: pointer;
        }
       .mobile-menu-action .underline:after {
            content: "";
            height: 10px;
            width: 125%;
            background: #4e6cff;
            display: block;
            position: absolute;
            bottom: 4px;
            left: -12.5%;
            z-index: -1;
        }
       #hayes .mobile-menu-action .mobile-menu-a {
           position: relative;
           right: auto;    
           transition: all .5s;
       }
       #hayes.mobile-open .mobile-menu-action .mobile-menu-a {
           position: fixed;
           right: 330px;    
           transition: all .5s;
       }
       .slide--content {
/*            width: 90%;
            position: absolute;
            bottom: 3rem;*/
            z-index: 5555555;
        }
	body { /*overflow-x: hidden;*/ }
        .sub-menu {
/*            padding: 0 2rem; */           
/*            font-family: "proxima-nova-extra-condensed";
            text-transform: uppercase;*/
            font-size: 18px;
        }  

      .sub-menu a {
        display: none;
      }
      .sub-menu select {
        display: inline-block;
        font-family: "proxima-nova-extra-condensed";
        text-transform: uppercase;
        font-size: 18px;
      }
	.alignleft {
		float: none;
		margin: 10px 1em 20px 0;
		width: 100%;
	}
    
	body,
	.content-container,
	.wrapper { min-width: 240px; position: relative;}
       .content-container { position: relative; }
    .page-template-page-fullwidth .section-content .content-container { margin-top: 1em; }       
	h1 { font-size: 43px; }
	h2 { font-size: 22px; }
	h3 { font-size: 20px; }
	h4 { font-size: 16px !important; }
	h5 { font-size: 18px; }
	.blog-post-title { font-size: 20px;  }
	.body-copy p { font-size: 16px !important; }
	.body-copy a { font-size: 16px !important; }.
	.CTA-a { font-size: 18px; }


	.demo-text{
		font-size: 18px;
	}
	.demo-btn-text {
		font-size: 20px;
	}
       .panel { 
           
       }
   .branded-site.home .panel {
       width: 100%;
       margin-bottom: 0; 
       box-shadow: 0 0 25px rgba(0,0,0,.5);
   }
    .hide-mobile,
	.home .flex-direction-nav { /*display: none !important;*/ }
	.main-copy { margin: 5%; }
	.btn {
		width: 100%;
		display: block;
		margin-bottom: 1em;
		margin-top: 2em;
		text-align: center;		
	}

	#content {
		width: 100%;
		padding: 0 5%;
		max-width: 1000px;
		margin: 0 auto;
	}	
	#product-sidebar {
		margin-bottom: 0;
		padding-right: 0;
		width: 100%;
	}
   .product-container.col-3-4 {
	   width: 100%;
   }
	.options--section.visible { display: block; }
 	#search-container { width: 100%; text-align: center; }
	#search--form {
		width: 50%;
		max-width: 400px;		
		display: inline-block;
		border: none;
		height: 48px;
		margin-right: .75em;
		border-radius: 4px;		
	}
	#search--submit {
		display: inline-block;
		width: auto;
		margin-bottom: 0;
		border: none;
		background-color: #5c8a0a;
		color: #fff;
		text-transform: none;
		font-style: none;
		padding: .75em 1.5em;
	}
	   
	.cat--result {
		flex-grow: 1;
		margin: 0 auto 1em;
		text-align: center;
		display: inline-block;
		width: 50%;
        max-width: 190px;
		padding: 1em;
	}
    .result {
        width: 100%;
        margin: 1em 0 2em;
        padding: 0 .5em;
        font-size: 14px;
        float: left;
        min-height: 130px;
    }
    .result.result--small {
        width: 100%;
    }
	.product--list .product--image,
	.product--grid .product--image {
		float: none;
		position: relative;
		width: 100%;
		
		margin-bottom: .5rem;
	}
	.product--list .product,
	.product--grid .product {
		display: block;
		width: 100%;
		margin: 0 0 2em;
		
		
	}   
   .product--list .product--description,
    .product--grid .product--description{ 
		display: block; 
		float: left;
		position: relative;
		width: 100%;	
		
	}
	/* GRID */
	.col-1-1,.col-1-2,.col-1-3,.col-1-4,.col-2-3,.col-3-4, .col-1-5, .col-2-5, .col-4-5 { padding: 0; }
	.wrapper { 
		width: 90%;
		margin: 0 5%;
	}
	.push-1,
	.push-1-2 { margin-left: 0; }
	.col-1-1,
	.col-1-2,
	.col-1-2.full-container,
	.col-1-3,
	.col-2-3,
	.col-3-3,
	.col-3-4 {
		display: block;
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
	}
    header .col-1-4 {
		float: left;
		position: relative;
		width: 50%;
	}		
    header .col-3-4 {
        float: left;
		position: relative;
		width: 50%;   
     }
	/*.candorem,
	footer .col-1-2,
	footer .col-1-4 { text-align: center !important; }*/
	footer .col-1-2,
	footer .col-1-4 { /*min-height: 300px;*/ }
	footer .copyright .col-1-2,
	footer .copyright .col-1-4 { min-height: 0; }
    
    footer { text-align: center !important; }
    footer ul li a { display: none; line-height: 1rem; }
    footer ul li:first-child a { display: block; }
    footer .contact-brand { margin-top: 2rem; }
    footer .contact-brand a img { max-width: 50%; }
       
	/* FLEXSLIDER */		
	.no-hero { margin-top: 3em !important; }
	.flexslider.blank .slides li,
	.flexslider.blank.small .slides li,
	.flexslider.blank.medium .slides li,
	.flexslider.blank.large .slides li,			
	.flexslider.blank { height: 50px !important; min-height: 50px !important;}
	
	.flexslider,
	#speed-bump,
	.flexslider.interior-page { margin-top: 0px !important; }	
	#speed-bump .wrapper { 
		position: relative; 
		height: 100%;			
	}	
	.flexslider .slides > li {
		background-position: center 0px;
		/*overflow: hidden;*/
	}

	.flexslider .slides li {/* height: 240px !important;*/ }
	.home flexslier .slides li { height: 350px !important; }
	.flexslider.small .slides li { height: 150px !important; }
	.home #flexslider-hero.flexslider .slides li {
		height: 520px !important;
	}
	.home #flexslider-hero.flexslider .slides li .btn {
		margin: 0;
	    background: rgba(0,0,0,.3);
	}
	.home #flexslider-hero.flexslider .slides li .btn:hover {
		background: #c82e3e !important;
	}
	#speed-bump .title.left,
	#speed-bump .title.center,	
	#speed-bump .title.right,	
	.slide-cta.left,
	.slide-cta.center,
	.slide-cta.right {
		color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center; 
		width: 90%;
		
		/*top: 20% !important;*/	
	
		font-size: 1.5em;
		line-height: 1em;		
		text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.90);	
	}  
	.slide-cta.center.vert-top { top: 8%; transform: none;     left: 5%;}
	/*.flexslider.small .slides li .slide-cta.center { top: 35% !important; }*/

	.slide-cta span { color: #fff; display: block; }

	.slide-cta p { color: #fff; font-size: 16px; font-family: "open_sansbold"; }
	.slide-cta p span { display: inline-block; height: 8px; width: 8px; border-radius: 50%; background: #fff; margin: 0 1em; vertical-align: middle; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.50);}
	.slide-cta h1 { margin: 0; font-size: 38px; color: #fff;}	
	#speed-bump .title.left,
	#speed-bump .title.center,	
	#speed-bump .title.right {padding: 0;}
	#speed-bump.typewriter a.btn { position: relative; width: 90%; left: 5%; }
	#speed-bump.x-large,
	#speed-bump.image.large {
	  height: 450px;	  
	}
	#speed-bump.x-large .wrapper,
	#speed-bump.large .wrapper { 
		padding-top: 5em;				
	}	

	.flexslider.interior-page { height: 200px; }
	.flexslider.interior-page .slides li { height: 200px !important; min-height: 200px !important; }

	/* HEADER */	
	header {		
		padding: 2em 0;
	    top: 0;
	}	
	#logo-title { 
		text-align: center;
		padding-bottom: 20px; 
	}
	   
	header ul.menu li { margin-left: 0%; }
	header .wrapper {
	  width: 100%;
	  margin: 0;
	  padding: 0 10px;
	}
	.header-container { display: none; }
	.header-container { display: none; }

	.content-container { padding: 0 7%; }
	header .header-left-content {  width: 50%; }	
	header .header-right-content { width: 50%; }	
	header .top-bar .header-left-content { width: 50%; text-align: left;}
	header .top-bar .header-right-content { width: 50%; text-align: right;}	
	header .header-center-content.desktop {  width: 50%; display: none; }	
	header .header-center-content.mobile {  width: 100%; text-align: center; display: block; background: #29b3ff;}		

	header .logo {
		z-index: 9999999;	
		padding: 0;
	    -webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	

}





/* ==========================================================================
   STANDARD PHONE
   ========================================================================== */
@media only screen and (min-width: 321px) {
	.posts, .footer-content, .slider-inner{ width: 95%; }
	.demo{ width: 100%; }
/*	 .footer-padding{
		padding: 0;
	 }*/


}

@media only screen and (min-width: 400px) {
/*	.posts, .footer-content, .slider-inner{ width: 75%; }
	.demo{ width: 90%; }*/
	.wrapper.callout { background-position: center -120%; }	
/*	.padding-slides {
	    padding-left: 12.5% !important;
	}*/


}

@media only screen and (min-width: 480px) {
	.padding-slides {
	    padding-left: 12.5% !important;
	}
	.posts, .footer-content, .slider-inner{ width: 75%; }
	.demo{ width: 90%; }
	.btn {
		width: auto;
		display: block;
		margin-bottom: 1em;
		margin-top: 0;
		text-align: left;		
	}
	.cat--result {	
		width: 50%;
		max-width: 50%;		
	}		
	h1, h1.product-title { font-size: 45px; }
	h2 { font-size: 24px; }
	h3, .CTA-a { font-size: 20px; }
	h4 { font-size: 16px !important; }
	h5 { font-size: 20px; }
	.blog-post-title { font-size: 22px;  }
	.body-copy p { font-size: 16px !important; }
	.body-copy a { font-size: 16px !important; }

	.demo-text{
		font-size: 20px;
	}
	.demo-btn-text {
		font-size: 22px;
	}
	
	.header-container { display: block; }
	.footer-container nav { display: block; }	
	.home .hero { width: 100%; padding-top: 20px; height: 600px; background-position: top right; background-size: cover; text-align: left; }

/*	.flex-direction-nav { display: block !important; }*/
	
	.product--list .product,
	.product--grid .product{
		display: block;
		width: 45%;
   		margin: 0 2% 2em;
		padding: 0;
		
	}

	
}



@media only screen and (min-width: 640px) {
	.demo{ width: 80%; }
}


/* ==========================================================================
   SMALL TABLET
   ========================================================================== */

@media only screen and (min-width: 700px) {
	/*.flexslider .slides li,*/	
	
	.flexslider.small .slides li { height: 250px !important; }

	.slide-cta.center {
		/*top: 40% !important;	 
		left: 12.5%;*/
		width: 75%;
		/*position: relative;		
		text-align: center;	*/
	}	
	.slide-cta.center.vert-top { left: 12.5%; }	
	/*.flexslider.small .slides li .slide-cta.center { top: 64% !important; }*/


		
}


 
/* ==========================================================================
   TABLET / IPAD
   ========================================================================== */

@media only screen and (min-width: 768px) {
/*	.slide--content {
		margin-top: 70px;
	}*/
    .callout--blue {
        margin-left: -15%;
        width: 115%;
    }
    .event-listing {
        display: flex;        
    }
    .event-listing .col-1-5 {
        min-width: 15%;
        width: auto;
        text-align: left;
    }

	 
  	header {		
		padding: 2rem 0 0;
	
	}	  
	.home #flexslider-hero.flexslider .slides li {
		height: 650px !important;
	}	
	
	#logo-title { text-align: left; }
	#search--form {
		width: 50%;
	}
	#search-container { text-align: right; }
	
	h1 { font-size: 45px; }
	h1.product-title { font-size: 32px; } 
	h2 { font-size: 24px; }
	h3, .CTA-a { font-size: 20px; }
	h4 { font-size: 16px !important; }
	h5 { font-size: 20px; }
	.blog-post-title { font-size: 22px;  }
	.body-copy p { font-size: 16px !important; }
	.body-copy a { font-size: 16px !important; }


	.alignleft {
		float: left;		
		width: auto;
	}
	.demo-text{
		font-size: 20px;
	}
	.demo-btn-text {
		font-size: 22px;
	}
	
    .hide-mobile,
	.flex-direction-nav { display: !important; }
	.sticky-icon { display: block; }
	.main-copy { margin: 2em 15%; }

	.tall { height: 540px; }

	#content {
		width: 80%;
		padding: 0;
		max-width: 1000px;
		margin: 0 auto;
	}	
	/*footer .col-1-2,
	footer .col-1-4 { text-align: left !important; }*/
	
	.cat--result {	
		width: 30%;
		max-width: 30%;		
        /*padding: 2em;*/
        padding: 0 1.5em;
	}
    .result {
        width: 33.33%;
        margin: 1em 0 2em;
        padding: 0 .5em;
        font-size: 14px;
        float: left;
        min-height: 130px;
    }
    .result.result--small {
        width: 19.75%;
    }
	.product--list .product--description { 
		display: block; 
		float: left;
		position: relative;
		width: 60%;	
		padding: 0 2.5%;	
	}
	.product--list .product--image {
		float: left;
		position: relative;
		width: 40%;
		padding: 0 2.5%;
		margin: 0;
	}
    .product--list .product {
		display: block;
		width: 100%;
		margin: 0 1em 2em;
		padding: 1em;
		border-bottom: 1px solid #eee;
	}	
	.product--grid .product,
    .product--grid .woocomerce div.product {
		display:inline-block;
		float: left;
		width: 30.75%;	
		margin: 0 1.25% 2em !important;
		padding: 0;
		
		/*-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;*/
	}
	.product--grid .product--image {
		float: none;
		position: relative;
		width: 100%;	
		margin-bottom: .5rem;
		
	}
	.product--grid .product--description { 
		display: block; 
		float: none;
		position: relative;
		width: 100%;	
		
	}
	/* FLEXSLIDER*/
	.slide-cta.center {
		/*top: 35% !important;	
		left: 12.5%;*/
		width: 75%;
		/*position: relative;		
		text-align: center;	*/
	}			
	.slide-cta.center {
		font-size: 3em;
	}
	.home .slide-cta.center {
		/*top: 10% !important;*/	
	}

	.flexslider.small .slides li { height: 250px !important; }
	.flexslider.medium .slides li { height: 350px !important; }
	.flexslider.large .slides li { height: 500px !important; }
	.flexslider.interior-page { height: 630px; }
	.flexslider.interior-page .slides li { height: 630px !important; min-height: 630px !important; }
	.slide-cta h1 { font-size: 72px; }	
	
	/* GRID */	
    .main article {
        float: left;
        width: 70%;
    }
	.main article.full-width {
		width: 100%;
	}
    .main aside {
        float: right;
        width: 27.5%;
    }
	.push-1 { margin-left: 33%; }
	.push-1-2 { margin-left: 50%; }
	.col-1-3 {
		float: left;
		position: relative;
		width: 33.33%;
	}

	.col-1-2 {
		float: left;
		position: relative;
		width: 50%;
	}
	/*.col-1-2.contact-info .col-1-2 {
		width: 100%;
		margin-bottom: 1em;
		padding: 0;
	}*/
	.col-1-2.full-container {
		width: 40%;
		margin-left: 10%;
	}
	.col-1-4 {
		float: left;
		position: relative;
		width: 25%;
	}	
	.col-1-5 {
		float: left;
		position: relative;
		width: 20%;
	}
    .col-2-5 {
        float: left;
		position: relative;
		width: 40%;
    }
	.col-3-4{
		float: left;
		position: relative;
		width: 75%;
	}
    .post-type-archive-technotes .col-3-4 {
        float: left;
        width: 100%;
    }
	.col-4-5 {
		float: left;
		position: relative;
		width: 80%;
	}
	
	.col-1-1.first,
	.col-1-2.first,
	.col-1-3.first,
	.col-1-4.first,
	.col-2-3.first,
	.col-3-3.first,
	.col-1-5.first { padding-left: 0%; }
    .image-grid .col-1-1.first,
	.image-grid .col-1-2.first,
	.image-grid .col-1-3.first,
	.image-grid .col-1-4.first,
	.image-grid .col-2-3.first,
	.image-grid .col-3-3.first,
	.image-grid .col-1-5.first { padding-left: 0%; }
	.col-1-1,
	.col-1-2,
	.col-1-3,
	.col-1-4,
	.col-1-5,
	.col-2-3,
	.col-3-3,
	.col-4-5 { padding: 0 2.5%; }
    .image-grid .col-1-1,
	.image-grid .col-1-2,
	.image-grid .col-1-3,
	.image-grid .col-1-4,
	.image-grid .col-1-5,
	.image-grid .col-2-3,
	.image-grid .col-3-3,
	.image-grid .col-4-5 { padding: 0 .5%; }
    
	.col-1-1.last,
	.col-1-2.last,
	.col-1-3.last,
	.col-1-4.last,
	.col-1-5.last,
	.col-2-3.last,
	.col-3-3.last,
	.col-4-5.last { padding-right: 0%; }	
    .image-grid .col-1-1.last,
	.image-grid .col-1-2.last,
	.image-grid .col-1-3.last,
	.image-grid .col-1-4.last,
	.image-grid .col-1-5.last,
	.image-grid .col-2-3.last,
	.image-grid .col-3-3.last,
	.image-grid .col-4-5.last { padding-right: 0%; }	
	

	.col-1-3.first { padding: 0 2.5% 0 0;}
	.col-1-3 { padding: 0 2.5%; }
	.col-1-3.last { padding: 0 0 0 2.5%; }
    
    .image-grid .col-1-3.first { padding: 0 .5% 0 0;}
	.image-grid .col-1-3 { padding: 0 .5%; }
	.image-grid .col-1-3.last { padding: 0 0 0 .5%; }
	
	.wrapper.callout {
		background-position: center -115%;
	}
	.short { height: auto; min-height: 180px; }
	.tall { height: 540px; }
		
   	.home .main,
	.news-block  { padding: 30px; }
	.home .hero { width: 100%; padding-top: 200px; height: 600px; background-position: center right; background-size: cover; text-align: left; }
	/*.flexslider .slides li,*/
	
	footer .col-1-2.text-right { text-align: right !important; }

	.main article.post { padding: 20px; }
    .header-container,
    .main aside {}
		footer .title h1 { font-size: 1.5em; }
		footer .logo { display: block; }
		footer .newsletter { margin-top: 0; }
	.post .post-thumbnail {
		width: 125px;
		margin: 0 20px 0 0;		
	}		

	
}


/* ==========================================================================
   LARGER THAN IPAD
   ========================================================================== */

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

	/* HEADER */
	header ul.menu li { margin-left: 0%; }
	header .wrapper {
	  width: 100%;
	  margin: 0;
	  padding: 0;
	}
	header .content-container { 	    
    	background-repeat: no-repeat;
    	background-position: -80px -16px;
	}
	header .header-left-content {  width: 42.5%;}	
	header .header-right-content { width: 42.5%;}	
	header .header-center-content.desktop {  width: 15%; display: block; }	
	header .header-center-content.mobile {  width: 100%; text-align: center; display: none; }		
	header ul.menu li a {
	}


	.wrapper.callout .col-1-2.first { padding: 2em 5%; width: 47.5%; }
	.wrapper.callout .col-1-2.last { padding: 2em 0; width: 52.5%; float: right; }
	.wrapper.callout {
		background-position: center center; 
	}

/*    footer { text-align: left !important; }*/
    footer ul li a { display: block; line-height: 1.5rem; }
    footer ul li:first-child a { display: block; }
    footer .contact-brand { margin-top: 0; }
    footer .contact-brand a img { max-width: 80%; }

	
}

/* 960px width and below triggers mobile nav via plugin */

/* iPad 1/2/mini landscape kicks in with this */
@media only screen and (min-width: 980px) {
/*    .sub-menu {
        padding: 0;
    }  
    .sub-menu a {
        display: inline-block;
      }
      .sub-menu select {
        display: none;
      }*/
    header {/*top: 45px;*/}
/*    .mobile-menu-action { display: none; }
    .menu-header-container { display: block; }*/
    
    h1 { font-size: 45px; line-height: 52px; }
	.options--section,
	.options--section.visible { display: block; }
	#product-sidebar {
		margin-bottom: 3em;
	}
	.product-container.col-3-4,
    .post-type-archive-technotes .col-3-4 {
		width: 75%;
	}
	    .panel {        
    }    
    .branded-site.home .panel {
        width: 33.333%;
        box-shadow: none;
    }

	.col-2-3 {
		float: left;
		position: relative;
		width: 66.66%;
	}	
	
	.col-1-4 {
		float: left !important;
		position: relative;
		width: 25% !important;
	}
    .slide--content {
/*        width: 50%;
        position: absolute;*/
        
        z-index: 5555555;
    }
    .slide--content {
        opacity: 1;
/*        bottom: -3rem;*/
        transition: bottom 1s, opacity 1s;
    }
    .flex-active-slide .slide--content {
        opacity: 1;
/*        bottom: 11rem;*/
        transition: bottom 1s, opacity 1s;
    }
    header .col-3-4 {
		float: left;
		position: relative;
		width: 75%;
	}
    .post-type-archive-technotes .col-3-4 {
        float: right;
        width: 70%;
    }
	.product--list.search{
		width:75%;
	}
	
	
	/* END HEADER */	
	.flexslider { margin-top: 0px !important; }
	
}


/* ==========================================================================
   DESKTOP / LAPTOP
   ========================================================================== */

@media only screen and (min-width: 1180px) {
	/*.product--grid .product {		
		width: 22.5%;	
	}*/

	#search--form {
    	width: 70%;
	}
		
	#product-sidebar {
		margin-bottom: 3em;
		padding-right: 3em;
		width: 25%;
	}
   .product-container.col-3-4 {
		width: 75%;
   }
	.content-container { padding: 0 5%; }
	.home .slide-cta.center {
		/*top: 15% !important;*/
		left: 27.5%;
		width: 45%;
		/*position: relative;		
		text-align: center;	*/
	}	

	.flexslider-controls,
    .wrapper {
		/* 1140px - 10% for margins */
        /*width: 1200px; 
        margin: 0 auto;	*/
    }
	header.wrapper {
		width: 90%;
	}	
	header ul.menu li a {

	}
		

	.flexslider.small .slides li .slide-cta.center {
		/*top: 55% !important;*/
	}
	header .logo {
		z-index: 9999999;	
	}	
	
		.cat--result {	
		width: 15%;
		max-width: 20%;		
	}

}


/* ==========================================================================
   LARGE DESKTOP
   ========================================================================== */

@media only screen and (min-width: 1360px) {
	
	.content-container { 
		max-width: 1600px;
		margin: 0 auto;
		/*-webkit-box-shadow: 6px 0px 35px -15px #999, -6px 0px 35px -15px #999;
		-moz-box-shadow: 6px 0px 35px -15px #999, -6px 0px 35px -15px #999;
		box-shadow: 6px 0px 35px -15px #999, -6px 0px 35px -15px #999;*/
	}
    .page-template-page-fullwidth .section-content .content-container { margin-top: 3em; }
	header .content-container { 
		/*-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;*/
	}


}

@media only screen and (min-width: 1520px) {
	header .content-container { 
    	background-position: 0 0;
	}	
    .content-container {
        padding: 0 5%;
    }

}

@media only screen and (min-width: 1120px) {
	.footer-menu-position {
		text-align: right !important;
	}
	header ul li, footer ul li {
	    display: inline-block;
	}
    .mobile-menu-action { display: none; }
    .menu-header-container { display: block; }
}

@media only screen and (max-width: 1170px) {
	.sub-menu {
	    border-top: 1px solid #d7d7d7;
	    border-bottom: 1px solid #d7d7d7;
	}

	.margin-bottom-footer {
		margin-bottom: 2em !important;
	}
	.footer-menu-position {
		display: none;
	}
	header ul li {
	    padding-top: 5px;
	}
	header ul {
	    margin-left: 1rem;
	}
	.sidebar-responsive {
    	width: 100%;
	    padding-right: 0;
	}
	.blog-content-container {
		width: 100%;
	}
    .mobile-menu-action { display: block; }
    .menu-header-container { display: none; }
}

@media only screen and (min-width: 768px) {
	.header-menu-position {
		text-align: right !important;
	}
	.demo-background-size {
		background-size: 100% 100%;
	}
}

@media only screen and (min-width: 1024px) {
	.margin-top-bottom-demo {
	    margin-bottom: 55px !important;
	    margin-top: 27px !important;
	}
	.btn-demo-position {
		text-align: right !important;
	}
	.headline-demo-position {
		margin-bottom: 0;
	}
/*	.border-right {
	    border-right: 1px solid gray;
	}*/
/*	.footer-content-margin {
		margin-top: 75px;
	}
	.page-template-page-contact .footer-content-margin {
	    margin-top: 18px !important;
	}
	.mobile-integration {
		display: none;
	}*/

}

@media only screen and (max-width: 1022px) and (min-width: 768px) {
	.margin-top-bottom-demo {
		bottom: 6px;
	}
}

@media only screen and (max-width: 1040px) {
	.demo .col-1-2 {
	    min-height: 0;
	    height: auto;
	    width: 100%;
	}

/*	.select-wrapper:after {
	    right: 0px;
	}*/
/*	.flex-direction-nav { display: none !important; }
	.center-image-mobile {
		text-align: center;
	}*/
/*	.text-align-footer {
		text-align: center !important;
	}*/
	.margin-top-bottom-demo {
	    margin-bottom: 0px !important;
	    margin-top: 0px !important;
	    padding-top: 0px;
	    padding-top: 10px !important;
	    padding-bottom: 10px !important;
	}
	.btn-demo-position {
		text-align: center !important;
		padding-bottom: 18px;
	}
	.headline-demo-position {
		text-align: center !important;
		margin-bottom: 8px;
		padding-top: 10px;
	}
/*	.footer-content-margin {
		margin-top: 0px;
	}
	.page-template-page-contact .footer-content-margin {
	    margin-top: 18px !important;
	}
	.solution-features-img-container {
		width: 20%;
	    display: inline-block;
	    vertical-align: top;
	    margin-right: 1em;
	}*/
/*	.solution-features-img-container img {
		margin-top: 0;
	}
	.solution-features-body-container {
	    width: 64%;
	    display: inline-block;
	}
	.solution-features-body-container h4 {
		width: 75%;
	}
	.desktop-integration {
		display: none;
	}*/
}

@media only screen and (min-width: 768px) {
	#menu-footer-submenu li {
		display: inline-block !important;
	}
	.flex-control-nav {
		display: none !important;
	}
	.border-right {
	    border-right: 1px solid gray;
	}
	.footer-content-margin {
		margin-top: 75px;
	}
	.page-template-page-contact .footer-content-margin {
	    margin-top: 18px !important;
	}
	.mobile-integration {
		display: none;
	}

}

@media only screen and (max-width: 767px) {
	.margin-bottom-mobile {
		margin-bottom: 1em;
	}
	.margin-bottom-mobile-2x {
		margin-bottom: 2em;
	}
	.margin-top-mobile {
		margin-top: 1em !important; 
	}
	.select-wrapper:after {
	    right: 0px;
	}
	.flex-direction-nav { display: none !important; }
	.center-image-mobile {
		text-align: center;
	}
	.text-align-footer {
		text-align: center !important;
	}
	.footer-content-margin {
		margin-top: 0px;
	}
	.page-template-page-contact .footer-content-margin {
	    margin-top: 18px !important;
	}
	.solution-features-img-container {
		width: 20%;
	    display: inline-block;
	    vertical-align: top;
	    margin-right: 1em;
	}
	.solution-features-img-container img {
		margin-top: 0;
	}
	.solution-features-body-container {
	    width: 64%;
	    display: inline-block;
	}
	.solution-features-body-container h4 {
		width: 75%;
	}
	.desktop-integration {
		display: none;
	}
}

@media only screen and (max-width: 860px) {
    .demo-content-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
/*	.single-post .flex-direction-nav .flex-prev {
	    opacity: 1;
	    left: -15px !important;;
	}
	.single-post .flex-direction-nav .flex-next {
	    opacity: 1;
	    right: -15px !important;
	}*/
}

@media only screen and (min-width: 1180px) {
	.modal-btn-padding {
		padding: 11px 6.4rem 11px 6.4rem !important;
		border: none;
	}
	.linkedin-contact-page-desktop{
		margin-top: 8px;
	}
	.mail-contact {
	    margin-left: -40px;
	    margin-right: 40px;
	}
	.contact-links {
		display: inline-block;
	}
}

@media only screen and (max-width: 1179px) {
	.modal-btn-padding {
		padding: 11px 5.6rem 11px 5.6rem !important;
		border: none;
	}
	.contact-links, .contact-name, .contact-title {
		width: 73% !important;
	}
   .mailing-list-position {
/*   		width: 100% !important;
   		margin-top: 20px !important;*/
   }
   .mailing-input-position {
/*   		width: 100% !important;*/
   }
}

@media only screen and (min-width: 768px) {
	.mobile-arrow {
		display: none !important;
	}
	.blue-gradient {
    	background-size: 101% auto !important;
	    background: rgb(15,133,188);
	    background: -moz-linear-gradient(90deg, rgba(15,133,188,1) 30%, rgba(9,116,166,1) 52%, rgba(5,102,148,1) 77%);
	    background: -webkit-linear-gradient(90deg, rgba(15,133,188,1) 30%, rgba(9,116,166,1) 52%, rgba(5,102,148,1) 77%);
	    background: linear-gradient(90deg, rgba(15,133,188,1) 30%, rgba(9,116,166,1) 52%, rgba(5,102,148,1) 77%);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f85bc",endColorstr="#056694",GradientType=1);
	}
	.pricing-integration {
/*		margin-top: 9em !important;*/
	}
}

@media only screen and (max-width: 767px) {
	.text-align-footer a {
	    display: block !important;
	    padding-bottom: 8px;
	}
	.pricing-integration {
		margin-top: 4em;
	}
	.social-blog {
		margin-top: -43px;
	}
	.blue-box-subline {
		max-width: 75%; 
		margin: auto;
	}
	.blue-box-section {
		width: 100%;
	}
	.desktop-arrow {
		display: none !important;
	}
	.blue-gradient {
	    background-size: 101% auto !important;
		background: rgb(15,133,188);
		background: -moz-linear-gradient(180deg, rgba(15,133,188,1) 30%, rgba(9,116,166,1) 52%, rgba(5,102,148,1) 77%);
		background: -webkit-linear-gradient(180deg, rgba(15,133,188,1) 30%, rgba(9,116,166,1) 52%, rgba(5,102,148,1) 77%);
		background: linear-gradient(180deg, rgba(15,133,188,1) 30%, rgba(9,116,166,1) 52%, rgba(5,102,148,1) 77%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f85bc",endColorstr="#056694",GradientType=1);
	}
	.blue-numbers {
	    left: 85px !important;
	}
	.text-center-tablet {
		text-align: center;
	}
	.solutions-group {
		width: 100% !important;
		text-align: center !important;
	    margin-bottom: 25px;
	}
}

@media only screen and (max-width: 903px) {
	.header-help {
		display: none !important;
	}
	.login-header {
		margin-left: 0px;
	}
/*	#hayes.mobile-open mobile-menu-a {
			margin-right: 1.5rem;
	}*/
}

@media only screen and (max-width: 328px) {
	.blue-numbers {
	    left: 0px !important;
	}
}

@media only screen and (min-width: 768px) {
	.blue-numbers {
	    position: relative;
	    top: 200px;
	    left: 35px;
	}
	.blue-numbers-container {
	    max-width: 127px;
	    height: auto;
	}
	.number-1 {
	    width: 91%;
	    height: auto;
	}

	.number-2 {
	    width: 100%;
	    height: auto;
	}
}

@media only screen and (min-width: 1032px) {
	.blue-numbers {
	    position: relative;
	    top: 200px;
	    left: 100px;
	}
}

@media only screen and (min-width: 1148px) {
	.blue-numbers {
	    position: relative;
	    top: 200px;
	    left: 130px;
	}
}

@media only screen and (min-width: 1282px) {
	.blue-numbers {
	    position: relative;
	    top: 200px;
	    left: 160px;
	}
}

@media only screen and (min-width: 980px) {
	.border-bottom-article {
	    margin-top: 100px;
	}
}

@media only screen and (max-width: 979px) {
	.border-bottom-article {
	    margin-top: 100px;
	}
	.solutions-group {
		width: 50%;
		text-align: center !important;
	    margin-bottom: 25px;
	}
}

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


}

@media only screen and (max-width: 399px) {
 	.login-header {
 		margin-left: 0px;
 	}
 	.btn-mobile-menu-solid{
	    font-size: 12px;
	    padding: 8px 18px 8px 18px;
	    margin-left: 0px !important;
 	}
 	.logo-width img {
 		max-width: 250px;
 	}
 	.mobile-menu-a {
 		margin-top: 18px;
 	}
}

@media only screen and (min-width: 616px) {
 	.login-sidebar {
 		display: none !important;
 	}
}

@media only screen and (max-width: 615px) {
 	.login-header {
 		display: none !important;
 	}
}

@media only screen and (min-width: 768px) and (max-width: 808px) {
 	.headline-2-integrations {
 		left: -30px !important;
 	}
}

@media only screen and (min-width: 809px) and (max-width: 870px) {
 	.headline-2-integrations {
 		left: -31px !important;
 	}
}

@media only screen and (min-width: 871px) and (max-width: 932px) {
 	.headline-2-integrations {
 		left: -32px !important;
 	}
}

@media only screen and (min-width: 933px) and (max-width: 994px) {
 	.headline-2-integrations {
 		left: -33px !important;
 	}
}

@media only screen and (min-width: 995px) and (max-width: 1056px) {
 	.headline-2-integrations {
 		left: -34px !important;
 	}
}

@media only screen and (min-width: 1057px) and (max-width: 1117px) {
 	.headline-2-integrations {
 		left: -35px !important;
 	}
}

@media only screen and (min-width: 1118px) and (max-width: 1179px) {
 	.headline-2-integrations {
 		left: -36px !important;
 	}
}

@media only screen and (min-width: 1180px) and (max-width: 1186px) {
 	.headline-2-integrations {
 		left: -37px !important;
 	}
}

@media only screen and (min-width: 1335px) and (max-width: 1519px) {
 	.headline-2-integrations {
 		left: -40px !important;
 	}
}

@media only screen and (min-width: 1520px) {
	.headline-2-integrations {
	    left: -38px !important;
	}
	.upper-dot-desktop-right {
		left: 9px;
	}
}

@media only screen and (min-width: 1170px) {
	.sub-menu {
	    /*padding: 14px 2%;*/
	    padding: 0 7%;
	}  
	.sub-menu a {
	    display: inline-block;
	  }
	.sub-menu select {
		display: none;
	}
}

@media only screen and (min-width: 1180px) {
	.sub-menu {
	    /*padding: 14px 2%;*/
	    padding: 0 5%;
	}  
	.sub-menu a {
	    display: inline-block;
	  }
}

@media only screen and (min-width: 799px) and (max-width: 889px) {
 	#hayes.mobile-open .login-header {
 		margin-right: 12px !important;
 	}
}

@media only screen and (min-width: 700px) and (max-width: 798px) {
 	#hayes.mobile-open .login-header {
 		margin-right: 25px !important;
 	}
}

@media only screen and (min-width: 600px) and (max-width: 699px) {
 	#hayes.mobile-open .login-header {
 		margin-right: 40px !important;
 	}
}

@media only screen and (min-width: 500px) and (max-width: 599px) {
 	#hayes.mobile-open .login-header {
 		margin-right: 55px !important;
 	}
}

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

 	#hayes.mobile-open .login-header {
 		display: none !important;
 	}
 	#hayes.mobile-open .mobile-menu-a {
 		right: 384px !important;
 	}
}

@media only screen and (max-width: 660px) {
 	#hayes.mobile-open .login-header {
 		display: none !important;
 	}
 	#hayes.mobile-open .mobile-menu-a {
 		right: 380px !important;
 	}
}

@media only screen and (max-width: 588px) {
 	#hayes.mobile-open .login-header {
 		display: none !important;
 	}
 	#hayes.mobile-open .mobile-menu-a {
 		right: 374px !important;
 	}
}

@media only screen and (max-width: 534px) {
 	#hayes.mobile-open .login-header {
 		display: none !important;
 	}
 	#hayes.mobile-open .mobile-menu-a {
 		right: 364px !important;
 	}
 	h1 {
 		font-size: 40px;
 	}
}

@media only screen and (max-width: 404px) {
 	h1 {
 		font-size: 36px;
 	}
}

@media only screen and (max-width: 574px) {
 	.page-template-page-integration h1 {
 		font-size: 40px !important;
 	}
}

@media only screen and (max-width: 518px) {
 	.page-template-page-integration h1 {
 		font-size: 36px !important;
 	}
}

@media only screen and (max-width: 375px) {
 	.page-template-page-integration h1 {
 		font-size: 32px !important;
 	}
}

@media only screen and (max-width: 479px) {
 	#hayes.mobile-open .login-header {
 		display: none !important;
 	}
 	#hayes.mobile-open .mobile-menu-a {
 		right: 312px !important;
 	}
	.lower-dot-inner-desktop {
	    top: 67px;
	}
	.lower-dot-inner-mobile {
	    top: 49px;
	}
}

@media only screen and (max-width: 389px) {
 	#hayes.mobile-open .sidenav {
 		width: 240px !important;
 	}
 	#hayes.mobile-open {
 		right: 241px !important;
 	}
 	#hayes.mobile-open .mobile-menu-a {
 		right: 252px !important;
 	}
}

@media only screen and (min-width: 1122px) {
    .mobile-menu-action { display: none; }
    .menu-header-container { display: block; }
    .what-is-ct-desktop {display: block;}
    .what-is-ct-mobile {display: none;}
}

@media only screen and (max-width: 1121px) {
    .mobile-menu-action { display: block; }
    .menu-header-container { display: none; }
        .what-is-ct-desktop {display: none;}
    .what-is-ct-mobile {display: block;}
}
@media only screen and (min-width: 1122px) {
	.header-btns-container {
		right: 21px;
	}
}
@media only screen and (min-width: 1132px) {
	.header-btns-container {
		right: 19px;
	}
}
@media only screen and (min-width: 1142px) {
	.header-btns-container {
		right: 17px;
	}
}
@media only screen and (min-width: 1152px) {
	.header-btns-container {
		right: 15px;
	}
}
@media only screen and (min-width: 1162px) {
	.header-btns-container {
		right: 13px;
	}
}
@media only screen and (min-width: 1172px) {
	.header-btns-container {
		right: 11px;
	}
}

@media only screen and (min-width: 1182px) {
	.header-btns-container {
		right: 9px;
	}
}
@media only screen and (min-width: 1192px) {
	.header-btns-container {
		right: 7px;
	}
}
@media only screen and (min-width: 1202px) {
	.header-btns-container {
		right: 5px;
	}
}
@media only screen and (min-width: 1215px) {
	.header-btns-container {
		right: 3px;
	}
}
@media only screen and (min-width: 1216px) {
	.header-btns-container {
		right: 0px;
	}
}


@media only screen and (max-width: 1050px) {
 	.footer-nav-links {
 		display: none;
 	}
}

@media only screen and (min-width: 401px) {
	.home-h1 {
		font-size: 55px !important;
	}
}

@media only screen and (max-width: 400px) {
	.home-h1 {
		font-size: 45px !important;
	}
}
@media only screen and (min-width: 861px) {
	.flexslider:hover .flex-prev { padding: 0 75px !important }
	.flexslider:hover .flex-next { padding: 0 75px !important }
	.flex-direction-nav a {
	    padding: 0 75px !important;
	}
}

@media only screen and (max-width: 1400px) {
	.home-hero-inner {
		max-width: 75%;
	}
}

@media only screen and (max-width: 479px) {
	.home-hero-inner {
		max-width: 95%;
	}
}
@media only screen and (min-width: 769px) {
	.dot-container-desktop-right {
		left: 49.5% !important;
	}
}
@media only screen and (min-width: 777px) {
	.dot-container-desktop-right {
		left: 49.6% !important;
	}
}
@media only screen and (min-width: 808px) {
	.dot-container-desktop-right {
		left: 49.7% !important;
	}
}
@media only screen and (min-width: 870px) {
	.dot-container-desktop-right {
		left: 49.8% !important;
	}
}
@media only screen and (min-width: 901px) {
	.dot-container-desktop-right {
		left: 49.9% !important;
	}
}
@media only screen and (min-width: 932px) {
	.dot-container-desktop-right {
		left: 50% !important;
	}
}
@media only screen and (min-width: 994px) {
	.dot-container-desktop-right {
		left: 50.1% !important;
	}
}
@media only screen and (min-width: 1056px) {
	.dot-container-desktop-right {
		left: 50.2% !important;
	}
}
@media only screen and (min-width: 1118px) {
	.dot-container-desktop-right {
		left: 50.3% !important;
	}
}
@media only screen and (min-width: 1180px) {
	.dot-container-desktop-right {
		left: 50.5% !important;
	}
}
@media only screen and (min-width: 1243px) {
	.dot-container-desktop-right {
		left: 50.6% !important;
	}
}

@media only screen and (min-width: 1364px) {
	.dot-container-desktop-right {
		left: 50.8% !important;
	}
}
@media only screen and (min-width: 769px) {
	.custom-integration-container {
		padding: 0 11% !important;
	}
}
@media only screen and (min-width: 1180px) {
	.custom-integration-container {
		padding: 0 8% !important;
	}
}

@media only screen and (min-width: 401px) {
	.slide-content-hero-home {
	    width: 79%;
		bottom: 2.5rem !important;
	}
	.slide-content-hero-home h1 {
		font-size: 48px !important;
	}
}

@media only screen and (min-width: 428px) {
	.slide-content-hero-home {
	    width: 74%;
		bottom: 2.5rem !important;
	}
	.slide-content-hero-home h1 {
		font-size: 48px !important;
	}
}

@media only screen and (min-width: 569px) {
	.slide-content-hero-home {
	    width: 73%;
		bottom: 3rem !important;
	}
}

@media only screen and (min-width: 726px) {
	.slide-content-hero-home {
	    width: 76%;
		bottom: 7rem !important;
	}
}

@media only screen and (min-width: 745px) {
	.slide-content-hero-home {
		width: 68%;
	}
}

@media only screen and (min-width: 980px) {
	.slide-content-hero-home {
		bottom: 8rem !important;
	}
}

@media only screen and (min-width: 1161px) {
	.slide-content-hero-home {
		bottom: 8rem !important;
		width: 47%;
	}
}

@media only screen and (min-width: 240px) {
	.page-hero {
		top: 77px;
	}
	.posts-container-home {
		padding-top: 89px
	}
	.slide--content h1 {
		font-size: 24px !important;
		font-weight: 300 !important;
	}
}

@media only screen and (min-width: 400px) {
	.page-hero {
		top: 89px;
	}
	.posts-container-home {
		padding-top: 89px
	}
}
@media only screen and (min-width: 401px) {
	.slide--content h1 {
		font-size: 32px !important;
		font-weight: 300 !important;
	}
}

@media only screen and (min-width: 780px) {
	.slide--content h1 {
		font-size: 36px !important;
		font-weight: 300 !important;
	}
}

@media only screen and (min-width: 1080px) {
	.slide--content h1 {
		font-size: 42px !important;
		font-weight: 300 !important;
	}
}

@media only screen and (min-width: 1121px) {
	.page-hero {
		top: 122px;
	}
	.posts-container-home {
		padding-top: 112px
	}
}