/*

Free Html5 Responsive Templates

Author: Kimmy Tran

Author URI: http://www.zerotheme.com/

*/

html {

   -webkit-text-size-adjust: none;

}

.video embed,

.video object,

.video iframe {

   width: 100%;

   height: auto;

}

img{

	max-width:100%;

	height: auto;

   	width: auto\9; /* ie8 */

}



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

@media only screen and (width:1024px) and (height:768px){
	
#page6{ width:100% !important; margin:0px auto; height:auto; padding-bottom:66px !important; }

/*.contact-list{width:1007px !important;}

.contact-list li{width:256px !important;}

.feedback-list li{width:150px}
*/
#page5{padding-bottom:0px !important;}
.contact-list li{width:293px !important;}
.contact_details{top:235px !important;}
.cont_corporate{top:235px !important;}
.feedback-list li{width:153px !important;}

.feedback-list li.big{width:355px !important;}

.social-list li{width:207px !important;}

.btn-contact{margin-top:141px !important;}

}

@media only screen and (width:768px) and (height:1024px){
	
#page1{padding-bottom:330px !important ;}
#page2{padding-bottom:339px  !important;}
#page3{padding-bottom:363px !important; }
#page4{padding-bottom:130px !important;}
#page5{padding-bottom:172px !important;}
#page6{padding-bottom:102px !important; margin-top:0px !important; top:0px;  } 
#page6.content{padding-top:0px !important; }

#page7{padding-bottom:128px !important;}
.feedback-list{ margin-bottom:28px !important;}
#page8{padding-bottom:400px !important; padding-top:391px;}
.btn-contact{clear:both; margin-top:309px !important;}

.contact-list{width:94%;}
.contact_details{top:520px !important; width:100%; position:absolute;}
.cont_backery{  width:100%;}
.cont_corporate{top:250px !important;  width:100%;}
.contact-list li{width:100%;}

.zerogrid{width:100%;}

/*#page6{width:751px !important; margin:0px auto; height:auto; padding-top:0px !important; padding-bottom:0px !important; }
.contact-list{width:700px !important;}
.contact-list li{width:100% !important;}
.feedback-list li{width:100% !important;}
.contact_details{top:650px !important;}
.cont_backery{}
.cont_corporate{top:250px !important;}*/

}




@media only screen and (max-width:1366px) and (max-height:768px) {
#page1{padding-bottom:71px;}
#page2{padding-bottom:80px;}
#page3{padding-bottom:105px;}
#page4{padding-bottom:70px;}
#page4 p{line-height:20px; margin:14px 0px 14px 0px; letter-spacing:0.5px;}
#page6{padding-bottom:116px !important;}
#page5{padding-bottom:70px !important;}
#page7{padding-bottom:95px !important;}
#page8{padding-bottom:181px !important;}
}

@media only screen and (max-width:768px) and  (max-height:1366px){
#page1{padding-bottom:653px;}
#page2{padding-bottom:80px;}
#page3{padding-bottom:105px;}
#page4{padding-bottom:37px;}
#page4 p{line-height:20px; margin:14px 0px 14px 0px; letter-spacing:0.5px;}
#page6{padding-bottom:36px;}
#page5{padding-bottom:172px !important;}
#page7{padding-bottom:43px;}
#page8{padding-bottom:378px !important; padding-top:250px;}
}

@media only screen and (width:1280px) and (height:800px) {
#page1{padding-bottom:103px;}
#page2{padding-bottom:112px;}
#page3{padding-bottom:137px;}
#page4{padding-bottom:102px;}
#page6{padding-bottom:118px;}
#page5{padding-bottom:108px;}
#page7{padding-bottom:126px;}
#page8{padding-top:185px; padding-bottom:230px;}
}

@media only screen and (width:1280px) and (height:1024px) {
#page1{padding-bottom:327px;}
#page2{padding-bottom:336px;}
#page3{padding-bottom:361px;}
#page4{padding-bottom:326px;}
#page6{padding-bottom:343px;}
#page5{padding-bottom:331px;}
#page7{padding-bottom:350px;}
#page8{padding-top:388px; padding-bottom:304px !important;}

}

@media only screen and (width:1600px) and (height:900px) {
#page1{padding-bottom:202px;}
#page2{padding-bottom:212px;}
#page3{padding-bottom:237px;}
#page4{padding-bottom:202px;}
#page6{padding-bottom:218px;}
#page5{padding-bottom:207px;}
#page7{padding-bottom:227px;}
#page8{padding-top:237px; padding-bottom:303px;}

}

@media only screen and (width:1920px) and (height:1080px) {

#page1{padding-bottom:383px;}
#page2{padding-bottom:392px;}
#page3{padding-bottom:417px;}
#page4{padding-bottom:382px;}
#page6{padding-bottom:398px;}
#page5{padding-bottom:387px;}
#page7{padding-bottom:407px;}
#page8{padding-top:237px; padding-bottom:457px;}

}

@media only screen and (width:2560px) and (height:1440px) {
#page1{padding-bottom:743px;}
#page2{padding-bottom:752px;}
#page3{padding-bottom:777px;}
#page4{padding-bottom:742px;}
#page6{padding-bottom:758px;}
#page5{padding-bottom:747px;}
#page7{padding-bottom:767px;}
#page8{padding-top:237px; padding-bottom:825px;}

}

@media only screen and (width:320px)  {
	
.content{padding-top:30px !important; }
#page1{padding-top:40px !important; padding-bottom:20px !important;}
#page2{padding-top:40px !important; padding-bottom:20px !important;}
#page3{padding-top:40px !important; padding-bottom:20px !important;}
#page4{padding-top:40px !important; padding-bottom:20px !important;}
#page5{padding-top:40px !important; padding-bottom:20px !important;}
#page6{padding-top:40px !important; width:100% !important; padding-bottom:0px !important;}
#page7{padding-top:40px !important; padding-bottom:20px !important;}
#page8{padding-top:40px !important; padding-bottom:20px !important;}

.faq1{width:100%; height:auto; float:left; }
.faq2{width:100%; height:auto; float:left; }
.faq3{width:100%; height:auto; float:left; }
.faq4{width:100%; height:auto; float:left; }

.home-content p{letter-spacing:1.5px;}

.about-content span{line-height:34px; letter-spacing:0px;}

.slogan h3{line-height:34px; letter-spacing:0px;}

#page4 h1{font-size:39px;}

.social-list{margin-bottom:30px;}

.social-list li{width:125px; height:125px; margin-bottom:10px;}

.footer_copy{line-height:25px;}

.footer_right{text-align:center; line-height:25px;}

.footer_design{line-height:25px;}

.feedback-list li, .feedback-list li.big{margin-bottom:30px;}


.btn-contact{margin:304px auto 0px !important; clear:both; }

#gallery1{ padding-bottom:550px !important; }

.about_sound_icon{margin-top:20px;}

.about-content p{margin:18px 0 35px;}

.contact_details{ position:absolute !important; z-index:999 !important; margin-top:387px !important; top:0px !important; width:90% !important; padding:5%; }

.cont_backery{ position:absolute !important; }

.cont_corporate{position:absolute !important; z-index:999 !important; margin-top:545px !important;  width:90% !important; padding:5%; top:0px !important;}

.contact-list{width:300px !important;} 

.contact-list li{}

.feedback-list li{width:auto !important;}

.btn-dwld{float:left; margin-left:41px; padding-left:33px !important;}

.building{width:95%;}

.btn-about{margin-bottom:40px;} 

#page5 h3{width:90% !important; text-align:left; margin:10px auto 10px auto; }



}

@media only screen and (width:480px) {
	
.content{padding-top:30px; }
#page1{padding-top:40px; padding-bottom:20px !important;}
#page2{padding-top:40px; padding-bottom:20px !important;}
#page3{padding-top:40px; padding-bottom:20px !important;}
#page4{padding-top:40px; padding-bottom:20px !important;}
#page5{padding-top:40px; padding-bottom:20px !important;}
#page6{padding-top:20px; width:465px !important; overflow:hidden;}
#page7{padding-top:40px; padding-bottom:20px !important;}



#page8{padding-top:40px; padding-bottom:20px !important;}
.faq1{width:100%; height:auto; float:left; }
.faq2{width:100%; height:auto; float:left; }
.faq3{width:100%; height:auto; float:left; }
.faq4{width:100%; height:auto; float:left; }
.home-content p{letter-spacing:1.5px;}
.about-content span{line-height:34px; letter-spacing:0px;}
.slogan h3{line-height:34px; letter-spacing:0px;}
#page4 h1{font-size:36px;}
.social-list li{width:125px; height:125px;}
.footer_copy{line-height:25px;}
.footer_right{text-align:center; line-height:25px;}
.footer_design{line-height:25px;}


.feedback-list li, .feedback-list li.big{margin-bottom:30px;}

#page4 .menu-list li{ width:85%;}
#gallery1{padding-bottom:229px !important;}

.btn-contact{margin:750px auto 0px !important;}
.contact_details{ position:absolute !important; z-index:999 !important; margin-top:417px !important; top:0px !important; width:90% !important; padding:5%; }
.cont_backery{ position:absolute !important; }
.cont_corporate{position:absolute !important; z-index:999 !important; margin-top:575px !important;  width:90% !important; padding:5%;}

.btn-dwld{float:left; margin-left:41px; padding-left:33px !important;}

.building{width:95%;}

.btn-about{margin-bottom:40px;}

#page5 h3{width:90% !important; text-align:left; margin:10px auto 10px auto; }

}

@media only screen and (max-width:320px) and (max-height:568px) {
	
.content{padding-top:30px; }
#page2{padding-top:40px;}
#page3{padding-top:40px;}
#page4{padding-top:40px;}
#page5{padding-top:40px;}
#page6{padding-top:20px;}
#page7{padding-top:40px;}
#page8{padding-top:40px;}

.faq1{width:100%; height:auto; float:left; }
.faq2{width:100%; height:auto; float:left; }
.faq3{width:100%; height:auto; float:left; }
.faq4{width:100%; height:auto; float:left; }

.home-content p{letter-spacing:1.5px;}

.about-content span{line-height:34px; letter-spacing:0px;}

.slogan h3{line-height:34px; letter-spacing:0px;}

#page4 h1{font-size:39px;}

.social-list li{width:125px; height:125px;}

.footer_copy{line-height:25px;}

.footer_right{text-align:center; line-height:25px;}

.footer_design{line-height:25px;}


.feedback-list li, .feedback-list li.big{margin-bottom:30px;}

.social-list{margin-top:55px;}

#gallery1{padding-bottom:417px;}


.btn-contact{margin:206px auto 0px;}





}

@media only screen and (width:568px) and (height:320px) {
	
.content{padding-top:30px; }
#page1{padding-top:40px; padding-bottom:20px !important;}
#page2{padding-top:40px; padding-bottom:20px !important;}
#page3{padding-top:40px; padding-bottom:20px !important;}
#page4{padding-top:40px; padding-bottom:20px !important;}
#page5{padding-top:40px; padding-bottom:20px !important;}
#page6{padding-top:20px; overflow:hidden; width:548px !important; padding-bottom:20px !important;}
#page7{padding-top:40px; padding-bottom:20px !important;}
#page8{padding-top:40px; padding-bottom:20px !important;}

.faq1{width:100%; height:auto; float:left; }
.faq2{width:100%; height:auto; float:left; }
.faq3{width:100%; height:auto; float:left; }
.faq4{width:100%; height:auto; float:left; }

.home-content p{letter-spacing:1.5px;}

.about-content span{line-height:34px; letter-spacing:0px;}

.slogan h3{line-height:34px; letter-spacing:0px;}

#page4 h1{font-size:39px;}

.social-list li{width:125px; height:125px;}

.footer_copy{line-height:25px;}

.footer_right{text-align:center; line-height:25px;}

.footer_design{line-height:25px;}


.feedback-list li, .feedback-list li.big{margin-bottom:30px;}


#page4 .menu-list li{}

#gallery1{padding-bottom:217px !important;}


.btn-contact{margin:165px auto 0px;}

.btn-contact{margin:800px auto 0px !important;}

.contact_details{ position:absolute !important; z-index:999 !important; width:90% !important; padding:5%; }

.cont_backery{ position:absolute !important; }

.cont_corporate{position:absolute !important; z-index:999 !important; margin-top:625px !important; top:0px !important;  width:90% !important; padding:5%;}


.btn-dwld{float:left; margin-left:41px; padding-left:33px !important;}

.building{width:95%;}


.btn-about{margin-bottom:40px;}


}


@media only screen and (width:360px) {
	
.content{padding-top:30px; }
#page2{padding-top:40px;}
#page3{padding-top:40px;}
#page4{padding-top:40px;}
#page5{padding-top:40px;}
#page6{padding-top:20px; overflow:hidden; width:100% !important;}
#page7{padding-top:40px;}
#page8{padding-top:52px; padding-bottom:20px !important;}

.faq1{width:100%; height:auto; float:left; }
.faq2{width:100%; height:auto; float:left; }
.faq3{width:100%; height:auto; float:left; }
.faq4{width:100%; height:auto; float:left; }

.home-content p{letter-spacing:1.5px;}

.about-content span{line-height:34px; letter-spacing:0px;}

.slogan h3{line-height:34px; letter-spacing:0px;}

#page4 h1{font-size:39px;}

.social-list li{width:125px; height:125px;}

.footer_copy{line-height:25px;}

.footer_right{text-align:center; line-height:25px;}

.footer_design{line-height:25px;}


.feedback-list li, .feedback-list li.big{margin-bottom:30px;}

.social-list{margin-top:55px;}

#gallery1{padding-bottom:474px !important;}


.btn-contact{margin:750px auto 0px !important;}

.contact_details{ position:absolute !important; z-index:999 !important; margin-top:420px !important; width:90% !important; padding:5%; }

.cont_backery{ position:absolute !important; }

.cont_corporate{position:absolute !important; z-index:999 !important; margin-top:575px !important;  width:90% !important; padding:5%;}

.btn-dwld{float:left; margin-left:41px; padding-left:33px !important;}

.building{width:95%;}

.btn-about{margin-bottom:80px !important;}

#page5 h3{width:90% !important; text-align:left; margin:10px auto 10px auto; }

	
	
}

@media only screen and (max-width:640px)  {
	
.content{padding-top:30px;  }
#page1{padding-top:40px; padding-bottom:20px !important; }
#page2{padding-top:40px; padding-bottom:20px !important;}
#page3{padding-top:40px; padding-bottom:20px !important;}
#page4{padding-top:40px; padding-bottom:20px !important;}
#page5{padding-top:40px; padding-bottom:20px !important;}
#page6{padding-top:20px; overflow:hidden; width:100% !important; padding-bottom:20px !important;}
#page7{padding-top:40px; padding-bottom:20px !important;}
#page8{padding-top:53px; padding-bottom:20px !important;}

.faq1{width:100%; height:auto; float:left; }
.faq2{width:100%; height:auto; float:left; }
.faq3{width:100%; height:auto; float:left; }
.faq4{width:100%; height:auto; float:left; }

.home-content p{letter-spacing:1.5px;}

.about-content span{line-height:34px; letter-spacing:0px;}

.slogan h3{line-height:34px; letter-spacing:0px;}

#page4 h1{font-size:39px;}

.social-list li{width:125px; height:125px;}

.footer_copy{line-height:25px;}

.footer_right{text-align:center; line-height:25px;}

.footer_design{line-height:25px;}

.feedback-list li, .feedback-list li.big{margin-bottom:30px;}

.social-list{margin-top:45px;}

#gallery1{padding:0px;}


.btn-contact{margin:364px auto 0px;}

.btn-contact{margin:745px auto 0px !important;}

.contact_details{ position:absolute !important; z-index:999 !important; margin-top:415px !important; width:90% !important; padding:5%; }

.cont_backery{ position:absolute !important; }

.cont_corporate{position:absolute !important; z-index:999 !important; margin-top:595px !important;  width:90% !important; padding:5%;}

.btn-dwld{float:left; margin-left:41px; padding-left:33px !important;}

.btn-about{margin-bottom:40px;}

}

@media only screen and (width:640px) and (height:360px)  {
	
	#page5 h3{text-align:left; width:95%; margin:10px auto 20px auto;}
	
	.contact_details{ margin-top:475px !important; }
	
	.cont_corporate{ margin-top:650px !important;}
	
	.btn-contact{margin:805px auto 0px !important;}
}

@media only screen and (width:360px) and (height:640px)  {
	
	.btn-contact{margin:805px auto 0px !important;}
	
}


@media only screen and (width:480px) and (height:320px)  {
	
	#page5 h3{text-align:left; width:95% !important; margin:10px auto 20px auto;}
	
	.btn-contact{margin:805px auto 0px !important;}
}

@media only screen and (width:480px) and (height:320px)  {
	
	.contact_details{  margin-top:445px !important; }
}

@media only screen and (width:568px) and (height:320px)  {
	
	.contact_details{ margin-top:445px !important; }
	
	.cont_corporate{ margin-top:632px !important;}
	
	.btn-contact{margin:805px auto 0px !important;}
	
}












@media only screen and (max-width: 959px) {
.btn-dwld{margin-right:0}
}

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

	.slider_wrapper {height: 350px;}

	.slider_wrapper h2{font-size: 40px;}

}

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

	

	.slider_wrapper h2{font-size: 25px;}

	.sf-menu>li>a{

		font-size: 14px;

		line-height: 20px;

		padding: 8px 8px 6px;

	}

	h1 {padding-top: 68px;}
	
	
	.tab_container,.pop-main{width:95%; margin:0px auto;}

}

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

	.sf-menu>li>a{

		font-size: 13px;

		line-height: 16px;

		padding: 6px 6px 4px;

	}
	.btn-dwld {
    text-align: center;
	margin-right:63px;
	margin-top:5px;
	width:149px;
	
	}
	
}

@media only screen and (max-width: 420px) {
	
	.sf-menu>li>a{

		font-size: 13px;

		line-height: 16px;

		padding: 6px 6px 4px;

	}

	h1 {padding-top: 30px;}
	ul.tabs-pop li{margin:0 10px}
	
	.faq

{

margin:0 auto;

-webkit-column-count:1; /* Chrome, Safari, Opera */

-moz-column-count:1; /* Firefox */

column-count:1;

width:90%;

-webkit-column-gap:30px; /* Chrome, Safari, Opera */

-moz-column-gap:30px; /* Firefox */

column-gap:30px;



text-align:left;

}

}