@media (min-width: 992px) {

    /**
     * #VARIABLE 
     */
  
    :root {
  
      --px: 30px;
  
    }
  
    /**
     * # Navbar 
     */
  
    .navbar { padding: 1rem 3.5%; }
  
    .navbar-nav {
      background: transparent;
      position: static;
      box-shadow: none;
      padding: 0;
      opacity: 1;
      transform: scale(1);
      pointer-events: all;
      display:     flex;
      align-items: center;
      gap: 20px;
    }
  
    .nav-item:not(:last-child) a { border-bottom: none; }
  
    .nav-toggle-btn { display: none; }
  
    .navbar .btn { display: block; }






}
  




@media (max-width: 1200px) {


  .header .heads{
    font-size: 42px;
    text-align: center; 
    margin: 2rem; 
    margin-bottom: 2rem;
    margin-top: 3rem;
    font-family: "Black Ops One", system-ui;
    letter-spacing: 11px;
    color: #000101;
  }
  

  .header .head-sec-h{
    text-align: center;  
    font-size: .8rem; 
    line-height: 4rem; 
    font-weight: 900; 
    margin-bottom: 3rem; 
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; letter-spacing: 4px; font-weight: 900; width: 100%; 
    font-weight: 600;
  }
  
  .img-wrapper {
    height: 460px;
  }
  .info .text {
    width: 15vw; 
  }
  
.info .text2 {
margin-top: 1rem;
  width: 15vw; 
}

  .section-title .head-sec-about{
    font-size: 1.5rem; 
    line-height: 5rem; 
  }
  

  
  .section-title h2{
    font-size: 32px;
    line-height: 4rem;
  }
  

  
.section-title .h22{
  font-size: 48px;
  letter-spacing: 4px;
}

  
.text-pp{
    font-size: 16px; 
}
  

.container {
  max-width: 100%;
}
.card-wraper {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.row2 .col22{
  display: none;
}

.box2b .h111{
  font-size: 36px;
  letter-spacing: 6px;
  }

  
.footer-col .links li a {
  font-size: 12px;
  color: white;
  letter-spacing: 1px;
  
}
.icons .social-icons  a{
font-size: 12px;
letter-spacing: 1px;
}
}








@media (max-width: 992px) {

  *{
    margin:0; padding:0;
  }
    html{
        margin: .5rem;
    }
    
    .header .heads{
      font-size: 32px;
      margin: 2rem; 
      margin-bottom: 2rem;
      letter-spacing: 8px;
    }
    

    .header .head-sec-h{
      font-size: .6rem; 
      margin-bottom: 2rem;
    }
    
    
  .section-title .head-sec-about{
    font-size: 1rem; 
    line-height: 5rem; 
  }

  
  .section-title h2{
    font-size: 22px;
    line-height: 4rem;
  }

  .footer-col-non{
display: none;
  }
  

  
.box2b .h111{
  font-size: 32px;
  line-height: 4rem;
  }


/*-----------------------------------*\
  #           scroll-btn            #
\*-----------------------------------*/


.scroll-btn {
  
    right: 1rem;
    bottom: 1rem;
    width: 1.6rem;
    height: 1.6rem;
  }
  
  
  .scroll-btn2 {
    
    right: 1rem;
    bottom: 3rem;
    width: 1.6rem;
    height: 1.6rem;
    
  }
  
  .scroll-btn3 {
    
    right: 1rem;
    bottom: 5rem;
    width: 1.6rem;
    height: 1.6rem;
  }
  
}











@media (min-width: 320px) and (max-width: 480px) {

  body{
    background-color: #F5F8F3;
    background-image: url(/img/58967102.svg);
    background-size: cover;
    background-repeat: no-repeat;
  }
 


.header .heads{
  display: none;
}

.saperator2{
display: none;
}


.header .heads2{
  display: block;
  font-size: 28px;
  text-align: center; 
  margin-bottom: 1rem;
  font-family: "Black Ops One", system-ui;
  letter-spacing: 11px;
  color: #000101;
}



.header .head-sec-h{ 
  font-size: .5rem; 
  font-weight: 300;
  line-height: 2rem; 
}


.img-wrapper {
  margin-bottom: 3rem;
  border-radius: 2.5rem;
  width: 100%;
  height: 240px;
}

.section-three-content{
  display: grid;
  grid-template-columns: repeat(1,1fr);
  gap: 2rem;
  margin-bottom: 6rem;
}

.info .text {
  font-size: 12px; 
  width: 30vw; 
}

.section-title .head-sec-about{
  font-size: .8rem; 
  line-height: 3.5rem; 
  font-weight: 900;
}

.info .text2 {
  margin-top: 1rem;
    width: 30vw; 
  }
  

  
  .section-title h2{
    font-size: 20px;
    font-weight: 900;
    line-height: 4rem;
  }


.navbar-brand2 .list-item-n{
  display: none;
}
  
 .container {
  max-width: 100%;
}
.card-wraper {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.card-main {
  padding: 15px;
}
a.card {
  padding: 10px;
}




.sd_scroll {
  height: auto;
  overflow: auto;
max-height:240px;
}

.thumbnail, .btnNtxt{
width: 100% !important;
  display: block !important;
}

.sdCustomSliderHeadig {
  font-size: 13px;
  font-weight: 400;
  line-height: 2em;
  text-align: justify;
}


.text-pp{
  font-size: 14px; 
}

.section-title .h22{
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 4px;
}

.our-services{
   padding-left: .5%;
    padding-right: .5%;
}

h3 {
  font-size: 24px;
}
.our-services p{
  font-size: 12px;
}

p {
  font-size: 14px;
  font-weight: 400;
  color: #747474;
  letter-spacing: .5px;
  text-align: justify;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
footer .foter {
  border-radius: 2rem;  
}
footer .box-con{
  width: 100%; 
  display: grid; 
  grid-template-columns: repeat(1,1fr);
  gap: 1rem; 
  margin-bottom: 0rem;

}

.box2b .h111{
  font-size: 24px;
  line-height: 4rem;
  letter-spacing: 6px;
  margin-top: 2rem;
  }
  .footer-col-n {
    display: none;
  }

  footer .footer-row {
    padding: 2px;
    text-align: left;
    
  }
  footer .footer-row {
    display: flex; 
    justify-content: space-between;
    text-align: left;
  }

  .footer-col-non{
    display: block;
      }
      
  .footer-col-noon{
    display: none;
      }

      .row2 p{
        text-align: center;
        margin-bottom: 1rem;
      }
    
      .row-n{
        display: none;
      }
      
.col p{
  font-size: 10px;
  letter-spacing: 2.5px;
}

}