.rxm-logo {
	margin-top:30px;
    margin-bottom: 30px;
}
.rxm-gallery{
	margin-top:50px;
}

        body {
            background: linear-gradient(135deg, #333333, #010101);
            color: #fff;
            text-align: center;
            margin: 0;
            padding: 0;
            justify-content: center;
            align-items: center;
			
        }

        h1 {
            color: #fff !important;
            margin: 0 0 20px 0;
            font-size: 24px;
            font-family: Helvetica !important;
        }
 h2 {
            color: #fff !important;
            margin: 0 0 20px 0;
            font-size: 20px;
            font-family: Helvetica !important;
        }

        .video-container {
			
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
			padding-left: 7%;
            padding-right: 7%;
        }

        .video-item {
            margin: 10px;
            flex: 0 1 calc(33.333% - 20px);
            box-sizing: border-box;
			object-fit: cover;
        }

        video {
            width: 100%;
            height: auto;
            max-height: 300px;
           object-fit: cover;
        }

        button {
            background: #667eea;
            color: #fff;
            cursor: pointer;
            transition: background 0.3s ease;
            width: calc(100% - 20px);
            padding: 10px;
            margin: 10px 0;
            border: none;
            border-radius: 5px;
            font-size: 16px;
        }

        button:hover {
            background: #764ba2;
        }

        .download-btn{
            width: 49%;
        }
        .delete-btn{
            width: 49%;
        }

        .pagination {
            display: flex;
            justify-content: center;
            margin-top: 20px;
			width:100%;
        }

        .page-btn {
            background: #667eea;
            color: #fff;
            cursor: pointer;
            transition: background 0.3s ease;
            margin: 0 5px;
            padding: 10px 10px;
            width: 5%;
        }

        .page-btn:hover {
            background: #764ba2;   
        }

        #order{
                width: 5%;
                padding: 10px;
                margin: 10px 0;
                border: none;
                border-radius: 5px;
                font-size: 16px;
        }

        .order{
            color :#fff!important;
            margin: 0 0 20px 0;
            font-size: 30px;
            font-family: Helvetica!important;
        }

        @media only screen and (max-width: 500px) {
            .video-container {
			
                display: block;
               
            }
            .download-btn{
                padding: 20px 10px;
            }
            .delete-btn{
                padding: 20px 10px;
            }
            #order{
                width: 30%;
                font-size: 20px;
            }
            .page-btn {
                width: 15%;
            }
        }