.ghe { text-decoration-color: red; display: inline-block; }
#box-img{display:none;}
#im{display:none;}
.small{margin: 0; padding: 0;}
.magnify { position: relative; display:inline-block; }
.large { width: 160px; height: 160px; position: absolute; border-radius: 100%;
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25); display: none; }
.small { display: inline-block; }
body{background-color:black; font-family:b zar;}
#show-box{width:50px; height:50px; margin-left:30px; position:relative; top:3px; box-shadow:0px 0px 4px 2px #000;}
#show-360{width:50px; height:50px; margin-right:30px; position:relative; top:3px; box-shadow:0px 0px 4px 2px #000; float:right;}
*{-webkit-user-select: none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
@media screen and (min-width: 0px) and (max-width: 399px) {
    #reg{border:2px solid red; text-align:right; padding:12px; margin-top:35px; direction:rtl; font-size:14px; color:white;}
    #regb{height:520px;}
    #div-asl{width:100%; display:block; height:520px;}
    #d1{width:98%; height:500px; float:left; }
    #d2{width:98%; height:550px; float:right; }
    #hd{width:85%; margin-top:30px; margin-right:3%; margin-bottom:30px; margin-left:7% }
    #ho{font-size:20px; color:white; direction:rtl; position:relative; top:-25px; right:30px;}
    #hh{font-size:30px; color:white; margin-left:35px;}
    #d-navar{width:70%;  margin-right:15; margin-left:15%; background-color:lightgray; box-shadow:0px 0px 5px 6px #8f6f46; height:56px;}
    #sabad{height:120px; width:120px; margin-left:32%; position:relative; top:-25px;}
    #div-p, #div-pp{margin:auto; height:60px; display:block; width:260px;}
    #div-p{margin-top:10px;}      #div-pp{position:relative; top:190px;}  #gqo{width:100%; height:190px;}
    #dome1{width:120px; height:50px; display:inline-block; background-color:red; border-radius:0px 0px 0px 10px;}
    #dome2{width:120px; height:50px; display:inline-block; background-color:red; border-radius:0px 0px 10px 0px;}
    .bb{text-align:center; margin-top:14px; color:white;}}
@media screen and (min-width: 400px) and (max-width: 499px) {
    #reg{border:2px solid red; text-align:right; padding:12px; margin-top:35px; direction:rtl; font-size:14px; color:white;}
    #regb{height:520px;}
    #div-asl{width:100%; display:block; height:520px;}
    #d1{width:98%; height:540px; float:left; }
    #d2{width:98%; height:520px; float:right; }
    #hd{width:85%; margin-top:30px; margin-right:3%; margin-bottom:30px; margin-left:7% }
    #ho{font-size:20px; color:white; direction:rtl; position:relative; top:-40px; right:40px;}
    #hh{font-size:30px; color:white; margin-left:35px;}
    #d-navar{width:70%;  margin-right:15; margin-left:15%; background-color:lightgray; box-shadow:0px 0px 5px 6px #8f6f46; height:56px;}
    #sabad{height:120px; width:120px; margin-left:35%; position:relative; top:-35px;}
    #div-p, #div-pp{margin:auto; height:60px; display:block; width:310px; }
    #div-p{margin-top:20px;}      #div-pp{position:relative; top:190px;} #gqo{width:100%; height:190px;}
    #dome1{width:150px; height:50px; display:inline-block; background-color:red; border-radius:0px 0px 0px 10px;}
    #dome2{width:150px; height:50px; display:inline-block; background-color:red; border-radius:0px 0px 10px 0px;}
    .bb{text-align:center; margin-top:14px; color:white;}}
@media screen and (min-width: 500px) and (max-width: 649px) {
    #reg{border:2px solid red; text-align:right; padding:15px; margin-top:35px; direction:rtl; font-size:17px; color:white;}
    #regb{height:550px;}
    #div-asl{width:100%; display:block; height:520px;}
    #d1{width:98%; height:540px; float:left; }
    #d2{width:98%; height:550px; float:right; }
    #hd{width:60%; margin-top:30px; margin-right:3%; margin-bottom:30px; margin-left:19.5% }
    #ho{font-size:20px; color:white; direction:rtl; position:relative; top:-35px; right:50px;}
    #hh{font-size:30px; color:white; margin-left:35px;}
    #d-navar{width:43%;  margin-right:28%; margin-left:28%; background-color:lightgray; box-shadow:0px 0px 5px 6px #8f6f46; height:56px;}
    #sabad{height:120px; width:120px; margin-left:36%; position:relative; top:-40px;}
    #div-p, #div-pp{margin:auto; height:60px; display:block; width:310px; }
    #div-p{margin-top:20px;}      #div-pp{ position:relative; top:190px;} #gqo{width:100%; height:190px;}
    #dome1{width:150px; height:50px; display:inline-block; background-color:red; border-radius:0px 0px 0px 10px;}
    #dome2{width:150px; height:50px; display:inline-block; background-color:red; border-radius:0px 0px 10px 0px;}
    .bb{text-align:center; margin-top:14px; color:white;}}
@media screen and (min-width: 650px) and (max-width: 849px) {
    #reg{border:2px solid red; text-align:right; padding:15px; margin-top:35px; direction:rtl; font-size:17px; color:white;}
    #div-asl{width:100%; display:block; height:520px;}
    #d1{width:48%; height:500px; float:left; }
    #d2{width:48%; height:500px; float:right; }
    #hd{width:83%; margin-top:30px; margin-right:3%; margin-bottom:30px; margin-left:8% }
    #ho{font-size:20px; color:white; direction:rtl; position:relative; top:-45px; right:50px;}
    #hh{font-size:30px; color:white;}
    #d-navar{width:53%;  margin-right:23%; margin-left:23%; background-color:lightgray; box-shadow:0px 0px 5px 6px #8f6f46; height:56px;}
    #sabad{height:130px; width:130px; margin-left:80px; position:relative; top:-50px;}
    #div-p, #div-pp{margin:auto; height:60px; display:block; width:310px; }
    #div-p{margin-top:20px;}      #div-pp{margin-top:180px;}
    #dome1{width:150px; height:50px; display:inline-block; background-color:red; border-radius:0px 0px 0px 10px;}
    #dome2{width:150px; height:50px; display:inline-block; background-color:red; border-radius:0px 0px 10px 0px;}
    .bb{text-align:center; margin-top:14px; color:white;}}
@media screen and (min-width: 850px) and (max-width: 1049px) {
    #reg{border:2px solid red; text-align:right; padding:15px; margin-top:35px; direction:rtl; font-size:17px; color:white;}
    #div-asl{width:100%; display:block; height:600px;}
    #d1{width:48%; height:580px; float:left; }
    #d2{width:48%; height:580px; float:right; }
    #hd{width:83%; margin-top:30px; margin-right:3%; margin-bottom:30px; margin-left:8% }
    #ho{font-size:20px; color:white; direction:rtl; position:relative; top:-45px; right:50px;}
    #hh{font-size:30px; color:white;}
    #d-navar{width:53%;  margin-right:23%; margin-left:23%; background-color:lightgray; box-shadow:0px 0px 5px 6px #8f6f46; height:56px;}
    #sabad{height:140px; width:140px; margin-left:17%; position:relative; top:-20px;}
    #div-p, #div-pp{margin:auto; height:60px; display:block; width:310px; }
    #div-p{margin-top:20px;}      #div-pp{margin-top:160px;}
    #dome1{width:150px; height:50px; display:inline-block; background-color:red; border-radius:0px 0px 0px 10px;}
    #dome2{width:150px; height:50px; display:inline-block; background-color:red; border-radius:0px 0px 10px 0px;}
    .bb{text-align:center; margin-top:14px; color:white;}
    #dome1:hover{ background-color:darkred}
    #dome2:hover{ background-color:darkred}}
@media screen and (min-width: 1050px) {
    #reg{border:2px solid red; text-align:right; padding:15px; margin-top:35px; direction:rtl; font-size:17px; color:white;}
    #div-asl{width:100%; display:block; height:600px;}
    #d1{width:48%; height:580px; float:left; }
    #d2{width:48%; height:580px; float:right; }
    #hd{width:63%; margin-top:30px; margin-right:3%; margin-bottom:30px; margin-left:8% }
    #ho{font-size:25px; color:white; direction:rtl; position:relative; top:-45px; right:50px;}
    #hh{font-size:40px; color:white;}
    #d-navar{width:33%;  margin-right:18%; margin-left:23%; background-color:lightgray; box-shadow:0px 0px 5px 6px #8f6f46; height:56px;}
    #sabad{height:150px; width:150px; margin-left:14%; position:relative; top:-70px;}
    #div-p, #div-pp{margin:auto; height:60px; display:block; width:310px; }
    #div-p{margin-top:20px;}      #div-pp{margin-top:280px;}
    #dome1{width:150px; height:50px; display:inline-block; background-color:red; border-radius:0px 0px 0px 10px;}
    #dome2{width:150px; height:50px; display:inline-block; background-color:red; border-radius:0px 0px 10px 0px;}
    .bb{text-align:center; margin-top:14px; color:white;}
    #dome1:hover{ background-color:darkred}
    #dome2:hover{ background-color:darkred}
    #en{font-size:25px; color:white; direction:rtl; position:relative; top:-45px; right:60px;}
}
#takhq{display:none;}