/*Responsive Start Here*/
@media (min-width: 1599px) {
  
}

@media (max-width: 1499px) {
  
}

@media (max-width: 1399px) {


}

@media (max-width: 1299px) {
 
}

@media (max-width: 1199px) {


}

@media (max-width: 999px) {
}




@media (max-width: 991px) {



h1, .h1 {
font-size: 50px;
line-height: 54px;
}

h2, .h2 {
    font-size: 40px;
    line-height: 46px;
}

h3, .h3 {
  font-size: 36px;
line-height: 40px;
}

h4, .h4 {
font-size: 30px;
line-height: 38px;
}

h5, .h5 {
font-size: 26px;
line-height: 32px;
}

h6, .h6 {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 26px;
}


p{
font-size: 16px;
line-height: 24px;
}





.testimonials-box{
	padding: 40px;
}

	 section.hero-section .container{
  	height: initial;
  }

section.what-we-do-section .container {
    margin-bottom: 180px;
}
.what-we-do-section img.oru_renewableEnergy_city-image {
    width: 500px;
}
header nav.navbar .navbar-brand img{
	    width: 140px;
}

}
@media screen and (min-width: 330px) and (max-width: 700px) {
    /* Add your CSS styles here */
    header nav.navbar .navbar-brand img{
	    width: 200px;
}

  }


@media (max-width: 767px) {
 

section.hero-section {
    padding: 20px 0;
    height: 580px;
}

.title {
    margin-bottom: 35px;
}

.section, section {
    padding: 50px 0;
    position: relative;
    overflow: hidden;
}
.who-we-are-text:before {
   
    width: 40px;
    height: 40px;
    left: 20px;
    top: -17px;
    transform: translate(0%, -6%) rotate(45deg);
}

.what-we-do-section img.oru_renewableEnergy_city-image {
    width: 300px;
}

.what-we-do-section.aos-animate img.sun-image {
    width: 70px;
    top: inherit;
    bottom: 0;
    padding-bottom: 220px;
}


.what-we-do-icon-box {
    min-width: calc(100% / 3);
}

section.what-we-do-section .container {
    margin-bottom: 200px;
    max-height: 0;
    overflow: hidden;
    
}
section.what-we-do-section .container {
	 -webkit-animation: mob-container 1s ease 1;
	  -moz-animation: mob-container 1s ease 1;
	  animation: mob-container 1s ease 1;
	  animation-fill-mode: forwards;  
	  animation-delay: 1.5s;
}
@keyframes sunrise {
    0%{transform: rotate(-55deg);}
    100%{transform: rotate(68deg);}
}
@keyframes mob-container {
    0%{max-height: 0;}
    100%{max-height: 1000px;}
}

.what-we-do-section.aos-animate img.sun-image{
	animation-delay: .6s;
}
.what-we-do-section.aos-animate:before{
	animation-delay: .35s;
}
.copyright-area{
	    text-align: center;
}

.footer-menu ul {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
}


/*Responsive End Here*/