@media (min-width: 300px) and (max-width: 417.98px) {
     .desktop {
         display: none;
    }
     .mobile {
         display: block;
    }
     .bannerasbestos {
        padding-top: 20%;
        max-width: 100%;
        height: auto;
    }
     .govtlogos{
         padding-left: 1%;
    }
     .mobile-nav-toggle{
         top: 24px;
    }
     .slidecon {
         bottom: 67% !important;
    }
     .btn-primary{
         width: 59%;
    }
     #hero .slideimg{
         font-size: 18px;
    }
     #hero .slideimg1{
         font-size: 16px;
         line-height: 3;
    }
     #hero .slideh1{
         font-size: 21px;
    }
     #hero .slidesh1{
         font-size: 25px;
    }
     .vl{
         height :19%;
    }
     .vll{
         height :24%;
    }
     .carousel-item img{
         object-fit: cover;
    }
     #hero{
         padding-bottom: 22%;
    }
     #hero h1{
         font-size: 5.8vw;
         line-height: 25px;
    }
     .sliderbutton {
         width: 36vh;
    }
     .carousel-caption {
         bottom: 30%;
    }
    .fad{
        top: 7% !important;
        bottom: 0 ;
        right: 30% !important;
    }
    .fads{
        padding-bottom: 30%  !important;
        top: 20vw  !important;
    }
     #cards_landscape_wrap-2 .card-flyer .text-box .text-container{
        height: calc(0% - -155px) !important;
    }
     #cards_landscape_wrap-2 .card-flyer .text-box p{
         height: calc(0% - -155px);
     }
     #cards_landscape_wrap-2 .card-flyer .text-box .contactmark{
        height: 80px;
     }
     #cards_landscape_wrap-2 .card-flyer .text-box .contactmarktext{
        height: 205px;
     }
      #cards_landscape_wrap-2 .card-flyer:hover{
        transform: none;
     }
     .img-circle{
        /*padding-bottom: 4%;*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 30%;
     }

     .testicont{
        padding-bottom: 9%;
     }
      #cards_landscape_wrap-2 .card-flyer .text-box .addresstop{
        height: 80px;
    }
      #cards_landscape_wrap-2 .card-flyer .text-box .addresstext{
        height:230px !important;
    }
    #cards_landscape_wrap-2 .card-flyer .content-overlay{
        height: 64vw;
        width: 92%;
        top: 16px;
     }
     .acess-container{
        bottom: 130px;
     }
      #header .logo img{
        width:63vw !important;
     }
     .nit{
        background: url(../img/phone-bg.png) no-repeat;
     }
}
@media (min-width: 418px) and (max-width: 575.98px) {
     .desktop {
         display: none;
    }
     .mobile {
         display: block;
    }
     .bannerasbestos {
        padding-top: 10%;
        max-width: 100%;
        height: auto;
    }
     .govtlogos{
         padding-left: 7%;
    }
     .mobile-nav-toggle{
         top: 24px;
    }
     .slidecon {
        bottom: 67% !important;
    }
     .btn-primary{
         width: 37%;
    }
     #hero .slideimg{
         font-size: 25px;
    }
     #hero .slideimg1{
         font-size: 21px;
         line-height: 3;
    }
     #hero .slideh1{
         font-size: 30px;
    }
     #hero .slidesh1{
         font-size: 30px;
    }
     .vl{
        height: 19%;
    }
     .vll{
         height :24%;
    }
     #cards_landscape_wrap-2 .card-flyer:hover{
        transform: none;
     }
     .carousel-item img{
         object-fit: cover;
    }
     #hero{
         padding-bottom: 22%;
    }
     #hero h1{
         font-size: 5.9vw;
         line-height: 25px;
    }
     .sliderbutton {
         width: 36vh;
    }
     .carousel-caption {
         bottom: 30%;
    }
     .fad {
         bottom: 19% !important;
    }
    .fads{
        padding-bottom: 31% !important;
    top: 11.7vh !important;
    }
     .img-circle{
        margin-left: 34%;
        margin-top: 8%;
     }
     .nit{
        background: url(../img/phone-bg.png) no-repeat;
     }
     .testicont{
        padding-bottom: 8%;
     }
     #cards_landscape_wrap-2 .card-flyer .text-box .addresstext{
        height: 23vh !important;
    }
    #cards_landscape_wrap-2 .card-flyer .text-box .text-container .addresstop{
        height: 8vh;
    }
     #cards_landscape_wrap-2 .card-flyer .text-box  .contactmarktext{
        height: 203px !important;
    }
    #cards_landscape_wrap-2 .card-flyer .text-box .text-container{
        height: calc(0% - -155px) !important;
    }
     #cards_landscape_wrap-2 .card-flyer .text-box p{
         height: calc(0% - -155px);
     }
     #cards_landscape_wrap-2 .card-flyer .text-box .contactmark{
        height: 80px;
     }
      #cards_landscape_wrap-2 .card-flyer .content-overlay{
        height: 68vw;
        width: 93%;
        top: 10px;
     }
     #cards_landscape_wrap-2 .card-flyer:hover .content-detail{
        top: 26%;
     }
       #header .logo img{
        width: 44vw !important;
     }
}
 @media (min-width: 576px) and (max-width: 767.98px) {
     .desktop {
         display: none;
    }
     .mobile {
         display: block;
    }
     .bannerasbestos {
        padding-top: 8%;
        max-width: 100%;
        height: auto;
    }
     .govtlogos{
         padding-left: 9%;
    }
     .mobile-nav-toggle{
         top: 24px;
    }
     .slidecon {
         bottom:35% !important;
    }
     .btn-primary{
         width: 64%;
    }
     #hero .slideimg{
         font-size: 33px;
    }
     #hero .slideimg1{
        font-size: 28px;
        line-height: 3;
    }
     #hero .slideh1{
         font-size: 38px;
    }
     #hero .slidesh1{
         font-size: 43px;
    }
     .vl{
         height :27%;
    }
     .vll{
         height :27%;
    }
     #hero{
        padding-bottom: 22%;
    }
     #hero h1{
         font-size: 3vw;
         line-height: 32px;
    }
    .fads{
        padding-bottom: 19% !important;
    top: 6vh !important;
    }
     .sliderbutton {
         width: 36vh;
    }
    
     .carousel-caption {
         bottom: 30%;
    }
     #cards_landscape_wrap-2 .card-flyer .text-box .text-container{
        height: 453px !important;
    }
     #cards_landscape_wrap-2 .card-flyer .text-box p{
         height: calc(0% - -275px);
     }
     #cards_landscape_wrap-2 .card-flyer .text-box .addresstop{
         height: 17vh;
     }
     #cards_landscape_wrap-2 .card-flyer .text-box .contactmark{
        height: 105px;
     }
     #cards_landscape_wrap-2 .card-flyer .text-box .contactmarktext{
        height: 261px;
     }
     .img-circle{
        margin-left: 38%;
        margin-top: 8%;
     }
     .testicont{
        padding-bottom: 5%;
     }
     #cards_landscape_wrap-2 .card-flyer .text-box .addresstext{
        height: 37vh;
    }
     #cards_landscape_wrap-2 .card-flyer .content-overlay{
        height: 27%;
        width: 89%;
        top: 0;
     }
     #cards_landscape_wrap-2 .card-flyer:hover .content-detail{
        top: 10%;
     }
      #header .logo img{
        width: 35vw !important;
     }
}
 @media (min-width: 768px) and (max-width: 991.98px) {
     .desktop {
         display: none;
    }
     .mobile {
         display: block;
    }
     .bannerasbestos {
        padding-top: 4%;
        max-width: 100%;
        height: auto;
    }
     .govtlogos{
         padding-left: 9%;
    }
     .mobile-nav-toggle{
         right: 52px;
         top: 24px;
    }
    .sliderbutton{
         width: 40%;
         padding: 0;
    }
     #myCarousel img{
         object-fit: cover;
    }
     .slidecon {
         bottom: 36% !important;
    }
     .btn-primary{
         width: 71%;
    }
     #hero .slideimg{
         font-size: 31px;
    }
     #hero .slideimg1{
         font-size: 24px;
         line-height: 3;
    }
     #hero .slideh1{
         font-size: 35px;
    }
     #hero .slidesh1{
         font-size: 35px;
    }
     .vl{
         height :28%;
    }
     .vll{
         height :28%;
    }
     #hero{
        padding-bottom: 17%;
    }
     #hero h1{
         font-size: 21px;
         line-height: 44px;
    }
     .sliderbutton {
         width: 36vh;
    }
     .carousel-caption {
         bottom: 30%;
    }
    .fads{
        padding-bottom: 15% !important;
    top: 7vh !important; 
    }
     #cards_landscape_wrap-2 .card-flyer .text-box .text-container{
        height: 485px !important;
    }
     #cards_landscape_wrap-2 .card-flyer .text-box p{
         height: calc(0% - -286px);
     }
      #cards_landscape_wrap-2 .card-flyer .text-box .addresstop{
        height: 14vh;
    }
      #cards_landscape_wrap-2 .card-flyer .text-box .addresstext{
        height: 33vh !important;
    }
     #cards_landscape_wrap-2 .card-flyer .text-box .contactmark{
        height: 111px;
     }
     #cards_landscape_wrap-2 .card-flyer .text-box .contactmarktext{
        height: 265px;
     }
     .img-circle{
        margin-left: 40%;
        margin-top: 8%;
     }
     .testicont{
        padding-bottom: 5%;
     }
     #cards_landscape_wrap-2 .card-flyer .content-overlay{
        height: 24%;
        width: 88%;
        top: 0;
     }
     #cards_landscape_wrap-2 .card-flyer:hover .content-detail{
        top: 9%;
     }
      #header .logo img{
        width: 25vw !important;
     }
}
 @media (min-width: 992px) and (max-width: 1199.98px) {
     .desktop {
         display: block;
    }
     .mobile {
         display: none;
    }
     .bannerasbestos {
        padding-top: 3%;
        max-width: 100%;
        height: auto;
    }
     .govtlogos{
         padding-left: 12%;
    }
     .mobile-nav-toggle{
         right: 52px;
    }
     .slidecon {
        bottom: 35% !important;
    }
     .btn-primary{
         width: 49%;
    }
     #cards_landscape_wrap-2 .card-flyer .text-box p{
         height: 25vh;
     }
     #hero .slideimg{
         font-size: 31px;
    }
     #hero .slideimg1{
         font-size: 26px;
         line-height: 2;
    }
     #hero .slideh1{
         font-size: 38px;
    }
     #hero .slidesh1{
         font-size: 38px;
    }
     .vl{
         height :27%;
    }
     .vll{
         height :27%;
    }
     .searchinput{
        width: 66% !important;
     }
     .nav-menu a{
        padding: 25px 5.8px;
     }
     #hero {
        padding-bottom: 13%;
    }
     #hero h1{
         font-size: 28px;
         line-height: 56px;
    }
    .fads{
        padding-bottom: 10% !important;
        top: 6vh !important;
    }
     .sliderbutton {
         width: 36vh;
    }
     .carousel-caption {
         bottom: 30%;
    }
     #cards_landscape_wrap-2 .card-flyer .text-box .text-container{
        height: 47vh;
    }
    #cards_landscape_wrap-2 .card-flyer .text-box .addresstop{
        height: 11vh;
    }
      #cards_landscape_wrap-2 .card-flyer .text-box .addresstext{
        height: 26vh 33vh !important;
    }
     #cards_landscape_wrap-2 .card-flyer .text-box .contactmark{
        height: 13vh;
     }
     #cards_landscape_wrap-2 .card-flyer .text-box .contactmarktext{
        height: 27vh;
     }
     #cards_landscape_wrap-2 .card-flyer .content-overlay{
        height: 19vw;
        width: 91%;
        top: 0;
     }
     .testicont{
        padding-bottom: 8%;
     }

}
@media (min-width: 1201px) {
      .desktop {
         display: block;
    }
     .mobile {
         display: none;
    }
    .box-b.staff.staffs {
   top: 8px;
    height: 251px;
}
     .bannerasbestos {
        padding-top: 10vh;
        max-width: 100%;
    }
     .govtlogos{
         padding-left: 12%;
    }
     .mobile-nav-toggle{
         right: 52px;
    }
     .slidecon {
         bottom: 35%;
    }
     .btn-primary{
         width: 55%;
    }
     #hero .slideimg{
         font-size: 35px;
    }
     #hero .slideimg1{
         font-size: 30px;
         line-height: 3;
    }
     #hero .slideh1{
         font-size: 43px;
    }
     #hero .slidesh1{
         font-size: 43px;
    }
     .vl{
         height :32%;
    }
     .vll{
         height :32%;
    }
     .searchinput{
        width: 66% !important;
    }
     .nav-menu a{
        padding: 36px 11px;
    }
      .table-responsive{
      display: inline-table !important;
    }
    #cards_landscape_wrap-2 .card-flyer .text-box p{
        height: 10vw;
    }
     #cards_landscape_wrap-2 .card-flyer .text-box .addresstext{
        height: 32vh  !important;
    }
    #cards_landscape_wrap-2 .card-flyer .text-box .addresstop{
        height: 6vw;
    }
     #cards_landscape_wrap-2 .card-flyer .text-box .contactmark{
        height: 97px;
     }
     #cards_landscape_wrap-2 .card-flyer .text-box .contactmarktext{
        height: 246px !important;
     }
     #cards_landscape_wrap-2 .card-flyer .content-overlay{
        height: calc(0% - -208px);
        width: 90%;
        top: 0;
     }
     .primary{
        margin-top: 4vw;
     }
     
}
@media (max-width: 990px) {
     .justify-content-md-center{
        -ms-flex-pack: center !important;
        justify-content: center !important;
     }
}
@media (min-width: 1000px) {
     .justify-content-md-center{
        -ms-flex-pack: center !important;
        justify-content: left !important;
     }
}
@media (min-width: 980px) and (max-width: 1089.98px) {
    .nav-menu a{
        font-size: 14px;
    }
}
@media (min-width: 990px) and (max-width: 1200.98px) {
    .blink-text{
        margin-left: 0;
        margin-top: 16px;
        padding-left: 1%;
    }
}

@media screen and (max-width: 770px) {
    .staffmob {
        display: block !important;
    }
    .staffdesk{
        display: none !important;
    }
}