@charset "utf-8";
/* CSS Document */
/*//////////////////////////////////////////////
////////////////////سایر///////////////////////
//////////////////////////////////////////////*/
@media screen and (max-width:1570px){
#tabcontenttext { width: 300px !important;}
}

@media screen and (max-width:1140px){
.numbers {font-size: 4vw !important;}
.numbersall { width:17vw !important; margin:1vw !important;}
.numberspic{ height:auto !important; width:35% !important;}
.numbersmainbox{ height:35vw !important;}
.micons {height: 35vw !important;margin-top:2vw !important;}
}


@media screen and (max-width:1290px){
#service_area {  width: 90vw !important;}
 .tab { width: 25% !important;}
.tabcontent { width: 75% !important;}
}
@media screen and (max-width:1220px){
.footer {width: 90% !important;}
}
@media screen and (max-width:1200px){
.contact {width: 800px !important;}
.addresscontact{padding-right:4% !important;padding-left:4% !important;}
.phonecontact{padding-right:4% !important;padding-left:4% !important;}
.mailcontact{padding-right:4% !important;padding-left:4% !important;}
}
@media screen and (max-width:1020px){
.mailphone { width: 100% !important;height: 50% !important;}
.logomajazi { width: 100% !important;height: 50% !important;}
.logobox {height: 120px !important;padding-top:10px !important; /*padding-bottom:5px !important;*/margin-top: -130px !important;}
.menubar { margin-top: 130px !important;}
ul { padding-right: 20px !important;}
}

/*//////////////////////////////////////////////
////////////////////عمودی///////////////////////
//////////////////////////////////////////////*/

@media screen and (max-width:981px) and (orientation:portrait) {

.qoutebox{ width: 70vw !important;}
.footers { width: 75% !important;}
.numbersmainbox{ height:85vh !important;background-position:right !important;}
.numberspic{ height:auto !important; width:80% !important;margin:10% !important;margin-top:-65% !important;}
.numbersmaininnerbox{height:40vh !important;margin-top:-45vh !important;}
.numbersall{width:30vw !important; margin:5vw !impoprtant;padding:6vw !important;}
.numbers {font-size:8vw !important;}
.tabcontent, .tab { height: 60vh !important;}
.tab button { font-size: 3.8vw !important;line-height:6vw !important;height:8vh !important;}
.tab {width: 25vw !important;}
.tabcontent { width: 75% !important;}
 #tabcontenttext { width: 80% !important; height:90% !important;}
.tabtext{font-size:3.8vw !important;line-height:5.5vw !important;}
.tabtit{font-size:4.8vw !important;line-height:5.5vw !important;}
.slidetext {font-size: 8vw !important;}
.sildebox, .slide1, .slide2, .slide3, .slide4, .header { height: 50vh !important;}
.header{margin-top: -50vh !important;}
li{font-size:3.2vw !important;}
.menubar{height: 7vh !important;}
ul {padding-right: 5vw !important;height: 7vh !important;}
.mail, .phone { padding: 1.5vw !important;font-size: 3vw !important;}
.linkspm{font-size: 2.5vw !important;}
.logoimg {width:40vw !important; height:auto !important;}
.logobox {height: 15vh !important;padding-top:1vh !important;margin-top: -16vh !important;}
.menubar { margin-top: 16vh !important;}
.loginmainbox { width: 95% !important; height: 82% !important;}
.contact { width: fit-content !important;padding-right:10vw !important; padding-left:10vw !important;}
}
/*//////////////////////////////////////////////
////////////////////افقی///////////////////////
//////////////////////////////////////////////*/
@media screen and (max-width:981px) and (orientation:landscape) {

.qoutebox{ width: 50vw !important;}
.footers { width: 55% !important;}
.numbersmainbox{ height:185vh !important;background-position:right !important;}
.numberspic{ height:auto !important; width:50% !important;margin:25% !important;margin-top:-25% !important;}
.numbersmaininnerbox{height:100vh !important;margin-top:-85vh !important;}
.numbersall{width:30vw !important; margin:2vw !important;padding:4vw !important;margin-right:3vw !important;margin-left:3vw !important;}
.numbers {font-size:6vw !important;}
.tabcontent, .tab { height: 90vh !important;}
.tab button { font-size: 2.5vw !important;line-height:5vw !important;height:16vh !important;}
.tab {width: 25vw !important;}
.tabcontent { width: 75% !important;}
 #tabcontenttext { width: 80% !important; height:90% !important;}
.tabtext{font-size:2.5vw !important;line-height:3.5vw !important;}
.tabtit{font-size:3.5vw !important;line-height:4.5vw !important;}
.slidetext {font-size: 5vw !important;}
.sildebox, .slide1, .slide2, .slide3, .slide4, .header { height: 90vh !important;}
.header{margin-top: -90vh !important;}
li{font-size:2.5vw !important;}
.menubar{height: 16vh !important;}
ul {padding-right: 5vw !important;height: 16vh !important;}
.mail, .phone { padding: 1.5vw !important;font-size: 3vw !important;}
.linkspm{font-size: 2vw !important;}
.logoimg {width:25vw !important; height:auto !important;}
.logobox {height: 25vh !important;padding-top:2vh !important;margin-top: -26vh !important;}
.menubar { margin-top: 26vh !important;}
ul li:hover > ul { height:fit-content !important;}
.loginmainbox { width: 95% !important; height: 72% !important;}
.contact { width: fit-content !important;padding-right:4vw !important; padding-left:4vw !important;}

}
/*//////////////////////////////////////////////
////////////////////عمودی///////////////////////
//////////////////////////////////////////////
@media screen and (max-width:981px) and (orientation:portrait) {

    .mail, .phone {
        font-size: 3.5vw !important;
    }

    .logobox {
        height: 120px !important;
        width: 100vw !important;
        overflow: hidden !important;
    }

    .logoinnerbox {
        width: 90vw !important;
    }

    .logoimg {
        height: 40% !important;
        width: auto !important;
    }

    .footer, .majazicons {
        width: 90%;
        height: fit-content;
        padding: 15px;
    }

    .majazi {
        width: 100% !important;
        margin-left: 1% !important;
    }

    .calltit {
        font-size: 4.5vw !important;
        line-height: 5vw !important;
        height: 50px !important;
    }

    .majazicons {
        width: 90vw !important;
        margin-top: 200px !important;
    }

    .address, .callphone {
        width: 100% !important;
    }

    .majazilinks {
        padding: 5px !important;
    }

    .mlink {
        width: 30px !important;
        height: 30px !important;
        padding: 3px !important;
    }

    .mlinkimg {
        width: 30px !important;
        height: 30px !important;
    }

    .address, .callphone {
        width: 100%;
        font-size: 2.5vw;
    }

    .callus {
        height: 500px !important;
        width: 100vw !important;
    }

    .footers {
        width: 95% !important;
        font-size: 3.5vw !important;
        top: 0;
        height: 100%;
    }

    .footerbox {
        height: 1200px !important;
    }

    .footertit {
        font-size: 3.2vw;
        line-height: 40px;
        height: fit-content !important;
        margin-top: 30px !important;
    }

    .alttit {
        font-size: 2.5vw;
    }

    .copyright {
        width: 100%;
        font-size: 3.5vw !important;
        line-height: 35px;
    }

    .copybox {
        height: 200px;
    }

    .micons {
        width: 90% !important;
    }

    .miconsbox {
        height: 400px !important;
    }

    ul li a {
        font-size: 2.9vw !important;
        width: fit-content !importent;
    }

    ul {
        margin-right: 0px !important;
    }

    .mail {
        width: 50vw !important;
        height: fit-content !important;
        padding: 5px !important;
    }

    .phone {
        width: 50vw !important;
        height: fit-content !important;
        padding: 5px !important;
    }

    .rightbox {
        width: 70vw !important;
        height: 100% !important;
    }

    .menubar {
        width: 100vw !important;
    }

    .micon1, .micon2, .micon3, .micon4 {
        font-size: 4vw !important;
        width: 40% !important;
        height: 65% !important;
        padding: 2.5% !important;
    }

    .numbersall {
        font-size: 3.5vw !important;
    }

    .numbers {
        font-size: 7.5vw !important;
    }

    .valueslide, .valueslide1, .valueslide2, .valueslide3, .valueslide4, .valueslide5, .valueslide6, .valueslide7, .valueslide8 {
        width: 56vw !important;
        height: 80vw !important;
    }

    .valuequeue {
        left: 56vw !important;
    }

    .valuedeactive {
        left: -56vw !important;
    }

    .valuehide {
        left: 56vw !important;
    }

    .lricon {
        width: 15px !important;
        height: auto !important;
    }


    .contacttit {
        font-size: 4vw;
    }

    .contactinfo {
        font-size: 3vw;
        line-height: 5vw;
    }

    .contact, .map {
        width: 80% !important;
    }

    .maintext {
        line-height: 5.5vw;
        font-size: 1.7vw;
    }

    .slidetext {
        font-size: 10vw !important;
    }

    h1 {
        font-size: 6vw !important;
    }

    .valuearrows {
        z-index: 4000 !important;
        width: 100vw !important;
        right: 0 !important;
        height: 500px !important;
    }

    .service_area {
        height: 500px !important;
    }
}*/
/*//////////////////////////////////////////////
////////////////////افقی////////////////////////
//////////////////////////////////////////////
@media screen and (max-width:981px) and (orientation:landscape) {
    ul li a {
        font-size: 2vw !important;
        width: fit-content !importent;
    }

    ul {
        margin-left: -40px !important;
        padding-right: 20px !important
    }

    .logobox {
        height: 120px !important;
        width: 100vw !important;
        overflow: hidden !important;
    }

    .logoinnerbox {
        width: 90vw !important;
    }

    .logoimg {
        height: 40% !important;
        width: auto !important;
    }

    .mail, .phone {
        font-size: 2.1vw !important;
    }

    .slidetext {
        font-size: 7vw !important;
    }

    .sildebox {
        height: 90vh !important;
    }

    .slide1, .slide2, .slide3, .slide4 {
        height: 90vh !important;
    }

    .header {
        height: 90vh !important;
        margin-top: -90vh !important;
    }

    .micons {
        width: 90% !important;
        margin-top: 30px !important;
    }

    .miconsbox {
        height: 270px !important;
    }

    .micon1, .micon2, .micon3, .micon4 {
        font-size: 2.5vw !important;
    }

    ul li:hover > ul {
        width: fit-content !important;
    }

    .footerbox {
        height: fit-content !important;
    }

    .footer, .majazicons {
        width: 90% !important;
        height: fit-content !important;
        padding: 15px !important;
    }

    .loginmainbox {
        height: 80% !important;
    }

    .login {
        width: 70px !important;
        height: 70px !important;
    }
 
    .valuearrows {
        z-index: 4000 !important;
        width: 100vw !important;
        right: 0 !important;
        height: 600px !important;
    }

    .numbersall {
        font-size: 2.5vw !important;
    }

    .numbers {
        font-size: 6.5vw !important;
    }

    .majazicons {
        width: 90vw !important;
        margin-top: 100px !important;
    }

    .majazi {
        width: 100% !important;
        margin-left: 1% !important;
    }

    .address {
        width: 52% !important;
    }

    .callphone {
        width: 30% !important;
    }

    .callus {
        height: 350px !important;
        width: 100vw !important;
    }

    .footers {
        width: 95% !important;
        top: 0;
        height: 100%;
    }

    .footerbox {
        height: 1000px !important;
    }

    .footertit {
        height: fit-content !important;
        margin-top: 30px !important;
    }

    .contact, .map {
        width: 80% !important;
    }
}*/