@media only screen and (max-width: 599px) {
    header .logopage img {
        width: 60px;
    }
    header .namepage h2 {
        font-size: small;
    }
    header .loaderSite {
        width: 20px;
    }
    header .optionheader {
        width: 90px;
        transition: 1s;
    }
    header .optionheader:hover {
        width: 90px;
        transition: 1s;
    }
    header .rightheader img {
        width: 25px;
        height: 25px;
    }
    header .rightheader .nameuser {
        font-size: 12px;
    }
    main .row {
        animation: Scrolling linear;
        animation-timeline: view();
        animation-range: entry 0% cover 15%;
    }
    #laptop {
        display: none;
    }
    #mobile {
        display: block;
    }
}

@media only screen and (min-width:600px) and (max-width: 669px) {
    header h2 {
        font-size: 20px;
    }
    #laptop {
        display: none;
    }
    #mobile {
        display: block;
    }
}

@media only screen and (min-width: 670px) {
    #laptop {
        display: block;
    }
    #mobile {
        display: none;
    }
}