@media only screen and (min-width:1600px) and (max-width:1900px) {
    .bnr-div {
        width  : 90%;
        bottom : 80px;
        padding: 10px
    }

    .applynow_form {
        width: 75%
    }

    .applynow_form h1 {
        font-size: 28px
    }
}

@media only screen and (min-width:1400px) and (max-width:1590px) {
    .bnr-div {
        width  : 90%;
        bottom : 80px;
        padding: 10px
    }

    .applynow_form {
        width: 75%
    }

    .applynow_form h1 {
        font-size: 28px
    }

    .apply_banner img {
        height: 500px
    }
}

@media only screen and (min-width:1300px) and (max-width:1400px) {
    .item_content {
        bottom : 70px;
        padding: 15px;
        width  : 40%
    }

    .item_content span {
        font-size: 15px
    }

    .item_content p {
        margin        : 10px 0 15px;
        font-size     : 17px;
        padding       : 0 40px;
        text-transform: capitalize
    }

    .item_form {
        margin-top: 20px
    }

    .explore_div {
        width        : 90%;
        padding-left : 70px;
        margin-bottom: 90px
    }

    .explore_div p {
        width: 100%
    }

    .explore_sec img {
        top: 90px
    }

    .main_quote_form {
        margin-top: -47px
    }

    .main_quote_form::before {
        border-bottom: 18px solid #5637d7
    }

    .apply_cross_sec::after {
        bottom: -88px
    }

    .partner_ul {
        width: 100%
    }

    .owl-carousel .owl-item .news_item img {
        width : 40%;
        height: auto
    }

    .pbox_content {
        margin-right: 5%;
        padding     : 30px
    }

    .bnr-div {
        width  : 90%;
        bottom : 120px;
        padding: 10px
    }
    .applynow_form h1 {
        font-size: 28px
    }

    .apply_banner img {
        height: 500px
    }
    .newtextadd,
    .applynow_form .custom-new-form{
        padding: 15px;
    }
    .newtextadd h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .newtextadd span,
    .applynow_form label{
        font-size: 14px;
    }


}

@media only screen and (min-width:1200px) and (max-width:1280px) {
    .bnr-div {
        width  : 90%;
        bottom : 80px;
        padding: 10px
    }

    .applynow_form {
        width: 75%
    }

    .applynow_form h1 {
        font-size: 28px
    }

    .apply_banner img {
        height: 500px
    }
}

@media screen and (max-width:1024px) {
    .new-white-california-li li {
        list-style: none;
        width     : 48%
    }

    .new-car-insurance-ul-clum li {
        width: 45%
    }

    .partner_ul {
        width: 100%
    }

    .partner_ul li {
        margin: 0 5px 20px;
        width : 30%
    }

    section {
        padding: 50px 0
    }

    .apply_cross_sec {
        margin-bottom: 20px
    }

    .banner_div .container {
        position: initial
    }

    .item_content {
        position  : absolute;
        right     : 10%;
        z-index   : 1;
        background: rgba(0, 0, 0, .5);
        padding   : 15px;
        text-align: center;
        bottom    : 15px;
        color     : #fff;
        width     : 50%;
        box-shadow: none
    }

    .item_content p {
        margin   : 10px 0;
        font-size: 16px;
        padding  : 0 0
    }

    .check_list {
        width: 80%
    }

    .item_content span span {
        font-size: 22px
    }

    .check_list li {
        font-size    : 15px;
        margin-bottom: 5px
    }

    .item_form {
        margin-top: 20px;
        padding   : 0 40px
    }

    .input_div {
        margin-bottom: 15px
    }

    .explore_div {
        width         : 95%;
        padding-bottom: 20px
    }

    .sub_head {
        font-size     : 22px;
        line-height   : 30px;
        margin-bottom : 15px;
        padding-bottom: 15px
    }

    .explore_div p {
        font-size  : 15px;
        line-height: 22px;
        width      : 95%
    }

    .main_quote_form {
        margin-top: 0;
        height    : auto;
        padding   : 36px 18px
    }

    .apply_cross_sec::after,
    .apply_cross_sec::before,
    .main_quote_form::after,
    .main_quote_form::before {
        display: none
    }

    .main_quote_form strong {
        font-size: 20px
    }

    .main_quote_form ul {
        margin-bottom: 10px;
        padding      : 10px 0
    }

    .main_quote_form span {
        margin: 10px 0 10px
    }

    .main_quote_form p {
        font-size: 14px;
        padding  : 0 0
    }

    .four_boxes_sec {
        background-size: cover;
        color          : #fff;
        padding        : 50px 0 100px
    }

    .double_arrow_ul {
        padding-bottom: 20px
    }

    .ibox3 {
        min-height: 216px
    }

    .nes_div .owl-nav {
        top: -123px
    }

    .news_item div {
        font-size: 14px
    }

    .pbox h5 {
        font-size: 35px
    }

    .pbox_content {
        padding: 30px
    }

    .social_icon a i {
        font-size  : 18px;
        line-height: 35px;
        margin     : 10px 5px;
        width      : 35px
    }

    .bnr-div {
        width  : 90%;
        bottom : 80px;
        padding: 10px
    }

    .applynow_form {
        width: 75%
    }

    .applynow_form h1 {
        font-size: 28px
    }

    .apply_banner img {
        height: 400px;
        object-fit: cover;
    }

    .applynow_form .getbtn {
        font-size : 16px;
        margin-top: 20px
    }
    .bnr-div {
        width: 100%;
        position: initial;
        padding: 10px;
        margin-top: -181px;
    }
    .newtextadd {
        width: 75%;
        border-radius: 10px 10px 0 0;
    }
    .applynow_form {
        width: 75%;
    }
    .applynow_form .custom-new-form {
        border-radius: 0 0 10px 10px;
    }
    .newtextadd span {
        padding: 0 70px;
    }

}

@media screen and (max-width:992px) {
    .four_boxes_sec .three h4 {
        color    : #58e4e5;
        font-size: 18px
    }

    .four_boxes_sec .three li {
        font-size: 13px
    }

    .ibox3 {
        min-height: 155px
    }

    .new-side-by-side li {
        width: 100%;
        float: none
    }

    section {
        padding: 30px 0
    }

    .navbar-brand img {
        width: 90%
    }

    .item_content {
        position  : relative;
        right     : 0;
        top       : 0;
        width     : 100%;
        background: #050404;
        padding   : 25px
    }

    .item_content span span {
        color: #5ff4f6
    }

    .light_btn {
        border    : 1px solid #202020;
        color     : #fff;
        background: #202020
    }

    .light_btn:focus,
    .light_btn:hover {
        background: #5637d7;
        border    : 1px solid #5637d7;
        color     : #fff
    }

    .blue_btn {
        background   : #3d9ff2;
        border-color : #3d9ff2;
        color        : #fff;
        width        : 100%;
        margin-bottom: 15px
    }

    .blue_btn:focus,
    .blue_btn:hover {
        background-color: #fff;
        color           : #333
    }

    .item_content span {
        color: #fff
    }

    .check_list {
        color: #202020
    }

    .check_list li::before {
        color: #202020
    }

    .main_heading {
        font-size    : 28px;
        margin-bottom: 30px
    }

    .about_overlay strong img {
        display: none
    }

    .about_overlay {
        bottom: -179px
    }

    .about_overlay p {
        margin    : 0;
        min-height: 118px;
        font-size : 13px
    }

    .about_overlay strong {
        margin-bottom: 10px;
        font-size    : 13px;
        font-weight  : 40
    }

    .explore_div {
        width: 98%
    }

    .bold_strong {
        font-size: 16px
    }

    .explore_div p {
        font-size  : 13px;
        line-height: 18px;
        width      : 98%
    }

    .double_arrow_ul li strong {
        font-size: 16px
    }

    .four_boxes_sec {
        padding: 50px 0 50px
    }

    .main_quote_form {
        margin-top: 30px;
        padding   : 25px 18px
    }

    .four_boxes_sec .main_heading {
        font-size    : 20px;
        margin-bottom: 10px;
        line-height  : 30px
    }

    .gbox {
        padding: 15px
    }

    .gbox h4 {
        font-size: 24px;
        margin   : 10px 0 30px
    }

    .gbox h4 span {
        font-size : 19px;
        margin-top: 7px
    }

    .partner_ul li {
        width: 40%
    }

    .wbox h4 {
        font-size    : 18px;
        line-height  : 24px;
        margin-bottom: 15px
    }

    .wbox p {
        font-size: 14px
    }

    .wbox strong {
        font-size : 17px;
        margin-top: 20px
    }

    .m_form_div input {
        font-size: 14px;
        padding  : 10px 0
    }

    .m_form_div button {
        padding      : 5px 10px;
        font-size    : 15px;
        border-radius: 0
    }

    .mar_top_50 {
        margin-top: 25px
    }

    .nes_div .owl-nav {
        top: -103px
    }

    .pbox h5 span {
        display: initial
    }

    .pbox h5 {
        font-size    : 28px;
        margin-bottom: 20px;
        margin-left  : 0;
        text-align   : center
    }

    .pbox_content {
        margin-right: 0
    }

    footer {
        padding: 30px 0
    }

    footer h6 {
        margin-top: 20px
    }

    .navbar-toggler {
        background-color: #fff;
        position        : absolute;
        display         : initial;
        z-index         : 1;
        padding         : 1px 5px;
        top             : 15px
    }

    .navbar-toggler-icon {
        background     : url(../new-images/menu.png) no-repeat;
        background-size: cover
    }

    header {
        padding   : 15px 0 20px;
        background: rgba(0, 0, 0, .8)
    }

    .sub_header {
        position: absolute;
        top     : 100px
    }

    .sub_header .navbar-nav .nav-link {
        padding  : 8px 30px;
        font-size: 15px
    }

    .quote_btn {
        padding: 8px 20px
    }

    .quote_btn::before {
        display: none
    }

    .about_div {
        margin-bottom: 20px
    }

    .bnr-div {
        margin: 0;
    }

    .applynow_form ,
    .newtextadd{
        width: 100%
    }

    .apply_banner img {
        height: auto
    }
    .applynow_form label{
        font-size: 14px;
    }


}

@media screen and (max-width:767px) {
    .four_boxes_sec .three li {
        font-size: 15px
    }

    .new-white-california-li li {
        list-style: none;
        width     : 49%
    }

    .new-car-insurance-ul-clum li {
        width: 100%
    }

    .check_list {
        display: none
    }

    .sub_header {
        top   : 74px;
        width : 90%;
        margin: 0 auto
    }

    .text-right.header_top_link {
        text-align: center !important
    }

    .navbar-brand img {
        width: 79%
    }

    header {
        position: relative
    }

    .header_top_link a {
        margin-left: 10px
    }

    .item_content {
        padding: 15px
    }

    .light_btn {
        padding: 10px 30px
    }

    .about_overlay strong {
        font-size: 15px
    }

    .explore_div {
        width : 90%;
        margin: 15px auto 0
    }

    .explore_div p {
        font-size  : 14px;
        line-height: 20px;
        width      : 100%
    }

    .main_quote_form {
        margin-top   : 20px;
        padding      : 15px;
        margin-bottom: 60px
    }

    .wbox {
        padding: 20px
    }

    .nes_div .owl-nav {
        top: -80px
    }

    .nes_div .owl-carousel .owl-nav button {
        font-size  : 30px;
        height     : 23px;
        width      : 23px;
        margin-left: 10px;
        line-height: inherit
    }

    .copyrighttext span {
        display: block
    }

    footer {
        text-align: center
    }

    footer h6::after {
        right : 0;
        margin: 0 auto
    }

    .news_item {
        display: block
    }

    .owl-carousel .owl-item .news_item img {
        width: 100%;
        float: none
    }

    .hidden-xs {
        display: none !important
    }

    .zipcode {
        display: block
    }

    .news_item div {
        width: 100%
    }

    .bnr-div {
        position : relative !important;
        width    : 100%;
        font-size: 18px;
        top      : 0
    }

    .m_form_div {
        display: inline-block
    }

    .item_content label {
        display      : block;
        text-align   : left;
        min-height   : inherit;
        margin-top   : 10px;
        margin-bottom: 0;
        padding      : 0 5px
    }

    .applynow_form .input-icons,
    .applynow_form select {
        margin-bottom: 20px
    }

    .applynow_form input,
    .applynow_form select {
        padding: 5px 0
    }

    div#banner {
        display: none
    }

    .banner_div {
        background         : url(../new-images/banner2.jpg);
        background-size    : cover;
        background-repeat  : no-repeat;
        background-position: center;
        padding-top        : 10px;
        padding-bottom     : 15px
    }
    .newtextadd span {
        padding: 0;
        margin-bottom: 10px;
    }
    #form1 .tbox{
        text-align: left;
    }
    .apply_banner img{
        display: none;
    }
    .newtextadd h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }


}

@media screen and (max-width:320px) {
    .item_content span span {
        font-size: 20px
    }
}