@media screen and (max-width: 1920px) {}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1190px) {}

@media screen and (max-width: 1024px) {
    .logo {
        margin-left: 5px;
    }
    .top_bg .navbar-collapse {
        flex-grow: unset;
        margin-left: 80px;
    }
}





@media screen and (max-width: 991px) {}

@media screen and (max-width: 767px) {
    .carousel {
        position: relative;
        margin: 42px 0 0 0;
    }
    .carousel img {
        height: auto;
    }
    .nav_main ul {
        display: unset;
        text-align: left;
    }
    .caption {
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        height: auto;
        margin: 100px 0 0 0;
    }
    .nav_main ul li a {
        padding: 3px 0 3px 7px;
        display: flex;
    }
    .nav_main ul li a:hover {
        background: #2997c1;
        border-bottom: 1px solid #fff;
    }
    nav {
        height: 60px;
        background: #46b2f0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        position: fixed;
        z-index: 10;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    nav.navShadow {
        box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2);
        height: 60px;
    }
    nav.navShadow .logo img {
        height: 30px;
        width: 60px;
    }
    .logo {
        height: 60px;
        width: 60px;
    }
    .top_bg button.navbar-toggler.collapsed {
        position: absolute;
        left: 4px;
        padding: 2px 2px;
        background: #fec107;
        z-index: 999999;
    }
    .top_bg .navbar-dark .navbar-toggler {
        background: #fec107;
        position: absolute;
        left: 4px;
        padding: 2px 2px;
    }
    .logo {
        margin-left: 38px;
    }
    .top_bg .navbar-collapse {
        flex-grow: unset;
        margin-left: 0;
        background: #060606;
        margin: 46px 0 0 0;
    }
    .nav_main {
        margin: 15px 0 0 0;
    }
    .nav_main ul li a {
        margin: 0 0 0 0;
        color: #ffffff;
        border-bottom: 1px solid #fff3d075;
    }
    a.group_header_link.mobile_bilstein {
        display: block;
        z-index: 9999;
        right: 18px;
        position: fixed;
    }
    .group_header_link {
        display: none;
    }
    .group_header_link:before {
        width: 230px;
        height: 34px;
    }
    .mobile_language {
        display: block;
        position: fixed;
        right: 4px;
        z-index: 9999;
        top: 6px;
    }
    .mobile_language span {
        font-size: 13px;
        font-weight: 700;
    }
    .form-inline.mt-2.mt-md-0 {
        display: none;
    }
    .footer_outer_bg .address {
        margin: 22px 0 0 0;
    }
    .footer_outer_bg .address h3 {
        margin: 120px 0 0 0;
        /*margin: 0 0 0 0;*/
    }
    .footer_outer_bg .contact_form h2 {
        margin: 0 0 15px 0;
    }
    .inner_banner {
        margin: 40px 0 40px 0;
        padding: 80px 0 0 14px;
    }
    .contact_outer_page .address {
        margin: 0 0 0 0;
    }
    
    /** Sumit */
    .fixed-top {
        display: inline-block;
    }
    .top_bg .navbar-collapse {
        margin: 46px 0 0 0;
        padding-top: 5px;
    }
    .nav_main ul {
        display: inline-block;
    }
    
}

@media screen and (max-width: 640px) {
    .caption h1 {
        font-size: 20px;
    }
    .heading_content h2 {
        font-size: 24px;
    }
    .mobile_language {
        top: 11px;
        position: fixed;
    }
    .heading_content {
        text-align: center;
        margin: auto;
        max-width: 95%;
        width: 100%;
    }
    .left_right_shape:after,
    .left_right_shape:before {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .men_sketch {
        display: none;
    }
    .social_media_sec {
        padding-bottom: 43px;
    }
}

@media screen and (max-width: 480px) {
    .mr-auto,
    .mx-auto {
        max-width: 60%;
    }
}

@media screen and (max-width: 320px) {
    a.group_header_link.mobile_bilstein {
        display: block;
        z-index: 9999;
        right: -8px;
        position: fixed;
    }
    .group_header_link:before {
        width: 205px;
        height: 34px;
    }
}