@media(max-width:1024px){
    .row_button {
        position: absolute;
        left: -448px;
        bottom: -171px;
    }

    .blog_big_home{
        height:500px;
    }
    .back_blog{
        height:auto;
    }
    .cards_play.transition .card-3 {
        left: 405px;
        top: 0;
    }
    .cards_play.transition .card-2 {
        left: 90px;
        top: 0;
    }
    .cards_play.transition .card-1 {
        left: -230px;
        top: 0;
    }
    footer {
        height: 70vh;
        padding: 2rem 0;
    }
    .carousel-control-prev {
        left: -74px;
    }
    .carousel-control-next {
        right: -65px;
    }
}
@media(max-width:778px) {
    .btn_find4{
        position:relative;
        bottom:0;
    }
    .blog_big_home {
        max-width: 100%;
        height: 273px;
        border-radius: 20px;
        margin-bottom: 2rem;
    }
    .content_blog_box {
        align-items: center;
        flex-direction: column;
    }
    .header .navbar {
        padding: 1.5rem 0;
    }
    .img_tooth{
        display:none;
    }
    .box_img_product {
        margin-bottom: 2rem;
    }
    .title_slider {
        left: 60px;
    }

    .content_blog {
        position: relative;
        bottom: 0;
        right: 0;
    }

    .box_small_blog {
        width: 168px;
        height: 207px;
    }

    footer {
        height: auto;
        padding: 2rem 0;
    }

    .box-newsletter img {
        max-width: 100%;
        width: 100%;
    }

    .content_info {
        margin-top: 2rem;
    }

    .content_footer {
        flex-direction: column;
        justify-content: center;
        bottom: 0;
    }

    .content_contact {
        margin: 7rem 0rem 4rem 0rem
    }

    .back_blog {
        height: auto;
    }

    .box_small_blog {
        width: 171px;
        height: 212px;
    }

    .swiper-button-prev {
        left: 6px !important;
    }

    .img_tooth {
        position: relative;
        z-index: 2;
        max-width: 100%;
        height: 200px;
        width: 167px;
    }

    .header .navbar {
        background-size: cover;
    }

    .top_panel {
        position: absolute;
        bottom: -6px;
        width: 100%;
    }

    .pos_tooth {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
    }

        .pos_tooth .card_white {
            background: #fff;
            box-shadow: 2px 2px 10px rgba(57, 57, 57, 0.4);
            padding: 2rem 2rem;
            text-align: center;
            position: relative;
            left: 0;
            font-size: 1.2rem;
            height: 188px;
        }

    .menu a {
        font-size: 1.4rem;
    }

    .card_blog {
        right: 0rem;
        padding: 1rem;
        font-size: 0.7rem;
        width:100%;
    }

    .btn_find {
        bottom: 26px;
    }

    .pos_center {
        position: relative;
        left: 0;
    }

    .section_center {
        height: auto;
    }

    .cards_center {
        position: relative;
        left: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

        .cards_center .card {
            position: relative;
            left: 0;
            width: 45%;
            top: 0 !important;
            margin-right: 1rem;
        }

    .cards_play.transition .card-1, .cards_play.transition .card-2, .cards_play.transition .card-3 {
        left: 0;
        transition: none;
    }



   

    .right_blue {
        position: relative;
        right: 0;
        bottom: 0;
    }

    .content_banner_product {
        margin: 4rem 0;
    }

    .content_categories {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center !important;
    }

    .content_categories a {
        flex-basis: 40% !important;
        flex-grow: 0 !important;
        margin-top: 2rem;
    }

    .content_sub_product .card {
        width: 100% !important;
    }

    .row_button {
        position: relative;
        left: 0;
        bottom: 0;
    }

    .content_footer2 {
        padding: 2rem;
    }

    .heading_article2 {
        width: auto;
        font-size:1.3rem;
    }

    .content_newsletter {
        flex-direction: column;
    }

    .box_text p {
        margin-top: 1rem;
        font-size: 1.2rem;
        color: #696984;
    }

    .box_text .blog_title3 {
        font-size: 1.5rem;
    }
    .overlay_text_article{
        font-size:1.8rem
    }
    .desc_article {
        font-size: 1.4rem;
        bottom: 68px;
    }
    .card_img{
        margin-top:2rem
    }
    .date {
        right: 24px;
        bottom: 1rem;
    }
    .img_fan2 {
        position: absolute;
        top: -44px;
        right: 33px;
        height: 132px;
    }
    .content_box{
        padding:0
    }
    .header .navbar {
        background: #ced5da;
        padding: 2rem 0;
    }
    .menu li {
        margin-bottom: 1rem;
    }
    .category-tab li {
        margin-top: 3rem;
    }
}
@media (max-width:500px) {
    .img_history {
      height:300px;
      max-height:300px;
    }
    .text_date {
      
        top: 1rem;
    }
    .date1 {
        position: relative;
        top: 0rem;
    }
    .img_mission{
        height:auto;

    }
    .text_about {
       
        font-size: 1rem;
    }
    .text_about2 {
        font-size: 1rem;
        margin-top:2rem;
    }
    .img_date {
        display: none;
    }
        .card_subcat{
        margin-right:0;
    }
    .btn_find3 {
        position: relative;
        right: 0;
        bottom: 0;
    }
    .category-tab li{
        margin-bottom:3rem;
    }
    .content_contact .info {
        font-size: 1.3rem;
    }
    .content_contact{
        height:280px;
    }
    .content_videos {
        flex-wrap: wrap;
    }
    .content_videos .box_video_detailes {
        margin-bottom: 2rem;
    }
    .content_newsletter{
      flex-direction:column;
    }
    .pos_tooth .card_white{
        height:auto!important;
    }
    .card_white p {
        font-size: 0.8rem;
    }
    .btn_find.contact {
        right: 39px;
        bottom: 8px!important;
    }

    .content_blog {
        position: relative;
        bottom: 0;
        right: 0;
        justify-content: center;
    }
    .carousel-control-next{
        right:0;
    }
    
    .carousel-control-prev{
        left:0;
    }
    .img_fan2 {
        position: absolute;
        top: -78px;
        right: 0;
        width: 28%;
        left: 0;
        margin: 0 auto;
    }
    .row_button {
        position:relative;
        left:0;
        bottom:0;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
    }
    .btn_custom{
        margin-bottom:2rem;
    }
    .header {
        height: 79px;
    }
    .header button {
        margin: 1rem 0;
    }
    
    .logo img{
        margin:0;
    }
    .content_categories a {
        flex-basis: 100% !important;
    }

    .swiper-button-next, .swiper-button-prev {
        display: none
    }
    .cards_center .card {
        position: relative;
        left: 0;
        width: 100%;
        top: 0 !important;
        margin-right: 2rem;
    }
}