@media (max-width : 580px){

    .about-img{
        margin-top: 20px;
        width: 100%;
    }

    .main-abt-img img{
        width: 100%;
    }

    .home_slider{
        width: 50%;
        margin: 0 auto;
       
    }
   
    .home_slider img{
        width: 150px;

        
       }
       .home_slider {
        width: 100% ;
       }
       .slick_slide_cont{
           width: 100%;
           text-align: center;
       }
       .abt-btn2{
    background-color: #ff8717;
    padding: 10px 15px;
    color: #fff;
    display:inline;
  
}

.abt-btn1{
    background-color: #ff8717;
    padding: 10px 15px;
    color: #fff;
   display:none;
  
}
}




@media (max-width : 820px)
{

    .home_slider {
        width: 100% ;
       }
       .home_slider img{
        width: 100%;
       
       }
       
       .gotopbtn {
    position: fixed;
    width: 35px;
    height: 35px;
    background: #ffffff;
    bottom: 71px;
    right: 39px;
    border: 1px solid #0c4264;
    text-decoration: none;
    text-align: center;
    line-height: 35px;
    color: #0c4264;
    font-size: 22px;
}
       
.abt-btn1{
    background-color: #ff8717;
    padding: 10px 15px;
    color: #fff;
   display:none;
  
}
.carousel-caption{
  position: absolute;
  top: 10% !important;
}

.abt-btn2{
    background-color: #ff8717;
    padding: 10px 15px;
    color: #fff;
    display:inline;
  
}
       .carousel-caption h2{
           font-size: 12px !important;
       }
       .carousel-caption{
           z-index: 9 !important;
       }
    .social{
        display: none;
    }

    .hide1{
        display: none !important;
    }
    .carousel-caption h1{
          font-size: 1rem !important;
      }
    

    .logo2{
        display: flex;
        justify-content: end;
        
      }
      .logo2{
        width: 100%;
       
        margin-top:10px;
        margin-left: auto;
        text-align: right;
      }
      .logo2 a img{
  
        width: 70% !important;
      }
      .carou-l{
          margin-top: 50px;
      }
  
      .carousel-indicators{
          z-index: -1;
      }
      nav .mainMenu {
          height: 100%;
          position: fixed;
          top: 0;
          right: 0;
          left: 0;
          z-index: 10;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background: #0c4264;
          transition: top 1s ease-in-out;
          display: none;
      }
  
      nav .mainMenu li{
       margin: 20px 0;
      }
      nav .mainMenu .closeMenu {
          display: block;
          position: absolute;
          top: 20px;
          right: 20px;
          
          
  
      }

      .new_gal_title{
          text-align: center !important;
      }

      .new_gallery img {
        width: 100% !important;
        margin: 10px 0;
    }
      nav .openMenu {
         
          display: block;
          color: #0c4264;
          position:absolute;
          top: 0;
          right: 100;
      }
      nav .mainMenu li a:hover {
         
          color: #ff8717;
          font-size: 1.2rem;
      }



      .why-c-u{
        width: 100% !important;
    }

    .about-img{
        width: 75%;
    }


    .bottom-f{
        text-align: center;
    }

    .designed p {
        margin:0;
        text-align: center ;
    }
   
    .contact-img{
      margin-top: 60px;
        padding: 0 !important;
       
    }

    
    .fig-caption{
        position: absolute;
        top: 40%;
        left: 35%;
        font-size: 0.9rem;
    }

    .carousel-indicators{
        z-index: -100 !important;
    }
      

      .gal_title{
          text-align: center;
      }


      .gallery_h4 {
        text-align: center !important ;
       
      }
      
      #ft_main_menu {
        margin-left:0!important ;
    }
}



@media (min-width: 821px) and (max-width : 991px){
	
.why-c-u{
    width: 100%;
}
}



@media only screen and (min-width: 77.5rem /* 1240px */) {
    .ft-main {
      justify-content: space-evenly;
    }
    
  }



  
   @media (min-width: 700px) {
    .wrapper {
      display: grid;
      grid-template-columns: 2fr 1fr;
    }
    .wrapper > * {
      padding: 2em 2em;
    }
  }