@media only screen and (min-width: 1921px) {
    .section-top{
        max-width: 1900px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 1900px) {
    .cert-popup{
        width: 30%;
    }
    
}

@media only screen and (max-width: 1900px) {
    .phenomenon {
        width: 100%;
    }
}

@media only screen and (max-width: 1670px) {
    .logo-133777 {
        width: 280px;
    }
    .phenomenon {
        width:80%;
    }
    .star-logo {
        width: 320px;
    }
    .max-logo {
        width: 190px;
    }
    .air-1 {
        width: 400px;
        margin-bottom: 30px !important;
    }
}

@media only screen and (max-width: 1550px) {
    .youtube-frame iframe {
        width: 85%;
        margin-top: 128px;
        height: 722px;
    }
    .top-nav{
        margin-top: 290px;
    }
    .top-nav .nav-item .nav-text h1 {
        font-size: 39px;
    }
    .top-nav .nav-item .nav-text h4 {
        font-size: 28px;
    }
    .model-text{
        margin-top: 260px
    }
}

@media only screen and (max-width: 1500px) {
    .top-nav .nav-item .nav-text h1 {
        font-size: 33px;
    }
    .top-nav .nav-item .nav-text h4 {
        font-size: 29px;
    }
    .top-nav {
        width: 93%;
        margin-left: auto;
        margin-right: auto;
    }
    .top-nav .nav-item .nav-text {
        top: 12px;
    }
    .top-nav .nav-item .nav-text h1 {
        margin-right: 25px !important;
    }
    .section-top .bottom-nav-warpper{
        left: 60px;
    }
    .section-top{
        overflow-x: hidden;
    }
    .logo-133777 {
        width: 230px;
    }
    .phenomenon {
        width: 80%;
    }
    .star-logo {
        width: 300px;
    }
    .max-logo {
        width: 170px;
    }
    .air-1 {
        width: 400px;
        margin-bottom: 30px !important;
    }
    .model img {
        width: 82%;
        position: relative;
        left: 60px;
    }
    .youtube-frame {
        margin-top: -24px;
    }
    .youtube-frame iframe {
        width: 88%;
    }
    .top-nav {
        margin-top: 118px;
    }
}

@media only screen and (max-width: 1440px) {
    .logo-center{
        margin-top: 120px;
    }
    .logo-center h1{
        font-size: 58px;
    }
    .head-cool2{
        margin-top: 0;
    }
    .max-star{
        width: 700px;
    }
    .youtube-frame {
        margin-top: -145px;
    }
    .youtube-frame iframe {
        width: 75%;
        height: 584px;
        margin-top: 0px;
        position: relative;
        left: -11px;
    }
    .top-nav {
        margin-top: 160px;
    }
    .model-text {
        margin-top: 125px;
    }
    .section-top .bottom-nav-warpper {
        left: 15px;
    }
    .bottom-nav-warpper .bottom-nav-item:nth-child(3) {
        margin-top: 0px;
    }
    .bottom-nav-warpper .bottom-nav-item:nth-child(4) {
        margin-top: 0px;
    }
    .bottom-nav-warpper .bottom-nav-item:nth-child(5) {
        top: 15px;
    }
    .quite-wrapper {
        justify-content: center;
    }
    .quite-wrapper .table {
        width: 50%;
    }
    .bottom-concept-wrapper .max-logo {
        width: 300px;
    }
    .bottom-concept-wrapper .star-logo {
        width: 300px !important;
    }
    .super-pcb{
        width: 50%;
        padding-left: 5%;
    }
    .super-pcb img{
        width: 100%;
    }
    .Lizard{
        width: 50%;
        padding-left: 5%;
    }
    .Lizard img{
        width: 100%;
    }
    .ready5 {
        width: 290px;
    }
    .bottom-nav-warpper .bottom-nav-item img {
        width: 110px;
    }
    .bottom-nav-warpper .bottom-nav-item h3{
        font-size: 45px;
    }
    .bottom-nav-warpper .bottom-nav-item h6{
        font-size: 30px;
    }
    .bottom-nav-warpper .bottom-nav-item:nth-child(5) img {
        width: 140px;
    }
    .bottom-nav-warpper .bottom-nav-item:nth-child(5) .nav-text-img {
        width: 500px;
    }
    .model-5 {
        width: 81%;
        margin-left: 0;
        margin-top: 0px;
        position: relative;
        top: -166px;
    }
    .news-section{
        padding-top: 0;
    }
    .bottom-wrapper .daikin-100{
        margin-bottom: 30px;
    }
    .bottom-wrapper h1{
        font-size: 70px;
    }
    .mute-head , .head-cool3 img , .head-cool2 img , .head-cool img{
        width: 50%;
    }
    .caz-protection{
        width: 70%;
    }
    .model-3{
        width: 900px;
    }
    .air-nside img{
        width: 90%;
    }
    .air-external .frame-air-2{
        width: 90%;
    }
    .air-external .air-right-2 {
        top: 60px;
        right: 120px;
        width: 230px;
    }
    .air-motor img{
        width: 90%;
        left: 10%;
    }
    .graph img {
        position: relative;
        width: 70%;
    }
    .new-power img{
        width: 87%;
    }
    .new-power h4 {
        font-size: 30px;
        font-weight: 100;
        left: 130px;
    }
    .new-power small {
        left: 127px;
        font-size: 20px;
    }
    
    .desktop-version .cert-btn.cert-2{
        top: 30px;
    }

    /* .desktop-version  .cert-btn.cert-5{
        top: 70px;
    } */
   
}

@media only screen and (max-width: 1400px) {
    .top-nav .nav-item .nav-text h1 {
        font-size: 27px;
    }
    .top-nav .nav-item .nav-text h4 {
        font-size: 24px;
    }
    .top-nav {
        margin-top: 236px;
    }
    .top-nav .nav-item .nav-text {
        top: 5px;
    }
    .top-nav .nav-item .nav-text h1 {
        margin-right: 25px !important;
    }
}

@media only screen and (max-width: 1390px) {
    .logo-133777 {
        width: 200px;
    }
    .phenomenon {
        width: 70%;
    }
    .star-logo {
        width: 280px;
    }
    .max-logo {
        width: 120px;
    }
    .air-1 {
        width: 350px;
        margin-bottom: 30px !important;
    }
}

@media only screen and (max-width: 1350px) {
    .youtube-frame iframe {
        width: 86%;
        margin-top: 100px;
        height: 600px;
    }
    .top-nav{
        margin-top: 217px;
    }
    .top-nav .nav-item .nav-text h1 {
        font-size: 28px;
    }
    .top-nav .nav-item .nav-text h4 {
        font-size: 25px;
    }
    .model-text{
        margin-top: 260px;
    }
    .top-nav .nav-item .nav-text {
        top: 12px;
        line-height: 20px;
    }
    .top-nav .nav-item .arrow {
        top: 13px;
    }
    .ready5{
        width: 360px;
    }
    .read-more-center img {
        width: 380px;
        top: 45px;
    }
    .news-section{
        min-height: 1700px; 
    }
    .bottom-wrapper h3{
        font-size: 60px;
    }
    .bottom-wrapper h2{
        font-size: 70px;
    }
    .bottom-wrapper {
        padding-top: 0rem;
        height: fit-content;
    }
}


@media only screen and (min-width: 600px){
    .mobile-version{
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .desktop-version{
        display: none;
    }
    .news-wrapper.mobile .news-item {
        height: 230px;
    }
    .news-wrapper.mobile .news-product {
        width: 60%;
    }
    .news-wrapper.mobile .news-body {
        margin-top: 12px;
    }
    .top-nav.mobile .nav-item .nav-text h1{
        font-size: 14px;
    }
    .cert-popup{
        width: 80% !important;
    }
    .cert-arrow{
        font-size: 25px;
        right: -25px;
    }
}

@media only screen and  (max-width: 412px) {
    .top-nav.mobile {
        margin-top: 120px;
    }
}

@media only screen and  (max-width: 400px) {
    .g-logo2 h2 {
        font-size: 20px;
    }

    .mobile-daikin-youtube-banner iframe{
        height: 190px;
    }
    .top-nav.mobile {
        margin-top: 127px;
    }
    .top-nav.mobile .nav-item .nav-text{
        right: 16px;
        line-height: 12px;
        top: 6px;
    }
    .top-nav.mobile .nav-item .nav-text h1{
        font-size: 14px;
    }
    .top-nav.mobile .nav-item .nav-text h4 {
        font-size: 13px;
    }

    .bottom-nav-warpper.mobile .bottom-nav-item h3{
        font-size: 16px;
    }
    .bottom-nav-warpper.mobile .bottom-nav-item h6 {
        font-size: 14px;
    }
    .bottom-nav-warpper.mobile .bottom-nav-item img {
        width: 50px;
    }
    .bottom-logo img:nth-child(1) {
        width: 100px;
    }
    .bottom-logo img.star-logo {
        width: 90px;
    }
    .bottom-logo h6 {
        font-size: 20px;
    }
    .mb-model-sleep img {
        width: 90%;
    }
    .last-model {
        width: 69%;
        left: 0px;
    }
    .top-nav.mobile .nav-item .arrow{
        width: 38px;
    }
}


@media only screen and  (max-width: 360px) {
    .top-nav.mobile {
        margin-top: 97px;
    }
    .top-nav.mobile .nav-item .nav-text{
        right: 16px;
        line-height: 10px;
        top: 6px;
    }
    .top-nav.mobile .nav-item .nav-text h1 {
        font-size: 13px;
        margin: 0 !important;
    }
    .top-nav.mobile .nav-item .nav-text h4 {
        font-size: 12px;
    }
}