/* Medium devices (desktops, 992px and up) */

@media (max-width: 992px) {
	
	.home-feature {
        margin-top: 40px;
    }
	
	.blockContent2{
		width 			: 100%;
		margin-left 	: -150px;
		padding-left 	: -150px;
	}
    
    .header-blue div.iphone-mockup {
      position: relative;
      max-width: 400px;
      margin: 20px;
      display: block;
      text-align: center;
    }
	
	.emailmaxwidth{
		max-width: 400px;
	}
	

	/* ----------------------CSS Gregastyle---------------------- */
}
/* Small devices (tablets, 767px and up) */

@media (max-width: 767px) {
	
	.home-content {
        text-align: center;
    }
    .header-blue div.iphone-mockup {
      position: relative;
      max-width: 400px;
      margin: 0px;
      display: block;
      text-align: center;
    }
    .service-content {
        margin-left: 0px;
        margin-top: -17px;
    }
    .single-portfolio {
        float: left;
        width: 50%;
    }
    .portfolio-filter {
        text-align: center;
    }
    .portfolio-filter a {
        line-height: 45px;
    }
    .section-title {
        text-align: center;
    }
    .footer-menu {
        text-align: center;
    }
    .footer-content {
        text-align: center;
    }
	
	.tengah{
		display 		: block;
		padding-left 	: 100px;
		padding-right 	: 100px;
		margin-top 		: 5px;
	}
	
	.video {
		width: 100%;
		min-height: 300px;
		object-fit: fill;
	}
	
	.emailmaxwidth{
		max-width: 400px;
	}
	/* ----------------------CSS Gregastyle---------------------- */
}
/* Extra Small Devices (Phone, 480px and up) */

@media (max-width: 480px) {
	#home-area{
		padding-top: 35px;
		margin-top: 35px;
		min-height: 550px;
	}
	
	.jarak{
		padding-top: 35px;
		margin-top: 35px;
	}
	.home-content {
        padding-top: 0px;
		margin-bottom: 30px;
		padding-bottom: 30px;
    }
    .header-blue div.iphone-mockup {
      position: relative;
      max-width: 400px;
      margin: 20px;

      display: block;
      text-align: center;
    }
    .single-portfolio {
        float: left;
        width: 100%;
    }
    #newsletter input[type="email"] {
        font-size: 16px;
    }

	
	/* ----------------------CSS Gregastyle---------------------- */
	
	.blockContent{
		width: 100%;
		margin-left: -30px;
		padding-left: -30px;
	}
	
	.blockContent2{
		width 		 	: 100%;
		margin-left 	: -50px;
		padding-left 	: -50px;
	}
	
	#gambarTabs {
		display: none;
	}
	
	.perantara{
		padding-left: 40px;
	}
	
	.tarikBawah{
		display: block;
		text-align: center;
		margin-top: -50px;
		margin-left: -50px;
	}
	
	.TombolXs{
		width: 100px;
	}
	.tengah{
		display 		: block;
		margin-top 		: 30px;
		margin-left 	: -50px;
	}
	
	.dideketin{
		margin-top 		: -200px;
	}
	
	.logo{
		display 		: block;
		padding-left 	: 50px;
		max-width 		: 150%;
		height 			: auto;
	}
	
	.spasisedikit{
		text-align: center;
		margin-left: 0px;
	}
	
	.footer-content {
        text-align: center;
		margin-top: 30px;
    }
	
	.emailmaxwidth{
		max-width: 400px;
	}


	/* ----------------------CSS Gregastyle---------------------- */
}