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



Template name: Olive Zaitun

Author: del-code

Version: 1.0



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



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

[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: 140vh;

	}

	

	.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;

	}


	.v-center h2{ font-size: 3em; }

	
.sect-banner .v-center p {

    font-size: 2em;
}

	

}



@media (max-width: 480px) {

	

	/*-- 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);

	}


	.v-center h2{ font-size: 2em; }

	
.sect-banner .v-center p {

    font-size: 1em;
}
	

}



@media (max-width: 320px) {

	

	/*-- header text --*/

	.v-center h2{ font-size: 2em; }

	
.sect-banner .v-center p {

    font-size: 1em;
}
}