@media (max-width: 1199.99px) {
    .topnav-link {
        padding-left: 17px;
        padding-right: 17px;
    }

    .left-side {
        padding: 0;
        text-align: center;
        padding: 50px 0;
    }

    .my-border {
        display: none;
    }

    .my-image {
        padding: 0;
    }

    .services-bg {
        left: 0;
        box-shadow: none;
        background: #fff;
    }

    .bgwhite h2 {
        margin-left: 0;
    }

    .bgwhite ul li {}

}

@media (max-width: 991.99px) {
    .slide3 {
        text-align: center;
    }

    .slide3 .num {
        padding-left: 20px;
    }

    .slide3 h2 {
        margin-bottom: 50px;
        margin-left: 0;
    }

    .my-redline,
    .slide3 .my-btn-slide1 {
        display: none;
    }

    .footer-links p {
        margin-left: 20px;
    }

    .footer-links ul {
        margin-left: -20px;
    }

    .footer-post {
        padding: 0 20px;
    }

    .copyright {
        text-align: center;
    }

    .bg {
        background-position: center 100px;
    }

    .bg,
    .slide-aboutus,
    .story-slide-2,
    .slide4,
    .slide5 {
        background-attachment: scroll !important;
    }

    .content h2 {
        font-size: 45px;
        line-height: 45px;
    }

    header {
        position: static;
        left: auto;
        top: auto;
        right: auto;
    }

    nav.navbar {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
    }

    .blog-bg .col-lg-10 {
        padding-left: 15px;
    }

    .blog-post {
        margin-bottom: 10px;
    }

    .blog-bg {
        padding-top: 20px;
    }
}

@media (max-width: 767.99px) and (min-width: 575.99px) {
    .bgwhite {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 767.99px) {
    .bgwhite {
        text-align: center;
    }

    .bgwhite ul {
        margin-bottom: 40px;
    }

    .bg,
    .slide-aboutus,
    .story-slide-2,
    .slide4 {
        background-attachment: scroll !important;
    }

    .contact-info .myspan {
        padding: 15px;
        font-size: 17px;
        top: 0;
    }
}

@media (max-width: 575.99px) {
    .content h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .wlcm {
        font-size: 20px;
    }

    .my-btn-slide1 {
        padding: 7px 40px;
        font-size: 15px;
    }
}

@media (max-width: 455px) {
    .qlty h2:after {
        top: 82px;
    }

    .qlty h2.lal:after {
        top: 48px;
    }
}

@media (min-width: 992px) {
    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .navbar-nav {
        margin-left: 240px;
    }
    .bg-light {
        background-color: rgba(0, 0, 0, 0.3) !important;
    }

    .navbar-light .navbar-nav .nav-link {
        transition: .3s;
        font-size: 14px;
        text-transform: uppercase;
        color: #fff;
    }

    .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(255, 255, 255, 0.5);
    }

    .navbar {
        padding: 0;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .navbar-nav .nav-link {
        padding-top: 1.4rem;
        padding-bottom: 1.4rem;
    }

    .dropdown-menu {
        padding: 0;
        margin: 0;
        border-radius: 0;
    }

    .dropdown-item {
        font-size: 14px;
        color: #323232;
        border-bottom: 1px solid #efefef;
        transition: .3s;
        padding: 10px 20px;
    }

    .dropdown-item:hover {
        background-color: #fff;
        color: #ce1b28;
    }

    .page-contacts {
        background-color: #000 !important;
    }
}

@media (min-width: 1px) and (max-width: 991.99px) {
    .container {
        max-width: 100%;
    }

    .logo-md {
        display: block;
        position: relative;
        left: -40px;
        padding: 15px 0;
    }

    .bg-light {
        background-color: #fff !important;
    }
    .navbar {
        z-index: 10;
        padding: 0;
        position: relative;
    }

    .navbar-light .navbar-toggler {
        outline: none;
        margin-left: .6rem;
    }

    .navbar-collapse {
        background: #000;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #fff;
        text-transform: uppercase;
        font-size: 14px;
        border-bottom: 1px solid #464646;
        padding: .6rem 1.3rem;
        transition: .3s;
    }

    .navbar-light .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link:focus {
        color: #ce1b28;
    }

    .navbar-light .navbar-toggler {
        border-color: transparent;
    }

    .dropdown-item {
        font-size: 14px;
    }

    .page-title {
        left: 15px;
    }
}
