/* X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap */


/* Small devices (landscape phones, 576px and up) */

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


/* Medium devices (tablets, 768px and up) */

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


/* Large devices (desktops, 992px and up) */

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


/* X-Large devices (large desktops, 1200px and down) */

@media (min-width: 1200px) {
    .resp-sm-block {
        display: none;
    }
    .resp-none-block {
        display: block;
    }
    .carousel-text {
        padding: 10px 60px;
    }
    .fs-xl-xs {
        font-size: 0.7rem!important;
    }
    .fs-xl-5 {
        font-size: 1.25rem!important;
    }
     ::-webkit-scrollbar {
        width: 10px;
    }
     ::-webkit-scrollbar-thumb {
        background-color: #2f97c180;
        border-radius: 6px;
        transition: background-color 0.3s;
    }
    .w-xl-40 {
        width: 40%;
    }
    .responsive-heading {
        font-size: 2.0rem;
    }
    .video-block {
        height: 100vh;
    }
    .row-request {
        height: 100%;
    }
    .thx {
        font-size: 15rem;
    }
    .avatar-big {
        width: 150px;
        height: 150px;
        min-width: 150px;
        min-height: 150px;
        border: 5px solid #fff;
        overflow: hidden;
    }
    .custom-radio-group input[type="radio"] {
        width: 20px;
        height: 20px;
    }
}


/* XX-Large devices (larger desktops, 1800px and down) */

@media (min-width: 2000px) {
    .col-nav-ultrawide {
        flex: 0 0 15%;
        max-width: 15%;
    }
    .col-cont-ultrawide {
        flex: 0 0 85%;
        max-width: 85%;
    }
}


/* If screen is scaled */

@media (-webkit-min-device-pixel-ratio: 1.25) {
    body {
        font-size: 12px;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.50) {
    body {
        font-size: 12px;
    }
    .fs-5 {
        font-size: 1rem!important;
    }
}