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

	:root {
		--font-size-12:10px;
		--font-size-14:12px;
		--font-size-16:14px;
		--font-size-18:16px;
		--font-size-20:18px;
		--font-size-24:20px;
		--font-size-30:24px;
		--font-size-34:30px;
		--font-size-60:28px;
	}


.headingbox .content h3 {
    font-size: 30px;
}

	.logo
	{
		width: 330px;
	}
	
	.headingbox .content .big {
    padding-right: 0px;
}

	.header-typo .text-1 {
	    font-size: 24px;
	}

	.header-typo .text-2 {
	    font-size:14px;
	}
	.header-typo .comingsoon {
	    font-size: 36px;
	}
	.index-img {
	    /*left: -50%;
	    margin: auto;
	    width: 150%;*/
        left: 0%;
        margin: auto;
        width: 100%;
	}
	.coming-sec  {
	    max-height: 80vh !important;
	    min-height: 80vh !important;
	}
	.coming-sec .header-typo {
	    padding-top: 140px;
	}
	.header-typo {
	    width: 100%;
	    padding-top: 100px;
	    text-align: left;
	}
	.hdr-list
	{
		text-align: left;
		font-size: var(--font-size-14);
	}
	.header-sec {
	    min-height: 80vh;
	}
	.short-line {
	    width: 60px;
	}

	
	.footer-align .flex-center,.footer-align .flex-end
	{
		justify-content: flex-start;
	}

	.ft-logo img
	{
		max-width: 220px !important;
	}
	
}
@media screen and (max-width: 767px){
	:root {
		--font-size-12:10px;
		--font-size-14:12px;
		--font-size-16:14px;
		--font-size-18:16px;
		--font-size-20:18px;
		--font-size-24:20px;
		--font-size-30:24px;
		--font-size-34:30px;
		--font-size-40:28px;
		--font-size-50:36px;
	}
	
	.header-sec
	{
		height: auto;
		background-size:cover;
		min-height: 80vh;
	}
	.header-typo
	{
		padding-top: 120px;
		
	}
	.obj-d-1, .obj-c-1 {
	    width: 24% !important;
	    top: 5%;
	}

	.header-text-right
	{
	    position: relative; 
	    left:0%; 
	    height: 40px;
	}

	.foto-voorbeeld
	{
	    width:300px !important; 
	    display: none;
	}


	.respotext
	{
		font-size:12px;
	}

	.hide-mobile
	{
		display:none;
	}

	.hide-normal
	{
		display: unset !important;
	}
}	



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

	.header-typo {
	    width: 100%;
	}
	.obj-d-1,.obj-c-1
	{
		width: 40%;
		top: 5%;
	}
	.r-1-svg {
	    width: 100%;
	}
	.r-2-svg {
	    top: -6%;
	}
	
	.ft-logo img
	{
		max-width: 200px;
	}

	.form-box-wrapper
	{
		margin-bottom: 30px;
	}
}


@media screen and (min-width: 1800px){
	:root {
		--font-size-10: 14px;
	    --font-size-12: 16px;
	    --font-size-14: 20px;
	    --font-size-16: 22px;
	    --font-size-18: 24px;
	    --font-size-20: 30px;
	    --font-size-24: 36px;
	    --font-size-30: 40px;
	    --font-size-34: 44px;
	    --font-size-60: 70px;
	}
	.container {
	    max-width: 1600px;
	}

}


/* iPads and iphones  (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 

	.header-sec {
	    min-height: 80vh;
	}
	.header-typo {
	    padding-top: 120px;
	}
	.logo {
	    width: 420px;
	}

	.obj-d-1, .obj-c-1 {
	    width: 25%;
	    top: 2%;
	}
	.ft-logo img
	{
		max-width: 200px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) {

	.header-sec {
	    min-height: 60vh;
	}
	.header-typo {
	    padding-top: 130px;
	}
	.logo {
	    width: 420px;
	}

	.obj-d-1, .obj-c-1 {
	    width: 25%;
	    top: 2%;
	}

 }

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) 
  { 
  	.header-sec {
	    min-height:80vh;
	}
	.obj-d-1, .obj-c-1 {
	    width: 25%;
	    top: 2%;
	}

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  	.header-sec {
	    min-height:140vh;
	}	
	.logo {
	    width: 340px;
	}
	.obj-d-1, .obj-c-1 {
	    width: 25%;
	    top: 2%;
	}

}