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

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

@media (max-width: 1399px) {


}

@media (max-width: 1299px) {
.navbar >.container{
    width: 100%;
    max-width: 100%;
 }
 .navbar{
    padding-left: 12px;
    padding-right: 12px;
 }
 .navbar .navbar-nav .nav-item{
    margin:0 ;
    font-size: 15px;
 }
}

@media (max-width: 1199px) {


}

@media (max-width: 992px) {

.navbar-toggler img.humbermenu {
    display: none;
}
.navbar-toggler.collapsed img.humbermenu {
    display: block;
}

.navbar-toggler.collapsed img.humbermenu-close {
    display: none;
}

.navbar .navbar-nav .nav-link {
    margin-bottom: 20px;
}
}

@media (min-width: 1300px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1240px;
}
}


@media (max-width: 991px) {



h1, .h1 {
font-size: 45px;
line-height: 1  ;
}

h2, .h2 {
    font-size: 36px;
    line-height: 1.3;
}

h3, .h3 {
  font-size: 30px;
line-height: 1.3;
}

h4, .h4 {
font-size: 26px;
line-height: 1.3;
}

h5, .h5 {
font-size: 20px;
line-height: 1.3;
}

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


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

.sustainable-section h3, .h3 {
    font-size: 24px;
    line-height: 25px;
}


.sustainable-section h3 {
/*    margin-top: 100px;*/
/*text-align: center;*/
margin-bottom: 30px;
}

.sustainable-section a.contact-cta{
margin-right: auto !important;
margin-left: 0 !important;
}
.testimonials-box{
	padding: 40px;
}

	 .solution-text {
    max-width: 100%;
    border-radius: 0 0 10px 10px;
}

.solution-box {
    margin-bottom: 100px;
}

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;
}

.navbar .navbar-collapse {
    background: #fff;
    padding: 20px 0;
}



.hero-box {
    padding: 20px 14px;
    left: 20px;
    right: 20px;
    flex-wrap: wrap;
}

.hero-box h1 {
    font-size: 42px;
    margin-bottom: 10px !important;
}


.grey-box-ui {
    padding: 45px 20px;
}




}



@media (max-width: 767px) {
    ul.our-solar-solutions-list li p{
        display: block;
    }
 ul.our-solar-solutions-list li a svg{
    display: none;
 }
 ul.our-solar-solutions-list li a{
    opacity: 1;
        padding: 0;
    border: 0;
    font-weight: 600;
    margin-bottom: 12px !important;
 }
 .y-invest-box.border-b-mob {
    border-bottom: 1px solid rgb(30 30 30 / 30%);
}
section.proudly-services:before,
section.proudly-services:after {
    opacity: 0;
}


ul.pointer {
    text-align: left;
    margin-top: 30px;
}
section.hero-section .container {
    margin-bottom: 30px;
}
.who-we-are-section {
    text-align: center;
}

img.who-we-are-image {
    margin-bottom: 50px;
}

.who-we-are-card h2 {
    margin-bottom: 4px !important;
}
section.our-counts {
    padding: 50px;
}


section.our-counts ul#counter {
    flex-direction: column;
    gap: 40px;
    text-align: center;
}
section.our-counts ul#counter p, section.our-counts ul#counter li, span.count.percent {
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
}
.our-services .btn {
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-block;
    width: 100%;
}
.title {
    margin-bottom: 35px;
}

.section, section {
    padding: 40px 0;
    margin: 40px 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;
}

section.contact-us-section span {
    margin-bottom: 30px;
}

section.contact-us-section svg {
    margin-bottom: 10px;
    margin-top: 10px;
}
a.contact-cta{
    left: 0;
}


.copyright .copyright-text {
    text-align: center;
    margin-bottom: 20px;
}
.copyright a {
    margin: auto;
}
p.footer-description{
    max-width: 100%;
}

section.hero-section {
/*    background: #eaeefd;*/
    padding: 100px 0 0;
    min-height: 100vh;
    position: relative;
/*    background-image: url(../images/hero-mob.png);*/
    background-position: center;
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: 80% 100%;
}
span.count.plus, span.count.percent {
    justify-content: center;
    align-items: center;
}
ul.our-solar-solutions-list{
    margin-bottom: 30px;
}


}


/*Responsive End Here*/