/* On screens that are 600px wide or less, the background color is olive */
@media screen and (max-width: 600px) {
    .logo {
        width: 115px;
    }

    .h2,
    h2 {
        font-size: 20px;
    }

    .h3,
    h3 {
        font-size: 18px;
    }

    .h4,
    h4 {
        font-size: 16px;
    }

    .list.fa-ul {
        margin-left: -22px;
    }

    .callto {
        bottom: 0;
        position: fixed;
        z-index: 9999;
        transform: translate(1%, -2px);
        background-color: #dc3545;
        display: inline-block;
        padding: 5px 4px;
        border-radius: 39px;
    }

    .ms-slider {
        padding: 15px 20px;
        margin: 10px 0;
        border-radius: 10px;
        backdrop-filter: blur(4px);
        background-color: #ffffffb3;
    }

    .mt-5,
    .my-5 {
        margin-top: 1rem !important;
    }

    .h1,
    h1 {
        font-size: 25px !important;
    }

    .s-slider {
        min-height: 210px !important;
    }

    .m-slider {
        padding: 11px 21px;
        backdrop-filter: blur(4px);
        margin: 20px 0px;
        background-color: #ffffffb3;
        border-radius: 10px;
    }

    .m-slider h3 {
        letter-spacing: 1px !important;
    }

    #m-slider .owl-dots {
        bottom: 12%;
        right: 15%;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        font-size: 18px !important;
    }
}

/* On screens that are 992px wide or less, the background color is blue */
@media screen and (max-width: 768px) {

    .h1,
    h1 {
        font-size: 2rem;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        font-size: 10px;
    }

    .mt-5,
    .my-5 {
        margin-top: 2rem;
    }

    .s-slider {
        min-height: 240px;
    }

    .tm-logo:after {
        right: 12px;
    }

    .s-slider:after {
        right: 37vh;
    }




    .tm-slider {
        min-height: 350px;
    }

    .tm-slider:after {
        right: 313px;
    }

    .tm-slider h3 {
        font-size: 15px
    }
}


@media screen and (min-width: 769px) and (max-width:911px) {
    .navbar-light .navbar-nav .nav-link {
        font-size: 12px;
    }

    .tm-slider {
        min-height: 418px;
    }

    .m-slider {
        padding: 48px 0px;
    }

    .m-slider h1 {
        font-size: 2em;
    }

    .s-slider:after {
        right: 55.9vw;
    }

    .tm-slider:after {
        content: '';
        -webkit-transform: skewX(220deg);
    }

    .m-slider h3 {
        font-size: 14px;
    }

    .m-slider h1 {
        font-size: 2em;
    }

    .ms-slider h1 {
        font-size: 2em;
    }
}

/* On screens that are 992px wide or less, the background color is blue */
@media screen and (max-width: 1024px) {

    .h2,
    h2 {
        font-size: 22px;
    }



    .logo {
        width: 160px;
    }



    .list-inline-item {
        font-size: 13px;
    }
}

/* On screens that are 992px wide or less, the background color is blue */
@media screen and (min-width: 912px) and (max-width: 991px) {
    .navbar-light .navbar-nav .nav-link {
        font-size: 11px;
    }

    .s-slider:after {
        right: 450px;
    }

    .tm-logo:after {
        right: -7px;
    }

    .h1,
    h1 {
        font-size: 32px;
    }

    .m-slider {
        padding: 69px 0px;
    }

    .tm-slider {
        min-height: 376px;
    }

    .tm-slider:after {
        right: 415px;
    }

    .tm-slider h3 {
        font-size: 14px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {

    .h2,
    h2 {
        font-size: 22px;
    }

    .h1,
    h1 {
        font-size: 40px;
    }

    .m-slider {
        padding: 65px 0px;
    }

    .tm-slider:after {
        right: 501px;
    }

    .tm-slider h3 {
        font-size: 20px;
    }

    .tm-slider {
        min-height: 390px;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 15px !important;
    }

    .s-slider:after {
        right: 50.7vw;
    }

    .tm-logo:after {
        right: -91px;
    }

}

@media screen and (min-width: 1025px) and (max-width: 1180px) {

    .s-slider:after {
        right: 50vw;
    }

    .h1,
    h1 {
        font-size: 43px;
    }

    .tm-slider h3 {
        font-size: 21px;
    }

    .tm-slider:after {
        right: 44.3vw;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 15px !important;
    }

    .m-slider {
        padding: 50px 0px;
    }

    .tm-slider {
        min-height: 450px;
    }
}

@media screen and (min-width:1181px) and (max-width:1366px) {

    .s-slider:after {
        right: 56.2vw;
    }

    .tm-slider:after {
        right: 47.4vw;
    }

    .tm-all:before {
        right: 51.3vw;
    }

/*
    @-moz-document url-prefix() {
        .s-slider:after {
            right: 56.9vw;
        }

        .tm-slider::after {
            right: 48vw;
        }
    }
*/
}

}

/*
@media screen and (min-width:1181px) {
    .tm-logo:after {
        right: 2.6vw;
    }
}
*/