/* Responsive Media Slide */

@media (max-width: 640px) {
    html {
        font-size: 56.25%;
    }

    h2 {
        font-size: 2.8rem;
    }

    .divider-120 {
        height: 40px;
    }
}

@media (min-width: 641px) and (max-width: 1023px) {
    html {
        font-size: 60%;
    }

    h2 {
        font-size: 3.5rem;
    }

    .container {
        padding: 0 15px;
    }

    .divider-120 {
        height: 60px;
    }
}

@media (max-width: 640px) {
    .top_bar {
        padding: 5px 10px;
    }

    .top_bar img {
        height: 18px;
        margin-right: 10px;
    }

    .top_bar .top_contacts {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: self-start;
        gap: 5px;
    }

    .top_contacts a {
        font-size: 14px;
        margin-right: 15px;
        line-height: 18px;
    }

    .top_contacts a:last-child {
        margin-right: 0;
    }

    .header.scrolled .navbar {
        margin-top: 10px;
    }
}

@media (max-width: 780px) {
    .btn_menu {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .hero-slider .swiper-slide .swiper-content h1 {
        font-size: 3.5rem;
    }

    .hero-slider .swiper-slide .swiper-content{
        top: 59%;
    }

    .hero-slider .swiper-slide .swiper-content p{
        font-size: 1.4rem;
    }

    .hero-slider .swiper-slide{
        height: 600px;
    }

    .hero-slider .swiper-button-prev,
    .hero-slider .swiper-button-next {
        width: 30px;
        height: 30px;
    }

    .hero-slider .swiper-button-prev {
        left: 0;
    }

    .hero-slider .swiper-button-next {
        right: 0;
    }
}

@media (max-width: 768px) {
    .popular_categories {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }

    .popular_categories a {
        height: 200px;
    }

    .popular_categories a:first-child {
        height: 300px;
        grid-column: span 2;
        grid-row: span 1;
    }

    .popular_categories a:nth-child(6),
    .popular_categories a:nth-child(7) {
        grid-column: span 2;
        grid-row: span 1;
    }
}

@media (max-width: 480px) {
    .popular_categories {
        grid-template-columns: 1fr;
    }

    .popular_categories a {
        height: 150px;
    }

    .popular_categories a:first-child {
        height: 200px;
        grid-column: span 1;
        grid-row: span 1;
    }

    .popular_categories a:nth-child(6),
    .popular_categories a:nth-child(7) {
        grid-column: span 1;
        grid-row: span 1;
    }
}

/* Produse */

@media (min-width: 641px) and (max-width: 1023px) {
    .top-products .container-products {
        grid-template-columns: repeat(2, 1fr);
    }

    .top-products .product-image {
        height: 250px;
    }
}

@media (max-width: 640px) {
    .top-products .container-products {
        margin-top: 25px;
        grid-template-columns: repeat(1, 1fr);
    }

    .top-products .product-image {
        height: auto;
    }
}

/* Faq Section */

@media (min-width: 641px) and (max-width: 1023px) {
    .faq-accordion {
        padding-right: 0;
    }
    .cover-question{
        margin-top: 40px;
        min-height: 500px;
    }
}

@media (max-width: 640px) {
    .cover-question{
        margin-top: 40px;
        min-height: 300px;
    }
    .faq-accordion {
        padding-right: 0;
    }

    .accordion-item.active .accordion-header {
        padding: 25px 0;
    }

    .accordion-header {
        padding: 25px 0;
    }

    .accordion-dental {
        margin-top: 20px;
    }
}

/* End Faq */

/* Footer */

@media (min-width: 641px) and (max-width: 1023px) {
    .main_footer {
        text-align: center;
        margin-bottom: 50px;
    }

    .second_footer {
        padding-left: 0;
        margin-bottom: 50px;
    }

    .image_footer img{
        width: 100%;
        height: 90px;
    }

    .copyrights{
        margin-top: 0;
    }

    .about_section1 .row{
        flex-direction: column-reverse;
    }
}

@media (max-width: 640px) {
    .footer {
        margin-top: 40px;
    }

    .second_footer {
        padding-left: 0;
    }

    .second_footer h5 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .image_footer img {
        width: 100%;
    }

    .copyrights {
        margin-top: 40px;
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
}

@media (min-width: 641px) and (max-width: 1023px) {
    .header-hero img {
        height: 365px;
    }

    .product_content {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .product-image {
        height: 250px;
    }

    .list-products{
        padding-right: 25px;
    }
}

@media (max-width: 640px) {
    .header-hero img {
        height: 365px;
    }

    .list-products {
        padding-right: 0;
    }

    .product_content {
        grid-template-columns: repeat(1, 1fr);
    }

    .product-image {
        height: 300px;
    }
}

/* About Page */
@media (min-width: 641px) and (max-width: 1023px) {
    .about_bg,
    .about_bg2 {
        background-position: center;
        background-size: cover;
        width: 100%;
        min-height: 500px;
        margin-top: 25px;
    }

    .about_content{
        padding-left: 0;
    }

    .mission_content .col-md-5 {
        padding-right: 0;
    }
}

@media (max-width: 640px) {
    .about_section1 {
        margin-top: 40px;
    }

    .about_content {
        padding-left: 0;
        padding-bottom: 15px;
    }

    .show_avantaje {
        grid-template-columns: repeat(1, 1fr);
    }

    .mission_content .col-md-5 {
        padding-right: 0;
        padding-top: 25px;
        margin-bottom: 25px;
    }

    .mission_content h2 {
        margin-bottom: 15px;
    }

    .about_bg,
    .about_bg2 {
        background-position: center;
        background-size: cover;
        width: 100%;
        min-height: 500px;
    }

    .about_section4 .container{
        padding: 0 25px;
    }
}

/* Pagina Contacte */

@media (min-width: 641px) and (max-width: 1023px) {
    .block_title .subtitle{
        max-width: 70%;
    }
}

@media (max-width: 640px) {
    .block_title h2 {
        font-size: 4rem;
    }

    .block_title .subtitle {
        max-width: 100%;
    }

    .contact__form {
        padding: 25px;
    }

    .contact__form .submit_button {
        width: 100%;
    }

    .contact_info {
        margin-bottom: 25px;
    }
}

/* Single Product */

@media (min-width: 641px) and (max-width: 1023px) {
    .single-details{
        padding-left: 0;
        margin-top: 40px;
    }
}

@media (max-width: 640px) {
    .single-gallery .gallery_item img{
        height: 130px;
    }

    .single-details{
        padding-left: 0;
        margin-top: 40px;
    }

    .contact_buttons{
        align-items: center;
    }

    .btn-contact{
        padding: 16px 25px;
    }

    .contact_buttons img{
        width: 30px;
        height: 30px;
    }
}

@media (min-width: 1024px) and (max-width: 1365px) {
    .second_footer{
        padding-left: 100px;
    }
}

/* Project Page */

@media (max-width: 640px) {
    .custom_sec{
        flex-direction: column;
        text-align: center;
    }

    .custom_sec .contact_buttons{
        margin-top: 20px;
    }

    .custom_sec .wt_btn{
        margin-left: 0;
    }

    .discover_slider .swiper-slide{
        height: 300px;
    }

    .thumbnail-slider .swiper-slide {
        height: 121px;
    }

    .gallery-grid{
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .gallery-item img{
        height: auto;
    }
}

@media (min-width: 641px) and (max-width: 1023px) {
    .gallery-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}