@import url('https://fonts.googleapis.com/css?family=Acme');

h1 {
	font-family: 'Acme', sans-serif;
}
.green {
	margin-bottom: 25px;
	background-position: center 62px
}
nav {
	float: right;
	margin-top: 40px;
}
nav li {
	float: left;
    font-size: 19px;
}
.responsve_nav {
	left: -300px;
	height: 345px;
}
.responsve_nav.active {
	right: auto;
    left: 0;
    z-index: 999;
}
.navbar-toggle {
	float: right;
	clear: both;
}
.search {
	padding-left: 13px;
}
.search-submit {
	border-top-right-radius: 11px;
    border-bottom-right-radius: 13px;
    margin-left: -43px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-right: 0px;
}
.head {
	border-right: 1px solid #fff;
	border-left: none;
}
#lang_sel {
	vertical-align: middle;
    padding-left: 20px;
}
#lang_sel li {
	width: 96px;
}
.main {
	background-image: url('img/main-home-eng.jpg');
}
.branch_banner {
	background-image: url('img/map_eng.jpg');
}
.pro_banner {
	background-image: url('img/products_eng.jpg');
}
.products {
	background-image: url('img/bottles_eng.jpg');
}
.quality_banner {
	background-image: url('img/quality-eng.jpg')
}
.join_banner {
	background-image: url('img/welcome.jpg')
}
.contact_banner {
	background-image: url('img/contact-us-eng.jpg')
}
.about_banner {
	background-image: url('img/about-eng.jpg');
}
.download {
	background-image: url('img/download-eng.jpg');
}
.order {
	background-image: url('img/products-eng.jpg')
}
.contact {
	background-image: url('img/hail.jpg')
}
.contact h1 {
	padding-left: 300px;
    font-size: 50px;
}
.download span {
	padding-top: 168px;
    margin-right: 52px;
}
.about_cont p {
	font-size: 19px;
	padding-bottom: 13px;
}
.app_downp {
	padding-top: 173px;
}
.morals_abar p {
	font-size: 19px
}
.branches ol li {
	float: left;
}
.join_cont form p {
	text-align: left
}
.join_cont form, .cont_info form {
	border-right: none;
	border-left: 1px solid #e8e8e8;
	padding-right: 0px;
	padding-left: 60px
}
.cont_info  form p {
	text-align: left;
}
@media (min-width: 2550px ) {
	.about_banner {height: 1900px;}
	.head span {font-size: 24px}
	nav li {font-size: 30px}
	.app_downp {width: 32%;}
} 

@media (min-width: 1440px ) {
	.about_banner {height: 1062px;}
	.head span {font-size: 20px}
	.contact {height:  1140px;}
}

@media (max-width: 1024px ) {
	nav li {font-size: 15px}
	.logo {width: 18%;}
	nav {margin-top: 22px;}
	.about_banner {height: 784px;}
	.app_downp {
		padding-right: 108px;
		padding-top: 188px;
	}
	.app_downp .text_app_one {width: 90%;}
	.join_cont form, .cont_info form {
		border-left: none;
		padding-left: 0px
	}
}

@media (max-width: 768px ) {
	nav li {
		font-size: 15px;
		padding-left: 8px;
	}
	.logo { width: 18%;}
	nav a:hover {margin-left: 0px;}
	nav {
		margin-top: 16px;
		width: 77%;
	}
	.head span {font-size: 17px;}
	.about_banner {height: 652px;}
	.app_downp {
		padding-top: 179px;
		padding-right: 47px;
	}
	.download span {
		padding-top: 79px;
    	margin-right: 14px;
	}
	.download h1 {
		font-size: 26px;
	}
	.contact h1 {padding-left: 70px;}
	section.certificate h1 {display: block ! important
	}
	.contact {height: 665px;}
}
@media (max-width: 425px ) {
	nav {
		display: none;
	}
	.head {padding-right: 5px;}
	.search {
		padding-right: 0px;
		padding-left: 7px;
	}
	.logo {width: 22%;}
	.about_banner {height: 382px;}
	.app_downp {
		padding-left: 13px;
		padding-top: 82px;
	}
	h1 {font-size: 28px }
	.contact h1 {
		padding-left: 23px;
    	font-size: 36px;
	}
	.order a {
		z-index: 9999;
		bottom: -30px;
	}
	.main {height:349px; }
	.order {
		background-image: url('img/products-res-eng.jpg');
		height: 609px;
		background-position: 0px;
	}
	.download {height: 292px;}
	.download div img {width: 118px;}
	.download div {
    	right: 87px;
    	bottom: 45px;
	}
	.download span {
		margin-right: 9px;
		padding-top: 27px;
	}
	.download h1 {
		font-size: 16px;
	}
	.wa7ha .green {
		background-position: center 46px;
	}
	.download .green {
		background-position: center 32px;
	}
}
@media (max-width: 375px ) { 
	.logo {width: 20%;}
	.about_banner {height: 329px;}
	.order a {
		bottom: -5px;
	}
	.main {height:315px	}
	.download {height: 231px;}
	.download div img {width: 91px;}
	.download div {
		right: 78px;
    	bottom: 28px;
	}
	.contact h1 {
		padding-left: 10px;
    	font-size: 34px;
	}
	.certificate .green {
		background-position: center 33px;
	}
	.download .green {
		background-position: center 17px;
	}
	.contact {
		height: 350px;
	}

}

@media (max-width: 320px ) { 
	.about_banner {height: 283px;}
	.app_downp {
		padding-top: 88px;
		padding-left: 0px;
	}
	.order {
		height: 520px ! important;
	}
	.download span {
		padding-top: 0px
	}
	.main {height:272px	}
	.download div {
		right: 61px;
    	bottom: 40px;
	}
	.wa7ha {height: 508px;}
}