@media screen and (max-width: 575px) {

    .time-section {

        padding: 15% 0;
        background-image: url('../img/rdr-mobile.jpg');
        width: 100% !important;
        height: 100% !important;
        background-repeat: no-repeat;
        background-attachment: unset;

    }

    .about-section .about-img img {

        width: 100%;
        height: 100%;

    }

}

@media screen and (max-width: 768px) {
    .show-menu-btn, .hide-menu-btn {
        display: block;
    }

    .menu {
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #333;
        right: -100%;
        top: 0;
        text-align: center;
        padding: 80px 0;
        line-height: normal;
        transition: 0.7s;
        z-index: 1111111;
    }

    .menu a {
        display: block;
        padding: 20px;
    }

    .hide-menu-btn {
        position: absolute;
        top: 40px;
        right: 40px;
    }

    #chk:checked ~ .menu {
        right: 0;
    }


}


@media screen and (max-width: 1200px) {
    .demo-section .info img {
        width: 50px !important;
        height: 80px !important;
    }

    .bottom-footer-section .bottom-footer .social-section {

        color: #929292;
        float: left;
    }

    .bottom-footer-section .bottom-footer .ccc  {

        color: #929292;
        text-decoration: none;
        display: table;

    }
    .bottom-footer-section .bottom-footer .cc {

        margin-left: 1rem !important;

    }

    .bottom-footer-section .bottom-footer p {

        margin-left: 1rem !important;

    }


    .bottom-footer-section .bottom-footer .social-section a {

        color: #929292;
        float: left;
    }

    .bottom-footer-section .bottom-footer p {

        color: #929292;
        text-align: justify;

    }

    .video-section .embed .embed-data {

        padding: 0;

    }

}