@media (max-width: 767px) {
	.home-intro h1 {
		font-size: 35px;
	}
		.home-intro .btn-primary {
			width: 100%;
			margin-bottom: 15px;
		}
		.home-intro .btn-agency {
			width: 100%;
			margin-left: 0;
		}
	.terminal-bg {
		margin-top: 40px;
		min-height: 435px;
	}
	.home-benefits p {
		margin-bottom: 30px;
	}
	.home-platforms img {
		margin-bottom: 35px;
		width: 60%;
	}
	.cta-section h2 {
		font-size: 25px;
	}
	.cta-section .btn-agency {
		width: 90%;
	}
	.agency-section .btn-agency {
		width: 100%;
		margin-bottom: 30px;
	}
	.footer-master {
		padding-top: 0;
	}
	.footer-master h4 {
		margin-top: 50px;
	}
	.footer-master h5 {
		font-size: 40px;
		text-align: center;
		margin-top: 0;
		padding: 10px 0 30px;
	}
	.footer-author {
		text-align: center;
	}
	.plans-section {
		padding-top: 40px;
	}
	.featured-plan-card {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.agency-intro .type-wrap h1 {
		font-size: 30px;
	}
	/* MOBILE NAV */
	.master-header .nav {
		display: none;
	}
	#menuToggle
		{
		  display: block;
		  position: absolute;
		  top: 30px;
		  right: 0;
		  z-index: 1;
		  -webkit-user-select: none;
		  user-select: none;
		}
		
		#menuToggle input
		{
		  display: block;
		  width: 40px;
		  height: 32px;
		  position: absolute;
		  top: -7px;
		  left: -5px;
		  
		  cursor: pointer;
		  
		  opacity: 0; /* hide this */
		  z-index: 2; /* and place it over the hamburger */
		  
		  -webkit-touch-callout: none;
		}
		
		/*
		 * Just a quick hamburger
		 */
		#menuToggle span
		{
		  display: block;
		  width: 33px;
		  height: 4px;
		  margin-bottom: 5px;
		  position: relative;
		  
		  background: #19ABB8;
		  border-radius: 3px;
		  
		  z-index: 1;
		  
		  transform-origin: 4px 0px;
		  
		  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		              opacity 0.55s ease;
		}
		
		#menuToggle span:first-child
		{
		  transform-origin: 0% 0%;
		}
		
		#menuToggle span:nth-last-child(2)
		{
		  transform-origin: 0% 100%;
		}
		
		/* 
		 * Transform all the slices of hamburger
		 * into a crossmark.
		 */
		#menuToggle input:checked ~ span
		{
		  opacity: 1;
		  transform: rotate(45deg) translate(-2px, -1px);
		  background: #19ABB8;
		}
		
		/*
		 * But let's hide the middle one.
		 */
		#menuToggle input:checked ~ span:nth-last-child(3)
		{
		  opacity: 0;
		  transform: rotate(0deg) scale(0.2, 0.2);
		}
		
		/*
		 * Ohyeah and the last one should go the other direction
		 */
		#menuToggle input:checked ~ span:nth-last-child(2)
		{
		  transform: rotate(-45deg) translate(0, -1px);
		}
		
		/*
		 * Make this absolute positioned
		 * at the top left of the screen
		 */
		#menu
		{
		  position: absolute;
		  width: 100vw;
		  margin: -100px 0 0 -327px;
		  padding: 50px;
		  padding-top: 100px;  
		  background: #fff;
		  list-style-type: none;
		  -webkit-font-smoothing: antialiased;
		  transform-origin: 0% 0%;
		  transform: translate(-200%, 0);
		  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
		}
		
		#menu li
		{
		  padding: 10px 0;
		  font-size: 22px;
		  color:#0B223D;
		  font-weight: 600;
		}
			#menu li a {
				color:#0B223D;
				font-weight: 600;
			}
		
		/*
		 * And let's slide it in from the left
		 */
		#menuToggle input:checked ~ ul
		{
		  transform: none;
		}
		.yena-logo {
			margin-top: 40px;
		}
		.master-body .btn-text {
			margin-top: 20px;
			margin-left: 0 !important;
		}
}
@media (max-width:991px) and (min-width: 768px) {
	}
@media (max-width:1199px) and (min-width:992px) {
	
}
@media (min-width: 1200px) {
	}