@media only screen and (max-width:1199px){}
@media only screen and (max-width:1140px){}
@media only screen and (max-width:1024px){}
@media only screen and (max-width:992px){}
@media only screen and (max-width:991px){
    nav{height:auto;}
    .header{width: 100%;margin-top:0;}
    .content{flex-direction: column;}
    .left-div{width: 100%;border-radius: 20px;}
    .right-div{margin-top: 20px;}
    .social{margin-bottom: 0;}
    .foot-icon{order:1;}
    .footer > P {order:2;}
    .footer > .foot-in {order:3;}
    .footer {flex-direction: column; row-gap: 5px; }
    .faq-container{flex-direction: column;margin-top: 2%;}
    .faq-header{margin-left: 5%;padding:0px;margin-bottom: 2%;}
    .faq-header h1,.info-box h2{font-size: 5vw;}
    .footer {margin-top: 5vh;}
    .inpmsg,textarea,.inpname, .inpemail,#contact-form input, #contact-form textarea { width: 100%!important;}
    textarea{height:300px;max-width:100%;}
    .submitBtn{margin-top:3%;}
    #FAQ { font-size: 3vw;margin:2% 0;}
    .faq-header br{display:none;}
}
@media only screen and (max-width:769px){
  .navbar a {margin: 0 1rem;}
  nav ul li{margin: 25px 0;}
  .nav-bg{height: 110px;}
}
@media only screen and (max-width:768px){}
@media only screen and (max-width:678px){}
@media only screen and (max-width:567px){
    .faq-header h1 br{display:none;}
    .accordion-content header .title{padding: 10px 0px;}
    .accordion-content .description{padding: 0 15px;}
    #map-container,.info-box{margin-top: 4vh;}
    #FAQ {font-size: 4vw;}
    .footer { margin-top: 0vh; }
    .accordion-content:not(:last-child){
      padding-bottom:0;
      margin-bottom:0;
    }
}
@media only screen and (max-width:481px){}
@media only screen and (max-width:320px){}