@media (min-width: 400px) {

}
@media (min-width: 576px) {
    .mlang {
        display: none;
    }
    section.s1003 {
        display: none;
    }
    .modal-dialog {
        max-width: 600px;
    }

}
@media (min-width: 768px) {
    div.video-in {
        height: 254px;
    }
    div.foto-img-div img {
        height: 195px;
    }
    div.co-foto-col {
        margin-top: 30px;
    }
    h1.chart-h1 {
        text-align: center;
        font-size: 36px;
        font-family: "opensansbold";
        margin-top: 36px;
        margin-bottom: 30px;
    }
    section.news:before {
        background-size: 100% 100%;
    }
    section.bread {
        margin-top: 16px;
    }
}
@media screen and (min-width: 992px) {
    div.otcol:nth-child(1) {
        border-right: 1px solid #5d5d5d;
    }
    div.otcol:nth-child(2) {
        border-right: 1px solid #5d5d5d;
    }
    div.otcol:nth-child(4) {
        border-right: 1px solid #5d5d5d;
    }
    div.otcol:nth-child(5) {
        border-right: 1px solid #5d5d5d;
    }
    div.home-owl .owl-carousel .owl-item img {
        margin-left: auto;
    }

}
@media (min-width: 1200px) {
    div.mapcard {
        box-shadow: 0 0 15px 0 #00000020;
        border-radius: 15px;
        padding: 15px 15px 15px 30px;
        width: 315px;
        transform: translate(-54px);
    }
    div.uvideo iframe {
        width: 1140px;
        height: 642px;
        border-radius: 15px;
    }
    div.youtube-video iframe {
        width: 1110px;
        height: 625px;
        min-height: 400px;
    }
    div.maprc {
        padding-top: 50px;
    }
    div.my-owl .owl-carousel .owl-item img {
        height: 230px;
    }
    div.foto-img-div img {
        height: 175px;
    }
}
@media (min-width: 1250px) {
    section.banner {
        margin-top: 99px;
    }
    header {
        position: fixed;
        background-color: #ffffff;
        z-index: 6;
        width: 100%;
        top: 0;
    }
    section.news {
        margin-top: 132px;
    }
    .myl {
        margin-top: 132px;
    }
    div.ntlink {
        display: none;
    }
    div.my-owl div.owl-nav {
        position: absolute;
        top: 50%;
        transform: translate(-50px, -50%);
        display: flex;
        width: 1240px;
        justify-content: space-between;
        margin-top: -15px;
        z-index: -2;
    }
}
@media screen and (min-width: 1300px) {
    @keyframes ban {
        0%{
            -webkit-background-position: bottom;
            -moz-background-position: bottom;
            -o-background-position: bottom;
            background-position: bottom;
            -webkit-background-size: 100% calc(100% + 99px);
            -moz-background-size: 100% calc(100% + 99px);
            -o-background-size: 100% calc(100% + 99px);
            background-size: 100% calc(100% + 99px);
        }
        50%{
            -webkit-background-position: -180px top;
            -moz-background-position: -180px top;
            -o-background-position: -180px top;
            background-position: -180px top;
            -webkit-transform: scale(1.4);
            -moz-transform: scale(1.4);
            -o-transform: scale(1.4);
            transform: scale(1.4);
            -webkit-background-size: 100% calc(100% + 99px);
            -moz-background-size: 100% calc(100% + 99px);
            -o-background-size: 100% calc(100% + 99px);
            background-size: 100% calc(100% + 99px);
        }
        75%{
            -webkit-background-position: -180px bottom;
            -moz-background-position: -180px bottom;
            -o-background-position: -180px bottom;
            background-position: -180px bottom;
            -webkit-transform: scale(1.4);
            -moz-transform: scale(1.4);
            -o-transform: scale(1.4);
            transform: scale(1.4);
            -webkit-background-size: 100% calc(100% + 99px);
            -moz-background-size: 100% calc(100% + 99px);
            -o-background-size: 100% calc(100% + 99px);
            background-size: 100% calc(100% + 99px);
        }
        100%{
            -webkit-background-position: bottom;
            -moz-background-position: bottom;
            -o-background-position: bottom;
            background-position: bottom;
            -webkit-background-size: 100% calc(100% + 99px);
            -moz-background-size: 100% calc(100% + 99px);
            -o-background-size: 100% calc(100% + 99px);
            background-size: 100% calc(100% + 99px);
        }
    }
}

/*=========================*/

@media (max-width: 399px) {

}
@media (max-width: 575px) {
    div.my-media {
        display: none;
    }
    div.my-media:nth-child(1) {
        display: block;
    }
    div.my-media:nth-child(2) {
        display: block;
    }
    div.my-media:nth-child(3) {
        display: block;
    }

    div.dropdown.open div.dropdown-menu {
        left: -70px;
    }
    div.v-if-div {
        width: calc(100% - 30px);
    }
    div.krug {
        display: none;
    }
    h3.logo {
        line-height: inherit;
        font-size: 13px;
        margin: 5px 0;
    }
    div.mapcard {
        margin-right: 15px;
        margin-left: 15px;
    }
    div.heading h3 {
        font-size: 26px;
        line-height: 1.3;
    }
    div.sm1003 {
        margin-top: 20px;
        text-align: center;
    }
    div.sm1003 h5 {
        font-size: 18px;
    }
    div.sm1003 h5 br {
        display: none;
    }
    div.sm1003 a {
        display: block;
        font-family: "opensansbold";
        font-size: 36px;
    }
    div.sm1003 span {
        font-family: "opensansbold";
    }

    div.ktrow {
        margin-right: 0px;
        margin-left: 0px;
    }
    div.ktcard div.row {
        justify-content: center;
    }
    div.ktcard h6 {
        text-align: center;
    }
    div.ktcard p {
        text-align: center;
    }
    td {
        padding: 5px;
    }
    div.cla table {
        width: 100%!important;
    }
    h5.title {
        font-size: 20px;
    }
    div.cla span {
        font-size: 16px!important;
    }
    h2.y-head {
        font-size: 27px;
    }
    h2.yesli {
        font-size: 16px;
    }
    h2.yesli a {
        font-size: 16px;
    }
    iframe.v-if {
        width: 100%!important;
    }
    h4.uvideo {
        font-size: 20px;
    }
    div.chat-btn {
        bottom: 0px;
    }
    div.choneadd {
        right: inherit;
        margin-right: 15px;
        margin-left: 15px;
    }
    div.chonet p {
        margin-top: 20px;
        padding: 0;
    }
    div.specialViewArea {
        top: 40px !important;
        left: 50% !important;
        transform: translateX(-40%) !important;
    }
    form.sf input {
        width: inherit;
    }
    div.ktimg img {
        width: 100%;
    }
    .row {
        flex-direction: column;
        justify-content: center;
    }
    div.ktcard .row {
        flex-direction: row;
    }
    div.bot a {
        font-size: 14px;
    }
    img.logo {
        width: 50px;
    }
    img.bayroq {
        height: 50px;
    }
    div.home-owl .owl-carousel .owl-item img {
        margin: 0;
        width: 100%;
    }
    div.home-row h3 {
        font-size: 26px;
        line-height: 36px;
    }
    button.chb span {
        font-size: 14px;
    }
    button.chb {
        padding: 5px 10px;
    }
}
@media screen and (max-width: 767px) {
    div.map{
        position: relative;
        height: 300px;
    }
    div.map svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: scale(0.45)
        translate(-111%, -111%);
    }
    div.ab {
        width: 100%;
        display: block;
    }
    div.l1003 {
        flex-direction: column;
    }
    div.ff {
        flex-direction: column;
    }
    .ban-text {
        text-align: center;
    }

    .bicon {
        display: none;
    }
    div.ban {
        height: 300px !important;
    }
    div.kcard{
        margin-top: 20px;
    }
    section.prois{
        padding: 20px 0;
    }
    p.pro-one {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    p.pro-two{
        margin-bottom: 0;
    }
    div.sp {
        margin-right: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
        flex-direction: column;
    }
    div.newd {
        flex-direction: row;
    }
    div.lang {
        margin-top: 2px;
    }
    div.krug {
        margin-right: 0px;
    }
    div.mcard{
        min-height: inherit;
    }
    div.mcard h5, div.mcard p{
        height: auto;
    }
    div.ress {
        display: flex;
        position: relative;
        justify-content: center;
        align-items: center;
    }
    div.nscol div.ress {
        flex-direction: column;
    }
    h3.newh3 {
        font-size: 26px;
    }
    p.resl{
        margin-bottom: 5px;
    }
    p.resone, p.resthree, p.restwo{
        margin-left: 10px;
        margin-bottom: 5px;
    }
    h2.zab{
        line-height: 1.2;
    }
    .heading{
        margin: 10px 0 20px 0 !important;
    }
    button.print {
        display: none;
    }
    div.maplc {
        width: 100%;
    }
    div.mc {
        width: 792.4873px;
        height: 516.87848px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: scale(0.45) translate(-111%, -111%);
    }
    div.orol {
        transform: scale(0.45) rotate(36deg) translate(-406%, -12%);
        top: 50%;
        left: 50%;
    }
    div.UZ-ANC {
        top: 292px;
        left: 740px;
    }
    div.UZ-NGC {
        top: 277px;
        left: 696px;
    }
    div.UZ-FAC {
        top: 309px;
        left: 707px;
    }
    div.UZ-TOC {
        top: 279px;
        left: 631px;
    }
    div.UZ-TKC {
        top: 255px;
        left: 602px;
    }
    div.UZ-SIC {
        top: 309px;
        left: 580px;
    }
    div.UZ-JIC {
        top: 305px;
        left: 521px;
        z-index: 3;
    }
    div.UZ-SAC {
        top: 347px;
        left: 477px;
    }
    div.UZ-QAC {
        top: 411px;
        left: 462px;
    }
    div.UZ-SUC {
        top: 450px;
        left: 522px;
    }
    div.UZ-BUC {
        top: 324px;
        left: 316px;
        z-index: 4;
    }
    div.UZ-NWC {
        top: 208px;
        left: 334px;
    }
    div.UZ-QRC {
        top: 94px;
        left: 126px;
    }
    div.UZ-XOC {
        top: 246px;
        left: 195px;
    }
    div.newt h3 {
        font-size: 20px;
        line-height: 27px;
    }
    section.news:before {
        background-size: cover;
    }
    div.ans-online h5 {
        text-align: center;
    }
    div.ansbot {
        margin-top: 20px;
        text-align: center;
    }
    h3.leaflet-link br {
        display: none;
    }
    h3.leaflet-link {
        font-size: 26px;
        color: #fff;
    }
    div.leaflet-link-box {
        background: linear-gradient(to left, #0089ed, #055176);
    }
    div.co-foto-col {
        margin-top: 15px;
    }
    h1.chart-h1 {
        text-align: center;
        font-family: "opensansbold";
        margin-top: 20px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 991px) {
    div.ban:before {
        background-size: inherit;
        background-position: top right;
        animation-name: manim;
        animation-duration: 20s;
        animation-iteration-count: infinite;
        background-size: 300% 200%;
    }
    @keyframes manim {
        0% {
            background-position: top right;
            background-size: 300% 200%;
        }
        40% {
            background-position: top right;
            background-size: 600% 400%;
        }
        60% {
            background-position: top right;
            background-size: 300% 200%;
        }
        80% {
            background-position: bottom left;
        }
        100% {
            background-position: top right;
        }
    }
    section.info {
        text-align: center;
    }
    section.prois:before {
        background-position: center;
        background-size: cover;
    }
    div.ph {
        display: none;
    }
    div.home-owl .owl-carousel .owl-item img {
        margin: 0 auto;
    }
    div.home-right-col {
        width: 100%;
    }
    div.home-left-col {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    div.stat div.col-md-4 {
        width: 100%;
    }
}
@media (max-width: 1199px) {
    div.mapcard {
        padding: 15px;
        border-radius: 15px;
        box-shadow: 0 0 15px 0 #00000020;
        margin-top: 30px;
        text-align: center;
    }
    div.mhr {
        margin: 0 auto;
    }
    div.ktimg img {
        height: 100%;
    }
    div.otcol {
        width: 100%;
    }
    div.maprow {
        justify-content: center;
    }
    div.ab:nth-child(1) div.ress:before,
    div.ab:nth-child(2) div.ress:before,
    div.ab:nth-child(3) div.ress:before,
    div.nscol:nth-child(1) div.ress:before {
        display: none;
    }
}
@media (max-width: 1250px) {
    div.hc {
        flex-direction: column;
    }
    div.ban {
        height: calc(100vh - 175px);
    }
    div.uvideo iframe {
        width: 100%;
        min-height: 250px;
    }
    div.youtube-video iframe {
        width: 100%;
        min-height: 250px;
    }
    div.nbot {
        display: none;
    }
    div.ban-text h2 {
        font-size: 20px;
    }
    div.ban-text h1 {
        font-size: 26px;
    }
    div.ban-text p {
        font-size: 14px;
    }
    div.ban-height {
        height: calc(100vh - 207px);
    }
}

@media screen and (max-width: 500px) {
    div.kcard, div.tcard{
        margin-top: 0;
        padding: 0 15px;
        text-align: center;
    }
    div.tcard img,
    div.kcard img{
        position: relative;
        display: table;
        margin: 0 auto 10px auto;
    }
    div.kcard h6,
    div.tcard h6{
        margin-bottom: 5px;
    }
    .sit-icon{
        position: absolute;
    }
    div.sit-text {
        margin-left: 0;
    }
    div.sit-text h5 {
        margin-left: 50px;
    }
    .mobile_style:nth-child(4),
    .mobile_style:nth-child(5),
    .mobile_style:nth-child(6){
        display: none;
    }
}
@media (max-width: 767px) {
    div.ban-height {
        height: 300px;
        padding: 20px 15px;
        justify-content: center;
    }
}



@media print {
    header {
        display: none;
    }
    footer {
        display: none;
    }
    section.link {
        display: none;
    }
    div.network {
        display: none;
    }
    section.news {
        display: none;
    }
}


@media (max-width: 1400px) {
    div.UZ-ANC {
        max-width: 150px;
    }
    div.UZ-NGC {
        max-width: 150px;
    }

}

@media only screen and (max-width: 1800px) and (min-width: 768px) {
    .dropdown-menu {
        right: 0;
        left: inherit;
    }
}

@media (max-width: 1249px) {
    div.my-owl div.owl-nav {
        display: flex;
        justify-content: center;
    }
}