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

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

@media only screen and (max-width: 1460px) {
    .sliderBox .NextPrevSlider {
        width: calc(100% - 80px);
    }

}

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

    .itemSahamdar .titleRealSahamdar {
        font-size: 16px;
    }

    .titleBlog {
        font-size: 16px;
    }

    .itemSahamdar .titleBrand {
        font-size: 16px;
        font-weight: 400 !important;
    }

    .hrbAccordionItems .titleAccordion strong,
    .rowTabsFaq .btntab span.titlefaq {
        font-size: 14px;
        font-weight: 600;
    }

    .itemBlogSlide .titleBlog {
        font-size: 16px;
        line-height: 1.6;
    }

    .sec1about {
        padding-bottom: 30px;
    }

    /* .sec6about,
    .sec6home {
        padding: 40px 0 0px;
    } */

    .sec8about .swiper-wrapper,
    .sec8home .swiper-wrapper {
        padding: 40px 0 40px !important;
    }

    ol.listol {
        padding: 0 15px 0 0 !important;
        font-size: 16px;
        line-height: 2;
    }

    .itemHistory .titleHis {
        font-size: 22px;
    }

    .itemHistory .captionHis {
        font-size: 14px;
        line-height: 1.6;
    }

    .sec1about .topTitle {
        font-size: 65px;
    }

    .sec1about .title {
        font-size: 26px;
    }

    .sec1about .colCustom:first-child {
        padding-right: 20px;
    }

    .sectionPY>.container,
    .sec2pageText>.container,
    .sec3about>.container,
    .sec4detail>.container,
    .sec2about>.container,
    .sec3home>.container {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .itemCatalog .container.contentCatalog,
    .itemSlideHome .container.contentSlider {
        padding: 0px 50px 50px;
    }

    .itemSlideHome .topTitleSlide,
    .itemCatalog .titleReal {
        font-family: iranNastaliq;
        font-size: 50px;
        line-height: 1.3;
    }

    .itemSlideHome .titleSlide {
        font-size: 22px;
    }

    .sec1home .NextPrevSlider {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        width: calc(100% - 10px);
        left: 0;
        right: 0;
    }

    .titleCustomMore .icon,
    .titleCustom .icon {
        width: 40px;
    }

    .titleCustomMore .icon img,
    .titleCustom .icon img {
        width: 100%;
        height: auto !important;
    }

    .titleCustomMore .texttitle,
    .titleCustom .texttitle {
        position: relative;
        font-size: 22px;
        line-height: 1;
        font-weight: 400;
        color: #6a6a6a;
    }

    .texttitle small.subtitle {
        font-size: 16px;
        font-weight: 400;
    }

    .itemCertificate .title,
    .itemDeepLock .titleDept,
    .itemDept .titleDept {
        font-size: 16px;
    }

    .itemProject .titleProject {
        font-size: 18px;
    }

    .sec5home .swiper-wrapper {
        padding: 20px 0;
    }

    .sec7detail>.container,
    .sec5detail>.container {
        padding-bottom: 90px;
    }

    .sec6about>.container {
        padding-bottom: 60px;
    }

    .sec6about {
        padding: 40px 0 20px;
    }

}

@media only screen and (max-width: 1300px) {
    html[dir=ltr] .sliderBox {
        right: auto;
        left: 0px !important;
        width: 100% !important;
        padding: 0;
    }

    html[dir=ltr] .swiper-pagination-progressbar {
        right: auto;
        left: 0px;
    }

    html[dir=ltr] .NextPrevSlider.PaginateRightBottom {
        flex-direction: row-reverse;
        right: auto !important;
        left: 0px !important;
    }

    .gap-80 {
        --gap: 40px;
    }

    .blogInnerTitlesmall {
        gap: 40px;
    }

    .listBlogs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .brn-nav-menu ul.menunav {
        gap: 20px;
    }

    ul.menunav a {
        font-size: 14px;
    }

    .itemConter .number {
        font-size: 30px;
    }

    .itemConter .titleCounter {
        font-size: 14px;
    }

}

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

    .Moavenin,
    .DepartmentsList {
        grid-template-columns: repeat(3, 1fr);
    }

    .sec3Blog .rowCustom.row5col {
        gap: 20px;
    }

    .itemVerticalBlog .titleBlog {
        font-size: 18px;
    }

    .itemVerticalBlog .contentBlog p {
        font-size: 14px;
        line-height: 1.6;
    }

    .sec3Blog .row5col>.col1 {
        grid-column: span 5;
    }

    .sec3Blog .row5col>.col2 {
        grid-column: span 5;
        gap: 10px;
    }

    .itemHorizontlBlog .contentBlog .titleBlog {
        font-size: 14px;
    }

    .itemBlogSlide.single .contentBlog {
        padding: 0px 10px 10px !important;
    }

    .brn-nav-logo {
        width: 150px;
    }

    .brn-nav-left {
        width: 150px;
    }

    .brn-nav-menu {
        width: calc(100% - 320px);
    }

    .textDescription {
        font-size: 14px;
    }

    .sec1about .description {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1100px) {
    .sec1detail:before {
        padding-top: 42%;
    }

    .sec1detail .titleHeade {
        font-size: 20px;
    }

    .sec1detail .subTitleHeader {
        font-size: 18px;
    }

    .itemCatalog .titleCatalog,
    .itemSlideHome .textSlide {
        font-size: 20px;
        font-weight: 300;
    }

}

@media only screen and (max-width: 1024px) {
    .header-icons button.header-icon.menu-toggle {
        display: block !important;
        top: 2px;
    }

    .searchPopup {
        top: 60px;
        height: calc(100% - 58px);
        padding: 10px;
    }

    .contentAjax .listBlogs {
        max-height: calc(100vh - 250px);
    }

    .searchPopup .searchBox input {
        position: relative;
        width: 100%;
        height: 70px;
        border: 1px solid #bbb;
        background: transparent !important;
        padding: 0 20px 0 80px;
        font-size: 18px;
    }

    .sec1home .swiper-button-next:after,
    .sec1home .swiper-button-prev:after {
        font-size: 20px;
    }

    .Services {
        grid-template-columns: repeat(3, 1fr);
    }

    .contentGallery.fourcol .boxGall {
        width: calc((100% / 3) - 14px);
    }

    body.inner main.mainPage {
        padding-top: 60px !important;
    }

    .sliderHistoryItems .swiper-slide:nth-child(odd) {
        width: 50% !important;
    }

    .sliderHistoryItems .swiper-slide:nth-child(even) {
        width: 40% !important;
    }

    .widget-hrbVideo {
        padding: 40px 0;
    }

    .brn-nav-menu {
        display: none !important;
    }

    .brn-navbar .container {
        height: 60px;
    }
}

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

    .sec5detail .sliderBox .customCarousel,
    .sec7detail .sliderBox .customCarousel,
    .sec6home .sliderBox .customCarousel,
    .sec4home .sliderBox .customCarousel {
        width: 100%;
        left: 0;
    }

    .sec1about .topTitle {
        padding-right: 5px;
    }

    .picSahamdar {
        margin: 0 auto;
    }

    .boxGall .titleBoxGall {
        font-weight: 600;
        font-size: 14px;
        padding: 12px;
    }

    .itemStepProj .col1,
    .itemStepProj .col2 {
        grid-column: span 3;
    }

    .itemMap .rowCustom.row5col .colCustom.col1 {
        grid-column: span 5;
        grid-row: 2;
    }

    .itemMap .rowCustom.row5col .colCustom.col2 {
        grid-column: span 5;
        grid-row: 1;
    }

    .itemMap .mapoffice {
        min-height: 320px;
        width: 100%;
    }

    .sec4Blog .rowCustom.row2col {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    ol.listol {
        padding: 0 15px 0 0 !important;
        font-size: 14px;
        line-height: 2;
    }

    .sec4about {
        position: relative;
        padding: 20px 0 0;
    }

    .itemHistory .captionHis {
        font-size: 12px;
        line-height: 1.6;
    }

    .sec3about .widget-hrbVideo {
        padding: 40px 0 0;
    }

    .sec1about .colCustom:first-child {
        padding-right: 0px;

    }

    .divPuzzlePics {
        max-width: 600px;
        padding: 0 !important;
        margin: 0 auto;
        width: 100%;
    }

    .sec1about .rowCustom.row2col {
        grid-template-columns: 1fr;
    }

    .itemPuzzle.item1 {
        margin-right: -24%;
    }

    .itemPuzzle.item2 {
        margin: -13% 0% 0% -55%;
    }

    .itemPuzzle.item3 {
        margin: -10% -58% 0% 0%;
    }

    .itemPuzzle.item4 {
        margin: -10% 20% 0% 0%;
    }

    .sec7home {
        position: relative;
        padding: 20px 0;
    }

    .sec3home .container .textDescription {
        padding: 20px 0px !important;
    }

    .sec3home .container .titleCustom {
        padding: 0;
    }

    .sec3home .container .sliderBox {
        padding: 0 30px;
    }

    .itemCatalog .pic:before,
    .itemSlideHome .pic:before {
        padding-top: 50%;
    }
}

@media only screen and (max-width: 890px) {
    .itemAdmin .contentAdmin .nameAdmin {
        font-size: 16px;
        font-weight: 600;
    }

    .itemAdmin .contentAdmin .titleRole {
        font-size: 14px;
    }

    .rowTabsFaq {
        justify-content: flex-start !important;
        max-width: 100%;
        overflow: auto;
        padding-bottom: 20px;
        gap: 10px;
    }

    .Moavenin,
    .DepartmentsList {
        grid-template-columns: repeat(2, 1fr);
    }

    .sec1about .bglogoline1 {
        top: 90px;
        margin: 0;
        height: 50% !important;
    }

    .topFooter .container {
        grid-template-columns: repeat(3, 1fr);
    }

    .topFooter .container .footer-col-4 {
        grid-column: span 3;
    }

    .sec2home .rowCustom.row2col {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 100%;
    }

    .sec2home .rowCustom.row2col .colCustom {
        width: 100%;
    }

    .sec1blog .container>.rowCustom.row2col {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media only screen and (max-width: 768px) {
    .Services {
        grid-template-columns: repeat(2, 1fr);
    }

    .sahamdaranList {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .boxGall {
        width: calc((100% / 2) - 10px);
    }

    .contentGallery.fourcol .boxGall {
        width: calc((100% / 2) - 10px);
    }

    .sec1detail .titleHeade {
        text-align: center;
    }

    .sec1detail .subTitleHeader {
        text-align: center;
    }

    .sec1detail:before {
        padding-top: 60%;
    }

    .sec4Blog .rowCustom.row2col {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .listItemsBlogSmall {
        gap: 20px;
    }

    .gap-80 {
        --gap: 20px;
    }

    .blogInnerTitlesmall {
        gap: 20px;
    }

    .itemBlogSlide .pic .rowDate {
        padding: 10px !important;
    }

    .sec7about .rowCustom.row2col {
        grid-template-columns: 1fr;
    }

    .newsLetter .rowCustom.row2col {
        grid-template-columns: 1fr !important;
        align-items: center;
    }

    .frmNewsletter {
        margin: 0 auto;
    }

    .textNewsletter,
    .titleNewsletter {
        text-align: center;
    }

    .pageTitle .breadShare {
        flex-direction: column;
        gap: 16px;
    }

    ol.breadcrumbs {
        position: relative;
        display: flex;
        align-items: center;
        gap: 5px;
        max-width: 100%;
        overflow: auto;
        padding: 0 0 12px 0;
    }

    .shareBox label {
        display: none;
    }

    .sec4about .sliderBox {
        margin-top: 0 !important;
    }

    .itemHistory:hover:before {
        transform: perspective(1000px) rotateX(45deg) translateY(80px);
    }

    .sec7about {
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 680px) {
    .itemCatalog .pic:before, .itemSlideHome .pic:before {
        padding-top: 100%;
    }
    .itemSlideHome .textSlide {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.itemSlideHome .pic img.slideDesktop {
    display: none !important;
}

.itemSlideHome .pic img.slideMobile {
    display: block !important;
}
.listDeepLook {
    position: relative;
    display: grid
;
    grid-template-columns: 1fr;
    column-gap: 50px;
    row-gap: 40px;
    padding: 40px 20px;
}
    body .listDeepLook>.col:nth-child(1)>article.itemDeepLock:nth-child(1) ,
    body .listDeepLook>.col:nth-child(1)>article.itemDeepLock:nth-child(2) ,
    body .listDeepLook>.col:nth-child(1)>article.itemDeepLock:nth-child(3) ,
    body .listDeepLook>.col:nth-child(2)>article.itemDeepLock:nth-child(1) ,
    body .listDeepLook>.col:nth-child(2)>article.itemDeepLock:nth-child(2) ,
    body .listDeepLook>.col:nth-child(2)>article.itemDeepLock:nth-child(3) ,
    html[dir=ltr]  .listDeepLook>.col:nth-child(1)>article.itemDeepLock:nth-child(1) ,
    html[dir=ltr]  .listDeepLook>.col:nth-child(1)>article.itemDeepLock:nth-child(2) ,
    html[dir=ltr]  .listDeepLook>.col:nth-child(1)>article.itemDeepLock:nth-child(3) ,
    html[dir=ltr]  .listDeepLook>.col:nth-child(2)>article.itemDeepLock:nth-child(1) ,
    html[dir=ltr]  .listDeepLook>.col:nth-child(2)>article.itemDeepLock:nth-child(2) ,
    html[dir=ltr]  .listDeepLook>.col:nth-child(2)>article.itemDeepLock:nth-child(3) {
        left: 0 !important;
        right: 0 !important;
    }

    .listDeepLook {
        padding: 10px;
        gap: 30px;
    }

    .socials {
        flex-wrap: wrap;
    }

    form.customForm {
        grid-template-columns: 1fr;
    }

    form.customForm .rowBtns,
    form.customForm .boxInput.full {
        grid-column: span 1;
    }

    .itemCatalog .rowBtns {
        justify-content: flex-start;
    }

    .itemSlideHome .topTitleSlide,
    .itemCatalog .titleReal {
        font-size: 40px;
    }

    form.customForm .boxInput {
        grid-template-columns: 1fr;
    }

    form.customForm .boxInput label {
        display: none;
    }

    .btnCustom {
        height: 30px;
        padding: 0 14px;
        font-size: 12px;
    }

    .listBlogs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sec1about .topTitle {
        font-size: 45px;
        text-align: center;
    }

    .sec1about .title {
        font-size: 18px;
        text-align: center;
    }

    .moreBtn,
    .customLink {
        position: relative;
        height: 40px;
        padding: 0 20px;
        font-size: 14px;
        font-weight: 400;
    }

    .rowBtns {
        justify-content: center;
    }

    .titleCustomMore {
        grid-template-columns: auto 1fr;
        row-gap: 0px;
    }

    .texttitle small.subtitle {
        left: auto;
        right: 0;
    }

    .titleCustomMore .rowBtnMore {
        grid-column: span 2;
    }

    .texttitle small.subtitle {
        font-size: 14px;
        font-weight: 400;
    }

    .listDeepLook {
        padding: 10px;
    }

    .topFooter {
        padding: 20px 0;
    }

    .titleFooter {
        font-size: 16px;
        z-index: 100000;
        position: relative;
    }

    ul.footerlinks a,
    .addressFootre,
    .itemcallfooter,
    .itemcallfooter * {
        font-size: 14px;
        font-weight: 300;
    }
}

@media only screen and (max-width: 580px) {
    .sec3Blog .row5col>.col2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .Projects,
    .heyatModire {
        position: relative;
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }


    .itemAdmin .contentAdmin,
    .itemDept .contentDept {
        position: relative;
        padding: 15px 5px;
    }

    .itemCertificate .title,
    .itemDeepLock .titleDept,
    .itemDept .titleDept {
        font-size: 12px;
    }
}

@media only screen and (max-width: 480px) {
    .pageTitle .breadShare {
        gap: 10px;
    }

    .sahamdaranList {
        grid-template-columns: 1fr;
    }

    .boxGall {
        width: 100%;
    }

    .sec1detail:before {
        padding-top: 80%;
    }

    .contentHeader {
        padding: 0 10px 20px;
    }

    .itemVideo .pic .rowDate,
    .itemBlog .pic .rowDate {
        height: 30px;
        padding: 0 15px;
        font-size: 14px;
        border-radius: 0 0 15px 0;
    }

    .sliderHistoryItems .swiper-slide:nth-child(odd) {
        width: 80% !important;
    }

    .sliderHistoryItems .swiper-slide:nth-child(even) {
        width: 70% !important;
    }

    .topFooter .container .footer-col-4 {
        grid-column: span 2;
    }

    .topFooter .container {
        grid-template-columns: repeat(2, 1fr);
    }

    .titleCustomMore .texttitle,
    .titleCustom .texttitle {
        font-size: 18px;
    }

    .titleCustomMore .icon,
    .titleCustom .icon {
        width: 30px;
    }
}

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

    .listDeepLook {
        padding: 0px 30px 0;
        flex-direction: column !important;
        display: flex !important;
    }

    .rowCustom.row2col {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .listBlogs {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

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

    .Moavenin,
    .DepartmentsList {
        grid-template-columns: repeat(1, 1fr);
    }
}

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