*{

    margin: 0;

    padding: 0;

}



/*-------------- Tab --------------*/

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

  .banner-next-button{

    margin-top: 2em;

  }

  .specialised-box h3{

    font-size: 22px;

  }

  .specialised-box .specialised-img p{

    font-size: 22px;

    padding: 0 18px;

    padding-top: 10em;

  }

  .specialised-box h3{

    font-size: 23px;

  }

  .provider-box .provider-top-section h3 {

    font-size: 30px;

    line-height: 35px;

  }





  .topbar{

    padding: 15px 0;

}

.topbar-logoconatin{

    display: block;

}

.topbar-logoconatin .logo-topbar{

    margin: 0 auto;

    display: block;

    width: 30%;

}

.topbar-logoconatin p{

    margin-left: 0;

    text-align: center;

    font-size: 20px;

}

.top-mail-button{

    padding: 8px;

    margin: auto;

}

.navbar-light .navbar-nav .nav-link{

    font-size: 14px;

    padding: 8px 15px;

}

.typesof-specialist-section ul, li{

    margin-bottom: 0;

}

.navbar-light .navbar-toggler{

    margin-left: auto;

}

.medical-urgency-banner img {

    position: relative;

    top: 3em;

    left: 0;

    right: 0;

    text-align: center;

    margin: 0 auto;

  }

  .medical-urgency-banner-section .medical-urgency-banner h1{

    font-size: 62px;

    line-height: 54px;

  }

  .medical-urgency-banner-section .medical-urgency-banner p{

    font-size: 42px;

    margin-top: 23px;

  }

  .banner-next-section h2{

    font-size: 21px;

    margin-bottom: 5%;

    text-align: center;

    margin-top: 6%;

  }

  .banner-next-button{

      margin: 0 auto;

  }

  .service-section h3{

      font-size: 36px;

  }

  .service-section {

    margin: 3em 0;

  }

  .service-section .service-box-section .servic-text-section{

      display: block;

      text-align: center;

  }

  .service-section .service-box-section .servic-text-section p{

    font-size: 24px;

    font-weight: 600;

    padding-right: 0;

    line-height: 30px;

    margin-bottom: 5%;

  }

  .specialised-box h3{

    font-size: 36px;

    font-weight: 600;

    padding: 18px;

    margin: 0 auto;

  }

  .service-provider-section{

      margin: 3em 0;

  }

  .provider-box .provider-top-section{

    padding: 2em 2em 0 2em;

  }

  .provider-box .provider-top-section h3{

    font-size: 36px;

    line-height: 46px;

  }

  .provider-box .provider-top-section p{

      padding-right: 0;

  }

  .provider-box .provider-bottom-section{

      padding: 2em;

  }

  .provider-box .provider-bottom-section .select-radio{

      display: block;

  }

  .m-app-section {

    margin-top: 3em;

  }

  .m-app-section h3{

    font-size: 30px;

    padding-left: 0;

    padding-right: 0;

    margin-top: 4%;

  }

  .m-app-section p{

      padding: 0;

  }

  .m-app-section .app-btn{

    padding-left: 0;

    width: 35%;

    margin: 0 auto;

    display: block;

  }

  .m-app-section .row{

    flex-direction: column-reverse;

  }

  .typesof-specialist-section h3{

      font-size: 36px;

  }

  .typesof-specialist-section {

    margin: 3em 0;

  }

  .border-right{

      border-right: 0;

  }



  .footer-section .line-col{

      padding-left: 15px;

  }

  .footer-section .line-col{

    border-left: 0;

  }

  .footer-section .f-para{

    margin-bottom: 6%;

  }

}











@media (min-width: 1025px) and (max-width: 1200px){

  .banner-next-button{

    margin-top: 2em;

  }

  .specialised-box h3{

    font-size: 22px;

  }

  .specialised-box .specialised-img p{

    font-size: 22px;

    padding: 0 18px;

    padding-top: 10em;

  }

  .specialised-box h3{

    font-size: 23px;

  }

  .provider-box .provider-top-section h3 {

    font-size: 30px;

    line-height: 35px;

  }





  .topbar{

    padding: 15px 0;

}

.topbar-logoconatin{

    display: block;

}

.topbar-logoconatin .logo-topbar{

    margin: 0 auto;

    display: block;

    width: 30%;

}

.topbar-logoconatin p{

    margin-left: 0;

    text-align: center;

    font-size: 20px;

}

.top-mail-button{

    padding: 8px;

    margin: auto;

}

.navbar-light .navbar-nav .nav-link{

    font-size: 14px;

    padding: 8px 15px;

}

.typesof-specialist-section ul, li{

    margin-bottom: 0;

}

.navbar-light .navbar-toggler{

    margin-left: auto;

}

.medical-urgency-banner img {

    position: relative;

    top: 3em;

    left: 0;

    right: 0;

    text-align: center;

    margin: 0 auto;

  }

  .medical-urgency-banner-section .medical-urgency-banner h1{

    font-size: 62px;

    line-height: 54px;

  }

  .medical-urgency-banner-section .medical-urgency-banner p{

    font-size: 42px;

    margin-top: 23px;

  }

  .banner-next-section h2{

    font-size: 21px;

    margin-bottom: 5%;

    text-align: center;

    margin-top: 6%;

  }

  .banner-next-button{

      margin: 0 auto;

  }

  .service-section h3{

      font-size: 36px;

  }

  .service-section {

    margin: 3em 0;

  }

  .service-section .service-box-section .servic-text-section{

      display: block;

      text-align: center;

  }

  .service-section .service-box-section .servic-text-section p{

    font-size: 24px;

    font-weight: 600;

    padding-right: 0;

    line-height: 30px;

    margin-bottom: 5%;

  }

  .specialised-box h3{

    font-size: 36px;

    font-weight: 600;

    padding: 18px;

    margin: 0 auto;

  }

  .service-provider-section{

      margin: 3em 0;

  }

  .provider-box .provider-top-section{

    padding: 2em 2em 0 2em;

  }

  .provider-box .provider-top-section h3{

    font-size: 36px;

    line-height: 46px;

  }

  .provider-box .provider-top-section p{

      padding-right: 0;

  }

  .provider-box .provider-bottom-section{

      padding: 2em;

  }

  .provider-box .provider-bottom-section .select-radio{

      display: block;

  }

  .m-app-section {

    margin-top: 3em;

  }

  .m-app-section h3{

    font-size: 30px;

    padding-left: 0;

    padding-right: 0;

    margin-top: 4%;

  }

  .m-app-section p{

      padding: 0;

  }

  .m-app-section .app-btn{

    padding-left: 0;

    width: 35%;

    margin: 0 auto;

    display: block;

  }

  .m-app-section .row{

    flex-direction: column-reverse;

  }

  .typesof-specialist-section h3{

      font-size: 36px;

  }

  .typesof-specialist-section {

    margin: 3em 0;

  }

  .border-right{

      border-right: 0;

  }



  .footer-section .line-col{

      padding-left: 15px;

  }

  .footer-section .line-col{

    border-left: 0;

  }

  .footer-section .f-para{

    margin-bottom: 6%;

  }

}









/*------------ Mobile -----------*/

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

    .topbar{

        padding: 15px 0;

    }

    .service-section .servic-text-section .indi-section img{
      width: 16%;
    }

    .topbar-logoconatin{

        display: block;

    }

    .topbar-logoconatin .logo-topbar{

        margin: 0 auto;

        display: block;

        width: 30%;

    }

    .topbar-logoconatin p{

        margin-left: 0;

        text-align: center;

        font-size: 20px;

    }

    .top-mail-button{

        padding: 8px;

        margin: auto;

    }

    .navbar-light .navbar-nav .nav-link{

        font-size: 14px;

        padding: 8px 15px;

    }

    .typesof-specialist-section ul, li{

        margin-bottom: 0;

    }

    .navbar-light .navbar-toggler{

        margin-left: auto;

    }

    .medical-urgency-banner img {

        position: relative;

        top: 3em;

        left: 0;

        right: 0;

        text-align: center;

        margin: 0 auto;

      }

      .medical-urgency-banner-section .medical-urgency-banner h1{

        font-size: 62px;

        line-height: 54px;

      }

      .medical-urgency-banner-section .medical-urgency-banner p{

        font-size: 42px;

        margin-top: 23px;

      }

      .banner-next-section h2{

        font-size: 21px;

        margin-bottom: 5%;

        text-align: center;

        margin-top: 6%;

      }

      .banner-next-button{

          margin: 0 auto;

      }

      .service-section h3{

          font-size: 36px;

      }

      .service-section {

        margin: 3em 0;

      }

      .service-section .service-box-section .servic-text-section{

          display: block;

          text-align: center;

      }

      .service-section .service-box-section .servic-text-section p{

        font-size: 24px;

        font-weight: 600;

        padding-right: 0;

        line-height: 30px;

        margin-bottom: 5%;

      }

      .specialised-box h3{

        font-size: 36px;

        font-weight: 600;

        padding: 18px;

        margin: 0 auto;

      }

      .service-provider-section{

          margin: 3em 0;

      }

      .provider-box .provider-top-section{

        padding: 2em 2em 0 2em;

      }

      .provider-box .provider-top-section h3{

        font-size: 36px;

        line-height: 46px;

      }

      .provider-box .provider-top-section p{

          padding-right: 0;

      }

      .provider-box .provider-bottom-section{

          padding: 2em;

      }

      .provider-box .provider-bottom-section .select-radio{

          display: block;

      }

      .m-app-section {

        margin-top: 3em;

      }

      .m-app-section h3{

        font-size: 30px;

        padding-left: 0;

        padding-right: 0;

        margin-top: 4%;

      }

      .m-app-section p{

          padding: 0;

      }

      .m-app-section .app-btn{

        padding-left: 0;

        width: 35%;

        margin: 0 auto;

        display: block;

      }

      .m-app-section .row{

        flex-direction: column-reverse;

      }

      .typesof-specialist-section h3{

          font-size: 36px;

      }

      .typesof-specialist-section {

        margin: 3em 0;

      }

      .border-right{

          border-right: 0;

      }



      .footer-section .line-col{

          padding-left: 15px;

      }

      .footer-section .line-col{

        border-left: 0;

      }

      .footer-connect-button{

        font-size: 14px;

        padding: 8px 16px;

      }

      .footer-section .connect-img{

        width: 60%;
        margin: 0 auto;
        display: block;

      }

}





@media (min-width: 480px) and (max-width: 767px){

    .topbar{

        padding: 15px 0;

    }

    .service-section .servic-text-section .indi-section img{
      width: 16%;
    }

    .topbar-logoconatin{

        display: block;

    }

    .topbar-logoconatin .logo-topbar{

        margin: 0 auto;

        display: block;

        width: 30%;

    }

    .topbar-logoconatin p{

        margin-left: 0;

        text-align: center;

        font-size: 20px;

    }

    .top-mail-button{

        padding: 8px;

        margin: auto;

    }

    .navbar-light .navbar-nav .nav-link{

        font-size: 14px;

        padding: 8px 15px;

    }

    .typesof-specialist-section ul, li{

        margin-bottom: 0;

    }

    .navbar-light .navbar-toggler{

        margin-left: auto;

    }

    .medical-urgency-banner img {

        position: relative;

        top: 3em;

        left: 0;

        right: 0;

        text-align: center;

        margin: 0 auto;

      }

      .medical-urgency-banner-section .medical-urgency-banner h1{

        font-size: 62px;

        line-height: 54px;

      }

      .medical-urgency-banner-section .medical-urgency-banner p{

        font-size: 42px;

        margin-top: 23px;

      }

      .banner-next-section h2{

        font-size: 21px;

        margin-bottom: 5%;

        text-align: center;

        margin-top: 6%;

      }

      .banner-next-button{

          margin: 0 auto;

      }

      .service-section h3{

          font-size: 36px;

      }

      .service-section {

        margin: 3em 0;

      }

      .service-section .service-box-section .servic-text-section{

          display: block;

          text-align: center;

      }

      .service-section .service-box-section .servic-text-section p{

        font-size: 24px;

        font-weight: 600;

        padding-right: 0;

        line-height: 30px;

        margin-bottom: 5%;

      }

      .specialised-box h3{

        font-size: 36px;

        font-weight: 600;

        padding: 18px;

        margin: 0 auto;

      }

      .service-provider-section{

          margin: 3em 0;

      }

      .provider-box .provider-top-section{

        padding: 2em 2em 0 2em;

      }

      .provider-box .provider-top-section h3{

        font-size: 36px;

        line-height: 46px;

      }

      .provider-box .provider-top-section p{

          padding-right: 0;

      }

      .provider-box .provider-bottom-section{

          padding: 2em;

      }

      .provider-box .provider-bottom-section .select-radio{

          display: block;

      }

      .m-app-section {

        margin-top: 3em;

      }

      .m-app-section h3{

        font-size: 30px;

        padding-left: 0;

        padding-right: 0;

        margin-top: 4%;

      }

      .m-app-section p{

          padding: 0;

      }

      .m-app-section .app-btn{

        padding-left: 0;

        width: 35%;

        margin: 0 auto;

        display: block;

      }

      .m-app-section .row{

        flex-direction: column-reverse;

      }

      .typesof-specialist-section h3{

          font-size: 36px;

      }

      .typesof-specialist-section {

        margin: 3em 0;

      }

      .border-right{

          border-right: 0;

      }



      .footer-section .line-col{

          padding-left: 15px;

      }

      .footer-section .line-col{

        border-left: 0;

      }

      .footer-section .f-para{

        margin-bottom: 6%;

      }

}