@charset "utf-8";
body
{
	overflow-x: hidden;
	width:100%;
	background-size: cover;
}
html, body {
  overflow-x:hidden !important;
} 
.center
{
	width: 90%;
	margin: 0px auto;
}
.mobile-header
{
	display: block;
}
.menu-slide
{
	display: block;
}
header
{
	display: none;
}
.mobile-header
{
	background-color: transparent;
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	z-index: 999999;
}
.top-section
{
	min-width: 100% !important;
}
.main-slider {
  min-width:100% !important;
 height: 60vh !important;
  min-height: 8vw;
}
.slick-slide {
  height: 60vh !important;
}
.headline h2 {
    font-size: 6vw;
    line-height: normal;
}
.above-slider
{
	width: 100%;
}
.mail-hero,.phone-hero
{
	display: none;
}
.font-12
{
	font-size: 12px;
}
.font-14
{
	font-size: 2vw;
}
.font-16
{
	font-size: 2.2vw;
}
.font-18
{
	font-size: 2.5vw;
}
.font-20
{
	font-size: 3vw;
}
.font-22
{
	font-size: 3.5vw;
}
.font-24
{
	font-size: 3vw;
}
.font-26
{
	font-size: 4vw;
}
.scroll-bottom a img
{
	width: 30px;
}
.title-map h2
{
	font-size: 9vw;
}
.all-map
{
	width: 100%;
}
.angore img
{
	height: 30px;
}
.row ul li {
    width: 50%;
   /* height: calc(50vw - 5%);*/
	margin-right: 0px;
	height: 300px;
}
.row ul li a:before
{
	opacity: 1;
}
.latest-image
{
	min-height: 400px;
	max-height: 400px;
	min-width: 100%;
}
.latest-title
{
	opacity: 1;
}
.project-number
{
	opacity: .7;
}
.row ul li:nth-child(2) {
    width: 50%;
	min-height: 300px;
	max-height: 300px;
}
.row ul li:nth-child(3)
{
	width: 100%;
	height: 300px;
}
.down-latest .title {
    width: 100%;
    margin-left: 0px;
}
.row
{
	margin-top: 20px;
	width: 100%;
}
.down-latest .row ul li:nth-child(2) {
    width: 50%;
}
.numbers {
    margin-top: 30px;
}
.one-numbers {
    width: 19vw;
    height: 19vw;
    border-radius: 10px;
}
.image-number
{
	width: 50px;
	height: 50px;
}
.saqeefa-numbers ul li {
    width: 49%;
}
.title.text-center {
    width: 100%;
    margin: auto;
}
.swiper-slide a {
    height: 44vh;
}
.swiper-slide .latest-image
{
	max-height: 44vh;
}
.latest-title-left {
    width: calc(100%);
}
.latest-more
{
	display: none;
}
.project-number
{
	font-size: 10vw;
	line-height: 1;
}
.inner-overlay-pop
{
	width: 90%;
}
.quote h2
{
	width: 100%;
	font-size: 4vw;
}
.right-footer
{
	width: 100%;
	margin-bottom: 30px;
}
.center-footer
{
	width: 100%;
	margin-bottom: 30px;
}
.copy
{
	margin-top: 10px;
}
.inner-section-details
{
	min-width: 90%;
}
.inner-section
{
	height: 40vh;
	/*overflow: hidden;*/
}
.inner-section img
{
	width: auto;
	height: 40vh;
	position: absolute;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
}
.scroll-bottom
{
	width: 30px;
}
.scroll-bottom a img
{
	height: auto;
    transform: none;
    left:inherit;
    top: inherit;
	position: inherit;
}
.tittle-inner h2 {
    font-size: 7vw;
}
.person ul
{
	flex-direction: row;
}
.person {
    width: 100%;
}
.person ul li {
    width: 50%
}
.details-person:before {
    right: calc(100% + 100%);

}
.details-person
{
	padding: 15px;
}
.vision ul li:nth-child(1)
{
	width: 48%;
}
.vision ul li:nth-child(2) {
    width: 48%;
}
.vision-details {
    margin-top: 50px;
}
.vision.mis ul li:nth-child(1) {
     width: 48%;
}
.vision.mis ul li:nth-child(2) {
    width: 48%;
}
.vision.mis .vision-details
{
	margin-top: 0px;
	margin-bottom: 50px;
}
.grey-before:before
{
	height: 55%;
}
.about-blocks ul li {
    width: 50%;
}
.right-block {
    width: 100%;
    margin-right: 0px;
}
.right-block .sticky
{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
}
.top-check
{
	width: 100%;
	margin-bottom: 15px;
}
.select
{
	width: 48%;
	margin-top: 0px;
	margin-right: 4%;
}
.select:nth-last-of-type(2)
{
	margin-right: 0px;
}
.all-check
{
	width: 100%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
}
.all-check h2
{
	width: 100%;
}
.all-check .repeat-check
{
	width: 50%;
}
.left-block ul li {
    width: 48%;
    height: 44vh;
	margin-right: 4%;
	
}
.left-block ul li:nth-child(2n)
{
	margin-right: 0px !important;
}
.left-block ul li:nth-child(3n)
{
	margin-right: 4%;
}
.left-block ul li .latest-image {
    max-height: 44vh;
	min-height:44vh;
}

.left-block ul li:nth-child(-n+3) {
    margin-top: 30px;
}
.right-contact {
    width: 58%;
}
.left-contact
{
	width: 38%;
	margin-left: 4%;
}
.google-map iframe {
    width: 100%;
    height: 40vh;
}
.apply-form ul li {
    width: 100%;
	margin-right: 0px;
}
.apply-form ul li:nth-child(-n+3)
{
	width: 100%;
}
.apply-form ul li .select
{
	width: 100%;
}
.inner-all-check
{
	width: 100%;
}
.inner-all-check .repeat-check {
	margin-right: 0px;
}
.right-compare {
    width: 33%;
}
.left-compare {
    width: 33%;
}
.image-comapre img {
    width: 100%;
    margin: auto;
}
.block-3 ul li {
    width: 30px;
    margin-bottom: 5px;
	margin-right: 5px;
}
.block-3 ul li:nth-child(2n)
{
	margin-right: 0px;
}
.menu-project
{
	width: 100%;
}
.menu-project ul li
{
	margin-right: 15px;
	/*margin-bottom: 10px;*/
}
.menu-project ul li:nth-child(5),.menu-project ul li:nth-child(6),.menu-project ul li:nth-child(7)
{
	margin-bottom: 0px;
}
.project-view ul li {
    width: 48%;
}

.map-project
{
	margin-top: 50px;
}
.feature-block
{
	height: 150px;
}
.guarantee-blocks ul li
{
	width: 48%;
	margin-right: 4%;
	margin-top: 80px;
}
.guarantee-blocks ul li:nth-child(2n)
{
	margin-right: 0px;
}
.left-building {
    width: 55%;
}
.build-block {
    width: 100%;
	margin-right: 0px;
}
.build-block:nth-child(2)
{
	margin-top: 30px;
}
.build-block .block-3 ul li
{
	width: 42px
}
.build-block .block-3 ul li:nth-child(2n)
{
	margin-right: 5px;
}
.right-building
{
	width: 40%;
	margin-right: 5%;
}
.right-building .select {
    width: 100%;
        margin-top: 20px;
    margin-right: 0px;
}
.guarantee-square h3 {
    font-size: 5vw;
    line-height: 1;
}
.guarantee-square
{
	padding: 15px;
	top: -65px;
	text-align: center;
}
.menu-mobile .social
{
	margin-right: 0px;
}
.menu-mobile .social ul li
{
	margin-right: 2vw;
}
.menu-mobile .social ul li:last-child
{
	margin-right: 0px;
}