/* @media only screen and  (max-width: 1200px) {  } */

@media only screen and (max-width:1280px) and (min-width: 900px) {


  p {
    font-size: 14px;
  }

  a {
    font-size: 16px;
  }





}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:1366px) and (min-width: 768px) {

  #hero {
    height: calc(100vh - 10vh) !important;
  }
  .banner-wrap {
    height: 95vh;
  }

}

@media only screen and (max-width:1730px) and (min-width: 1522px) {
  section#hero {
    height: calc(85vh - 0vh);
  }

  .banner-wrap {
    height: 90vh;
  }
    section.contact-section {
        padding-top: 18%;
    }
}


@media only screen and (max-width:1522px) and (min-width: 1268px) {
  section#hero {
    height: calc(83vh - 0vh);
  }

  .banner-wrap {
    height: 90vh;
  }

  .btm-btn {
    bottom: 110px;
  }

  .btm-btn img {
    width: 40px;
    height: 40px;
  }
    section.contact-section {
        padding-top: 20%;
    }
}
@media only screen and (max-width:1024) {

  /*RESPONSIVE NAVIGATION*/
  .mobile-menu {
    display: block;
    /* height: 70px; */
    /* position: fixed; */
    width: 100%;
    z-index: 99999;
    background: #fff;
  }

  /*RESPONSIVE NAVIGATION*/

  .header-wrapper {
    display: none;
  }

}
@media only screen and (max-width:991px) {

  /*RESPONSIVE NAVIGATION*/
  .mobile-menu {
    display: block;
    /* height: 70px; */
    /* position: fixed; */
    width: 100%;
    z-index: 99999;
    background: #fff;
  }

  /*RESPONSIVE NAVIGATION*/

  .header-wrapper {
    display: none;
  }

}

@media (min-width: 768px) and (max-width: 1024px) {

  p,
  a {
    font-size: 16px !important;
  }

  .banner-wrap {
    height: 135vh;
  }

  #hero {
    height: calc(140vh - 10vh) !important;
  }

  .content {
    padding: 20px 50px 20px 50px;
  }

  .mob-main-logo-wrapper img {
    width: 200px !important;
    margin: 15px 25px;
  }

  section.marketing-section {
    padding: 60px 0px 0 0;
  }

  .mobile-menu .social-link {
    justify-content: center;
    margin-bottom: 20px;
  }

  .mobile-menu .social-link li a i {
    background: #116496;
    color: #fff;
    margin: 10px;
  }

  section.image-detail .car-wrapper .cardwrap {
    padding: 10px;
  }

  .copyrightcontent {
    width: 95%;
  }
  #header .social ul li {
    justify-content: center;
  }
}

@media only screen and (max-width: 576px) {}

@media (min-width: 320px) and (max-width: 768px) {
  .banner-wrap {
    height: 40vh;
    width: 100% !important;
  }

  .mob-main-logo-wrapper img {
    width: 130px !important;
  }

  li.drop-down ul {
    position: unset;
    padding: 0 0 0 10px;
  }

  li.drop-down ul li {
    padding: 10px 0px !important;
  }

  .cta-text-inner {
    width: 100%;
  }

  .cta-inner h2 {
    padding-bottom: 40px;
  }

  .Law-Office {
    text-align: center;
  }

  section.about-img h2,
  section.work .top-headtext h2 {
    font-size: 28px;
  }

  .mobile-menu .social-link li a i {
    background: #116496;
    color: #fff;
  }

  .contact-info {
    padding: 0 15px;
  }
  .contact-wrap .box {
    padding: 20px;
    margin-bottom: 20px;
  }
  .section-title h2:last-child {
    font-size: 28px;
  }
  .video h2 {
    font-size: 28px;
    text-align: center;
  }

  .top-headtext h1 span {
    font-size: 35px;
  }
  #header .social ul li {
    justify-content: center;
  }
  .section-title a.btn-secondary:last-child {
    margin: 20px 0 30px;
  }
  ul.navbar-nav.ml-auto {
      display: flex;
      text-align: center;
      justify-content: center;
      align-items: center;
  }  
}



@media only screen and (max-width: 475px) {
  section#hero {
    background-attachment: unset;
    /*height: 530px !important;*/
    height: 370px !important;
  }
  .banner-wrap {
    /*height: 53vh;*/
    height: 40vh;
}

  .section-title h1 {
    font-size: 38px;
  }

  .car-wrapper {
    width: 100%;
    display: block;
  }

  .car-wrapper .cardwrap {
    margin-bottom: 40px;
    width: 100%;
    margin-left: 0px;
  }

  section.image-detail .car-wrapper .cardwrap {
    margin-bottom: 20px;
  }

  section.image-detail:before {
    width: 50px;
  }

  section.sec-2 {
    padding-top: 0px;
  }

  .sec-2 .m-auto.content {
    padding: 30px 20px;
  }

  .sec-2 .content {
    padding: 0 15px;
  }

  section.sec-2 .sub-heading {
    padding-top: 0;
    padding-bottom: 20px;
  }

  section.sec-2 .content h3 {
    font-size: 20px;
    margin-bottom: 10px !important;
  }

  section.sec-2 .sub-heading h3 {
    font-size: 20px;
    text-align: left;
    margin-bottom: 0px !important;
  }

  section.public-wrapper {
    padding: 30px 0px;
  }

  .banner-inner {
    width: 100%;
    position: relative;
  }
  .btm-btn img {
    width: 40px;
    height: 40px;
}

  .banner-inner h2 {
    font-size: 28px;
  }

  .banner-inner p {
    width: 100%;
    font-size: 24px;
  }
  section.marketing-section .media-box img {
    left: -10px;
    top: -10px;
  }

  .service-wrapper .cardwrap .card-body h3 {
    font-size: 20px;
  }

  section.marketing-section.sec-3 {
    padding-top: 0;
  }

  section#about .right-content h2 {
    line-height: unset;
    font-size: 28px;
  }

  footer {
    padding: 0px;
  }

  .footer-info {
    text-align: left;
  }

  .footer-social-wrapper {
    padding-top: 20px !important;
  }

  .copyrightcontent {
    display: block;
    text-align: center;
    width: 100%;
  }

  .footer-btm {
    margin-top: 30px;
    padding: 20px;
  }

  .footer-btm ul.footer-nav {
    display: block;
    text-align: center;
  }

  .footer-btm ul.footer-nav li {
    padding: 10px 0px;
    margin: 0px;
  }

  .btm-btn {
    bottom: -20px;
  }

  .mobile-menu .social-link {
    justify-content: center;
    margin-bottom: 20px;
  }

  .mobile-menu .social-link li {
    margin: 10px 10px 0px;
  }

  .tab-accodians h2 {
    font-size: 25px;
  }

  .tab-accodians {
    margin: 0;
  }

  .tab-accodians .figure {
    padding: 0;
  }

  section#about .right-content {
    padding-top: 40px;
    padding-left: 0 !important;
    text-align: center;
  }

  section#about .right-content a {
    font-size: 28px;
  }

  .embed-responsive iframe {
    height: 250px;
  }

  section#about .left-content {
    padding-bottom: 30px;
  }

  section.about-img .left-content p {
    padding-bottom: 30px;
  }

  .top-headtext {
    padding: 20px 15px;
  }

  section.post-cast-section {
    padding-top: 0;
  }

  section.faqs-wraper .container-fluid {
    width: unset;
  }

  .tab-accodians .figure img {
    height: auto;
    margin-top: 30px;
  }

  .contact-form {
    padding: 30px 20px 20px !important;
    margin-bottom: 20px;
  }
  form.contact-form {
    padding: 0 !important;
}
  .contact-info .box i {
    font-size: 40px;
  }

  .z-index iframe {
    height: 320px;
  }

  section.ftco-section.contact-section {
    padding-bottom: 0px;
  }

  .row.contact-wrap {
    padding: 10px 0px;
  }

  .copyright {
    padding: 20px;
  }

  div#box-wrapper {
    display: block;
  }

  section.public-wrapper .box {
    width: 100%;
  }

  .box {
    margin-bottom: 30px;
  }

  .icon-video {
    margin-right: 0;
  }
  .Law-Office .content {
    text-align: left;
}
}

@media only screen and (max-width: 6980px) and (min-width: 2100px) {
    section.contact-section {
        padding-top: 12%;
    }
}

@media only screen and (max-width: 2250px) and (min-width: 1850px) {
    section.contact-section {
        padding-top: 13%;
    }
}