.show-mobile{
    display: none !important;
}
.mobile-menu{
    display: none;
}

@media screen and (min-width: 350px) and (max-width: 768px){
    .show-desktop{
        display: none !important;
    }
    .show-mobile{
        display: block;
    }
    .testimonial h2{
        font-size: 32px;
      }
      .card-what-u-get {
        /* width: 23% !important; */
        height: 300px !important;
        /* margin: 10px 10px !important; */
        display: inline-flex;
        width: 90% !important;
        margin: none;
    }
    .contact-detail {
        width: 100%;
    }
    .contact-sec .contact-ul li, .contact-ul b {
        font-size: 16px;
    }
    #name3 {
        width: 90%;
        padding-left: 2%;
        margin-left: 5%;
        margin-bottom: 2%;
        float: left;
    }
    #email3 {
        width: 90%;
        padding-left: 2%;
        margin-left: 5%;
        margin-top: 3%;
    }
    #phone3 {
        width: 90%;
        height: 50px;
        padding-left: 2%;
        margin-left: 5%;
    }
    #company3 {
        width: 90%;
        padding-left: 2%;
        margin-left: 5%;
    }
    #from3 {
        width: 90%;
        height: 50px;
        padding-left: 2%;
        margin-left: 5%;
    }
    #to3 {
        width: 90%;
        padding-left: 2%;
        margin-left: 5%;
    }
    .textarea3 {
        width: 90%;
        margin-left: 5%;
        background-color: #f1f1f1;
        /* border-bottom: 1px solid #000; */
    }
    .btn-contact {
        /* padding: 2% 6% !important; */
        width: 90%;
        margin-left: 5%;
        /* width: 344px; */
    }
    #form3 {
        width: 90%;
        height: 626px;
        /* margin: 5% auto; */
        padding-top: 3%;
        float: right;
    }
    .c4ar {
        width: 100%;
        height: auto;
        float: left;
       
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .c4ar1 {
        width: 100%;
        height: auto;
        float: left;
       
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .c4ar h4 {
        font-size: 32px;
    }
    .heading{
        font-size: 32px;
    }
    .FAQ h2, .c7ar h4, .c4ar1 h4, .c4ar h4, #c1 h1 {
        font-size: 32px;
    }
    .c7ar {
        width: 100%;
        height: auto;
        float: left;
        padding-bottom: 4%;
        background-color: #101010;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    summary {
     
        font-size: 16px;
    }

    #c2 {
        width: 100%;
    }
    #slider-top .figurebanner img {
        width: 20%;
        height: 250px;
        float: right;
    }
    #c1{
        width: 100%;
    }
    #header-mid {
        /* height: 578px; */
        height: auto;
    }

    .price_table {
        width: 100%;
        padding: 0 3%; 
        /* display: inline-flex; */
      
        display: inline-block;
    }
    .package {
        border-radius: 4px;
        background: white;
        box-shadow: 0 3px 10px rgb(0 0 0 / 40%);
        overflow: hidden;
        position: relative;
        width: 46%;
        display: inline-flex;
        margin-left: 2%;
    }

    .container-pricing {
        width: 90%;
        margin: 0;

    }

    .inner .common__inner {
        width: 100%;
        padding: 25px;
    }

    .btn-contact {
        /* padding: 2% 6% !important; */
        width: 90%;
        margin-left: 5%;
        background: #101010;
        color: #fff;
    }
    #f2 {
        width: 77% !important;
       border: none !important;
    }

    
    .popup .gqq-h2 {
        font-size: 30px;
    }

    .popup2{
        left: 3%;
    }
    .popup2 .dq-h2 {
        font-size: 30px;
        padding-left: 3%;
    }


    .popup2 h2 {
       
        font-size: 28px;
        
        padding-left: 10%;
        padding-right: 5%;
    }
    .popup, .popup2{
        width: 90%;
        top: 15% !important;
    }
    .backdrop5 h2{
        font-size: 28px;

    }
    .page-section{
        margin-top: 3%;
    }
    .show-mobile{
        display: none !important;
    }




    details>summary::after {
        position: absolute;
        content: "+";
        right: 20px;
        font-size: 14px;
        color: #bb0b0b;
    }
    details[open]>summary::after {
        position: absolute;
        content: "-";
        right: 20px;
    }

    .boxsec {
        width: 100% !important; 
        height: auto;
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    figure.snip1390 {
        position: relative;
        overflow: hidden;
        /* margin: 10px; */
       margin:  0% !important;
          margin-left:5% !important;
        min-width: 90% !important;
        width: 100%;
        /* color: #000000; */
        text-align: center;
        font-size: 16px;
        /* background-color: #2C3447; */
        padding: 30px;
        background-image: linear-gradient(-25deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      figure.snip1390 {
        position: relative !important;
        overflow: hidden !important;
        /* margin: 10px; */
       margin:  0% !important;
          margin-left:5% !important !important;
        min-width: 90% !important !important;
        width: 100% !important; 
        /* color: #000000; */
        text-align: center;
        font-size: 16px !important;
        /* background-color: #2C3447; */
        padding: 30px !important;
        background-image: linear-gradient(-25deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%) !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
      }
      .abouttext {
        font-size: 70px !important;
        margin-top: 42% !important;
        color: #d31718;
    }

     .popup{
        top: 50% !important;
     }
     .gallery{
        margin-left: 0;
    }
     .gallery img {
        width: 90%;
    }
    .section-title {
        position: relative;
        font-size: 30px;
        font-weight: 600;
        font-family: "Poppins", sans-serif;
        margin: 10% 0 25px;
        color: #fff;
        margin-left: 15%;
        margin-right: 5%;
      }
      
      .contact-detail span {
        display: none;
    }
    .contact-ul  {
        display: none;

    }
    #logo {
        width: 37%;
        padding-top: 1%;
    }
    #logo {
        width: 38%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
   
    #logo img {
        width: 100%;
    }
    .callsec {
        width: 35%;
        float: left;
        margin: 8% 2% 6% 17%;
        margin-left: 4%;
    }
    nav {
        width: 20%;
        flex-direction: column;
    }
    #toggle {
        width: 47px;
        height: 40px;
        /* float: left; */
        float: right;
        margin-top: 35%;
        cursor: pointer;
        /* display: none; */
        display: block !important;
      
       
    }
    .togglebtn {
        width: 100%;
        height: 5px;
        background: #eb0c0c;
    }
    .navlinks {
        width: 100vw;
        /* width: 600%; */
        /* width: auto; */
        /* width: 126%; */
        height: auto;
        height: 63vh;
        /* display: none; */
        /* position: absolute; */
        top: 125%;
        left: -409%;
        /* right: -100%; */
        z-index: 1000;
        background-color: rgba(38,51,54, 1);
        background-color: #eb0c0c;
        /* transform: translatey(-890px); */
        /* visibility: hidden; */
        transition: all 0.5s ease-in;
    }
    .mobile-menu{
      display: block;
      transform: translatey(0px);
    }
    nav ul li{
      margin-top: 2%;
     
    }
    nav ul li a {
      font-size: 22px;
      color: #fff !important;
     
    }
    nav ul li a:hover {
      color: #bb0b0b;
      /* color: #78BE3C; */
      color: #101010;
    }
    .service-menu{
      position: relative;
      width: 200px; 
      height: 60px;
    
    }
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #fff;
      left: 20%;
      min-width: 240px;
      margin-top: 0.2px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 99999999 !important;
    }
    
    .dropdown-content a {
      color: #000 !important;
      padding: 12px 16px;
      font-size: 18px;
      text-align: left;
      text-decoration: none;
      display: block;
    }
    
    .service-menu .dropdown-content a:hover {background-color: #ddd;}
    
    .service-menu:hover .dropdown-content {display: block;}
    .service-menu {
        /* width: 370px !important; */
        width: 100%;
        text-align: center;
    }

      #login, .call, .tell{
        display: none;
      }

      .callsec {
        width: 22%;
        float: left;
        margin: 8% 2% 2% 17%;
        margin-left: 16%;
    }

    .callbtn {
        padding: 8px 24px;
        float: left;
        line-height: 14px;
        border: 0;
        cursor: pointer;
        box-shadow: inset 0 0 0 0 #bb0b0b;
        -webkit-transition: .4s ease-out;
        -moz-transition: .4s ease-out;
        transition: .4s ease-out;
        border-radius: 20px;
    }

    header {
        height: 100px;
        background: #fff;
        padding: 1%;
        border-bottom: 2px solid #ccc;
        position: fixed;
        z-index: 1000;
        /* position: sticky; */
    }

    #c2{
        margin-top: 100px;
    }
    .call-now{
    display: block;
}



}