/*==========Responsive CSS Start==========*/

@media only screen and (max-width: 580px){
  .hero-area {
    width: 400px;
    height: 435px !important;
    padding-top: 57px;
    background-size: cover !important;
    background-position: right !important;
}
.about-thumb {
    
    margin-top: -90px;
}
/*.section-title.left h1 {*/
   
/*    margin-bottom: -35px !important;*/
/*}*/

/*.about-right {*/
   
/*    margin-bottom: -100px;*/
/*}*/
.about-right button {
    margin-top: 5px;
    
}
#challenge {
    
    margin-top: -100px !important;
    margin-bottom: -100px !important;

}
#team-member {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
}
#our-team {
    margin-top: -210px;
}
#education {
    margin-top: -30px;
}
#leading {
    margin-top: -35px;
}

.company {
    margin-top: -35px;
}
.mission {
    margin-top: -10px;
}

.footer-widget-menu ul {
        display: none;
      }

      .footer-widget-content.active .footer-widget-menu ul {
        display: block;
      }

      .footer-toggle {
        display: inline-block
        
      }
      
.process-area-two {
    margin-top: 30px !important;
}  
.school {
        margin-bottom: -100px;
}
#social {
    margin-top: -100px;
    margin-bottom: -100px;
}  
#area-foot {
    margin-top: -61px;
}
.process-area-two {
   
    padding: 10px 0 93px;
    
}
/*.section-title.left {*/
/*    margin-bottom: 30px;*/
/*    margin-top: -100px;*/
/*}*/
#chalk {
        margin-top: -35px;
}
.widget-sidber-contact-box {
 
    margin-bottom: -90px;
}
#beyond {
        margin-top: -70px;
}
.footer-bottom-content {
    margin-bottom: -30px;
    margin-top: -15px !important;         
}
h4.services-details-title {
    margin-top: 5px;
    margin-bottom: 5px;
}
h5 {
 
    margin-bottom: 8px;
    margin-top: 10px;
}
.access {
    margin-bottom: 11px;
    margin-top: -80px;
}
button.footer-toggle {
    margin-left: 320px;
    margin-top: -50px;
}
#develop {
    margin-top: -100px;
}
#off {
    margin-top: -80px;
}
.google-map {
    margin-top: -80px;
}
#map {
    margin-top: 20px;
}
#over {
        margin-top: -9px;
}
#thum {
    margin-top: 114px;
}
#team {
    margin-top: -150px;
}
/*.counter-area {*/
/*    padding: 35px 0 134px !important;*/
/*   margin-top: -100px;*/
/*}*/
#para-g {
    margin-bottom: -100px;
}
.echofy-button{
     display: inline-block;
  justify-content: center; /* horizontal center */
  align-items: center;
}
.echofy-button a {
   font-size: 14px;
   padding: 10px 20px;
  
}
.echofy-button.two a {
   font-size: 14px;
   padding: 10px 20px;
  
}
.echofy-text-section {
    position: relative;
    background: #49AF45;
    z-index: 1;
    padding: 20px 0 24px;
}
.echofy-text-section .marquee-block .content-box h6.title {

    font-size: 24px;
   
    font-weight: 600;
    padding: 0 28px;
}/* Base layout for all screens */

.about-area {
    padding: 0px 7px;
}

.section-title.left {
   margin: 0px 7px 49px 7px;
}

.single-project-box {
    margin:0px 7px;
}

.single-blog-box{
     margin: 0px 7px 20px 7px;
}
    .echofy-button a{
        margin-left:7px;
    }
.services-details-area {
    margin:0px 7px;
}
.process-area-two {
    padding: 10px 0 33px;
    margin:0px 19px;
}
.section-title.center h4 {
    margin-top: 20px;
}
.counter-area{
    margin:0px 19px;
    padding: 95px 0 157px;
  
}

.about-area {
    padding: 120px 7px 40px 7px;
}
   
}