@media (min-width: 280px) and (max-width: 379.98px){
    .offcanvas-end {
        width: 300px;
    }
    .banner_main .banner_content .banner_text h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .banner_main .banner_content {
        padding-top: 80px;
    }

    .banner_main .banner_content .banner_text h4 {
        line-height: 30px;
        font-size: 18px;
    }
    .banner_img {
        padding-top: 40px;
    }
    .customer .customer_wrapper .customer_wrap {
        height: 50px;
    }
    .banner_main {
        height: 83vh;
        width: 100%;
        position: relative;
    }
    .service .service_wrapper .wrap_item {
        border-right: 1px solid transparent;
        height: 170px;
    }
    .service .service_wrapper::after {
        background-color: transparent;
    }
    .feature .feature_wrapper .img_container {
        height: 390px;
    }
    .feature {
        padding: 25px 0;
    }
    .feature_text {
        padding-top: 30px;
    }
    .faq .faq_wrapper {
        padding-top: 0px;
    }
    .faq .faq_wrapper .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 17px;
        font-weight: 500;
    }
    
    .section_heading p {
        padding: 0 0px !important;
    }
    .plan .plan_wrapper .plan_wrap {
       margin-bottom: 20px;
    }
    .descover .descover_wrapper p {
        padding: 10px 0px;
    }
    

 }

@media (min-width: 380px) and (max-width: 479.98px){
    .offcanvas-end {
        width: 300px;
    }
    .banner_main .banner_content .banner_text h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .banner_main .banner_content {
        padding-top: 80px;
    }

    .banner_main .banner_content .banner_text h4 {
        line-height: 30px;
        font-size: 18px;
    }
    .banner_img {
        padding-top: 40px;
    }
    .customer .customer_wrapper .customer_wrap {
        height: 50px;
    }
    .banner_main {
        height: 83vh;
        width: 100%;
        position: relative;
    }
    .service .service_wrapper .wrap_item {
        border-right: 1px solid transparent;
        height: 170px;
    }
    .service .service_wrapper::after {
        background-color: transparent;
    }
    .feature .feature_wrapper .img_container {
        height: 390px;
    }
    .feature {
        padding: 25px 0;
    }
    .feature_text {
        padding-top: 30px;
    }
    .faq .faq_wrapper {
        padding-top: 0px;
    }
    .faq .faq_wrapper .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 17px;
        font-weight: 500;
    }
    
    .section_heading p {
        padding: 0 0px !important;
    }
    .plan .plan_wrapper .plan_wrap {
       margin-bottom: 20px;
    }
    .descover .descover_wrapper p {
        padding: 10px 0px;
    }
    

 }

@media (min-width: 480px) and (max-width: 575.98px){
    .offcanvas-end {
        width: 300px;
    }
    .banner_main .banner_content .banner_text h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .banner_main .banner_content {
        padding-top: 80px;
    }

    .banner_main .banner_content .banner_text h4 {
        line-height: 30px;
        font-size: 18px;
    }
    .banner_img {
        padding-top: 40px;
    }
    .customer .customer_wrapper .customer_wrap {
        height: 50px;
    }
    .service .service_wrapper .wrap_item {
        border-right: 1px solid transparent;
        height: 170px;
    }
    .service .service_wrapper::after {
        background-color: transparent;
    }
    .feature .feature_wrapper .img_container {
        height: 390px;
    }
    .feature {
        padding: 25px 0;
    }
    .plan .plan_wrapper {
        padding-top: 40px;
        width: 70%;
        margin: 0 auto;
    }
    .feature_text {
        padding-top: 30px;
    }
    .faq .faq_wrapper {
        padding-top: 0px;
    }
    .faq .faq_wrapper .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 17px;
        font-weight: 500;
    }
    
    .section_heading p {
        padding: 0 0px !important;
    }
    .plan .plan_wrapper .plan_wrap {
       margin-bottom: 20px;
    }
    .descover .descover_wrapper p {
        padding: 10px 0px;
    }
    

 }

 @media (min-width: 576px) and (max-width: 767.98px){
    .offcanvas-end {
        width: 300px;
    }
    .plan .plan_wrapper {
        padding-top: 40px;
        width: 70%;
        margin: 0 auto;
    }
    .banner_main .banner_content .banner_text h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .banner_main .banner_content {
        padding-top: 80px;
    }

    .banner_main .banner_content .banner_text h4 {
        line-height: 30px;
        font-size: 18px;
    }
    .banner_img {
        padding-top: 40px;
    }
    .customer .customer_wrapper .customer_wrap {
        height: 50px;
    }
    .service .service_wrapper .wrap_item {
        border-right: 1px solid transparent;
        height: 170px;
    }
    .service .service_wrapper::after {
        background-color: transparent;
    }
    .feature .feature_wrapper .img_container {
        height: 390px;
    }
    .feature {
        padding: 25px 0;
    }
    .feature_text {
        padding-top: 30px;
    }
    .faq .faq_wrapper {
        padding-top: 0px;
    }
    .faq .faq_wrapper .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 17px;
        font-weight: 500;
    }
    
    .section_heading p {
        padding: 0 0px !important;
    }
    .plan .plan_wrapper .plan_wrap {
       margin-bottom: 20px;
    }
    .descover .descover_wrapper p {
        padding: 10px 0px;
    }
    

 }

 @media (min-width: 768px) and (max-width: 991.98px){
    .offcanvas-end {
        width: 300px;
    }
    .banner_main .banner_content .banner_text h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .banner_main .banner_content {
        padding-top: 80px;
    }

    .banner_main .banner_content .banner_text h4 {
        line-height: 30px;
        font-size: 18px;
    }
    .banner_img {
        padding-top: 40px;
    }
    .customer .customer_wrapper .customer_wrap {
        height: 50px;
    }
    .service .service_wrapper .wrap_item {
        border-right: 1px solid transparent;
        height: 170px;
    }
    .service .service_wrapper::after {
        background-color: transparent;
    }
    .feature .feature_wrapper .img_container {
        height: 390px;
    }
    .feature {
        padding: 25px 0;
    }
    .feature_text {
        padding-top: 30px;
    }
    .faq .faq_wrapper {
        padding-top: 0px;
    }
    .faq .faq_wrapper .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 17px;
        font-weight: 500;
    }
    
    .section_heading p {
        padding: 0 0px !important;
    }
    .plan .plan_wrapper .plan_wrap {
       margin-bottom: 20px;
    }
    .descover .descover_wrapper p {
        padding: 10px 0px;
    }
    .feature .feature_wrapper .img_container::after {
        display: none;
    }


 }

 @media (min-width: 992px) and (max-width: 1499.98px){
    .banner_main .banner_content .banner_text h1 {
        font-size: 50px;
        line-height: 60px;
    }
    .banner_main .banner_content .banner_text h4 {
        line-height: 30px;
        font-size: 18px;
    }
    .service .service_wrapper {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .feature .feature_wrapper .img_container {
        height: 450px;
    }

    .plan .plan_wrapper .plan_wrap {
        height: 400px;
        width: 100%;


        border-radius: 10px;
        padding: 10pxpx 12px;
    }
  .plan .plan_wrapper .plan_wrap h2 {
	font-size: 28px;
}
    .plan .plan_wrapper .plan_wrap ul {
       padding: 0px 0px;
    }
    .descover .descover_wrapper p {
        padding: 10px 220px;
    }
    .plan .section_heading p {
        font-size: 15px;
        padding: 0 220px;
        text-align: center;
        padding-top: 15px;
    }
    .feature {
        padding: 20px 0;
    }
    .plan .plan_wrapper .plan_wrap ul li {
        font-size: 14px;
        padding: 4px 0;
    }
    .plan .plan_wrapper .plan_wrap .plan_btn {
        margin-top: 30px;
        text-align: center;
    }




 }