@-ms-viewport {
    width: device-width;
}

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

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

@media (max-width: 1280px) {
    #home-slider .caption {
        top: 8px;
        right: 5%;
    }

    #home-slider.en-slider .caption {
        top: 8px;
        right: 5%;
    }

    #home-slider .caption img {
        max-width: 70%
    }

    #home-slider .caption h2,
    #home-slider .caption h1 {
        line-height: 55px;
        font-size: 3.5em;
    }

    #home-slider.en-slider .caption h2,
    #home-slider.en-slider .caption h1 {
        line-height: 55px;
        font-size: 3.5em;
    }
}

@media only screen and (max-width: 1200px) {
    div#maximenuck ul.maximenuck li.maximenuck.level1 > a,
    div#maximenuck ul.maximenuck li.maximenuck.level1 > span.separator {
        font-size: 15px;
    }

    div#maximenuck ul.maximenuck li.maximenuck.level1 {
        padding: 1px 5px 4px;
    }

    /*div#maximenuck ul.maximenuck li.maximenuck.level1 > a,

    div#maximenuck ul.maximenuck li.maximenuck.level1 > span.separator{

        padding: 0 !important;

    }*/
    body {
        font-size: 12px
    }

    #contact-frm #chronoform-ContactUs_Persian .form-control {
        margin-top: 5px
    }

    #contact-frm #chronoform-ContactUs_Persian #fld6 {
        width: 100% !important;
        margin-top: 0
    }

    #contact-frm #chronoform-ContactUs_Persian #fin-fld6 {
        width: 100% !important
    }

    #fitem7 {
        width: 28%
    }

    #g-map {
        width: 100%
    }

    #g-map iframe {
        width: 100% !important
    }

    #contact-frm #chronoform-ContactUs .form-control {
        margin-top: 5px
    }

    #contact-frm #chronoform-ContactUs #fld6 {
        width: 100% !important;
        margin-top: 0
    }

    #contact-frm #chronoform-ContactUs #fin-fld6 {
        width: 100% !important
    }

    #contact-frm #chronoform-ContactUs #form-row-fld5 {
        margin-top: 5px
    }

    #contact-frm #form-row-submit6 {
        margin-top: 5px;
    }

    #home-slider .caption img {
        max-width: 60%
    }

    #home-slider .caption h2,
    #home-slider .caption h1 {
        line-height: 45px;
        font: 2.7em !important;padding:5px;
    }

    #home-slider.en-slider .caption h2,
    #home-slider.en-slider .caption h1 {
        line-height: 45px;
        font-size: 2.8em;padding:5px;
    }

    #home-slider h4 {
        line-height: 30px;
        font-size: 1.5em;padding-top: 5px;
    }

    #home-slider.en-slider h4 {
        line-height: 30px;
        font-size: 1.5em;padding-top: 5px;
    }
}

@media only screen and (max-width: 1199.98px) {
    body {
        font-size: 11px
    }

    /*.ns2-title a{font-size: 1.1em}
#top1 .ns2-title a{font-size: 1.1em}
.sprocket-tabs-nav li{font-size: 1.1em}*/
    .sprocket-tabs-nav li .sprocket-tabs-inner {
        padding: 10px 5px
    }

    #logo {
        right: 0
    }

    #E-header #logo {
        left: 0;
        right: auto;
    }

    div#maximenuck ul.maximenuck {
        padding-left: 0;
        padding-right: 25px;
    }

    #E-header div#maximenuck ul.maximenuck {
        padding-left: 25px;
        padding-right: 0;
    }

    #E-header div#maximenuck ul.maximenuck li.maximenuck.level1 {
        padding: 1px 2px 4px;
    }

    div#maximenuck ul.maximenuck li.maximenuck.level1 {
        padding: 1px 4px 4px;
        margin-right: 2px;
    }

    div#maximenuck ul.maximenuck li.maximenuck.level1 > a, div#maximenuck ul.maximenuck li.maximenuck.level1 > span.separator {
        font-size: 13px
    }

    #En-footer div#maximenuck,
    div#maximenuck {
        padding: 0
    }

    .social {
        margin: 0 auto
    }

    #footer div#maximenuck ul.maximenuck {
        text-align: center
    }

    #footer .social-d,
    #footer .f-d {
        float: none
    }

    .Fa-Articles .item-image,
    .En-Articles .item-image {
        padding: 0 10px
    }
}

@media only screen and (max-width: 999px) {
    #slider {
        overflow: hidden
    }

    #slider-overlary,
    #slider-overlary2 {
        min-width: 150px
    }

    .sprocket-tabs .ns2-title {
        clear: both;
        padding-top: 5px;
        font-size: 1.2em
    }

    .container {
        width: 98% !important;
        margin-right: auto;
        margin-left: auto;

    }

    div#maximenuck ul.maximenuck li.maximenuck.level1 {
        padding: 1px 2px 4px;
        font-size: 12px;

    }

    .sprocket-tabs {
        margin-top: -45px
    }

    .Fa-Articles .page-header h2,
    .Fa-Articles .page-header a,
    .En-Articles .page-header h2,
    .En-Articles .page-header a {
        font-size: 1.2em
    }

    #contact-frm {
        margin-top: 20px;
        border-top: 3px solid #eeeeee;
        padding-top: 20px;
    }

    #fitem7 {
        float: left
    }

    #contactus-E #contact-frm {
        padding-top: 0;
        border-top: 0;
    }

    #contactus-E #g-map {
        border-top: 3px solid #eeeeee;
        padding-top: 20px;
        margin-top: 30px;
        clear: both
    }

    #contact-frm #chronoform-ContactUs .gcore-label-left {
        max-width: 175px !important
    }

    p.beit {
        margin-right: 0;
    }
}

@media only screen and (max-width: 938px) {
    div#maximenuck ul.maximenuck li.maximenuck.level1 > a, div#maximenuck ul.maximenuck li.maximenuck.level1 > span.separator {
        padding: 0 4px !important;
    }

    div.maximenuckh li.maxiFancybackground {
        display: none
    }

    #menu .navbar-collapse {
        padding-left: 8px
    }

    div#maximenuck ul.maximenuck li.maximenuck.level1 > a, div#maximenuck ul.maximenuck li.maximenuck.level1 > span.separator {
        font-size: 12px;
        padding: 0 3px !important;
    }

    div#maximenuck ul.maximenuck li.maximenuck.level1 {
        padding: 1px 4px 4px;
        font-size: 12px;
    }
    #home-slider .caption img {
      max-width: 55%;
    }
    #home-slider .caption{top:2px}
}

@media only screen and (max-width: 840px) {
    div#maximenuck ul.maximenuck li.maximenuck.level1 {
        padding: 1px 2px 4px;
        font-size: 12px;
    }
    div#maximenuck ul.maximenuck li.maximenuck.level1 > a, div#maximenuck ul.maximenuck li.maximenuck.level1 > span.separator{padding: 0 2px !important;}
}

@media only screen and (max-width: 768px) {
    body {
        font-size: 10px
    }

    #p-header #menu {
        margin-right: 0;
        margin-top: 20px
    }
    #E-header #menu{margin-left: 0; margin-top: 20px}

    .header div#maximenuck {
        background: #048773;
        border-radius: 12px;
    }

    #p-header .navbar-toggle {
        margin-left: 5px;
        border-radius: 10px;
    }

    div#maximenuck ul.maximenuck li.maximenuck.level1 > a, div#maximenuck ul.maximenuck li.maximenuck.level1 > span.separator {
        font-size: 13px
    }

    div#maximenuck ul.maximenuck li.maximenuck.level1 {
        padding: 1px 4px 4px;

    }

    div#maximenuck ul.maximenuck {
        padding-left: 4px;
        padding-right: 4px;
    }

    #home-slider .caption {
        top: 0;
        right: 5px;
        font-size: 6px;
    }

    #home-slider.en-slider .caption {
        top: 0;
        right: 5px;
        font-size: 6px;
    }

    #home-slider .caption h2,
    #home-slider .caption h1 {
        line-height: 30px;
        font-size: 3em;
        padding-top: 8px;
        margin: 0
    }

    #home-slider.en-slider .caption h2,
    #home-slider.en-slider .caption h1 {
        line-height: 30px;
        font-size: 3em;

        margin: 0;
        padding: 0
    }

    #home-slider h4 {
        line-height: 25px;
        padding: 0;
        margin: 0
    }

    #home-slider.en-slider h4 {
        line-height: 18px;
        padding: 0;
        margin: 10px 0 0;
        font-size: 2em;
    }

    .left-control,
    .right-control {
        top: 40%;
    }

    .header .navbar-default {
        background: none;
    }

    .header .navbar-toggle,
    .header.navbar-toggle:hover,
    .header .navbar-toggle:focus {
        background: #048773 !important;
    }

    .header div#maximenuck {
        background: #048773;
    }

    .navbar-collapse.in {
        /*   overflow-y: hidden;*/
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
    }

    div.maximenuckh li.maxiFancybackground {
        display: none;
    }

    #top1 .ns2-title a {
        font-size: 1em;
        font-weight: bold;
    }

    #top .ns2-title a {
        font-size: 1em;
        font-weight: bold;
    }

    div#maximenuck ul.maximenuck li.maximenuck.level1 {
    }

    div#maximenuck ul.maximenuck {
        position: unset !important
    }
}


@media only screen and (max-width: 738px) {
    #menu div#maximenuck ul.maximenuck {
        position: relative !important
    }

    #menu div#maximenuck ul.maximenuck {
        padding-right: 10px;
        padding-left: 10px;
    }
    #E-header div#maximenuck{ padding-right: 10px;
        padding-left: 10px;}
    #menu div#maximenuck ul.maximenuck li.maximenuck.level1 {
        margin-right: 1px;
        width: 100%
    }

    #menu div#maximenuck li.maximenuck.level1 div.floatck {
        background: none;
        border: none;
        box-shadow: none;
        width: 100% !important;
        max-width: 100%;
        text-align: center;
    }

    div#maximenuck div.floatck {
        margin: 2px -15px 0 0
    }
    #E-header div#maximenuck div.floatck {
        margin: 2px 0 0 -15px
    }

    #menu div#maximenuck ul.maximenuck li.level1.parent > a:after, div#maximenuck ul.maximenuck li.level1.parent > span.separator:after {
        left: 10px
    }

    #E-header #menu div#maximenuck ul.maximenuck li.level1.parent > a:after, #E-header div#maximenuck ul.maximenuck li.level1.parent > span.separator:after {
        right: 10px;
        left: auto
    }

    #menu div#maximenuck ul.maximenuck li div.floatck:before {
        display: none
    }

    #menu div#maximenuck ul.maximenuck li div.floatck div.maximenuck2 {
        margin-right: auto;
        text-align: center
    }

    #menu div#maximenuck ul.maximenuck li div.floatck ul.maximenuck2, div#maximenuck ul.maximenuck2 {
        background: #077564
    }

    #menu div#maximenuck div.maxidrop-main {
        width: 100%;
        text-align: center;
    }

    #menu div#maximenuck ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck ul.maximenuck2 li.maximenuck {
        text-align: center
    }


}

@media only screen and (max-width: 668px) {
    #footer div#maximenuck ul.maximenuck li.maximenuck.level1 {
        width: auto !important
    }

    .sprocket-tabs-nav li {
        padding: 0 2px;
        font-size: 1.1em
    }

    .sprocket-tabs {
        margin-top: -32px
    }

    #chartdiv {
        height: 500px;
        margin-bottom: 10px
    }
    div#maximenuck ul.maximenuck li.maximenuck.level1 > a, div#maximenuck ul.maximenuck li.maximenuck.level1 > span.separator{font-size: 14px}
}

@media only screen and (max-width: 558px) {
    #contact-frm #chronoform-ContactUs .gcore-label-left {
        max-width: 100% !important;
        width: 100%
    }

    #p-contact,
    #E-contact {
        display: none
    }

    div#maximenuck div.floatck {
        margin: 2px -5px 0 0
    } #E-header div#maximenuck div.floatck {
       /* margin: 2px 0 0 0*/
    }
}

@media only screen and (max-width: 480px) {
    div.nssp2 .col-3 {
        width: 100%
    }

    div.nssp2 .col-2 {
        width: 100%
    }

    #menu .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
    }

    #fitem7 {
        width: 60%
    }

    #chronoform-ContactUs_Persian #form-row-fld5 .gcore-label-left {
        margin-bottom: 5px
    }

    #contact-frm #form-row-submit6 {
        margin-top: 34px
    }

    .carousel-inner {
        display: none;
    }

    .slider-bg {
        display: block
    }

    .left-control,
    .right-control {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    #recaptcha_challenge_image {
        margin: 0 !important;
        width: 100% !important;
        height: auto !important;
    }

    #recaptcha_response_field {
        margin: 0 !important;
        width: 100% !important;
        height: auto !important;
    }

    .recaptchatable #recaptcha_image {
        margin: 0 !important;
        width: 100% !important;
        height: auto !important;
    }

    .recaptchatable .recaptcha_r1_c1,
    .recaptchatable .recaptcha_r3_c1,
    .recaptchatable .recaptcha_r3_c2,
    .recaptchatable .recaptcha_r7_c1,
    .recaptchatable .recaptcha_r8_c1,
    .recaptchatable .recaptcha_r3_c3,
    .recaptchatable .recaptcha_r2_c1,
    .recaptchatable .recaptcha_r4_c1,
    .recaptchatable .recaptcha_r4_c2,
    .recaptchatable .recaptcha_r4_c4,
    .recaptchatable .recaptcha_image_cell {
        margin: 0 !important;
        width: 100% !important;
        background: none !important;
        height: auto !important;
    }
}

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

@media (min-width: 375px) and (max-width: 767px) {
}

@media (min-width: 481px) {
    .slider-bg {
        display: none
    }
}

@media (min-width: 1201px) {
    #home-slider .caption h2,
    #home-slider .caption h1 {
        font-size: 3.1em;
    }
}

@media (min-width: 1300px) {
    #home-slider .caption h2,
    #home-slider .caption h1 {
        line-height: 75px;
        padding: 10px;
    }

    #home-slider.en-slider .caption h2,
    #home-slider.en-slider .caption h1 {
        line-height: 75px;
        padding: 10px;
    }

    .social li {
        float: right
    }

    #home-slider.en-slider h4 {
        margin-top: 20px;
    }
}

@media (min-width: 1400px) {
    #home-slider.en-slider .caption {
        max-width: 25%;
        top: 8%;
        right: 8%;
    }

    #home-slider .caption h2,
    #home-slider .caption h1 {
        font-size: 3.5em;
    }
}

@media (min-width: 1900px) {
}