@media only screen and (max-width: 600px) {
video#background-video {
    width: 100%;
}
p#text_popup {
   font-size: 4vw;
   text-align: center;
}


}





@media only screen and (min-width: 600px) {
 video#background-video {
    width: 20%;
}

p#text_popup {
    font-size: 2vw;
   text-align: center;
}


}
	
		
@media only screen and (max-width: 500px) {
		
		.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size:cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 26s linear infinite 0s;
    -moz-animation: imageAnimation 26s linear infinite 0s;
    -o-animation: imageAnimation 26s linear infinite 0s;
    -ms-animation: imageAnimation 26s linear infinite 0s;
    animation: imageAnimation 26s linear infinite 0s;
}
  
			.foot2 {
				display: none;
			}
  
		}


@media only screen and (min-width: 500px) {

p {
    width: 36%;
    margin: auto;
    text-align: right;
	font-size:1vw;
}



.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 26s linear infinite 0s;
    -moz-animation: imageAnimation 26s linear infinite 0s;
    -o-animation: imageAnimation 26s linear infinite 0s;
    -ms-animation: imageAnimation 26s linear infinite 0s;
    animation: imageAnimation 26s linear infinite 0s;
}

  
			.foot {
				display: none;
			}
  
		}
		
		h2#swal2-title {
    direction: rtl;
    font-family: Tahoma, "Trebuchet MS", sans-serif;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #7066e0;
    color: #fff;
    font-size: 1em;
    width: 90%;
}
		
		div:where(.swal2-container).swal2-center>.swal2-popup {
    grid-column: 2;
    grid-row: 2;
    place-self: center center;
    width: 90%;
}
		.buttons{
			width:100%; 
			height:auto;		
		}
		
		
		#Menu
{
    width: 100%; height: 40px; margin-left: auto; 
    margin-right: auto; margin-top: 20px; display:inline; 
}

#down_Menu
{
   
}

#M_1
{
    text-align: center;   display:inline;padding:10px; 
}

#M_2
{
    text-align: center;  display:inline;padding:10px;
}

#M_3
{
    text-align: center; display:inline;padding:10px;
}

#M_4
{
    text-align: center; display:inline;padding:10px;
}
#M_5
{
    text-align: center; display:inline;padding:10px;
}

#M_nice
{
    text-align: center;   display:inline;padding:10px;
}	


.slide-up2, .slide-down2 {
  overflow:hidden
}
.slide-up2 > div, .slide-down2 > div {
  margin-top: -1000%;
  transition: margin-top 0.5s ease-in-out;
}
.slide-down2 > div {            
  margin-top: 1px;
} 

	
		
	
        
        
 

.modal1 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.modal1-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 1rem 1.5rem;
    width: 70%;
    border-radius: 0.5rem;
}
.close-button1 {
    float: right;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: lightgray;
}
.close-button1:hover {
    background-color: darkgray;
}
.show-modal1 {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
	z-index:999999;
}

button1 {width: 100%;}



.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;

    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 1rem 1.5rem;
    width: 24rem;
    border-radius: 0.5rem;
}
.close-button {
    float: right;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: lightgray;
}
.close-button:hover {
    background-color: darkgray;
}
.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

button {width: 27%;}

@media only screen and (max-width: 600px) {
 img.logo-web {
    width: 65%;
}

img.reck {
    width: 10%;
}

img.click-m{
	
width: 17%;
}

img.down_b {
    width: 100%;
}


img.bt-down {
    width: 77%;
}

img.bt-down {
    width: 77%;
}

img.btn {
    width: 17%;
}

img#enter {
    width: 45%;
}


}



@media only screen and (min-width: 600px) {
 img.logo-web {
    width: 13%;
}

img.reck {
    width: 5%;
}

img.click-m {
    width: 5%;
}


button {
    width: 168px;
}
img.down_b {
    width: 80%;
}

img.bt-down {
    width: 21%;
}

img.btn {
    width: 5%;
}

img#enter {
    width: 10%;
}

.modal1-content {
    width: 20%;
}


}