*{
    font-family: "B Nazanin", "B Nazanin Outline" !important;
}
body{
    font-family: "B Nazanin", "B Nazanin Outline" !important;
}
html{
    font-family: "B Nazanin", "B Nazanin Outline" !important;
}
#menurespons{
	float:right;
 display: none;
  position: fixed;
  width: 64px;
  height: 64px;
  margin-top: 15px;
  margin-right: 15px;
  z-index: 99999999999;

}
/*.h2titlecomment{
    color: white;padding-left: 10px;padding-right: 10px;direction: rtl;font-weight:bold;text-align: center;line-height: 50px;text-shadow: 2px 2px 2px #000000;
}*/

.teee{
    padding: 65px;
    background-color: palegreen;
}
.teeee{
    text-align: justify;direction: rtl;line-height:50px;
}
/*

<!--width: 1078px;-->
*/
.imgmap{
    width: 1078px;
}
@media only screen and (min-width: 1501px) {
    .h2titlecomment{
        color: white;padding-left: 10px;padding-right: 10px;direction: rtl;font-weight:bold;text-align: center;line-height: 50px;text-shadow: 2px 2px 2px #000000;
    }
}
@media only screen and (max-width: 1500px) {


    #buttons{
        margin-top: 530px;
    }
    .h2titlecomment{
        color: white;padding-left: 10px;padding-right: 10px;direction: rtl;font-weight:bold;text-align: center;line-height: 50px;text-shadow: 2px 2px 2px #000000;
    }

}
@media only screen and (max-width: 1400px) {


    #buttons{
        margin-top: 530px;
    }
    .h2titlecomment{
        color: white;padding-left: 10px;padding-right: 10px;direction: rtl;font-weight:bold;text-align: center;line-height: 50px;text-shadow: 2px 2px 2px #000000;
    }
}
@media only screen and (max-width: 1300px) {

    .imgmap{
        width: 880px;
    }
    #buttons{
        margin-top:  575px;
    }
    .mee{
        display: none;
    }
    #menurespons{
        display: block;
        position: fixed;
        width: 54px;
        height: 54px;
        margin-top: 8px;
        margin-right: 8px;

        right:5px;

    }
    .teee{
        padding: 29px;
        background-color: palegreen;
    }
    .teeee{
        text-align: justify;direction: rtl;line-height:32px;font-size: 30px;
    }
    .h2titlecomment{
        color: white;padding-left: 10px;padding-right: 10px;direction: rtl;font-weight:bold;text-align: center;line-height: 50px;text-shadow: 2px 2px 2px #000000;
        font-size: 21px;
    }
}
@media only screen and (max-width: 1000px) {

    .imgmap{
        width: 660px;
    }
    #buttons{
        margin-top: 750px;
    }
    .mee{
        display: none;
    }
    #menurespons{
        display: block;
        position: fixed;
        width: 54px;
        height: 54px;
        margin-top: 8px;
        margin-right: 8px;

        right:5px;

    }
    .teee{
        padding: 22px;

        background-color: palegreen;
    }
    .teeee{
        text-align: justify;direction: rtl;line-height:32px;font-size: 20px;
    }
    .h2titlecomment{
        color: white;padding-left: 10px;padding-right: 10px;direction: rtl;font-weight:bold;text-align: center;line-height: 50px;text-shadow: 2px 2px 2px #000000;
        font-size: 21px;
    }

}
@media only screen and (max-width: 900px) {
    .imgmap{
        width: 660px;
    }
    #buttons{
        margin-top: 750px;
    }
    .mee{
        display: none;
    }
    #menurespons{
        display: block;
        position: fixed;
        width: 54px;
        height: 54px;
        margin-top: 8px;
        margin-right: 8px;

        right:5px;

    }    .teee{
                 padding: 22px;

                 background-color: palegreen;
         }
    .teeee{
        text-align: justify;direction: rtl;line-height:32px;font-size: 20px;
    }
    .h2titlecomment{
        color: white;padding-left: 10px;padding-right: 10px;direction: rtl;font-weight:bold;text-align: center;line-height: 50px;text-shadow: 2px 2px 2px #000000;
        font-size: 21px;
    }

}
@media only screen and (max-width: 768px) {

 #menurespons{
   display: block;
        position: fixed;
        width: 54px;
        height: 54px;
        margin-top: 8px;
        margin-right: 8px;

		right:5px;

}
.imgmap{
width: 585px;
}
    #buttons{
        margin-top: 500px;
    }
    .mee{
        display: none;
    }
    .teee{
        padding: 22px;

        background-color: palegreen;
    }
    .teeee{
        text-align: justify;direction: rtl;line-height:32px;font-size: 20px;
    }
    .h2titlecomment{
        color: white;padding-left: 10px;padding-right: 10px;direction: rtl;font-weight:bold;text-align: center;line-height: 50px;text-shadow: 2px 2px 2px #000000;
        font-size: 21px;
    }
}
@media only screen and (max-width: 759px) {

    #menurespons{
        display: block;
        position: fixed;
        width: 54px;
        height: 54px;
        margin-top: 8px;
        margin-right: 8px;

        right:5px;

    }
    .imgmap{
        width: 585px;
    }
    #buttons{
        margin-top: 380px;
    }
    .mee{
        display: none;
    }
    .teee{
        padding: 22px;

        background-color: palegreen;
    }
    .teeee{
        text-align: justify;direction: rtl;line-height:32px;font-size: 20px;
    }
    .h2titlecomment{
        color: white;padding-left: 10px;padding-right: 10px;direction: rtl;font-weight:bold;text-align: center;line-height: 50px;text-shadow: 2px 2px 2px #000000;
        font-size: 21px;
    }

}
@media only screen and (max-width: 700px) {

    #menurespons{
        display: block;
        position: fixed;
        width: 54px;
        height: 54px;
        margin-top: 8px;
        margin-right: 8px;

        right:5px;

    }
    .imgmap{
        width: 500px;
    }
    #buttons{
        margin-top: 380px;
    }
    .mee{
        display: none;
    }
    .teee{
        padding: 22px;

        background-color: palegreen;
    }
    .teeee{
        text-align: justify;direction: rtl;line-height:32px;font-size: 20px;
    }.h2titlecomment{
         color: white;padding-left: 10px;padding-right: 10px;direction: rtl;font-weight:bold;text-align: center;line-height: 50px;text-shadow: 2px 2px 2px #000000;
         font-size: 21px;
     }

}

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

    #menurespons{
        display: block;
        position: fixed;
        width: 54px;
        height: 54px;
        margin-top: 8px;
        margin-right: 8px;
    }
    .imgmap{
        width: 420px;
    }
    .mee{
        display: none;
    }
    #buttons{
        margin-top: 380px;
    }
    .teee{
        padding: 22px;

        background-color: palegreen;
    }
    .teeee{
        text-align: justify;direction: rtl;line-height:32px;font-size: 20px;
    }
    .h2titlecomment{
        color: white;padding-left: 10px;padding-right: 10px;direction: rtl;font-weight:bold;text-align: center;line-height: 50px;text-shadow: 2px 2px 2px #000000;
        font-size: 21px;
    }
}
@media only screen and (max-width: 520px) {

    #menurespons{
        display: block;
        position: fixed;
        width: 54px;
        height: 54px;
        margin-top: 8px;
        margin-right: 8px;
    }
    .imgmap{
        width: 420px;
    }
    #buttons{
        margin-top:126px;
    }
    .mee{
        display: none;
    }
    #spn1{
        display: block;
    }
    .teee{
        padding: 22px;

        background-color: palegreen;
    }
    .teeee{
        text-align: justify;direction: rtl;line-height:32px;font-size: 20px;
    }.h2titlecomment{
         color: white;padding-left: 10px;padding-right: 10px;direction: rtl;font-weight:bold;text-align: center;line-height: 50px;text-shadow: 2px 2px 2px #000000;
         font-size: 21px;
     }

}
@media only screen and (max-width: 420px) {
	#menurespons{
   display: block;
        position: fixed;
        width: 54px;
        height: 54px;
        margin-top: 8px;
        margin-right: 8px;
}
 .imgmap{
width: 220px;	
}
    .mee{
        display: none;
    }
    #buttons{
        margin-top: 126px;
    }
    .teee{
        padding: 22px;

        background-color: palegreen;
    }
    .teeee{
        text-align: justify;direction: rtl;line-height:32px;font-size: 20px;
    }
    .h2titlecomment{
        color: white;padding-left: 10px;padding-right: 10px;direction: rtl;font-weight:bold;text-align: center;line-height: 50px;text-shadow: 2px 2px 2px #000000;
        font-size: 20px;
    }
}
@media only screen and (max-width: 240px) {
	#menurespons{
   display: block;
        position: fixed;
        width: 54px;
        height: 54px;
        margin-top: 8px;
        margin-right: 8px;
}
 .imgmap{
width: 150px;	
}
    #buttons{
        margin-top: 126px;
    }
    .teee{
        padding: 22px;

        background-color: palegreen;
    }
    .teeee{
        text-align: justify;direction: rtl;line-height:32px;font-size: 20px;
    }
    .h2titlecomment{
        color: white;padding-left: 10px;padding-right: 10px;direction: rtl;font-weight:bold;text-align: center;line-height: 50px;text-shadow: 2px 2px 2px #000000;
        font-size: 16px;
    }
}