/*---------------------------------------------------
 Mobile and tab Responsive
 --------------------------------------------------*/
 @media (min-width: 1200px) {
    .main-banner {
        height: 70vh;
    }
    .main-banner::after {
        height: 70vh;
    }
    .footer-content img {
        max-width: 100%;
        width: 100%;
    }
  }

 @media (max-width: 1366px) {
    /* Start Header */
    a.nav-link {
        padding: 10px 26px !important;
    }
    /* End  Header */
    /* Start Main Body */
    .worldwide-clients:after {
        left: 153px;
        top: 40px;
    }
    .clients-sales:after{
        left: 153px;
        top: 40px;
    }
    .clients-sales {
        padding: 40px 75px;
    }
    .worldwide-clients {
        padding: 40px 75px;
    }
    .action-content span{
        width: 116px;
    }
    
    /*----------About Us page -------------*/
    .hover-box {
    width: 100%;
    left: 0%;
    max-width: 100%;
    height: 48vh;
    }
    .team-box img {
        width: 100%;
        max-width: 100%;
    }


    /* End main Body */
    .footer-content img {
        max-width: 100%;
        width: 100%;
    }
  }
  
  @media (max-width: 1190px){
    a.nav-link {
        padding: 10px 10px !important;
    }
    /* -------------Index page --------- */
    .clients-sales {
        padding: 28px;
    }
    .clients-sales:after {
        left: 137px;
        top: 30px;
    }
    .worldwide-clients {
        padding: 40px 10px;
    }
    .worldwide-clients:after {
        left: 147px;
        top: 40px;
    }
    .action-button button {
        margin-top: 15px;
        padding: 12px 40px;
    }
    .action-content p {
        font-size: 24px;
    }
    h4.news-title {
        font-size: 18px;
        text-transform: lowercase;
    }




  /* -------------Index page End --------- */
  .footer-content img {
    max-width: 100%;
    width: 100%;
}






  }
  @media (max-width: 991px) {
     /* ------Header----- */
     a.nav-link {
        padding: 10px 10px !important;
    }
    /* -------------Index page --------- */
    .main-banner {
        height: 40vh;
    }
    .main-banner::after {
        height: 40vh;
    }
    .clients-sales {
        padding: 30px 10px;
        margin-bottom: 20px;
    }
    .clients-sales:after {
        left: 137px;
        display: none;
        top: 30px;
    }
    .worldwide-clients {
        padding: 30px 10px;
        margin-bottom: 20px;
    }
    .worldwide-clients:after {
        display: none;
        left: 147px;
        top: 40px;
    }
    .action-button button {
        padding: 12px 40px;
        margin-top: 15px;
    }
    .action-content p {
        font-size: 24px;
    }
    h4.news-title {
        font-size: 18px;
        text-transform: lowercase;
    }
    .about-content h3 {
        font-size: 26px;
    }
    .action-button button {
        padding: 12px 10px;
    }
    .blog-main-content {
        width: 80%;
    }
    img.blog-content-img {
        height: 100%;
    }
    .personalied-content h3 {
        font-size: 25px;
    }
    .news-box {
        margin-bottom: 20px;
    }
    /* -------------Index page End --------- */
    .footer-content img {
        max-width: 100%;
        width: 100%;
    }
   


  }  

  @media (max-width: 767px) {
     /* ------Header----- */
     .main-banner {
        height: 55vh;
    }
    .main-banner::after {
        height: 55vh;
    }
    .banner-content h1 {
        font-size: 34px;
    }
    .btn-read-more {
        margin-left: 0px !important;
        margin-top: 20px;
    }
    .about-content h3 {
        font-size: 28px;
    }
    .about-images img {
        margin: 5px 0;
    }
    .action-button button {
        padding: 12px 60px;
        display: block;
        margin: auto;
        margin-top: 20px;
    }
    .blog-main-content {
        width: 85%;
    }
    img.blog-content-img {
        margin: 10px 0px;
        height: auto;
    }
    .contact-form .mb-3 {
        margin-bottom: 0px !important;
    }
    .contact-form .form-control {
        margin: 10px 0px;
    }
    /* ---------------------- */
    .footer-content img {
        max-width: 100%;
        width: 100%;
    }

  }

  @media (max-width: 575px) {
     /* ------Header----- */
     .main-banner {
        height: 65vh;
    }
    .main-banner::after {
        height: 65vh;
    }
    .banner-content h1 {
        font-size: 34px;
    }
    .btn-read-more {
        margin-left: 0px !important;
        margin-top: 20px;
    }
    .about-content h3 {
        font-size: 28px;
    }
    .about-images img {
        margin: 5px 0;
    }

    .contact-form .mb-3 {
        margin-bottom: 0px !important;
    }
    .contact-form .form-control {
        margin: 10px 0px;
    }


    .footer-content img {
        max-width: 100%;
        width: 100%;
    }

  }
  

  @media(max-width:465px){
    .top-social-icons {
        text-align: left;
    }
    .top-icon-box {
        padding-bottom: 15px;
    }

    .main-banner {
        height: 65vh;
    }
    .main-banner::after {
        height: 65vh;
    }
    .banner-content h1 {
        font-size: 34px;
    }
    .btn-read-more {
        margin-left: 0px !important;
        margin-top: 20px;
    }
    .about-content h3 {
        font-size: 28px;
    }
    .about-images img {
        margin: 5px 0;
    }
    .action-content {
        text-align: center;
        display: block;
    }    
    .action-button button {
        display: block;
        margin-top: 15px !important;
        margin: 0 auto;
    }
    .action-content span a i {
        display: block;
        margin: 0 auto;
    }
    .blog-main-content {
        margin-left: 0%;
        width: 100%;
        max-width: 100%;
    }
    img.blog-content-img {
        margin: 5px 0px;
    }
    .personalied-content h3 {
        font-size: 23px;
    }
    .news-box {
        margin-bottom: 15px;
    }
    .top-icon-services {
        margin-top: 5%;
    }
    .contact-form .mb-3 {
        margin-bottom: 0px !important;
    }
    .contact-form .form-control {
        margin: 10px 0px;
    }

    .footer-content img {
        max-width: 100%;
        width: 100%;
    }

  }
  