@media (min-width: 1920px){
	.home .content h2 { font-size: 40px; }
	
	/*~~~~~~~~~~~~~~~ Hero Section ~~~~~~~~~~~~~~~~~~~~~~*/
	#hero { position: relative; background-image: url(../images/bg-hero-hd.png) !important; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 200px 0; margin-bottom: -50px; }
	
	/*~~~~~~~~~~~~~~~ Waves Section ~~~~~~~~~~~~~~~~~~~~~~*/
	#waves { position: relative; background-image: url(../images/bg-waves-hd.png) !important; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 150px 0; margin-bottom: -60px; }
	
	#ball { padding: 175px 0; margin-bottom: -170px;}
	/*~~~~~~~~~~~~~~~ Boat Section ~~~~~~~~~~~~~~~~~~~~~~*/
	#boat { position: relative; background-image: url(../images/bg-ship-hd.png) !important; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 250px 0; margin-bottom: -200px 0 -80px 0; z-index: 99; }
	
	/*~~~~~~~~~~~~~~~ About Section ~~~~~~~~~~~~~~~~~~~~~~*/
	#about { position: relative; background-image: url(../images/bg-about-hd.png) !important; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding: 270px 0; }	

	/*~~~~~~~~~~~~~~~ Calm Section ~~~~~~~~~~~~~~~~~~~~~~*/
	#calm { padding: 200px 0; }
	
	#media .bio,#media .hero,#pagevlog .hero,#pagetestimonial .hero { padding: 300px; }
}



@media(max-width: 1000px){
	.row { margin: 0; padding: 0 15px; }
	.home .content h2 { font-size:32px; }
	.home .content p { font-size:18px; }
	.home .content div a { font-size: 20px; }
	#hero .home { padding: 50px 0; }
	#testimonial h1 { padding: 0 15px; }
	
	/* Vlog Section */
	#vloghome .vlog-item { padding:10px 0 10px 100px;  }
	#vloghome .vlog-item.right { padding: 10px 100px 10px 0; }
	#vloghome .vlog-item a {  font-size: 25px; width: 675px; top: 32%; left: 28%; }
	#vloghome .vlog-item.right a { left: 5%; }
	
	/* Page */
	#page { padding: 50px 15px; }
	
	#pagevlog .hero,#pagetestimonial .hero { padding: 25px 0; }
	#pagevlog .hero .content h2,#pagetestimonial .hero .content h2 { font-size: 40px; }
	
	/* Media Section */
	#media .hero { padding: 25px 0; }
	#media .hero .content h2 { font-size: 40px; }
	#media .hero .content p { font-size: 18px; }
	#media .topik .topik-list h1 { font-size: 45px; }
	#media .topik .topik-list .topik-item h2 { font-size: 30px; }
	#media .press { padding: 50px 15px;  background-attachment:fixed; background-size: cover; -webkit-background-size: cover; }
	#media .bio { padding: 25px 0 50px 0; }
	#media .bio .content h2 { font-size: 35px; }
	#media .bio .content p { font-size: 18px; }
}

@media(max-width: 980px){	
	#header .logo { text-align: center; }
	#header .logo img { width: 85%; }
	#header nav .mainmenu ul li a { padding: 30px 0; }
	#header nav .mainmenu ul li:last-child a { width: 300px; padding:10px 20px !important; height: auto !important; top: 18px; }	
	/* Ball Section */
	#ball { padding: 45px 0; }
	/* Testimonial Section */
	#testimonial .testimonial-list .testimonial-item .name,#media .testimonial .testimonial-list .testimonial-item .name{ background-size: 80% 100%; -webkit-background-size: 80% 100%; }
	#testimonial .testimonial-list .testimonial-item .name h2,#media .testimonial .testimonial-list .testimonial-item .name h2 { padding: 0; text-align: center; font-size: 22px; }
	/* Vlog Section */
	#vloghome .vlog-item a {  font-size: 25px; width: 600px; top: 32%; left: 28%; }
	#vloghome .vlog-item.right a { left: 9%; top: 35%; width: 600px; }
	
	/* Media Section */
	#media .hero { padding: 40px 0; }
	#media .hero .content { padding: 0 15px; }
	#media .hero .content h2 { font-size: 38px; }
}	

@media(max-width: 920px){
	.mainmenu { display: none; }
	.mobilemenu,.btn-menu-mobile { display: block; }
	
	/* Testimonial  Section */
	#testimonial h1 { font-size: 40px; }
	/* Statistic  Section */
	#statistik h1 { font-size: 40px; }
	
	/* Vlog Section */
	#vloghome .vlog-item .plant { width: 160px; height: 220px; }
	#vloghome .vlog-item { padding:10px 0 10px 100px;  }
	#vloghome .vlog-item.right { padding: 10px 100px 10px 0; }
	#vloghome .vlog-item a {  font-size: 25px; width: 675px; top: 26%; left: 26%; }
	#vloghome .vlog-item.right a { left: 7%; top: 30%; }
}	

@media(max-width: 900px){
	/* Vlog Section */
	#vloghome .vlog-item a,#vloghome .vlog-item.right a {  width: 600px; }	
	#vloghome .vlog-item { padding:8px 0 8px 80px;  }
	#vloghome .vlog-item.right { padding: 8px 80px 8px 0; }	
	#vloghome .vlog-item a {  font-size: 22px;  left: 25%; }
}	

@media(max-width: 800px){
	#hero { padding: 50px 0; }
	.home .content h2 { font-size: 26px; }
	.home .content p { font-size: 15px; }
	.home .content div a { font-size: 17px; }
	/* Testimonial Section */
	#testimonial .testimonial-list .testimonial-item .name,#media .testimonial .testimonial-list .testimonial-item .name { height: 195px; }
	#testimonial .testimonial-list .testimonial-item .desc,#media .testimonial .testimonial-list .testimonial-item .desc { text-align: center; padding: 80px 30px; font-size: 15px; }
	#testimonial .testimonial-list .testimonial-item .name h2,#media .testimonial .testimonial-list .testimonial-item .name h2 { text-align: center; font-size: 22px; }
	/* Vlog Section */
	#vloghome .vlog-item a,#vloghome .vlog-item.right a {  width: 500px; }	
	#vloghome .vlog-item { padding:10px 0 10px 35px;  }
	#vloghome .vlog-item.right { padding: 10px 35px 10px 0; }	
	#vloghome .vlog-item a {  font-size: 20px;  left: 23%; padding: 30px 40px 40px 65px;  }
	#vloghome .vlog-item.right a {  font-size: 20px;  left: 14%; padding: 30px 65px 40px 40px;  }
	
	/* Page */
	#page .single-page h2 { font-size: 35px; }
	
	#media .hero .content h2,#pagevlog .hero .content h2,#pagetestimonial .hero .content h2 { font-size: 30px; }
	#media .hero .content p,#pagevlog .hero .content p,#pagetestimonial .hero .content p { font-size: 16px; }
	#media .topik .topik-list h1 { font-size: 35px; }
	#media .topik .topik-list .topik-item h2 { font-size: 25px; }
	#media .topik .topik-list .topik-item p { font-size: 16px; }
	#media .topik .topik-list .topik-item .btn-topik a { font-size: 18px; padding: 10px 50px; }
	#media .asseenon h2,#media .press .press-content h2,#media .media h1 { font-size: 35px; }
	#media .press .press-content p { font-size: 17px; text-align: center; }
	#media .press .press-content ul li a { font-size: 22px; }
	#media .press .press-content ul li div { font-size: 16px; }
	#media .press .btn-press a,#media .testimonial .btn-testi a { font-size: 25px; }
	#media .bio .content h2 { font-size: 30px; }
	#media .bio .content p { font-size: 16px; }
	
	#pagevlog .hero .content .btn-subscribe a { font-size: 18px; }
	#pagevlog .vlogcategory h2 { font-size: 35px; }
	#pagevlog .vlogcategory p { font-size: 20px; }
	#pagevlog .vloglist h1 { font-size: 35px; }
	#pagevlog .vloglist .vlog-item > .thumb a { background-size: 45px; -webkit-background-size: 45px; }
	
	#pagetestimonial .list-testimonial h1 { font-size: 35px; }
	#pagetestimonial .list-testimonial .testimonial-item .content h2 { font-size: 30px; }
	#pagetestimonial .list-testimonial .testimonial-item .content p { font-size: 16px; }
}

@media(max-width: 640px){
	#header .logo { text-align: left; }
	#header .logo img { width: 30%; }
	#header.fixed .logo img { width: 30%; } 
	
	#about { padding: 70px 0; }
	#testimonial { padding: 35px 0; }
	
	/* Testimonial Section */
	#testimonial .testimonial-list .testimonial-item .desc, #media .testimonial .testimonial-list .testimonial-item .desc { max-width: 300px; margin: 0 auto; font-size: 22px; margin-bottom: -50px; }
	#testimonial .testimonial-list .testimonial-item .name,#media .testimonial .testimonial-list .testimonial-item .name{ background-size:35% 100%; -webkit-background-size: 35% 100%; }
	#testimonial .testimonial-list .testimonial-item .name h2,#media .testimonial .testimonial-list .testimonial-item .name h2 { padding: 0; text-align: center; font-size: 25px; }
	#testimonial h1 { font-size: 30px; }
	/* Statistik Section */
	#statistik h1 { font-size: 30px; }
	#statistik .statistik-item .content { background-size: 100% 80%; -webkit-background-size: 100% 80%; }
	#statistik .statistik-item .content h2 { font-size: 40px; padding: 70px 0 0 0; }
	#statistik .statistik-item .content p { font-size: 20px; }
	/* Vlog Home */
	#vloghome h2 { font-size: 30px; }
	#vloghome .vlog-item .plant { width: 120px;  height: 150px; }
	#vloghome .vlog-item a,#vloghome .vlog-item.right a {  width: 455px; }	
	#vloghome .vlog-item { padding:10px 0 10px 35px;  }
	#vloghome .vlog-item.right { padding: 10px 35px 10px 0; }	
	#vloghome .vlog-item a {  font-size: 18px;  left: 23%; padding: 15px 20px 25px 55px;  }
	#vloghome .vlog-item.right a {  font-size: 18px;  left: 6%; padding: 15px 55px 25px 20px;  }
	
	/* Page */
	#media .hero .content,#pagevlog .hero .content,#pagetestimonial .hero .content { background: rgba(255,255,255,0.8); text-align: center; padding: 15px; border-radius: 8px; }
	#media .topik .topik-list .topik-item { text-align:center; }
	#media .press .btn-press a, #media .testimonial .btn-testi a,#media .media .btn-download a { font-size: 18px; }
	#pagevlog .vlogcategory { padding: 30px 15px; }
	#pagevlog .vlogcategory h2 { font-size: 30px; }
	#pagevlog .vlogcategory p { font-size: 18px; }
	#pagevlog .vlogcategory ul li a { padding: 15px; font-size: 16px; }
	#pagetestimonial .list-testimonial h1 { font-size: 30px; padding: 0 15px 25px 15px; }
	#pagetestimonial .testimonial-item .avatar { display: none; }
	#pagetestimonial .list-testimonial .testimonial-item .content h2 { font-size: 25px; }
	#pagetestimonial .list-testimonial .testimonial-item .content p { font-size: 15px; }
}


@media(max-width: 480px){
	.btn-mobile, .btn-mobile:hover, .btn-mobile, .btn-mobile:active { font-size: 25px; top: 8px; }
	#testimonial .testimonial-list .testimonial-item .desc, #media .testimonial .testimonial-list .testimonial-item .desc { font-size: 15px; }
	#testimonial .testimonial-list .testimonial-item .name h2, #media .testimonial .testimonial-list .testimonial-item .name h2 { padding: 0 100px; text-align: center; font-size: 20px; }
	#statistik .statistik-item .content { height: 220px; }
	#statistik .statistik-item .content h2 { font-size: 25px; padding: 55px 0 0 0; }	
	#statistik .statistik-item .content p { font-size: 15px; }
	#vloghome .vlog-item { display: none; }
	#vloghome .vlog-item-mobile { display: block; }
	
	/* Page */
	#media .press .press-content h2 { font-size: 25px; }
	#media .press .press-content p { font-size: 15px; text-align: center; }
	#media .press .press-content ul li a { font-size: 18px; }
	#media .press .press-content ul li div { font-size: 14px; padding: 10px; }
	#media .press .btn-press a, #media .testimonial .btn-testi a { font-size: 15px; }
}

@media(max-width: 360px){
	.btn-mobile, .btn-mobile:hover, .btn-mobile, .btn-mobile:active { top: 3px; }#testimonial .testimonial-list .testimonial-item .name h2, #media .testimonial .testimonial-list .testimonial-item .name h2 { padding: 0 60px; font-size: 18px;  }
	#statistik .statistik-item { width: 100%; }
	#statistik .statistik-item .content { height: 300px; }
	#statistik .statistik-item .content h2 { font-size: 45px; padding: 65px 0 0 0;  }
	#statistik .statistik-item .content p { font-size: 25px;  }
	
	#media .hero .content h2, #pagevlog .hero .content h2, #pagetestimonial .hero .content h2 { font-size: 25px; }
	
	#pagevlog .hero .content .btn-subscribe a { font-size: 15px; padding: 15px 40px;  }
	#pagevlog .vlogcategory h2 { font-size: 25px; }
	#pagevlog .vlogcategory p { font-size: 15px; }
	#pagevlog .vloglist .vlog-item .desc h2 { font-size: 16px; }
	#pagevlog .vloglist .vlog-item .desc p { font-size: 15px; }
	
	#pagetestimonial .hero .content .inner-content { padding: 20px; }
}