/* Responsve Styling */
@media only screen and (min-width: 320px) and (max-width: 519px) {
    .slick-dots li button {
    width: 8px;
}

.headermainNav li a {
    font-size: 8px;

}
.headermainNav {
 
    gap: 10px;
    padding-right: 10px;
}
.bannerContent p {
    font-size: 12px;
    width: 100%;
}

.logo {
    width: 125px;
}

.topCont {
    font-size: 11px;
}

.subHead {
    font-size: 13px;
    gap: 5px;
}

.bannerContent h1 {
    font-size: 24px;
}

.bannerContent h2 {
    font-size: 24px;
    line-height: 1.3;
    margin: -16px 0 10px;
}

.bannerContent h2 span {
    font-size: 30px;
    padding-right: 37px;
    padding-top: 18px;
}

.themeBtn {
    font-size: 10px;
}

.bannerTextMain {
    top: -53%;
    left: 73%;
    width: 98px;
}

.bannerForm {
    margin-top: 35px;
    width: 100%;
    padding: 25px;
}

.formHead {
    font-size: 22px;
}

.sectionContent h3 {
    font-size: 23px;
}

.sectionContent p {
    font-size: 12px;
}

.aboutImg {
    width: 100%;
}

.dotsImg {
    right: 0;
}

.aboutImgMain {
    margin: 0 0 25px;
}

.aboutContent h4 {
    font-size: 27px;
}

.aboutContent p {
    font-size: 12px;
    line-height: 20px;
}

.storyContent h5 span {
    font-size: 25px;
}

.storyContent h5 {
    font-size: 25px;
}

.storyContent p {
    font-size: 12px;
}

.story:before {
    right: -50%;
    width: 395px;
}

.storyBooh {
    height: 240px;
}

.solutionCrd {
    padding: 0px 30px;
    border: none;
}

.solutionContent h6 {
    font-size: 20px;
}

.solutionContent p {
    font-size: 12px;
}

.timeBookImg {
    height: 375px;
}

.offerContent h3 {
    font-size: 30px;
}

.offerContent p {
    font-size: 12px;
}

.offerContent h5 {
    font-size: 18px;
}

.timeText {
    font-size: 35px;
}

.timeDiv span {
    font-size: 12px;
}

.timeDiv {
    height: 88px;
    width: 21%;
}

.timeOffer {
    padding: 0px 0px 50px;
}

.processCrd {
    margin: 0 0 20px;
}

.number {
    font-size: 45px;
}

.processCrd h6 {
    font-size: 17px;
}

.processCrd p {
    font-size: 12px;
    line-height: 20px;
}

.processImg {
    height: 330px;
}

.testimonial {
    padding: 35px 0px 70px;
}

.testSection h3 {
    font-size: 24px;
}

.testArrow {
    justify-content: center;
}

.testTop p {
    font-size: 11px;
}

.testContent h6 {
    font-size: 14px;
}

.testContent h6 span {
    font-size: 12px;
}

.testContent h5 {
    font-size: 16px;
}

.testContent p {
    font-size: 12px;
    line-height: 20px;
}

.accordion-button {
    font-size: 14px;
}

.accordion-body p {
    font-size: 12px;
}

.faqs {
    padding: 70px 0px 120px;
}

.faqBotImg {
    height: 200px;
}

.contactImg {
    height: 350px;
    margin: 0 0 20px;
    width: 100%;
}

.contactFeild label {
    font-size: 12px;
}

.footerLogo {
    width: 150px;
}
.line {
    width: 60px;
}
.footermain p {
    font-size: 12px;
}

.socialIcons {
    margin: 8px 0px 0px;
}

.socialIcons li a {
    font-size: 25px;
}

.footerHead {
    font-size: 19px;
}

.newsletter p {
    font-size: 12px;
}

.footer {
    padding: 50px 0px 0px;
}

.copyMain {
    display: grid;
    justify-content: center;
    align-items: center;
    margin: 20px 0px 0px;
    padding: 15px 0px;
}

.copyMain p {
    font-size: 12px;
}

.privacy {
    justify-content: center;
}

.privacy li a {
    font-size: 12px;
}
}
@media only screen and (min-width: 520px) and (max-width: 767px) {
       .slick-dots li button {
    width: 8px;
}

.headermainNav li a {
    font-size: 8px;

}
.headermainNav {
 
    gap: 10px;
    padding-right: 10px;
}
.bannerContent p {
    font-size: 14px;
    width: 100%;
}

.logo {
    width: 145px;
}

.topCont {
    font-size: 11px;
}

.subHead {
    font-size: 17px;
}

.bannerContent h1 {
    font-size: 42px;
}

.bannerContent h2 {
    font-size: 48px;
}

.bannerContent h2 span {
    font-size: 64px;
    padding-left: 14px;
    padding-top: 18px;
}

.themeBtn {
    font-size: 12px;
}

.bannerTextMain {
    top: -52%;
    left: 80%;
    width: 150px;
}

.bannerForm {
    margin-top: 35px;
    width: 100%;
    padding: 25px;
}

    .bannerForm.popFrom {
    width: 55%;
}

.formHead {
    font-size: 22px;
}

.sectionContent h3 {
    font-size: 30px;
}

.sectionContent p {
    font-size: 14px;
}

.aboutImg {
    width: 100%;
}

.dotsImg {
    right: 0;
}

.aboutImgMain {
    margin: 0 0 25px;
}

.aboutContent h4 {
    font-size: 32px;
}

.aboutContent p {
    font-size: 14px;
    line-height: 25px;
}

.storyContent h5 span {
    font-size: 28px;
}

.storyContent h5 {
    font-size: 35px;
}

.storyContent p {
    font-size: 14px;
}

.story:before {
    right: -30%;
    width: 425px;
}

.storyBooh {
    height: 280px;
}

.solutionCrd {
    padding: 0px 30px;
    border: none;
}

.solutionContent h6 {
    font-size: 25px;
}

.solutionContent p {
    font-size: 15px;
}

.timeBookImg {
    height: 405px;
}

.offerContent h3 {
    font-size: 42px;
}

.offerContent p {
    font-size: 14px;
}

.offerContent h5 {
    font-size: 24px;
}

.timeText {
    font-size: 42px;
}

.timeDiv span {
    font-size: 15px;
}

.timeDiv {
    height: 110px;
    width: 22%;
}

.timeOffer {
    padding: 0px 0px 50px;
}

.processCrd {
    margin: 0 0 20px;
}

.number {
    font-size: 52px;
}

.processCrd h6 {
    font-size: 22px;
}

.processCrd p {
    font-size: 14px;
    line-height: 20px;
}

.processImg {
    height: 380px;
}

.testimonial {
    padding: 35px 0px 70px;
}

.testSection h3 {
    font-size: 26px;
}

.testArrow {
    justify-content: center;
}

.testTop p {
    font-size: 11px;
}

.testContent h6 {
    font-size: 14px;
}

.testContent h6 span {
    font-size: 12px;
}

.testContent h5 {
    font-size: 16px;
}

.testContent p {
    font-size: 12px;
    line-height: 20px;
}

.accordion-button {
    font-size: 14px;
}

.accordion-body p {
    font-size: 12px;
}

.faqs {
    padding: 70px 0px 120px;
}

.faqBotImg {
    height: 270px;
}

.contactImg {
    height: 350px;
    margin: 0 0 20px;
    width: 100%;
}

.contactFeild label {
    font-size: 12px;
}

.footerLogo {
    width: 180px;
}

.footermain p {
    font-size: 14px;
}

.socialIcons {
    margin: 8px 0px 0px;
}

.socialIcons li a {
    font-size: 28px;
}

.footerHead {
    font-size: 24px;
}

.newsletter p {
    font-size: 14px;
}

.footer {
    padding: 50px 0px 0px;
}

.copyMain {
    display: grid;
    justify-content: center;
    align-items: center;
    margin: 20px 0px 0px;
    padding: 15px 0px;
}

.copyMain p {
    font-size: 14px;
}

.privacy {
    justify-content: center;
}

.privacy li a {
    font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slick-dots li button {
    width: 8px;
}

.bannerContent p {
    font-size: 14px;
    width: 100%;
}

.logo {
    width: 145px;
}

.topCont {
    font-size: 11px;
}

.subHead {
    font-size: 16px;
}

.bannerContent h1 {
    font-size: 42px;
}

.bannerContent h2 {
    font-size: 48px;
}

.bannerContent h2 span {
    font-size: 64px;
    padding-left: 14px;
    padding-top: 18px;
}

.themeBtn {
    font-size: 12px;
}

.bannerTextMain {
    top: 7%;
    left: -30%;
    width: 150px;
}

.bannerForm {
    width: 100%;
    padding: 25px;
    margin: 0px -100px 0 0;
}

    .bannerForm.popFrom {
    width: 55%;
}

.formHead {
    font-size: 22px;
}

.sectionContent h3 {
    font-size: 30px;
}

.sectionContent p {font-size: 14px;}

.aboutImg {
    width: 100%;
}

.dotsImg {
    right: 0;
}

.aboutImgMain {
    margin: 0 0 25px;
}

.aboutContent h4 {
    font-size: 32px;
}

.aboutContent p {
    font-size: 13px;
    line-height: 22px;
}

.storyContent h5 span {
    font-size: 28px;
}

.storyContent h5 {
    font-size: 27px;
}

.storyContent p {
    font-size: 14px;
}

.story:before {
    right: -30%;
    width: 425px;
}

.storyBooh {
    height: 280px;
}

.solutionCrd {
    padding: 0px 10px;
}

.solutionContent h6 {
    font-size: 16px;
}

.solutionContent p {
    font-size: 11px;
    width: 92%;
}

.timeBookImg {
    height: 450px;
}

.offerContent h3 {
    font-size: 34px;
}

.offerContent p {
    font-size: 14px;
}

.offerContent h5 {
    font-size: 20px;
}

.timeText {
    font-size: 42px;
}

.timeDiv span {
    font-size: 13px;
}
.timer {
    gap: 14px;
}
.timeDiv {
    height: 108px;
    width: 26%;
    padding: 15px;
}

.timeOffer {
    padding: 0px 0px 50px;
}

.processCrd {
    margin: 0 0 20px;
}

.number {
    font-size: 52px;
}

.processCrd h6 {
    font-size: 18px;
}

.processCrd p {
    font-size: 13px;
    line-height: 20px;
}

.processImg {
    height: 380px;
}

.testimonial {
    padding: 35px 0px 70px;
}

.testSection h3 {
    font-size: 26px;
}

.testArrow {
    justify-content: center;
}

.testTop p {
    font-size: 11px;
}

.testContent h6 {
    font-size: 14px;
}

.testContent h6 span {
    font-size: 12px;
}

.testContent h5 {
    font-size: 16px;
}

.testContent p {
    font-size: 12px;
    line-height: 20px;
}

.accordion-button {
    font-size: 14px;
}

.accordion-body p {
    font-size: 12px;
}

.faqs {
    padding: 70px 0px 120px;
}

.faqBotImg {
    height: 270px;
}

.contactImg {
    height: 350px;
    margin: 0 0 20px;
    width: 100%;
}

.contactFeild label {
    font-size: 12px;
}

.footerLogo {
    width: 180px;
}

.footermain p {
    font-size: 14px;
}

.socialIcons {
    margin: 8px 0px 0px;
}

.socialIcons li a {
    font-size: 28px;
}

.footerHead {
    font-size: 24px;
}

.newsletter p {
    font-size: 14px;
}

.footer {
    padding: 50px 0px 0px;
}

.copyMain {
    display: grid;
    justify-content: center;
    align-items: center;
    margin: 20px 0px 0px;
    padding: 15px 0px;
}

.copyMain p {
    font-size: 14px;
}

.privacy {
    justify-content: center;
}

.privacy li a {
    font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1250px) {}