
@media only screen and (max-width:600px){
      .main-container{
        display: flex;
        flex-flow: column wrap;
        width: 100%;
      }
      .main-header{
        display: flex;
        flex-flow: column wrap;
      }
      .eci-logo{
        width: 100%;
        margin-top: 10px;
        justify-content: center;
      }
      .deo-text{
        width: 100%;
        justify-content: center;
        text-align: center;
      }

      .dial{
        width: 100%;
        margin-bottom: 10px;
        justify-content: center;
      }
      .facebook{
        width: 100%;
        justify-content: center;
        margin-bottom: 10px;
      }
/* Start of Home gallery section */
      .homeGallery{
        display: flex;
        width: 100%;
        flex-flow: row wrap;
        justify-content: center;
      }
/* End of Home gallery section */
/* ##########################################################*/
/*start of Drop down menu --------------------------*/

    .main-menu{
      display: flex;
      justify-content: center;
      height: 200px;
    }
    .main-menu ul{
      flex-flow: row wrap;
     justify-content: center;
     z-index: 1;
   }
/* End of Drop down menu --------------------------*/
/* ##########################################################*/
      .main-content{
        display: flex;
        flex-flow: column wrap;
      }

      .left-main-content{
        display: flex;
        flex-flow: row wrap;
        width: 100%;
     }
     .center-main-content{
      display: flex;
      flex-flow: row wrap;
      width: 100%;
     }
     .right-main-content{
      display: flex;
      flex-flow: row wrap;
      width: 100%;
     }

      .center-main-content{
        width: 100%;
        justify-content: center;
      }
      .center-main-content-deo{
        width: 100%;
        justify-content: center;
      }
      .center-main-content-message{
        width: 100%;
        justify-content: center;
      }
      
      .footer-1{
        display: flex;
        width: 100%;
        flex-direction: column;
        flex-wrap: wrap;
      }
      .external-links{
        flex-flow: row wrap;
        align-items: center;
        text-align: center;
        height: 100%;
        width: 100%;
      }
      
      .external-links-heading{
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        text-align: center;
        height: 100%;
        width: 100%;
        
      }
      .external-links-ul{
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        text-align: center;
        height: 100%;
        width: 100%;
        
      }
      .forms-download{
        flex-flow: row wrap;
      /*  justify-content: center;
        align-items: center;
        text-align: center; 
       */
        height: 100%;
        width: 100%;

      }
      .forms-download-heading{
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        height: 100%;
        width: 100%;
        
      }
      .forms-download-ul{
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        text-align: center;
        height: 100%;
        width: 100%;
        
      }
      
      .contact-us{
        flex-flow: row wrap;
        height: 100%;
        width: 100%;
        margin-bottom: 10px;
        
      }
    
      .footer{
        display: flex;
        flex-flow: row wrap;
        text-align: center;
      }

    }