@media (min-width: 979px) and (max-width: 1200px) {
	#search-block-form--2 .form-actions { 
		margin-right: -8px;
	}
	
}

@media (min-width: 768px) and (max-width: 979px) { 
	/* Base */
	
	h2 {
		font-size:1.8em;
		line-height: 31px;
	}
	
	header div.social-icons {
		  position: absolute; 
		  overflow: hidden; 
		  clip: rect(0 0 0 0); 
		  height: 1px; width: 1px; 
		  margin: -1px; padding: 0; border: 0;
	}

	header nav ul.nav-main {
		margin-right: -10px;
	}

	/* Thumb Info */
	a.thumb-info span.thumb-info-title {
		font-size: 14px;
	}

	a.thumb-info span.thumb-info-more {
		font-size: 11px;
	}

	/* Hexagon */
	div.hexagon.pull-left-tablet {
		margin-left: -91px;
	}
	
	#search-block-form--2 .form-actions { 
		margin-right: -62px;
	}
	
	/* Navigation */
	
	nav ul.nav-main li a {
    font-size: 11px;
	}
	
	.nav-tabs > li > a, .nav-pills > li > a {
	   
		padding-left: 7px;
		padding-right: 7px;
	}
	
	/* top banner */
	
	.page-top-1 {
		max-height: 500px!important;
	}
	
	.page-top-11 {
		max-height: 700px!important;
	}
	
	.page-top-12 {
		max-height: 512px!important;
	}	
	
		.page-top-5 {
		max-height: 100%!important;
	}
	
		.page-top-13 {
		max-height: 700px!important;
	}
	
		.page-top-14 {
		max-height: 700px!important;
	}
	
		.page-top-15 {
		max-height: 430px!important;
	}
	
		.page-top-16 {
		max-height: 430px!important;
	}
	
		.page-top-17 {
		max-height: 700px!important;
	}
	
	.page-top-1 h1,
	.page-top-11 h1,
    .page-top-13 h1,
	.page-top-14 h1,
	.page-top-sqz h1 {
		font-size: 2.8em;
	}
	
	.page-top-15 h1 {
		font-size: 2.8em;
	}
	
	.page-top-16 h1 {
		font-size: 2.8em;
	}
	
	.page-top-17 h1 {
		font-size: 3.8em !important;
	}
	
	/* background color 3 buckets */
	
	.darkBox3col {
		
	}
	
	.darkBox3col .col {
		font-size: 14px;
	    padding: 30px 30px 10px;
        width: 24%;
		margin:0;
	}
	.gridBox132 h3 {
		font-size:1.8em;
	}
	
	/* software page top banner */
	
	
	.page-top-1 .row {
		margin: 5% 0;
	}
	
	.page-top-3 .row {
		margin: 5% 0;
	}
	
	.page-top-5 .row {
		margin: 5% 0;
	}
	
	.page-top-6 .row {
		margin: 5% 0;
	}
	
	.page-top-7 .row {
		margin: 5% 0;
	}
	
	.page-top-9 .row {
	    margin: 5% 0;
	}
	
	.page-top-10 .row {
	    margin: 5% 0;
	}
	
	.page-top-11 .row {
		margin: 5% 0;
	}
	
	.page-top-12 .row {
		margin: 5% 0;
	}	
	
	.page-top-13 .row {
		margin: 5% 0;
	}
	
	.page-top-14 .row {
		margin: 5% 0;
	}
	
	.page-top-15 .row {
		margin: 5% 0;
	}
	
	.page-top-16 .row {
		margin: 5% 0;
	}
	
	.page-top-17 .row {
		margin: 5% 0;
	}
	
	#navbarmigrate {
		margin: 5% 0;
	}
	
	.textCirc {
	    height: 400px;
	    width: 400px;
	}
	.textCirc h1 {
	    line-height: 52px;
	    padding-top: 14% !important;
	}
	
	/* software icons */

	
	.softIcon p {
		font-size: 13px;
	    line-height: 20px;
	}
	
	/* features boxes */
	
	.featBox p.featured {
	    font-size: 1.2em;
	}
	
	.featureBoxes h3 {
	    font-size: 1.6em;
	}
		
		
	/* software icons */
	
		.icon1 {
			 background-position: -22px -116px;
		}
		.icon2 {
			 background-position: -22px -228px;
		}
		.icon3 {
			 background-position: -22px -340px;
		}
		.icon4{
			 background-position: -22px -452px;
		}
		.icon5 {
			 background-position: -22px -560px;
		}
		.icon5a {
			background-position: -22px -1342px;
		}
		
		
		.softIcons article h2 {
			font-size: 1.2em;
		}
		
		article .icon130 {
			width: 99px;
		}
				
		
		

}

@media (max-width: 767px) { 

	/* Base */
	body.boxed {
		background: none !important;
	}

	header,
	div.slider-container,
	div.slider-container > div.slider > div.tp-bannertimer,
	div.home-intro,
	div.home-concept,
	section.highlight,
	section.featured,
	section.featured.footer,
	section.page-top,
	footer,
	div.footer-copyright,
	div.google-map,
	div.map-section {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.mobile-menu {
	  display: block;
  }  

  .region-header-top .search form {
	  margin-top: 10px;
  }
  
  .md-item-wrap,
  .page-top-1,
  .page-top-3,
  .page-top-5,
  .page-top-6,
  .page-top-7,
  .page-top-8,
  .page-top-9,
  .page-top-10, 
  .page-top-11, 
  .page-top-12,
  .page-top-13,
  .page-top-14,
  .page-top-15,
  .page-top-16,
  .page-top-17,
  .menu-block-4,
  .menu-block-5,
  #navbarmigrate,
  .page-top-sqz { 
	  margin-left: -20px;
	  margin-right: -21px;
  }
	
  .page-top-15 { 
	  margin-left: -20px;
	  margin-right: -21px;
  }
	
  .page-top-16 { 
	  margin-left: -20px;
	  margin-right: -21px;
  }
	
 .page-top-17 { 
	  margin-left: -20px;
	  margin-right: -21px;
  }
  
  .recent-posts {
	  margin-bottom: 50px;
  }
  
  #search-block-form--2 .form-item-search-block-form input[type="text"] {
    width: 200px;
  }

	div.home-intro-compact {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}

	body.boxed div.body {
		border: 0;
		border-bottom: 0;
		border-top: 0;
		box-shadow: none;
		margin: 0;
		width: auto;
	}

	body.boxed header {
		padding: 0;
	}

	header div.search {
		display: block;
		float: none;
		position: absolute;
		right: 0;
		margin: 0;
	}
	
	#search-block-form .form-actions {
	  margin-right: 0px;
	}

	header div.search input {
		width: 77% !important;
	}

	header nav {
		width: 55%;
	}

	header nav select.selectnav {
		display: block;
		margin-top: 58px;
		width: 100%;
	}

	header nav ul.nav-main,
	header div.social-icons {
		display: none;
	}

	header nav ul.nav-top {
		left: 39%;
		position: absolute;
	}

	header .logo {
		margin-right: 10%;
		width: 30%;
	}

	header nav ul.nav-top li.phone {
		display: block;
	}

	header nav ul.nav-top li {
		/*display: none;*/
	}

	a.scroll-to-top.visible {
		display: none;
	}

	.sort-destination,
	.isotope-item,
	.mobile-max-width {
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 380px;
	}

	.mobile-max-width.small {
		max-width: 200px;
	}

	/* Miscellaneous */
	.pull-bottom-phone {
		margin-bottom: 35px;
	}

	.pull-top-phone {
		margin-bottom: 35px;
	}

	/* Flexslider */
	div.flexslider-center-mobile div.flex-viewport {
		margin-left: auto;
		margin-right: auto;
		max-width: 390px;
	}

	div.flexslider-center-mobile.flexslider-simple {
		margin-left: auto;
		margin-right: auto;
		max-width: 390px;
	}

	/* Pricing Tables */
	div.pricing-table {
		margin-left: 0px;
	}

	div.pricing-table div.plan {
		margin-right: 0;
	}
	
	h1 {
		font-size: 2em;
		line-height: 130%;
	}
	
	
	/* top banner */
	
	.page-top-1,
	.page-top-3,
	.page-top-5,
	.page-top-6,
	.page-top-7,
	.page-top-8,
	.page-top-9,
    .page-top-10,
	.page-top-11,
	.page-top-12,
	.page-top-13,
	.page-top-14,
	.page-top-15,
	.page-top-16,
	.page-top-17,
	#navbarmigrate,
	.page-top-sqz {
		width:auto;
		height:auto!important;
	}
	
	.page-top-15 {
		width:auto;
		height:auto!important;
	}
	
	.page-top-16 {
		width:auto;
		height:auto!important;
	}
	
	.page-top-17 {
		width:auto;
		height:auto!important;
	}
	
		
	 /* background color 3 buckets */
	
	.gridBox132 {
		text-align:center;
	}
	
	.gridBox132 h2 {
		margin: 0 0 15px;
	}
	
	.darkBox3col {
		padding-bottom:20px;
	}
		
	.darkBox3col .col {
		font-size: 15px;
		margin: 0;
		padding: 10% 10% 0;
		width: 80%;
	}
	
	.darkBox3col h3 {
		font-size: 1.5em;
		margin: 0 0 20px;
	}
	
	.testBox .testPos {
		font-size: 12px;
	}
	
	
	 /* carousel clients */
	
	#block-views-carousel-block {
		background: #313840;
		margin-left: -20px;
		margin-right: -20px;
		padding: 40px 0;
	}
	
	/* popup announce */
	
	#popup-message-window {
		left: 13% !important;
		top: 8%!important;
		height: auto!important;
		width: 70%!important;
	}
	
	#popup-message-window .imgHero {
		position: absolute; 
		overflow: hidden; 
		clip: rect(0 0 0 0); 
		height: 1px; width: 1px; 
		margin: -1px; padding: 0; border: 0;
	}
	
	
	#popup-message-window h1.popup-message-title {
		font-size: 1.5em!important;
		font-weight: 700!important;
		line-height: 26px!important;
		margin-bottom: 14px!important;
		padding-bottom: 2px;
		text-transform: uppercase;
	}
	

	
	/* software page top banner */
		
		.page-top-1 h1,
		.page-top-11 h1,
		.page-top-12 h1,
		.page-top-13 h1,
		.page-top-14 h1,
		#page-top-teanBan h2,
		.page-top-sqz h1 {
			font-size: 1.9em;
			line-height:28px;
		}
		
	    .page-top-15 h1 {
			font-size: 1.9em;
			line-height:28px;
		}
	
		.page-top-16 h1 {
			font-size: 1.9em;
			line-height:28px;
		}
	
		.page-top-17 h1 {
			font-size: 3.8em !important;
			line-height:28px !important;
		}
	
		.page-top-1 .row {
			margin: 9% 0;
		}

		.page-top-3 .row {
			margin: 9% 0;
		}
		
		.page-top-5 .row {
			margin: 9% 0;
		}
		
		.page-top-6 .row {
			margin: 9% 0;
		}
		
		.page-top-7 .row {
			margin: 9% 0;
		}	
		
		.page-top-8 .row {
			margin: 9% 0;
		}
		
		.page-top-9 .row {
			margin: 9% 0;
		}
		
		.page-top-10 .row {
			margin: 9% 0;
		}
		
		.page-top-11 .row {
			margin: 9% 0;
		}
		
		.page-top-12 .row {
			margin: 9% 0;
		}
		
		.page-top-13 .row {
			margin: 9% 0;
		}
		
		.page-top-14 .row {
			margin: 9% 0;
		}
	
	    .page-top-15 .row {
			margin: 9% 0;
		}
		.page-top-16 .row {
			margin: 9% 0;
		}
	
		.page-top-17 .row {
			margin: 9% 0;
		}
		
	    #navbarmigrate .row {
			margin: 9% 0;
	    }			
			
		.textCirc {
		    height: 250px;
		    width: 250px;
		}
		
		.page-top-1 .lead {
			padding: 0 3%;
		}
		
		.page-top-11 .lead {
			padding: 0 3%;
		}
		
		.page-top-12 .lead {
			padding: 0 3%;
		}
		
		.page-top-13 .lead {
			padding: 0 3%;
		}
		
		.page-top-14 .lead {
			padding: 0 3%;
		}
	
	    .page-top-15 .lead {
			padding: 0%;
		}
	
	    .page-top-16 .lead {
			padding: 0%;
		}
	
	    .page-top-17 .lead2 {
			padding: 0%;
            color: #ffffff;
            font-size: 18px !important;
            font-weight: 200 !important;
            line-height: 30px;
            margin-bottom: 14px;
            margin-top: 40px;
            margin-left: 1%;
            margin-right: 1%;
		}
	
		.page-top-17 .lead3 {
			padding: 0%;
            color: #ffffff;
            font-size: 21px !important;
            font-weight: 100 !important;
            line-height: 61px;
            margin-top: 0px;
            margin-left: 1%;
            margin-right: 1%;
		}
	
		.page-top-17 .lead4 {
			padding: 0%;
            color: #ffffff;
            font-size: 21px !important;
            font-weight: 100 !important;
            line-height: 21px;
            margin-top: 0px;
            margin-bottom: 30px;
            margin-left: 1%;
            margin-right: 1%;
		}
		
		.textCirc .icon-angle-down {
		    font-size: 5em;
		    font-weight: 200 !important;
		    padding-top: 30% !important;
		}
		
		
	
		
		/* software icons */
	
		
		#icons-5 article,
		#icons-6 article {
			 width: 92%;
			 
		}
			
		
		.softIcons article {
		    display: inline-block;
		    padding: 10% 4%;
		   
		}
		
		/* feature boxes */
		
		.featBox {
		    text-align: center;
		}
		
		.featBox img {
		    padding: 20px 0;
		}
		
		
		.mobile-only-img {
			display:inline;
		}
		
		.featureBoxes .imgLeft,
		.featureBoxes2 .imgLeft{
			display:none;
		}
		
		.hideContMob { 
		  position: absolute; 
		  overflow: hidden; 

		  clip: rect(0 0 0 0); 
		  height: 1px; width: 1px; 
		  margin: -1px; padding: 0; border: 0; 
		}
				
				
		/* team banner */	
		#page-top-teanBan .btn-large {
			
			margin-top: 0;
			font-size: 18px;
            padding: 20px 26px;
		}
		
		.page-top-1 .span7 {
			float: right;
			margin-top: 0;
			width: 50%;
			margin-right:2%
		}
		
		.page-top-11 .span7 {
			float: right;
			margin-top: 0;
			width: 50%;
			margin-right:2%
		}
		
		.page-top-13 .span7 {
			float: right;
			margin-top: 0;
			width: 50%;
			margin-right:2%
		}
		
		.page-top-14 .span7 {
			float: right;
			margin-top: 0;
			width: 50%;
			margin-right:2%
		}
	
	    .page-top-15 .span7 {
			float: right;
			margin-top: 0;
			width: 50%;
			margin-right:2%
		}
	
		 .page-top-16 .span7 {
			float: right;
			margin-top: 0;
			width: 50%;
			margin-right:2%
		}
	
		.page-top-17 .span7 {
			float: right;
			margin-top: 0;
			width: 50%;
			margin-right:2%
		}
		
	header nav ul.nav-top {
		margin: 0;
		min-height: 72px;
	}
	
	.colorRows {
	    text-align:center;
		padding: 30px 20px 0;
	}
	
	
	section.page-top .breadCSub {
		
		font-size: 2em;
		line-height: 130%;
	}
	
	.sqzPhone{
		 position: absolute; 
		 overflow: hidden; 
		 clip: rect(0 0 0 0); 
		 height: 1px; width: 1px; 
		 margin: -1px; padding: 0; border: 0; 
		}
	.page-top-sqz h1 {
		
		margin: 4% 2%;
	}
	
	.partnersBox {
		padding-top: 20px;
	}

	
}

@media (max-width: 480px) { 

	/* Base */
	body {
		font-size: 13px;
	}

	h2 {
		 font-size: 1.5em;
    	 line-height: 28px;
	}

	header nav ul {
		/*display: none;*/
	}

	header div.search {
		display: none;
	}

	header nav select.selectnav {
		margin-top: 35px;
	}

	header .logo img {
		width: 100%;
	}
	
	.pull-top {
    margin-top: 20px;
	}
	.pull-bottom {
		margin-bottom: 20px;
	}
	
	.btn-large {
		font-size: 15px;
		font-weight: 700;
		padding: 15px 6%;
	}
	
	.btn,
	a.read-more, a.learn-more {
		display:block;
	}
	
	

	/* Blog */
	ul.comments li {
		border-left: 8px solid #DDDDDD;
		clear: both;
		padding: 0 0 0 10px;
	}

	ul.comments li div.thumbnail,
	ul.comments div.comment-arrow {
		display: none;
	}

	article.post-large-image div.post-image,
	article.post-large-image div.post-date,
	article.post-large-image {
		margin-left: 0;
	}

	/* Page 404 */
	section.page-not-found {
		margin: 0;
	}

	section.page-not-found h2 {
		font-size: 100px;
		letter-spacing: 0;
		line-height: 100px;
	}


	/* Timeline */
	ul.timeline li div.thumb {
		display: none;
	}

	ul.timeline li div.featured-box {
		margin-left: 0;
	}
	
	/* top banner */
	
	.page-top-1 h1,
	.page-top-11 h1,
	.page-top-13 h1,
	.page-top-14 h1,
	.page-top-sqz h1 {
		font-size: 1.9em;
		line-height:28px;
	}
	
	.page-top-15 h1 {
		font-size: 1.9em;
		line-height:28px;
	}
	
	.page-top-16 h1 {
		font-size: 1.9em;
		line-height:28px;
	}
	
	.page-top-17 h1 {
		font-size: 3.8em !important;
        font-weight: 800 !important;
        line-height: 28px;
        margin: 0 0 16px 0;
	}
	
	.page-top-1 .row {
		margin: 9% 3%;
	}
	
	.page-top-11 .row {
		margin: 9% 3%;
	}
	
	.page-top-12 .row {
		margin: 9% 3%;
	}
	
	.page-top-13 .row {
		margin: 9% 3%;
	}
	
	.page-top-14 .row {
		margin: 9% 3%;
	}
	
	.page-top-15 .row {
		margin: 9% 3%;
	}
	.page-top-16 .row {
		margin: 9% 3%;
	}
	
	.page-top-17 .row {
		margin: 9% 3%;
	}
	
	.page-top-5 .row {
		margin: 9% 3%;
	}	
	
	.textBan img {
		max-width: 80%;
	}
	
	.lead {
		font-size: 14px;
		font-weight: 200;
		line-height: 20px;
		margin-bottom: 10px;
		padding: 0 4%;
	}
	
	.lead2 {
		font-size: 14px;
		font-weight: 200;
		line-height: 20px;
		margin-bottom: 10px;
		padding: 0 4%;
	}
	
	.lead3 {
		font-size: 14px;
		font-weight: 200;
		line-height: 20px;
		margin-bottom: 10px;
		padding: 0 4%;
	}
	
	.lead4 {
		font-size: 14px;
		font-weight: 200;
		line-height: 20px;
		margin-bottom: 10px;
		padding: 0 4%;
	}
	
	
	.bigBanner .btn-large {
		font-size: 18px;
		padding: 20px 26px;
	}
	
	.bigBanner2 .btn-large {
		font-size: 18px;
		padding: 20px 26px;
	}
	
	.bigBanner3 .btn-large {
		font-size: 18px;
		padding: 20px 26px;
	}
	
	.bigBanner4 .btn-large {
		font-size: 18px;
		padding: 20px 26px;
	}
	
	
	p.featured {
		font-size: 1.2em;
		line-height: 1.4em;
	}
	
	.page-top-1 {
		
	}

	.page-top-3 {
		
	}
	
	.page-top-5 {
		
	}

	.page-top-6 {
		
	}
	
	.page-top-7 {
		
	}	
	.page-top-8 {
		
	}
	
	.page-top-9 {
		
	}
	
	.page-top-10 {
		
	}
	
	.page-top-11 {
		
	}
	
	.page-top-13 {
		
	}
	
	.page-top-14 {
		
	}
	
	.page-top-15 {
		
	}
	.page-top-16 {
		
	}
	
	.page-top-17 {
		
	}
	
    #navbarmigrate {
	}

		
	 /* background color 3 buckets */
	
	.gridBox132 h3 {
		font-size: 1.5em;
		margin: 0 0 20px;
		text-transform: uppercase;
	}
	
	.gridBox132 h3 {
		font-size: 1.2em;
		margin: 0 0 10px;
	}
	
	 /* 3 buckets */
	
	.bucket .row img {
		width: 70%;
	}
	
	
	 /* 3 MD slider */
	.md-layer-9-0-2 a {
		font-size: 3.8em!important;
		font-weight: 600!important;
	}
	
	.md-object a {
		height: auto!important;
	}
	
	/* software icons */
	
	.softIcons .icon1 {
		margin-top: 25px;
	}
	
	.softIconsBox {
	    margin-top: 20px;
	}
	
	.boxSFull .lead {
	    padding: 2% 12% 0;
	}
	
	/* feature boxes */
	
	.featureBoxes h3 {
	    font-size: 1.5em;
	}
	
	/* contact box */
	
	.contBan a {
		font-size: 3em;
		margin-bottom: 10px;
	}
	
	
	
	
	
		

}

/* Home Concept */
@media (max-width: 1180px) { 

	div.home-concept div.project-image,
	div.home-concept div.process-image {
		margin-left: -50%;
	}

}

@media (max-width: 767px) { 

	div.home-concept {
		background: none;
	}

	div.home-concept span.shadow {
		display: none;
	}

	div.home-concept div.process-image,
	div.home-concept div.project-image {
		margin: 0 auto;
	}
	
   

}

@media (max-width: 380px) { 

	div.home-concept div.project-image {
		margin-left: -13%;
	}
	

}



/* Pricing tables Ray */


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

#pricePlans #plans .plan {
	width: 49%;
	margin: 0 2% 20px 0;
}

#pricePlans #plans .plan4 {
	width: 49%;
	margin: 0 2% 20px 0;
}

#pricePlans #plans > li:nth-child(2n) {
	margin-right: 0;
}

.planContainer .price p span {
	
	font-size:0.4em;
}

.planContainer .title h2,
.plan4 .planContainer .title h2  {
    font-size: 1.6em;
}




.planContainer .options li {
    font-size: 0.8em !important;
    line-height: 2em;
    margin: 0 2.4em !important;
}



}




@media screen and (min-width: 769px) and (max-width: 1px) {

#pricePlans #plans .plan {
	width: 49%;
	margin: 0 2% 20px 0;
}

#pricePlans #plans .plan4 {
	width: 49%;
	margin: 0 2% 20px 0;
}



}

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

#pricePlans {
	margin: 4em auto 2em;
}

.plan4 .planContainer .title h2  {
    font-size: 1.7em;
}


#pricePlans #plans .plan {
	width: 49%;
	/*width: 24%;*/
	margin: 0 1.33% 20px 0;

	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}


#pricePlans #plans .plan4 {
	width: 24%;
	margin: 0 1% 20px 0;
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}



#pricePlans #plans > li:last-child {
	margin-right: 0;
}

#pricePlans #plans .plan:hover,
#pricePlans #plans .plan4:hover {
	-webkit-transform: scale(1.04);
	   -moz-transform: scale(1.04);
	    -ms-transform: scale(1.04);
	     -o-transform: scale(1.04);
	        transform: scale(1.04);
}

.planContainer .button a {
	
}

.planContainer .button a:hover {
	background: #404B56;
	color: #fff;
}

.planContainer .button a.bestPlanButton:hover {
	background: #0092B3;
	border: 2px solid #0092B3;
}

.plan4 .planContainer .options li {
  
    margin: 0 1em !important;
	font-size: 0.9em !important;
	font-weight: 600;
	line-height: 1.3em;
    padding-bottom: 20px !important;
}