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


body{
    background-color: none;

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

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

.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 {
    /*border-bottom: 1px solid black;*/
    
    background-color: transparent; 

}



/*Three service type box card button */
/*.btn-primary {
    color: #fff;
    background-color: #0e0e90;
    border-color: #0e0e90;
}

.btn-block {
    background-color: #fd7e14;
    border: 1px solid #2C5A7E ;
}*/

/*.sticky-top{
    letter-spacing: 2px;
    height: 100px;
}
*/
.intro-pic{
    padding-left:200px;
}

h1{
    text-align: center;
}

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



/*li.first{
    display: inline;

}*/

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;
    /*border-top: 1px solid blue; */
    background-color: #17A2B8;
    
}

/*li for h2 */

/*@media (max-width: 576px) {  li.first
 {
    display: block;
    
        }

    }

    @media (max-width: 768px) {  li.first
 {
    display: block;
    
        }

    }

    @media (max-width: 1024px) {  li.first
 {
    display: block;
    
        }

    }*/


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

    }

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

    }

    @media (max-width: 1024px) {  .VL
 {
    display: all;
    
        }

    }

   
    

/*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;
    }
}



/*Intor pic */

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

    }
 


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

    }

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

    }



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

    }
 


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

    }

 @media (max-width: 1024px) {  .intro-mobile
 {
    display: all;
    
        }

    }


 @media (min-width: 1026px) {  .intro-mobile
 {
    display: none;
    
        }

    }



 



/*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;
    
        }

    }


  
     

    /*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: all;
    
        }

    }  


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

    }   


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

    }   

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

    }   


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

    }   


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

    }   

     @media (max-width: 1024px) { .no-mobile-pad {
   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: 1024px) {  .cr{
    padding-top: 25px; 
        }

    }*/

    @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;

        }

    }