@media screen and (min-width: 991px) {
    .blogc.blogcfirst { flex: 1 0 100%; max-width: 100%; }
    
    .blogc.blogcfirst h3 a { font-size: 42px; }

    .blogc.blogcfirst .blogc-box { flex-direction: row; }

    .blogc.blogcfirst .blogc-info { flex: auto; }

    .blogcfirst .blogc-info { display: flex; flex-direction: column; padding: 30px; max-width: 40%; }

    .blogc.blogcfirst .blogc-media { height: auto; }

    .blogcfirst img { width: 100%; height: 100%; object-fit: cover; }
}
/*MIN 991 ENDS*/

@media screen and (min-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: calc(1240px + 40px); }
}
/*MIN 1310 ENDS*/

@media screen and (max-width: 1600px) {
    .aboutbs { background-size: 20vw;}
}
/*1600*/

@media screen and (max-width: 1440px) {
    /* section.bsslides h2 { font-size: 130px; } */
    .requote-form .row { row-gap: 30px; }
    .hero-inner { padding: 90px 0; }
}
/*1440*/

@media screen and (max-width: 1279px) {
    .hero-inner { padding: 70px 0; }
}
/*1279 ENDS*/

@media screen and (max-width: 1199px) {
    h1, .h1, h2, .h2 { font-size: 66px; margin-bottom: 24px; }
    h3, .h3, h4, .h4 { margin-bottom: 14px; }
    h5, .h5, h6, .h6 { margin-bottom: 12px; }
    
    .bspage h1, .bspage .h1, .bspage h2, .bspage .h2 { font-size: 52px; margin-bottom: 20px; }

    /* section.bsslides h2 { font-size: 100px; max-width: 720px; } */
    .onlinep { min-height: 90vh; }
    .aboutquote { font-size: 32px; line-height: 42px; }
    .aboutbs { min-height: 0; }
    .font-32 { font-size: 24px; line-height: 32px; }

    .blogc { flex: 1 0 calc(50% - 15px); max-width: calc(50% - 15px); }
    .blogcfirst .blogc-info { max-width: 45%; }
}
/*1199 ENDS*/

@media screen and (max-width: 991px) {
    :root { --formfieldheight: 56px; }
    .bspage h1, .bspage .h1, .bspage h2, .bspage .h2 { font-size: 48px; }
    .bspage h3, .bspage .h3 { font-size: 40px; }
    .bspage h4, .bspage .h4 { font-size: 36px; }
    .bspage h5, .bspage .h5 { font-size: 32px; }
    .bspage h6, .bspage .h6 { font-size: 28px; }
    input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="num"], input[type="tel"], select, textarea { font-size: 20px; padding-left: 15px; padding-right: 15px; }
    .bttn { --bttnsize: 55px; }
    .bttn-sm { --bttnsize: 45px; }
    .hero h1 { font-size: 12.6vw; }
    .hero h1 .plus { right: 6vw; bottom: 100%; }
    .onlinep-bg { bottom: 0; max-width: 40vw;  }
    .onlinep-bg .plus::before { right: 65%; bottom: 104%; font-size: 3.65em; }
    section.onlinep { min-height: 0; padding: 70px 0 180px; }
    .bgslide { min-height: 70vh; }
    .aboutbs { background-size: 160px;}
    .requote-form .row { row-gap: 24px; }
    .blogcfirst .blogc-info { max-width: 100%; }
    .blogc-media { height: 220px; }
    .onlinep-bg .plus { right: 66%; bottom: 110%; }
}
/*991 ENDS*/

@media screen and (max-height: 760px) and (min-width: 1024px) {
    .hero h1 .plus { top: 0px; bottom: auto; }
}

@media screen and (orientation: landscape) and (max-height: 576px) {
    .bgslide { min-height: 100vh; padding: 60px 0; }
}

@media screen and (max-width: 767px) {
    .site-header { padding: 20px;}
    .headernav > li > a { font-size: 48px; line-height: 62px; }
    /* section.bsslides h2 { font-size: 85px; } */
    section.bsslides h2 { font-size: 62px; }
    .bgslide-img::before { opacity: 0.4; }
    .onlinep-bg .plus::before { right: 20%; bottom: 104%; font-size: 3em; }
    .aboutquote { font-size: 28px; line-height: 36px; }
    .aboutquote span { font-size: 20px; }
    .bscontact p { font-size: 26px; line-height: 32px; }
    .blogc { flex: 1 0 100%; max-width: 100%; }
    .blogc-media { height: auto; }
    .onlinep-bg .plus { right: 26%; bottom: 110%; width: 73px; }
}
/*767 ENDS*/

@media screen and (max-width: 680px) {
    .bgslide { min-height: 590px; }
    /* section.bsslides h2 { font-size: 75px; } */
    .onlinep-bg .plus::before { right: 100%; bottom: 10%; }
}
/*680 ENDS*/

@media screen and (max-width: 575px) {
    :root { --formfieldheight: 52px; }
    body { line-height: 30px; }
    h1, .h1, h2, .h2 { font-size: 60px; }
    .hero h1 { font-size: 14.6vw; margin-bottom: 30px; }
    .hero .h1big { line-height: 1em; }
    .bttn { --bttnsize: 54px; padding: 0 35px; }
    .bttn-sm { --bttnsize: 45px; padding: 0; }
    .onlinep p { font-size: 28px; line-height: 36px; margin-bottom: 30px; }
    .onlinep-bg .plus::before { font-size: 2em; right: 20%; bottom: 110%; }
    section.bsslides h2 { font-size: 54px; }
    .aboutquote { font-size: 25px; line-height: 34px; }
    .onlinep-bg .plus { right: 40vw; bottom: 90%; width: 42px; height: 42px; }
    .foonav { gap: 40px; }
    .makeimgsr img, .blogthumb img { border-radius: 10px; }

    .bgslide .font-24 { font-size: 22px; line-height: 1.36; }

    .faq-btn { font-size: 14px; }
}
/*575 ENDS*/

@media screen and (max-width: 459px) {
    h1, .h1, h2, .h2 { font-size: 52px; }
    .bspage h1, .bspage .h1, .bspage h2, .bspage .h2 { font-size: 48px; }

    section.section h2 { margin-bottom: 30px; }
    .font-32 { font-size: 22px; line-height: 28px; }
    
    .hero h1 .plus { top: -60px; right: 0; left: 0; margin: 0 auto; height: 55px; width: 56px; }
    .hero-slide { flex-wrap: wrap; min-height: 0; }
    .hero-container { padding: 13vh 0 10vh; }
    .hero-slideimg { position: static; width: 100%; margin-top: auto; }
    .hero-container { padding: 70px 0 50px; }
    /* section.bsslides h2 { font-size: 48px; } */
    section.bsslides h2 { font-size: 43px; }
    .aboutquote { font-size: 22px; line-height: 32px; }
    .bscontact p { font-size: 22px; line-height: 30px; }
    
    .onlinep-bg .plus { right: 47vw; bottom: 60%; }
}
/*459 ENDS*/

@media screen and (max-width: 374px) {
    h1, .h1, h2, .h2 { font-size: 50px; }

    .onlinep p { font-size: 24px; line-height: 30px; }
    .onlinep-bg { max-width: 46vw; }
    section.bsslides h2 { font-size: 36px; }
    .foolinks { flex-wrap: wrap; gap: 20px; }
    .foolinks li { width: 100%; text-align: center; }
}
/*374 ENDS*/

@media screen and (max-width: 359px) {
    h1, .h1, h2, .h2 { font-size: 42px; }
}
/*359 ENDS*/

@media screen and (max-height: 720px) and (max-width: 480px) {
    .sitemenu { align-items: flex-start; padding: 40px 0; }
}
/*MAX Height 720 MAX Width 480 ENDS*/