@media (min-width:1024px){
    body{
        background-image: url('../img/back.svg');
        background-repeat: no-repeat;
        background-size: cover;
    }
.top-pic{
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.top-pic img{
    width: 30%;
display: block;
margin-left: auto;
margin-right: auto;
}
#bigger{
    width:25% !important;
}
.title{
    font-family:iransans-bold;
    text-align: center;
    clear: both;
    color: white;
    font-size: 4vw;
}
.video{
    height: 30px;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-top: 20px;
    float: right;
    margin-right: 90px;


}
video{
    border-radius:25px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.video img{
    width: 90%;
    border-radius: 20px;
 
}
.number-box{
    background-color: white;
    border-radius: 20px;
    width: 40%;
    font-family: iransans;
    padding: 20px;
    float: left;
    margin-top: 20px;
    margin-left: 90px;
  }
.box-title{
    text-align: center;
    font-size: 1.6vw;
    color: #363636;
    margin-top: 30px;
}
input{
    width: 78%;
    border-radius: 24px;
    height: 83px;
    border: 1px solid gray;
    font-family: iransans;
    font-size: 1.4vw;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
button{
    width: 80%;
    border-radius: 24px;
    height: 80px;
    margin-top: 10px;
    border: none;
    background-color:#e41933;
    color: white;
    font-family: iransans-bold;
    font-size: 2.2vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
}
.hand{
    width:50%;
}
.hand img{
    width: 15%;
    display: block;
    margin-left: 50%;
    margin-right: auto;
    margin-top: -15px;
    position: relative;
    z-index: 1000;
    top: -72px;
}

.reel-desk img{
    display: block;
    margin-left: auto;
    margin-right: auto;

}
.number-box span{
    color:#e41933;
    font-size: 1.8vw;
}
.reelmob{
    display: none;
}
}