div.main {
	padding-top: 9.8vh;
}


#download-button {
	padding-top: 1.84vh;
}

.mockup-image {
	padding-top: 2.5vh;
}

#youtube_section {
	padding-top: 13.34vh;
	padding-bottom: 0;
}

#carousel_section{
	padding-top: 13.34vh;
	padding-bottom: 0;
}

#section{
	margin-top: 13.34vh;
}

#text3 {
	background-color: #fafafa;
	padding-top: 16vh;
	padding-bottom: 16vh;
}

.text3-text {
	color:#333333;
}

.text3-title {
	color:#333333;
	font-size: 1.25rem;
	padding-bottom: 2.02vh;
}

#key-features {
	padding-top: 9.28vh;
	padding-bottom: 9.28vh;
}

#key-features > .row {
	padding-bottom: 6.02vh;
}


#key-features-title {
	font-size:1.5625rem;
}

img.key-features-img {
	padding-bottom: 1.06vh;
}

#key-features p {
	line-height: 150%;
}

#key-features header {
	padding-bottom: 2.13vh;
}

.key-features-text-title {
	font-size: 1.0625rem;
}

.key-features-text {
	font-size: 0.9375rem;
}

#text-4 {
	padding-top: 9.28vh;
	padding-bottom: 9.28vh;
	color: #333333;
}

#text-4 p {
	color: #333333;
	margin-top: 1.06vh;
	font-size: 0.9375rem;
}

#text-4 header p {
	font-size: 1.0625rem;
}


#banner-1 {
	font-size: 1.5625rem;
	color: #ffffff;
}

#banner-2 {
	font-size: 2.1875rem;
	color: #ffffff;
}

#banner-3, #banner-5 {
	font-size: 1.5rem;
	color: #0dc9e5;
}

#banner-4, #banner-6 {
	font-size: 1.125rem;
	color: #ffffff;
}

.owl-carousel figure {
	border:none !important;
}

@media (min-width: 512px){
	#youtube {
		padding-bottom: 48%;
	}
	
	#text-4 img{
		max-width: 110%;
		height: auto;
	}
	
	#text-4 div.feature-box-text-inner{
		width: 110%;
	}
	
	#text-4 header{
		width: 110%;
	}
	
	div.col-xl-2.col-md-3.feature-box-text{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#text3-row {
		padding-bottom: 10.13vh;
	}
	
	#key-features-row {
		padding-bottom: 5.33vh;
	}
	
	#text4-row {
		padding-bottom: 16vh;
	}
	
	#main-title {
		color: #0dc9e5;
		font-size: 3.875rem;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
	}

	#main-title-overview {
		color: #0dc9e5;
		font-size: 3.125rem;
		text-shadow: 0.2px 0.2px 0.22px rgba(0, 0, 0, 0.4);
	}
	
	#main-subtitle, #main-subtitle-overview {
		font-size: 1.562rem;
		line-height: 150%;
		padding-top: 1vh;
		color: #333333;
	}
	#product_overview_text1{
  		font-size:1.2rem;
    }
    #product_overview_text2{
   		font-size:1.5rem;
    }
	
	#basic_text1, #basic_text3{
  		font-size:1.2rem;
  	}
  	#basic_text2{
  		font-size:1.5rem;
  	}
  	
  	#disklock_text1, #disklock_text2{
  		font-size:1.2rem;
  	}
  	#disklock_text3{
  		font-size:1.5rem;
  	}
     #disklockplus_text1, #disklockplus_text2{
    	font-size:1.2rem;
    } 
    #disklockplus_text3{
    	font-size:1.5rem;
    }
    
    #mobile_text1, #mobile_text3{
    	font-size:1.2rem;
    } 
    #mobile_text2{
    	font-size:1.5rem;
    }
    
    #text3 p{
    	font-size:1.2rem;
    }
    
    #sec_title{
    	font-size:2.6rem;
    }
}


@media (max-width:512px){
	#youtube{
		padding-bottom: 60.25%;
	}
	
	div.col-xl-2.col-md-3.feature-box-text{
		padding-left: 30px;
		padding-right: 30px;
	}

	#text3-row, #key-features-row, #text4-row {
		padding-bottom: none;
	}
	
	#main-title {
		color: #0dc9e5;
		font-size: 2.5rem;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
	}
	
	#main-title-overview {
		color: #0dc9e5;
		font-size: 2.7rem;
		text-shadow: 0.2px 0.2px 0.22px rgba(0, 0, 0, 0.4);
	}
	
	#main-subtitle {
		font-size: 15px;
		line-height: 150%;
		padding-top: 3.84vh;
		color: #333333;
	}
	
	#main-subtitle-overview {
		font-size: 15px;
		line-height: 150%;
		padding-top: 3.84vh;
		color: #333333;
	}
	
	.customNavigation .next,
	.customNavigation .prev {
		display:none;
	}
	
	#product_overview_text1{
   		font-size:0.9375rem;
   	}
   
   	#product_overview_text2{
   		font-size:1.0625rem;
  	}
  	
  	#basic_text1, #basic_text3{
  		font-size:0.9375rem;
  	}
  	#basic_text2{
  		font-size:1.0625rem;
  	}
  	
  	#disklock_text1, #disklock_text2{
  		font-size:0.9375rem;
  	}
  	#disklock_text3{
  		font-size:1.0625rem;
  	}
    
    #disklockplus_text1, #disklockplus_text2{
    	font-size:0.85rem;
    } 
    #disklockplus_text3{
    	font-size:1.0625rem;
    }
    
    #mobile_text1, #mobile_text3{
    	font-size:0.9375rem;
    } 
    #mobile_text2{
    	font-size:0.98rem;
    }
    
    #text3 p{
    	font-size:0.9375rem;
    }
    #text3 h3{
    	font-size: 1.0625rem;
    }
    
    #sec_title{
    	font-size:1.3rem;
    }
}

@media (min-width: 1024px){
	div.col-xl-2.col-md-3.feature-box-text{
		padding-left: 30px;
		padding-right: 30px;
	}

}

@media (min-width:512px){
	.customNavigation .next,
   .customNavigation .prev {
       position: absolute;
       top: 55%;
       transform: translateY(-50%);
   }
   
   .customNavigation .next {
       right: -5rem;
   }
   
   .customNavigation .prev {
       left: -4.5rem;
   }

}