/* CSS Document */


/*
@media screen and (max-width:2500px)
 {
   .about-founder-img {  max-height: 120rem;  bottom: -10px;  }
   .about-founder-img2 { max-height: 120rem;  }
 }
*/

@media screen and (max-width:1920px)
 {
   .about-founder-img {  max-height: 80rem;  bottom: -10px;  }
   .about-founder-img2 { max-height: 80rem;  }
 }

@media screen and (max-width:1600px)
 {
   .about-founder-img {  max-height: 70rem;  bottom: -10px;  }
   .about-founder-img2 { max-height: 65rem;  }
 }

 @media screen and (min-width:1400px)
 {
	.top-slider .item  {height:700px; max-height:700px; background-size:100% auto; } 
    .slider {height:700px; max-height:700px;}
    .top-slider-right{ height:700px; width:24.7%; }
 }

@media screen and (max-width:1366px)
 {
    .about-founder-img {  max-height: 75rem;  bottom: -10px;  }
    .about-founder-img2 { max-height: 65rem; height: 100%;  } 
 	.menu-logo {top: 50px;}  
 	.menu-logo img {width:120px;}
 	.overlay ul li a {font-size: 24px; line-height:45px; letter-spacing:1px; z-index:9999;}
 	.overlay .overlay-close {width: 35px; height: 35px; left: 3%; top: 30px;  }
	.small-logo {padding-top: 5px;}
}

@media screen and (max-width:1200px)
{
   .small-logo {padding-top: 10px;}	
}

@media screen and (max-width:1000px)
 {
  .grid-sizer,.grid-item { width: 33.3%;}
  .grid-item { height: 250px; border: solid #fff 5px;}
  .grid-item--width2 { width:  33.3%; }
  .grid-item--width3 { width: 33.3%; }
  .grid-item--width4 { width:  66%; }
  .grid-item--salah { height: 400px; }
  .grid-item--salah2 { height: 400px; width:  66%;  background-position:center;  }
  .grid-item--salah3 { height: 400px; }
  .grid-item--salah4 { height: 400px; }
 }
 
@media screen and (max-width:767px)
 {
  
  #header {padding:40px 15px 20px 15px; height:120px;}
  #header.small {padding:25px 15px 10px 15px ;  height: 70px;} 
  .small-logo {padding-top: 15px;}	
  .main-logo{margin-top:30vh;}
  .copyrights-top{ display:none;}
  .float-right { float:none; 	} 
  .text-under-logo { line-height:25px; text-align:center; margin:30px 5%;}
  .name { text-align:center;margin-top:20px;}	
  .footer { padding:20px 15px; text-align:center; }
  .footer-logo, .footer-logo-text {display:block; width:auto; padding:0px;}
  .copyrights, .copyrights a{  margin-top:5px; } 
  .footer-social { float:none;}
  .text-title {font-size:19px; line-height:20px; margin-bottom:10px;	letter-spacing:0px;}
  .projects-category2 { margin-top:20px ;} 
  .contact-logo  { display: none;}
  .contact-title { font-size:26px; line-height:30px; }
  .address-title { font-size:20px; line-height:25px;  }
  .address  { font-size:20px; line-height:25px; }
  .address  p {margin-top:20px;}
  .address a  { font-size:22px; line-height:26px;  }
  .form-padding {padding-top:30px;}
 
  	 
 }
 
  @media screen and (max-width:600px)
 {
 .text-content { padding:17% 5%; }
 .text-content:hover { padding:15% 5%;}
 .text-bodytext {font-size:16px; line-height:18px; }
 .hideninsmall {display:none; }
 .rightinsmall { position:absolute; right:15%;}
 .news-bodytext, .news-date {font-size:16px;	line-height:18px;  margin-top:10px; }
   	
 }
  
@media screen and (max-width:500px)
 {
  .grid-sizer,.grid-item { width: 100%;}
  .grid-item { height: 250px; border: solid #fff 5px;}
  .grid-item--width2 { width:  100%; }
  .grid-item--width3 { width: 100%; }
  .grid-item--width4 { width:  100%; }
  .grid-item--salah { height: 250px; }
  .grid-item--salah2 { height: 400px; width:  100%;  background-position:center; }
  .grid-item--salah3 { height: 250px; }
  .grid-item--salah4 { height: 250px; }
 }

@media screen and (max-width:360px)
 {
	 .rightinsmall { position:absolute;  right:5%; } 
	 .rightinsmall img { width: 100%; padding-top: 5px;} 
	 .small-logo {padding-top: 5px;}
	 .about-founder-img {position: relative;  max-height: 40rem; }
     .about-founder-img2 {position: relative; max-height: 40rem; float: right; }
	 .about-bodytext, .about-bodytext1 { font-size:16px; line-height:25px; display: block; }
	 .slider { margin-top:10px; padding:0px; max-height:330px; }
	 .carousel-indicators { bottom: -10px; }
	 .product-title { padding: 7px 10px; margin-top: 60%;}
	 .top-slider .item { height: 270px; background-size: cover; }
	 .kari {font-size: 14px;letter-spacing: 1px; line-height: 15px; }
	 .projects-main-title { font-size: 24px; line-height: 26px; }
	 .projects-text { font-size: 18px; line-height: 20px; margin: 15px 0px;}
	 #projects-content-center {margin-left: -10px;}
	  .year-title { font-size: 65px;  margin-top: 0px;  }
	 .header-down-arrow { bottom: 6vh;  }
}

@media (min-width: 2500px) {
	
   .about-founder-img {  max-height: 127rem;  bottom: -10px;  }
   .about-founder-img2 { max-height: 127rem;  }
    #header.small {padding:40px 15px ; height: 100px;} 
	#header {padding:50px 15px 20px 15px; height:130px;}
	#projects-header {margin-top: 30px;}
	.carousel-indicators { bottom: 25px; }
	
 .about-bodytext, .about-bodytext1
{
 	font-size:28px;
	line-height:40px;
 	margin-top:70px;
}

 
}