/* ---------------Small Laptop view -------------- */
@media (max-width:1070px) {
    .home-details .container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .home-details .container .details h3 {
        font-size: 1.3rem;
        line-height: 1.8rem;
        margin-bottom: 1.5rem;
    }

    .images .container {
        flex-wrap: wrap;
    }

    .images .image-item img {
        width: 300px;
        height: 200px;
    }

    .details-inner .container h5 {
        font-size: 1.5rem;
    }

    .about__us-details {
        flex-direction: column;
    }

    .contact__details {
        flex-direction: column;
        height: 850px;
    }
}

/* ---------------Tablet view -------------- */
@media (max-width:730px) {
    .footer {
        height: 380px;
    }

    .footer__inner {
        flex-wrap: wrap;
    }
	
	.home-details {
		height: 90vh;
    }
	
	.home-details h3 {
        font-size: 0.5rem;
    }

    .logo__and-privacy .logo img {
        width: 10rem;
        height: 5rem;
    }

    .link .nav-item .link {
        margin-top: 0.5rem;

    }

    .link .nav-item .link a {
        font-size: 1rem;
    }
	
	.contact__details {
        flex-direction: column;
        height: 850px;
    }
}

/* --------------------Phone view-------------------- */
@media (max-width:520px) {
	.footer {
        height: 425px;
    }
	
    .menu-btn .button i {
        margin-right: 1rem;
      }
    .home-details .img {
        margin-top: 1rem;
    }

    .home-details .img img {
        max-width: 350px;
    }
	
	.home-details {
		height: 90vh;
    }

    .images {
        height: 100vh;
    }


    .details-inner .container h5 {
        font-size: 1rem;
    }

    .about__us-img img {
        height: 200px;
    }

    .about__us-details-inner h4 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .display-image img {
        height: 300px;
      }
    .contact__details {
        height: 140vh;
    }
}

/* ---------------------Small Phone view----------------------- */
@media (max-width:390px) {
    .home-details .container .details h3 {
        font-size: 0.5rem;
        line-height: 1rem;
      }
      .details-inner .container h5 {
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--hover-color);
      }
      .logo__and-privacy .logo img {
        width: 8rem;
        height: 3rem;
      }
      .logo__and-privacy .details h5 {
        font-size: 1rem;
        color: #556876;
        margin-bottom: 0.5rem;
      }
      .social{
        margin: 1rem 0rem;
      }
      .link .nav-item{
        flex-direction: row;
      }
      .link .nav-item .link a{
        margin-left: 1rem;
      }
      .display-image img {
        height: 217px;
      }
}