/*------------------------------------------------------------------
[Table of contents]

1. header / #header
2. header text / .v-center h2
3. product /.product-img
4. subscribe / #subscribe
5. service / .line-service
6. divider / .section-divider
7. team / .team-info-container
8. blog / .author img
9. footer label / .footer-label img
10. contact / .mail

------------------------------------------------------------------*/

/* larger than 2560px */
@media (min-width: 2560px) {
	
	body {
		zoom: 200%;
	}

}	

@media (max-width: 1200px) {
	
	/*-- product --*/
	.product-img{
		width: 300px;
	}
	
	/*-- subscribe --*/
	#subscribe{
		white-space: normal;
	}
	
}

@media (max-width: 768px) {
	
	.slogan, 
	.slogan-white, 
	.slogan-black, 
	.our-team
	{
		font-size: 2.7em;
	}
	
	/*-- product --*/
	.product-desc,
	.blog-desc
	{
		padding-top: 25px;
		padding-bottom: 60px;
	}
	
	.product-desc.last,
	.blog-desc.last
	{
		padding-bottom: 15px;
	}
	
	/*-- service --*/
	
	.service-container{ padding-bottom: 0; }
	
	.line-service{
		margin-bottom: 15px;
	}
	
	.service-wrap{ 
		padding-left: 3.2em;
		padding-right: 3em;
		padding-bottom: 20px;
	}
	
	.service-wrap.last{ padding-bottom:0; }
	
	.service-desc{ 
		padding-right: 0; 
		padding-left: 6.6em; 
	}
	
	/*-- divider --*/
	.section-divider-img h1{ font-size: 3em; }
	
	/*-- team --*/
	.team-info-container{
		padding: 0 15px;
	}
	
	.team-info h3 {
		font-size: 1.6em;
	}
	
	/*-- blog --*/
	.author img{
		padding-bottom: 15px;
	}
	
	/*-- footer --*/
	
	.footer-label{ 
		margin-left: auto; 
		margin-right: auto; 
	}
	
	.footer-widget,
	.footer-link-container,
	.footer-social-container
	{
		text-align: center;
	}
	
	.social-icons{ 
		margin-left: auto;
		margin-right: auto;
	}
	
	.social-icons a{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#subscribe{ margin-top: 4em; }
	
}

@media (max-width: 736px) {
	
	/*-- header --*/
	#header,
	.sect-banner,
	#header.child-page,
	.sect-banner.child-page
	{
		height: 95vh;
	}
	
	.v-center h2{ font-size: 5.2em; }
	
	/*-- product --*/
	.box{ margin-top: 20px; }
	
	#search-container{
		text-align: center;
	}
	
	.related-product{ padding-left: 0; }
	
	.product-wrap{
		margin-left: 0;
		margin-right: 0;
	}
	
	.product-name{ padding-top: 20px; }
	
	/*-- service --*/
	.service-wrap{ 
		padding-left: 1.5em; 
		padding-right: 0em; 
	}
	
	.service-desc{ padding-left: 6.6em; }
	
	/*-- contact --*/
	.mail{
		background-color: #ffe34c;
	}
	
	.site{
		background-color: rgba(0,0,0,.6);
	}
	
}

@media (max-width: 568px) {
	
	/*-- footer label --*/
	.footer-label img{
		padding: 15px 0;
	}
	
}

@media (max-width: 480px) {
	
	.sect-banner .v-center h2{ letter-spacing: 3.5px; }
	
	.v-center h2{ font-size: 3.7em; }
	
	/*-- round link --*/
	.round-link{ 
		/*margin-left: 15px;*/ 
		margin-bottom: 10px; 
	}
	
	.service-wrap{ padding-left: 0; }
	
	/*-- contact --*/
	.mail{
		background-color: #ffe34c;
	}
	
	.site{
		background-color: rgba(0,0,0,.6);
	}
	
}

@media (max-width: 320px) {
	
	/*-- header text --*/
	.v-center h2{ font-size: 4em; }
	
}