@media (min-width: 1670px) {

    .line-to-top-last::before {
        height: 82px;
        right: 12px;
    }

}
@media (max-width: 1350px) {
    /* .holder-circle-img-plans {
        width: 320px;
        height: 320px;
    } */


    .text-cube-detail {
        padding-right: 40px;
    }
}

@media (max-width: 1250px) {
    header {
        width: 100%;
    }

    .cont-logo-text {
        width: 100%;
        padding-left: 20px;
        margin: 0;
    }

    .holder-circle-img {
        width: 310px;
        height: 310px;
    }

    .holder-circle-img-lg {
        width: 310px;
        height: 310px;
    }

    .detail-text-plans {
        width: 90%;
        font-size: 14px;
    }

    .title-img-home-swiper {
        bottom: -30px;
    }
}

@media(max-width:1200px) {
    .cont-structure {
        width: 200px;
        height: 135px;
    }

    .menu-li {
        padding: 20px 10px;
        font-size: 14px;
    }
}

@media (max-width: 1100px) {
    .cont-circle-img-honors {
        width: 250px;
        height: 250px;
    }

    .cont-circle-img-certificates {
        width: 250px;
        height: 250px;
    }

    .detail-text {
        width: 80%;
        margin: auto;
        font-size: 14px;
    }

    .holder-circle-img-plans {
        width: 230px;
        height: 230px;
    }

    .cont-circle-img-martyrs {
        width: 250px;
        height: 250px;
    }

    .detail-text-martyrs {
        width: 95%;
        margin: auto;
    }

    .detail-text-martyrs p {
        font-size: 13px;
    }

    .absolute-img-flower-hands {
        width: 450px;
        height: 400px;
        top: 300px;
    }

    .holder-circle-img-museum-visit {
        width: 450px;
        height: 450px;
    }
}

@media(min-width:991px) and (max-width:1200px) {
    .detail-news-first {
        left: 240px;
    }
}

@media (max-width: 991px) {

    .cont-header {
        padding: 0 10px;
        max-width: 100%;
    }

    .cont-body {
        max-width: 100%;
    }

    .timeline-img {
        width: 50% !important;
    }
    
    .card-desc ul {
        width: 50% !important;
    }

    .cont-demo {
        width: 32%;
    }

    .btn-lang {
        top: 65px;
    }

    .cont-top-line-menu {
        display: none;
    }

    .ul-menu {
        display: none;
    }

    header {
        height: 65px;
    }

    .holder-circle-img-plans::after {
        font-size: 130px;
    }

    .holder-circle-img {
        width: 250px;
        height: 250px;
    }

    .holder-circle-img-lg {
        width: 250px;
        height: 250px;
    }

    .holder-circle-img-museum {
        width: 350px;
        height: 350px;
    }

    .cont-visitors {
        height: 200px;
    }

    .cont-visitors::after {
        height: 220px;
    }

    .cont-visitors:hover::after {
        height: 200px;
    }

    .cont-honors {
        height: 200px;
    }

    .cont-honors::after {
        top: 10px;
        height: 180px;
    }

    .cont-honors:hover::after {
        height: 200px;
    }

    .cont-certificates {
        height: 200px;
    }

    .cont-certificates::after {
        height: 220px;
    }

    .cont-certificates:hover::after {
        height: 200px;
    }

    .cont-main-plans {
        transform: translateY(0px);
    }

    .text-martyrs {
        width: 90%;
    }

    .flower-img {
        height: 300px;
    }

    .flower-img img {
        width: 200px;
    }

    .cont-img-opportunity {
        width: 450px;
        height: 450px;
    }

    .news-content {
        font-size: 13px;
    }

    .detail-news-first {
        left: 145px;
    }

    .detail-news-second {
        left: 145px;
    }

    .text-detail-news {
        font-size: 13px;
    }

    .img-detail-news {
        width: 200px;
        height: 150px;
        margin: auto;
    }

    .py-res-180 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pt-res-180 {
        padding-top: 0px;
    }

    .py-res-250 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .cont-circle-img-visit {
        width: 290px;
        height: 290px;
    }

    .technical-1::after {
        width: 80%;
        height: 80%;
        left: 10%;
        bottom: 10%;
    }

    .technical-2::after {
        width: 80%;
        height: 80%;
        left: 10%;
        bottom: 10%;
    }

    .technical-3::after {
        width: 80%;
        height: 80%;
        left: 10%;
        bottom: 10%;
    }

    .detail-text-tech-1 {
        font-size: 13px;
    }

    .detail-text-tech-2 {
        font-size: 13px;
    }

    .cont-circle-img-visit img {
        width: 100%;
        height: 100%;
    }

    .cont-circle-img-visit::after {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border-style: solid;
        border-width: 5px;
        border-top-color: #16a2e2;
        border-right-color: #03405c;
        border-bottom-color: #088b4a;
        border-left-color: #63a771;
        top: 0px;
        left: 0px;
    }

    .cont-circle-img-honors img {
        width: 100%;
        height: 100%;
        top: 0;
    }

    .cont-circle-img-honors::after {
        border-width: 5px;
        border-top-color: #16a2e2;
        border-right-color: #03405c;
        border-bottom-color: #088b4a;
        border-left-color: #63a771;
        top: 0px;
        left: 0px;
    }

    .cont-circle-img-certificates::after {
        top: 0;
        left: 0;
        border-width: 4px;
        border-top-color: #16a2e2;
        border-right-color: #03405c;
        border-bottom-color: #088b4a;
        border-left-color: #63a771;
    }

    .border-full {
        top: -50px;
    }

    .cont-history-title {
        display: flex;
        align-items: start;
        justify-content: start;
        padding: 0px !important;
    }

    .cube-title {
        font-size: 12px;
        padding-right: 5px;
    }

    .cube {
        width: 45px;
        margin: 0px 5px 50px 0px;
        animation: none;
    }

    .cont-detail-cube {
        height: 320px;
    }

    .detail-cube {
        display: flex !important;
        align-items: start;
    }

    .line-to-text {
        width: 100px;
        height: 200px;
        margin: 0 10px 0 0;
        background-color: #fff !important;
        border-top: solid 2px cornflowerblue;
        border-left: solid 2px cornflowerblue;
    }

    .text-cube-detail {
        position: relative;
        top: 160px;
        padding: 20px 20px 0 10px;
        margin: 0;
        font-size: 13px;
    }

    .line-to-img {
        display: none;
    }

    .cont-img-cube {
        position: absolute;
        top: 0px;
    }

    .cont-img-cube img {
        width: 150px;
        height: 150px;
        margin: 10px 45px 0 20px;
    }

    .station-circle-center::before {
        width: 250px;
    }

    .station-circle-right {
        width: 200px;
        height: 200px;
    }

    .station-circle-center::after {
        width: 250px;
    }

    .station-circle-left {
        width: 200px;
        height: 200px;
    }

    .station-line-bottom {
        height: 280px;
    }

    .station-line-center {
        height: 150px;
    }

    .cont-right-technologhy-img {
        transform: translateY(-300px);
    }

    .cont-left-technologhy-img {
        transform: translateY(-300px);
    }

    .left-technologhy-img {
        width: 250px;
        height: 250px;
    }

    .operational-show-img {
        width: 500px;
        height: 500px;
    }

    .left-operational-img {
        width: 200px;
        height: 200px;
    }

    .right-operational-img {
        width: 200px;
        height: 200px;
    }

    .cont-right-operational-img {
        transform: translateY(-300px);
    }

    .cont-left-operational-img {
        transform: translateY(-300px);
    }

    .right-top-operational-img {
        width: 200px;
        height: 200px;
    }

    .right-top-operational-img img {
        top: 40px;
        left: 60%;
    }

    .detail-operational-show-img {
        width: 100%;
        transform: translateY(0px);
    }

    .right-top-operational-img {
        margin: auto;
    }

    .show-request-img {
        width: 700px;
        height: 400px;
    }

    .img-to-request {
        bottom: 0px;
    }

    .img-to-request-2 {
        bottom: -50px;
        margin-left: auto !important;
        margin-right: 0;
    }

    .detail-text-request {
        right: 0;
    }

    .station-circle-center-top {
        width: 200px;
        height: 200px;
    }

    .bg-lap-img {
        top: 200px;
    }

    .bg-lap-img img {
        width: 100%;
        height: auto;
    }

    .article-swiper {
        height: auto;
    }

    .top-img {
        height: 95px;
    }

    .detail-text-article {
        font-size: 12px;
    }

    .img-zoom-container {
        width: 100% !important;
    }

    .img-zoom-result {
        width: 350px;
        height: 350px;
    }

    .close-modal {
        margin: 5px 10px;
    }

    .modal-show-img img {
        width: 98%;
        margin: 5px 1%;
    }

    .cont-text-barekat {
        width: 150px;
        height: 150px;
        font-size: 100px;
    }

    .demo {
        opacity: 1;
    }
}

@media(max-width:830px) {

    .station-circle-center::before {
        width: 220px;
    }

    .station-circle-right {
        width: 150px;
        height: 150px;
    }

    .station-circle-center::after {
        width: 220px;
    }

    .station-circle-left {
        width: 150px;
        height: 150px;
    }

    .station-circle-center-top {
        width: 200px;
        height: 200px;
        transform: translateY(10px);
    }

    .station-circle-right img {
        bottom: 30px;
    }

    .station-circle-left img {
        bottom: 30px;
    }

    .cont-detial-img > img {
        width: 32%;
    }
}

@media(max-width:768px) {

    .cont-demo {
        width: 50%;
    }

    .news-card {
        width: 280px !important;
    }

    .show-request-img {
        width: 500px;
        height: 300px;
    }

    .article-swiper {
        width: 98% !important;
        height: auto;
    }

    .detail-text-article {
        font-size: 10px;
    }
}

@media only screen and (max-width: 700px){
    .modal-content {
      width: 100%;
    }

    .img-modal-visitor {
        width: 100%;
    }
}

@media(max-width:600px) {
    .cont-img-events-content img {
        width: 100%;
        border-radius: 6px;
        margin-bottom: 5px;
    }

    .cont-img-news-content img {
        width: 100%;
        border-radius: 6px;
        margin-bottom: 5px;
    }

    .cont-content-news h5 {
        -webkit-line-clamp: 3;
    }

    .cont-content-news p {
        -webkit-line-clamp: 4;
    }

    .cont-inf-img img {
        width: 100%;
        border-radius: 6px;
        margin-bottom: 5px;
    }

    .news-content a {
        flex-wrap: wrap;
    }

    .infrastructure-box a {
        flex-wrap: wrap;
    }

    .cont-img-events-content {
        width: 100%;
    }

    .cont-content-events {
        width: 100%;
    }

    .cont-img-news-content {
        width: 100%;
    }

    .cont-content-news {
        width: 100%;
    }

    .cont-inf-img {
        width: 100%;
    }

    .news-card {
        width: 300px !important;
    }

    .cont-detail {
        right: 0;
    }

    .magnifer-img img {
        width: 350px;
        height: 350px;
        bottom: 60px;
    }

    .cont-img-opportunity {
        width: 350px;
        height: 350px;
    }

    .cont-structure {
        width: 200px;
        height: 167px;
    }

    .cont-structure::after {
        width: 95%;
        left: 2.5%;
    }

    .holder-circle-img img {
        right: 0;
        bottom: 0;
    }

    .holder-circle-img::after {
        left: 0;
        top: 0;
        border-width: 5px;
        border-top-color: #16a2e2;
        border-right-color: #03405c;
        border-bottom-color: #088b4a;
        border-left-color: #63a771;
    }

    .text-cube-detail {
        font-size: 12px;
    }

    .technical-img {
        width: 450px;

        height: 450px;
    }

    .top-img {
        height: 75px;
    }

    .contCompanies > a {
        flex-wrap: wrap;
    }

    .contCompanies > a > img {
        width: 100%;
    }

    .contCompanies > a > .contComDiv {
        width: 100%;
    }

    .gallery-category {
        width: 15%;
    }
}

@media(max-width:720px) {

    .station-circle-center::before {
        width: 150px;
    }

    .station-line-bottom {
        height: 200px;
    }

    .station-circle-center::after {
        width: 150px;
    }

    .station-circle-right {
        top: 170px;
        right: 60px;
    }

    .station-circle-left {
        top: 170px;
        left: 60px;
    }

    .technologhy-show-img {
        width: 450px;
        height: 450px;
    }

    .left-technologhy-img {
        width: 200px;
        height: 200px;
    }

    .right-technologhy-img {
        width: 200px;
        height: 200px;
    }

    .cont-left-technologhy-img {
        transform: translateY(-250px);
    }

    .cont-right-technologhy-img {
        transform: translateY(-250px);
    }

    .right-operational-img {
        width: 200px;
        height: 200px;
    }

    .operational-show-img {
        width: 450px;
        height: 450px;
    }

    .img-zoom-result {
        width: 280px;
        height: 280px;
    }

    .gallery img {
        width: 48%;
    }

    .cont-text-barekat {
        width: 100px;
        height: 100px;
        font-size: 60px;
    }
}

@media (max-width: 575px) {

    .card-img-top-news {
        height: auto;
    }

    .title-incont {
        font-size: 9vw;
    }

    .cont-visitors::after {
        height: 170px;
        width: 90%;
        top: 15px;
        left: 15px;
    }

    .cont-certificates::after {
        height: 170px;
        width: 90%;
        top: 15px;
        margin: auto;
    }

    .cont-honors::after {
        height: 170px;
        width: 90%;
        top: 15px;
        margin: auto;
    }

    .cont-main-plans {
        width: 300px;
        height: 300px;
    }

    .text-martyrs p {
        font-size: 13px;
    }

    .holder-circle-img-vision {
        width: 350px;
        height: 350px;
    }

    .cont-structure {
        width: 230px;
        height: 153px;
    }

    .visitor-select-img {
        bottom: 0px;
    }

    .demo {
        height: auto;
    }

    .station-circle-center::before {
        display: none;
    }

    .station-circle-center::after {
        display: none;
    }

    .station-circle-center {
        width: 200px;
        height: 200px;
    }

    .station-circle-center img {
        display: block;
    }

    .station-circle-right {
        display: none;
    }

    .station-circle-left {
        display: none;
    }

    .station-center-bottom-img {
        display: block;
    }

    .group-timeline-section .swiper-pagination-bullet {
        position: relative;
        top: 4px;
        height: 18px;
        width: 18px;
    }

    .cont-detial-img > img {
        width: calc(50% - 10px);
    }

}

@media (max-width: 560px) {
    .holder-circle-img-museum {
        width: 250px;
        height: 250px;
    }

    .cont-circle-img-certificates {
        width: 250px;
        height: 250px;
    }

    .cont-img-opportunity {
        width: 250px;
        height: 250px;
    }

    .absolute-img-flower-hands {
        width: 300px;
        height: 300px;
    }

    .cont-hold-img {
        height: auto;
    }

    .cont-hold-img img {
        height: auto;
    }

    .text-detail-news {
        font-size: 12px;
    }

    .detail-news-third {
        left: 8%;
    }

    .detail-news-second {
        left: 8%;
    }

    .detail-news-first {
        left: 8%;
    }

    .top-line {
        height: 400px;
    }

    .img-faq img {
        height: 200px;
    }

    .holder-circle-img-museum-visit {
        width: 350px;
        height: 350px;
    }

    .show-request-img {
        width: 100%;
        height: 200px;
    }

    .cont-text-barekat {
        width: 70px;
        height: 70px;
        font-size: 30px;
    }
}

@media(max-width: 569px) {

    .detail-text-plans {
        width: 100%;
    }

    .detail-vision-text {
        font-size: 12px;
    }

    .cont-archive-img {
        width: 100%;
    }
}

@media(max-width:520px) {

    .group-card-timeline .card-desc {
        flex-wrap: wrap;
        width: 95%;
    }

    .card-desc ul {
        width: 100% !important;
    }
    
    .timeline-img {
        width: 100% !important;
    }

    .cont-demo {
        width: 100%;
    }
}

@media(max-width:480px) {
    .technical-img {
        width: 280px;
        height: 280px;
    }

    .technologhy-show-img {
        width: 280px;
        height: 280px;
    }

    .left-technologhy-img {
        width: 120px;
        height: 120px;
    }

    .right-technologhy-img {
        width: 120px;
        height: 120px;
    }

    .operational-show-img {
        width: 280px;
        height: 280px;
    }

    .left-operational-img {
        width: 120px;
        height: 120px;
    }

    .right-operational-img {
        width: 120px;
        height: 120px;
    }

    .right-operational-img {
        width: 120px;
        height: 120px;
    }

    .right-operational-img {
        width: 120px;
        height: 120px;
    }

    .operational-show-img {
        width: 280px;
        height: 280px;
    }

    .right-top-operational-img {
        width: 120px;
        height: 120px;
    }

    .text-answer {
        font-size: 13px;
    }

    .img-zoom-result {
        width: 200px;
        height: 200px;
    }

    .inp-width {
        width: 300px;
    }
}

@media (max-width: 400px) {
    .detail-museum-text {
        font-size: 13px;
    }

    .holder-circle-img-vision {
        width: 280px;
        height: 280px;
    }

    .top-line-second {
        height: 250px;
    }

    .holder-circle-img-museum-visit {
        width: 280px;
        height: 280px;
    }

    .holder-circle-img-museum-visit img {
        top: 0px;
        left: 0px;
    }

    .holder-circle-img-museum-visit::after {
        top: 0px;
        left: 0px;
    }

    .cont-input-get-user input {
        width: 270px;
    }

    .inp-width {
        width: 270px;
    }
}