/*Media Quaries*/

@media(min-width: 1230px) {
	.production_banner {
		background-position-y: -250px;
	}
}

@media(min-width: 1200px) {
	.col-md-4.mission, .col-md-4.vision, .col-md-4.core_values {
		max-width: 32%;
	}

	.col-md-4.vision {
		margin: 0 22px;
	}

	.mission, .vision, .core_values {
		padding: 30px;
	}
}

@media(min-width: 992px) {
	.site_logo {
		display: none;
	}

	body {
		position: relative;
	    top: -29px;
	    margin-bottom: -29px;
	}

	.top_wrap {
		position: relative;
	    top: 29px;
	    z-index: 2;
	}
	
	.banner_height {
		height: 350px;
	}

	.banner_title {
		font-size: 32px;
	}

	.oth_page {
		margin-bottom: 29px;
	}

	.padding_x {
		padding-left: 50px;
		padding-right: 50px;
	}

}

@media(min-width: 992px) and (max-width: 1199px) {
	.col-md-4.mission, .col-md-4.vision, .col-md-4.core_values {
		max-width: 31.5%;
	}
	.col-md-4.vision {
		margin: 0 26px;
	}

	.mission, .vision, .core_values {
		padding: 30px;
	}
}

@media(max-width: 991px) {
	.site_logo {
		display: block;
	}

	.navbar {
		padding: .1rem 1rem;
	}

	.whole_nav {
		width: 100%;
    	max-width: unset;
    	padding: 0;
	}

	.above_nav {
		display: none;
	}

	.nav-fill .nav-item {
	    padding: .5rem;
	    margin-bottom: 10px;
	}

	ul.navbar-nav {
		margin-top: 10px;
	}
	
	.banner_height {
		height: 300px;
	}

	.banner_title {
		font-size: 28px;
	}
	.mission, .vision, .core_values {
		padding: 20px;
	}
	.row.services_acol_wrap > .col-6 {
		padding-left: 15px;
	    padding-right: 7.5px;
	}

	.row.services_acol_wrap div:last-child {
		padding-left: 7.5px;
		padding-right: 15px;
	}
}

@media(min-width: 768px) {
	ul.about_list_logo {
		padding-left: 0;
	}

	.about_list_wrap {
		padding-left: 0;
	}
	.production_A, .production_B, .tank_1, .tank_2 {
	 	border-radius: 10px;
		height: 23rem;
	}
}

@media(min-width: 768px) and (max-width: 991px) {
	.col-md-4.mission, .col-md-4.vision, .col-md-4.core_values {
		max-width: 31%;
	}

	.col-md-4.vision {
		margin: 0 25px;
	}
}

@media(max-width: 767px) {
	.footer_menu {
		margin-bottom: 25px;
	}
	ul.about_list_logo {
		margin-top: 20px;
		padding-left: 2px;
	}
	.home_trading, .home_production {
	margin-top: 30px;
	}
	
	.banner_height {
		height: 250px;
	}

	.banner_title {
		font-size: 26px;
	}

	.col-md-4.mission, .col-md-4.vision, .col-md-4.core_values {
		margin: 7.5px 15px;
	}
	.production_A, .production_B, .tank_1, .tank_2 {
	 	border-radius: 10px;
		height: 18rem;
	}
	.contact_address p {
		padding-left: 10px;
	}
}

@media(min-width: 576px) {
	.f_r, .l_r {
		padding-bottom: 30px;
	}
	.ef_r1, .ef_r2, .ef_r3, .ef_r4, .es_r1, .es_r2, .es_r3, .es_r4, .el_r1, .el_r2,
	.el_r3, .el_r4 {
		margin-bottom: 30px;
	}
	.slogan1, .slogan2, .home_about_us {
		width: 80%;
	}
}

@media(max-width: 575px) {
	.f_r, .l_r {
		padding-bottom: 15px;
	}
	.f_r1, .f_r3, .l_r1, .l_r3 {
		padding-right: 7.5px;
	}
	.f_r2, .f_r4, .l_r2, .l_r4 {
		padding-left: 7.5px;
	}
	.home_service, .home_trading, .home_production {
		padding-left: 16px;
	}
	
	.banner_height {
		height: 200px;
	}

	.banner_title {
		font-size: 24px;
	}
	.ef_r1, .ef_r2, .ef_r3, .ef_r4, .es_r1, .es_r2, .es_r3, .es_r4, .el_r1, .el_r2,
	.el_r3, .el_r4 {
		margin-bottom: 15px;
	}
	.exp_1, .exp_3, .exp_5, .exp_7, .exp_9, .exp_11 {
		padding-right: 7.5px;
	}
	.exp_2, .exp_4, .exp_6, .exp_8, .exp_10, .exp_12 {
		padding-left: 7.5px;
	}
	.production_A {
		margin-bottom: 15px;
	}
	.tank_1 {
		margin-bottom: 25px;
	}
	
}