@media only screen and (max-width: 767px) {
    .img-wp {
        width: 85px !important;
        margin-bottom: 5px !important;
        padding: 0 !important
    }

    .services-pvs {
        float: right !important
    }

    .text-portal h1 {
        font-size: 22px !important
    }

    .text-portal-main {
        height: 79% !important;
        line-height: 2;
        font-size: 15px !important
    }

    #slide-1 {
        padding-top: 100px
    }

    #slide-2 {
        padding-top: 110px
    }

    .mob-menu {
        top: 0
    }

    #slides-2 {
        z-index: 11
    }

    .flickity-slider {
        z-index: 11 !important
    }

    .header {
        background-color: #fff;
        box-shadow: 1px 1px 12px -3px #0000004a
    }

    .svg-slide {
        position: absolute;
        z-index: 10
    }

    .blog-img img {
        height: 100% !important;
        padding: 0 !important
    }

    .hex-1 p, .hex-2 p, .hex-3 p, .hex-4 p, .hex-5 p, .hex-6 p, .hex-7 p, .hex-8 p, .hex-9 p {
        font-size: 12px;
        top: -2px;
        position: relative;
        margin-bottom: 0
    }

    .carousel-cell:before, .carousel-cell__number {
        display: none !important
    }

    .carousel--selected-cell .carousel-cell.is-selected, .carousel-cell {
        background: none
    }

    .four-bottem {
        text-align: CENTER
    }

    #call {
        font-size: 18px
    }

    .menu-footer a {
        font-size: 16px
    }

    .botom-text-pv {
        font-size: 15px !important;
        width: 100%;
        height: 300px;
        text-align: justify;
        line-height: 3.4 !important;
        top: 0 !important;
        position: relative;
        padding: 20px;
        margin: auto !important
    }

    .title-slide-pv {
        color: #5c5c5c;
        font-family: IRANSans;
        font-size: 24px;
        text-align: right;
        direction: rtl;
        top: 0 !important;
        margin: auto;
        text-align: center;
        line-height: 2;
        z-index: 11
    }

    .gh-button-row {
        margin: auto;
        width: 100%;
        z-index: 10;
        display: block;
        position: relative;
        top: 0;
        height: 100px;
        padding-top: 15px
    }

    .gh-button {
        width: 80%;
        height: 50px;
        text-align: center;
        margin: auto
    }

    .btn-color-slide2 {
        height: 40px;
        padding: 10px;
        border-radius: 4px
    }

    .gh-button a {
        color: #fff !important;
        display: block;
        height: 33px;
        width: 50%;
        padding: 5px 0;
        text-decoration: none;
        float: left;
        text-align: center
    }

    .botom-text-pv2 {
        font-size: 15px !important;
        width: 100%;
        text-align: justify;
        line-height: 3.4 !important;
        top: 0 !important;
        position: relative;
        padding: 20px;
        height: auto
    }

    .gh-button-row2 {
        margin: auto;
        width: 100%;
        top: 0
    }

    .slide-btn-2 {
        width: 50%;
        padding-left: 15px;
        float: left
    }

    .slide-btn-2 .btn-color-slide2 {
        width: 100%
    }

    .title-slide-pv2 {
        color: #5c5c5c;
        font-family: IRANSans;
        font-size: 24px;
        text-align: center;
        direction: rtl;
        top: 0 !important;
        margin-bottom: 0
    }

    .flickity-prev-next-button.previous {
        display: none
    }

    .hero-carousel .gh-button, .hero-carousel .tagline, .hero-carousel h1 {
        display: block
    }

    .flickity-prev-next-button.next {
        display: none
    }

    .sec-slide {
        overflow-x: hidden;
        padding: 0;
        min-height: 100vh;
        height: auto;
        top: 50px;
        overflow: hidden
    }

    .hero-carousel {
        height: 100%
    }

    .second-sec {
        padding: 70px 0 0;
        overflow: hidden;
        height: 88vh
    }

    #demo, .carousel-inner {
        height: 100%
    }

    .carousel-item {
        height: 100%
    }

    .slide-pv {
        display: block;
        height: 100%;
        width: 100%;
        position: relative;
        top: 14%
    }

    .slide-absolut {
        display: block;
        position: absolute;
        height: 100%;
        width: 100%
    }

    .slide-head-pv {
        width: 100%
    }

    .right-sec2 {
        width: 35%;
        top: 0;
        height: 85px;
        margin-bottom: 15px;
        margin-right: 10px
    }

    /*.text-service {*/
    /*    font-size: 15px;*/
    /*    top: 0;*/
    /*    left: -19px*/
    /*}*/

    .hex-mob {
        display: none
    }

    .left-sec2 {
        float: unset;
        padding: 40px 0 0;
        margin: auto;
        min-height: 300px;
        height: auto
    }

    .hex-1 i, .hex-2 i, .hex-3 i, .hex-4 i, .hex-5 i, .hex-6 i, .hex-7 i, .hex-8 i, .hex-9 i {
        font-size: 50px;
        top: -8px;
        position: relative;
        margin: auto;
        display: block;
        margin-right: 4px
    }

    .hex-1, .hex-2, .hex-3, .hex-4, .hex-5, .hex-6, .hex-7, .hex-8, .hex-9 {
        width: 100%
    }

    .hex-top A span {
        margin: 26px 0 10px;
        width: 100%;
        padding: 0 3px
    }

    .img-large img {
        width: 41%
    }

    .midlle-rect {
        top: 0
    }

    .cont-pad {
        top: 60px;
        position: relative;
        left: 0;
        margin: 0 auto;
        width: 90%
    }

    .second-three {
        padding: 188px 0 0
    }

    .sec-three-text {
        padding: 0;
        left: 0
    }

    .mass {
        height: 60%;
        width: 50%;
        padding: 6px
    }

    .massage-four {
        font-size: 55px;
        padding: 25px
    }

    .txt-port {
        padding: 0 15px;
        left: 0
    }

    .text-portal {
        padding: 30px 15px
    }

    .text-portal-main {
        height: 116px
    }

    .second-five {
        padding: 25px 0;
        height: auto
    }

    .six-sec {
        padding: 0;
        left: 0
    }

    .four-bottem {
        text-align: justify
    }

    .cost-div {
        padding: 0 12px 0 6px;
        width: 100%;
        margin: 35px auto 0
    }

    .post-content {
        padding: 0;
        margin-bottom: 20px
    }

    .blog-shape {
        padding: 10px 19px;
        display: block;
        height: 100%
    }

    .blog-btn button {
        background-color: #f37e20;
        color: #fff
    }

    .second-seven {
        overflow: hidden
    }

    .second-seven svg {
        display: block;
        width: unset;
        height: 250px;
        position: absolute;
        overflow: hidden
    }

    .second-six {
        display: block;
        height: auto;
        padding: 50px 0;
        background-color: #fff
    }

    .second-eight {
        height: auto
    }

    #text-sec {
        padding: 0 15px
    }

    .text-form {
        direction: rtl
    }

    .text-footer {
        direction: rtl;
        margin-top: 10px;
        line-height: 3;
        font-size: 14px;
        text-align: justify;
        padding: 9px
    }

    .rihgt-footer a {
        text-align: center
    }

    .st-td {
        display: block;
        text-align: center
    }

    .center-footer {
        padding: 0;
        width: 50% !important
    }

    .left-footer {
        margin-bottom: 35px
    }

    .copyy {
        padding-bottom: 15px;
        line-height: 2
    }

    .list-bottom-footer li {
        font-size: 12px;
        text-align: right;
        line-height: 2.3;
        padding: 2px
    }
}

@media only screen and (min-width: 414px) and (max-width: 599px) {
    .second-sec {
        height: 70vh;
        position: relative;
        top: 100px
    }

    .second-five {
        height: auto
    }

    .second-six {
        height: auto
    }

    .main-sec-four {
        width: 72%;
        margin: auto
    }

    .bottem-blog {
        width: 80%;
        margin: auto
    }
}

@media only screen and (min-width: 375px) and (max-width: 413px) {
    .second-sec {
        height: 81vh;
        top: 100px;
        position: relative
    }

    .second-five {
        height: auto
    }

    .second-six {
        height: auto
    }

    .second-three {
        height: 95vh
    }

    .main-sec-four {
        width: 70%;
        margin: auto
    }

    .bottem-blog {
        width: 80%;
        margin: auto
    }
}

@media only screen and (min-width: 320px) and (max-width: 374px) {
    .title-slide-pv {
        font-size: 21px;
        top: 33px !important
    }

    .botom-text-pv {
        font-size: 13px !important;
        top: 17px !important
    }

    .gh-button-row {
        top: -33px
    }

    .title-slide-pv2 {
        font-size: 20px;
        top: 30px !important
    }

    .botom-text-pv2 {
        font-size: 13px !important;
        top: 17px !important
    }

    .gh-button-row2 {
        top: 90px
    }

    .second-sec {
        height: 85vh;
        position: relative;
        top: 100px
    }

    .second-three {
        height: 100vh
    }

    .second-five {
        height: auto
    }

    .second-six {
        height: auto
    }

    .center-footer {
        padding: 0
    }

    .main-sec-four {
        width: 84%;
        margin: auto
    }

    .bottem-blog {
        width: 95%;
        margin: auto
    }

    /*.text-service {*/
    /*    font-size: 15px;*/
    /*    top: 0;*/
    /*    left: 15px*/
    /*}*/
}