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

@media only screen and (min-width:1600px) and (max-width:1900px) {}

@media only screen and (min-width:1300px) and (max-width:1367px) {
    .banner {
        height: 100vh;
    }
}

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

@media screen and (max-width: 1024px) {
    .header-heading h1 {
        font-size: 40px;
        line-height: initial;
        margin-bottom: 10px;
    }
    .header-heading p {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .border-outer {
        padding: 20px;
    }
    p {
        font-size: 15px;
        line-height: inherit;
    }
    .border-outer h5 {
        font-size: 18px;
    }
    .comnpadding {
        padding: 50px 0;
    }
    .common-heading h2 {
        font-size: 34px;
    }
    .single-footer-widget h6 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .Client_Say .test_box .userbrief .userpic {
        width: 60px;
        margin-right: 15px;
    }
    .Client_Say .test_box .userbrief .username h5 {
        font-size: 18px;
        margin-bottom: 0;
    }
    .carbg {
        max-height: 550px;
        min-height: 550px;
    }
    .banner {
        height: auto;
    }
}

@media screen and (max-width: 991px) {
    .header-heading h1 {
        font-size: 34px;
    }
    .navbar.navbar-light ul.navbar-nav {
        margin-left: auto;
        padding: 20px 10px;
        /* background: #4877f1; */
        background-image: radial-gradient(circle at 46% 76%, rgba(255, 255, 255, .03) 0, rgba(255, 255, 255, .03) 3%, transparent 3%, transparent 100%), radial-gradient(circle at 36% 87%, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 3%, transparent 3%, transparent 100%), radial-gradient(circle at 50% 78%, rgba(255, 255, 255, .01) 0, rgba(255, 255, 255, .01) 3%, transparent 3%, transparent 100%), radial-gradient(circle at 22% 99%, rgba(255, 255, 255, .03) 0, rgba(255, 255, 255, .03) 7%, transparent 7%, transparent 100%), radial-gradient(circle at 38% 63%, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 7%, transparent 7%, transparent 100%), radial-gradient(circle at 55% 50%, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 7%, transparent 7%, transparent 100%), radial-gradient(circle at 93% 55%, rgba(255, 255, 255, .01) 0, rgba(255, 255, 255, .01) 7%, transparent 7%, transparent 100%), radial-gradient(circle at 24% 100%, rgba(255, 255, 255, .01) 0, rgba(255, 255, 255, .01) 7%, transparent 7%, transparent 100%), radial-gradient(circle at 26% 53%, rgba(255, 255, 255, .03) 0, rgba(255, 255, 255, .03) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 17% 5%, rgba(255, 255, 255, .03) 0, rgba(255, 255, 255, .03) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 53% 51%, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 10% 25%, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 31% 56%, rgba(255, 255, 255, .01) 0, rgba(255, 255, 255, .01) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 40% 69%, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 33% 89%, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 96% 22%, rgba(255, 255, 255, .03) 0, rgba(255, 255, 255, .03) 5%, transparent 5%, transparent 100%), linear-gradient( 296deg, #510093, #487bf4);
    }
    .navbar.navbar-light ul.navbar-nav .nav-link {
        font-size: 15px;
        border-radius: 0;
        margin-bottom: 5px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
    #about .row {
        flex-wrap: wrap-reverse;
    }
    .common-heading {
        margin-bottom: 20px;
    }
    .common-heading h2 {
        font-size: 30px;
        margin-bottom: 20px;
        line-height: initial;
    }
    .four_icon li h3 {
        font-size: 15px;
    }
    .four_icon li i {
        font-size: 25px;
        margin-right: 15px;
    }
    .four_icon li i.fa.fa-mobile {
        font-size: 34px;
    }
    .small_form h4 {
        font-size: 26px;
    }
    .card-icon-section {
        width: 60px;
        margin: 0 auto 20px;
    }
    .bannerzip a {
        padding: 0 15px;
    }
    .bannerzip input {
        width: 160px;
    }
    .small_form_box form {
        width: 70%;
        margin: auto;
    }
    #about img {
        margin: 0 auto 20px;
        /* display: block; */
    }
}

@media screen and (max-width: 767px) {
    .comnpadding {
        padding: 30px 0;
    }
    .banner img {
        display: none;
    }
    .border-outer {
        margin-bottom: 20px;
    }
    .four_icon ul {
        display: block;
    }
    .four_icon li {
        width: 100%;
        margin-bottom: 20px;
    }
    .small_form .small_form_box aside {
        padding: 0;
    }
    .small_form h4 {
        font-size: 20px;
    }
    .small_form .small_form_box .subtitle {
        font-size: 17px;
    }
    .small_form form .zip_CTA {
        flex-direction: column;
    }
    .small_form form .zip_CTA input,
    .small_form form .zip_CTA button {
        width: 100%;
        margin-bottom: 15px;
    }
    #testimonial .owl-nav {
        text-align: center;
        position: initial;
        margin-top: 20px;
    }
    .ft_bottom {
        text-align: center;
    }
    .ft_top {
        padding: 40px 0 10px;
    }
    .bannerzip a {
        padding: 0 10px;
        font-size: 15px;
    }
    
    .bannerzip input {
        width: 150px;
        margin-right: 5px;
    }
    .small_form_box form {
        width: 100%;
        margin: 20px auto;
    }
    .header-heading p{
        display: none;
    }
    .bannerzip {
        display: flex;
        justify-content: center;
    }
    .header-heading h1 {
        font-size: 26px;
        margin: 25px 0;
        text-align: center;
    }
    .carbg {
        max-height: 380px;
        min-height: 380px;
    }
    /* .header-heading h1 span{
        display: none;
    } */
    .header-heading h1 strong{
        display:block ;
    }
}

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

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