/* If the viewport is equal to 340px or less than that*/
@media only screen and (max-width:340px){
   .header_area .main-menu .navbar,
   .header_area .main-menu .navbar .navbar-brand{
    padding:3%;
    margin:0%;
   } 

    .site-main .site-banner .site-title h1{
       font-size: 1.5rem;
    } 
  
    .fas fa-phone span{
        font-size: 2em;
}

.footer-section.contact-form{
    display: none;
}



.fas fa-envelope span{
    font-size: 2em;
}


.about-area .para2{
    font-size: 10px;
    }

form .submit{
 
    margin-top: 3px;
}

.about-area .paragraph1{

    margin-top: 1px;
}
fieldset{
    font-size: 10px;
}

  #contact-form1 label{
    font-size: 15px;
}

}

/* If the viewport is equal to 740px or less than that*/
@media only screen and (max-width:740px){
    .header_area .main-menu .navbar,
    .header_area .main-menu .navbar .navbar-brand{
     padding:3%;
     margin:0%;
    } 
 
    .site-main .site-banner .site-title h1{
        font-size: 1.5rem;
     } 

     .footer-section.contact-form{
        display: none;
    }
    
     .fas fa-phone span{
         font-size: 2em;
 }
 .about-area .para2{
     font-size: 10px;
     }
 
 form .submit{
  
     margin-top: 3px;
 }
 
 .about-area .paragraph1{
 
     margin-top: 1px;
 }
 fieldset{
     font-size: 10px;
 }
 
   #contact-form1 label{
     font-size: 15px;
 }
}

/* If the viewport is equal to 792px or less than that*/
@media only screen and (max-width:792px){

    .site-main .site-banner .site-title h1{
        font-size: 1.5rem;
     } 
   
     .fas fa-phone span{
         font-size: 2em;
 }
 .about-area .para2{
     font-size: 10px;
     }


 
 form .submit{
  
     margin-top: 3px;
 }
 
 .about-area .paragraph1{
 
     margin-top: 1px;
 }
 fieldset{
     font-size: 10px;
 }
 
   #contact-form1 label{
     font-size: 15px;
 }
}

/* If the viewport is equal to 1910px or less than that*/
@media only screen and (max-width:1910px){
    .header_area .main-menu .navbar{
        padding:1rem;
    }
    .container{
        max-width: 90%;
    }
    .site-main .site-banner .site-title h1{
        font-size: 1.5rem;
     } 
    
     .fas fa-phone span{
         font-size: 2em;
 }
 .about-area .para2{
     font-size: 10px;
     }
 
 form .submit{
  
     margin-top: 3px;
 }
 
 .about-area .paragraph1{
 
     margin-top: 1px;
 }
 fieldset{
     font-size: 10px;
 }
 
   #contact-form1 label{
     font-size: 15px;
 }
}


