html{
    height:100%;
    width: auto;
}


body{
    background-color: none;

}
.tell{
    font-size: 20px;
  
}

.responsive {
  width: 100%;
  height: auto;
}

.navbar{
    background-color: transparent;

}

.navbar-expand-lg{
    letter-spacing: none;
    font-weight: bold;
    color: blue;
    
}

.navbar-light .navbar-nav .nav-link{
    padding: 32px;

}



.bg-any {
   
    background-color: transparent; 

}


.intro-pic{
    padding-left:200px;
}

h1{
    text-align: center;
}

h2{
    text-align: center;
    font-size: 22px;
    
}


h3{
    text-align: center; 
    font-size: 15px; 
    font-weight: bold;
}

h4{
    text-align: center;
    font-size: 12px;
}

h6{
    font-size: 15px;
}



element.style {
    background-color: #ff8100;
}



footer{
  
    margin-top: 15px;
   
    background-color: #17A2B8;
    color:white;
    max-height: 163px;
    border-bottom: 10px solid #17A2B8;
    font-weight: bold;    
    
}


.subfooter{
    margin-left: 10px;
    text-align: center;
}


.cr{
    text-align: center;
    font-size: 10px;
    background-color: #17A2B8;
    
}


/* Responsive grides starts here */ 


/*navbar-expand-lg*/

@media (max-width: 1024px){
.navbar-expand-lg 
{
   
       margin-left: 65px;
    }
}


@media (max-width: 576px){
.navbar-expand-lg 
{
   
       margin-left: 0px;
    }
}

@media (max-width: 768px){
.navbar-expand-lg 
{
   
       margin-left: 0px;
    }
}




/*nav mobile only */
@media (max-width: 576px){
.navbar-light .navbar-nav .nav-link 
{
    background-color: #b1d6ff;
    }
}


@media (max-width: 768px){
.navbar-light .navbar-nav .nav-link 
{
    background-color: #b1d6ff;
    }
}




/*All nav */


@media (max-width: 576px) {  .tell {
    display: none;
    
        }

    }
 


@media (max-width: 1024px) {.navbar-light .navbar-nav .nav-link{
    padding: 13px;
}

    }

 @media (max-width: 275px) {  .navbar-brand {
    padding-left: 3px;
       
        
        }

    }

/* This is for the New Galaxy folding phone only */
@media (max-width: 200px) { .card-deck {
display: none;

        
        }

    }


/*hr no for mobile */

@media (max-width: 768px) {  hr {
    display: none;
    
        }

    }
 @media (max-width: 576px) {  hr {
    display: none;
    
        }

    }

     @media (max-width: 275px) {  hr {
    display: none;
    
        }

    }

/*Three type of services card-deck"*/
@media (max-width: 280px) { .card-deck {
    display: none;
    
        }

    }



@media (max-width: 350px) { .card-deck {
    display: all;
    
        }

    }


@media (max-width: 576px) { .card-deck {
    display: all;
    
        }

    }

    @media (max-width: 768px) { .card-deck {
    display: all;
    
        }

    }


/*Three type of services button*/


@media (min-width: 295px){.mobileButton 
    {
     display: none;   
    }
}

  
     

    /*Call now button for mobile only and tablets*/

    @media (min-width: 1025px) {  #button {
    display: none;
    
        }

    }

/*Headers */
@media (max-width: 1024px) {  h1 {
    font-size: 30px;
    
        }

    }

@media (max-width: 1024px) {  h2 {
    font-size:20px;
    
        }

    }

    @media (max-width: 1024px) {  h3 {
    font-size: 17px;
    
        }

    }   

@media (max-width: 1024px) {  h4 {
    display: none;
    
        }

    }   



@media (max-width: 576px) {  h1 {
    font-size: 20px;
    
        }

    }

@media (max-width: 576px) {  h2 {
    font-size:15px;
    
        }

    }

    @media (max-width: 576px) {  h3 {
  font-size: 12
    
        }

    }   

    @media (max-width: 576px) {  h4 {
   display: none;
    
        }

    }   



    /*Body text and paragraph*/

    @media (max-width: 1024px) {  p {
    font-size: 20px;
    
        }

    }   


    @media (max-width: 576px) { .info {
   display: none;
    
        }

    } 

     @media (max-width: 768px) { .info {
   display: none;
    
        }

    } 

    @media (max-width: 1024px) { .info {
   display: none;
    
        }

    } 

     @media (max-width: 576px) { .tri-para {
   display: none;
    
        }

    }   


    @media (max-width: 768px) { .tri-para {
   display: none;
    
        }

    }  

    @media (min-width: 992px) { .tri-para {
   display: all;
    
        }

    }  


     @media (max-width: 1024px) { .text-size {
   font-size: 17px;
    
        }

    }   



@media (max-width: 768px) { .only-one-br {
   display: none;
    
        }

    }   
    

   
/*tfooter*/
     

     @media (max-width: 375px) {  .tfooter{
    font-size: 12px; 
        }

    }


@media (max-width: 576px) {  .tfooter{
    font-size: 14px; 
        }

    }


    @media (max-width: 576px) {  .btn-outline-primary{
     
        border:10px solid #fd7e14;
        background:#fd7e14;
        font-weight:bold;
        color:#0e0e90;

        }

    }


 @media (max-width: 768px) {  .btn-outline-primary{
     
        border:1px solid #ff8100;
        background:#fd7e14;
        font-weight:bold;
        color:#0e0e90;

        }

    }