@media only screen and (min-width: 240px) and (max-width: 1024px) {
  .only_mobile {
    display: block !important;
  }

  .only_desktop {
    display: none !important;
  }

  .mobile_login_btn {
    display: flex;
    align-items: center;
  }

  .mobile_login_btn a {
    font-size: 1.6rem;
  }

  .header .button {
    display: none;
  }

  .header_mobile_all_button {
    padding: 0 3rem;
    max-width: 100%;
    flex: 100%;
  }

  .header_mobile_all_button .button {
    display: block;
    text-align: center;
    margin-top: 2rem;
  }

  .mobile_hamburger {
    width: auto;
    display: flex;
    align-items: center;
  }

  .mobile_hamburger button {
    border: none;
    outline: none;
    background: none;
    width: 2.2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 1rem 0;
  }

  .mobile_hamburger button span {
    width: auto;
    height: 0.26rem;
    border-radius: 1rem;
    background: var(--e-global-color-blue);
    display: inline-block;
    margin: 0.2rem 0;
    transition: all ease-in 0.1s;
  }

  .hamburger_close {
    border: none;
    outline: none;
    background: none;
    font-size: 4rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .hamburger_close a {
    color: var(--e-global-color-blue);
  }

  .mobile_hamburger button span:nth-child(1) {
    width: 100%;
  }

  .mobile_hamburger button span:nth-child(2) {
    width: 70%;
  }

  .menu {
    width: 100%;
    height: 100%;
    max-width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    right: -100%;
    background-color: var(--e-global-color-white);
    overflow-x: hidden;
    padding: 0;
    -webkit-transition: right 0.6s cubic-bezier(0.6, 0.1, 0.68, 0.53);
    transition: right 0.6s cubic-bezier(0.6, 0.1, 0.68, 0.53);
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
  }

  .menu.menu_open {
    right: 0;
  }

  #menu_background_overlay {
    display: block;
    position: fixed;
    z-index: 14;
    top: 0;
    right: -110%;
    height: 100%;
    width: 100%;
    background-color: rgba(51, 51, 51, 0.5);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 1;
    visibility: visible;
  }

  #menu_background_overlay.menu_overlay_active {
    right: 0;
  }

  .mobile_login_btn {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
  }

  .menu > ul {
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    overflow-y: auto;
    padding: 0 1rem;
    height: auto;
    background: var(--e-global-color-white);
  }

  .menu ul li {
    width: 100%;
    font-size: 2rem;
    padding: 1rem 0;
  }

  .menu ul li a {
    width: auto;
    display: inline-block;
    padding: 1rem 2rem;
    color: var(--e-global-color-blue);
  }

  .menu ul li a span {
    position: relative;
  }

  .menu ul li.child_menu {
    padding: 1rem 0 0;
    border-radius: 2.4rem;
    overflow: hidden;
    border: solid 0.1rem transparent;
  }

  .menu ul li.child_menu:hover {
    border-color: #ecf0f2;
  }

  .menu ul li.child_menu a span {
    padding-right: 1rem;
  }

  .menu ul li.child_menu > a {
    padding: 1rem 2rem;
    color: var(--e-global-color-blue);
  }

  /*.menu ul li > a:after {
		font-family:var(--fa-style-family,"Font Awesome 6 Pro");
		content: "\f00a";
	    position: absolute;
	    left: 0;
	    top: 1.2rem;
	    display: inline-block;
	    font-style: normal;
	    font-weight: normal;
	    line-height: 1;
	    font-size: 1.4rem;
	}*/

  .menu ul li.child_menu:hover > a span:after {
    border-color: var(--e-global-color-orange);
  }

  .menu ul li.child_menu .child_menu_panel {
    position: relative;
    opacity: 1;
    visibility: visible;
    background: transparent;
    min-width: 100%;
    max-width: 100%;
    top: 0;
    box-shadow: none;
    padding: 0;
    display: none;
  }

  .menu ul li.child_menu:hover .child_menu_panel {
    display: block;
  }

  .menu ul li.child_menu .child_menu_panel li {
    padding: 1rem 1rem 1rem 1.5rem;
  }

  .menu ul li.child_menu .child_menu_panel li a {
    color: var(--e-global-color-blue);
    padding: 1rem 2rem;
  }

  .menu ul li.child_menu .child_menu_panel .child_menu_panel {
    left: 0;
    padding-top: 1rem;
  }

  .menu ul li.child_menu .child_menu_panel li.child_menu > a {
    font-weight: 600;
  }

  .menu ul li.child_menu:after {
    width: 2rem;
    height: 2rem;
    top: 2rem;
    bottom: auto;
    transform: rotate(-90deg);
  }

  .menu ul li.child_menu:hover:after {
    color: var(--e-global-color-blue);
  }

  .menu ul li.child_menu .child_menu_panel li a .services_price {
    font-size: 1.75rem;
  }

  .menu ul li.child_menu .child_menu_panel li a p {
    font-size: 1.5rem;
  }

  .menu ul li.child_menu .child_menu_panel li.view_all_services a {
    font-size: 1.75rem;
  }

  .child_menu_panel_box {
    padding-bottom: 0;
  }

  .mobile_view {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 2rem 2rem;
    max-width: 100%;
    flex: 100%;
  }

  .mobile_view_logo {
    max-width: 15rem;
  }

  .mobile_view_assistance {
    width: 100%;
    height: calc(100vh - 54.5rem);
    padding: 3em 6rem 2rem 3rem;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 160%;
    color: var(--e-global-color-blue);
    background: url(../images/mobile-view-bg.png);
  }

  .mobile_view_assistance h3 {
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 120%;
    margin-bottom: 1.5rem;
    font-family: var(--heading-font-family);
    color: var(--e-global-color-blue);
  }

  .mobile_view_assistance .button {
    display: inline-block;
    margin-top: 1rem;
  }

  .faq_accordian_box {
    padding: 0 1.5rem;
  }

  .all_review_bottom {
    margin-top: 3rem;
  }

  .services_details_sec1_right {
    padding: 0 1.5rem;
  }

  .corporate_address ul li {
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .only_mobile {
    display: none !important;
  }

  .only_desktop {
    display: block !important;
  }

  .all_services_plans .only_desktop {
    display: flex !important;
  }
}

@media only screen and (min-width: 240px) and (max-width: 767px) {
  html {
    font-size: 50%;
  }

  .container {
    max-width: calc(100% - 2rem);
  }

  .mobile_view,
  .mobile_hamburger,
  .mobile_login_btn {
    display: flex;
  }

  .heading {
    margin-bottom: 2rem;
  }

  .heading h2 {
    font-size: 3.4rem;
  }

  .button a,
  .button button {
    width: 100%;
    font-size: 1.6rem;
    line-height: 160%;
  }

  .header {
    padding: 1.5rem 0;
    background: #fef8f4;
  }

  .header.header_fixed {
    background: var(--e-global-color-white);
  }

  .logo {
    max-width: 35%;
  }

  .banner {
    padding: 10rem 0 0;
    text-align: center;
  }

  .banner_left {
    padding: 0 4rem;
    font-size: 1.7rem;
    text-align: center;
    justify-content: center;
  }

  .banner_left .button a {
    font-size: 1.4rem;
  }

  .banner_left h1 {
    font-size: 4rem;
    line-height: 120%;
  }

  .banner_left .button {
    min-width: 29rem;
    max-width: 29rem;
    margin: 2rem 1rem auto;
  }

  .banner_right {
    padding: 0;
    margin-top: 4rem;
    position: relative;
    max-width: 100%;
  }

  .banner_right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
  }

  .trusted_sec {
    padding: 2rem 0;
  }

  .home_sec2_box_content {
  }

  .home_sec2_box_content h3 {
    font-size: 2.6rem;
    margin-bottom: 1rem;
  }

  .home_sec2_box {
    padding: 0;
    margin-bottom: 3rem;
  }

  .home_sec3 {
    margin: 0;
    padding-bottom: 0;
  }

  .home_sec3_box_main {
    padding: 0 0.7rem;
    margin-bottom: 1.2rem;
  }

  .home_sec3_box {
    padding: 2rem 1.5rem;
    font-size: 1.4rem;
  }

  .home_sec3_box h4 {
    font-size: 3.8rem;
  }

  .home_sec3_box span {
    font-size: 2.2rem;
  }

  .home_sec4 .heading h2 {
    font-size: 3.6rem;
    line-height: normal;
    margin-bottom: 2rem;
  }

  .home_sec4 .heading .button {
    display: none;
  }

  .faq_accordian_box .card .card-body {
    font-size: 1.8rem;
    line-height: 3rem;
  }

  .faq_tab .all_tab_head {
    overflow-x: auto;
  }

  .faq_tab .all_tab_head .tab-menu {
    width: 55rem;
    padding-bottom: 2rem;
  }

  .faq_tab .all_tab_head ul li {
    width: 20rem;
  }

  .faq_sec2_inside {
    padding: 5rem 2rem;
  }

  .faq_sec2_inside .heading {
    text-align: left !important;
  }

  .home_sec5 {
    overflow: hidden;
  }

  .home_sec5 .heading {
    text-align: left !important;
  }

  .service_bottom_sec {
    padding-left: 0;
    position: relative;
    background: none;
  }

  .service_bottom_sec:before {
    width: 20rem;
    height: 35rem;
    content: "";
    position: absolute;
    right: -5rem;
    top: 0;
    background: url(../images/question-big.png) no-repeat;
    background-position: right;
    background-size: contain;
  }

  .service_bottom_sec .heading {
    text-align: left !important;
    max-width: 80%;
    margin: 0 auto 0 0 !important;
  }

  .service_bottom_sec .heading p {
    line-height: 160%;
  }

  .secvice_bottom_button {
    text-align: left;
  }

  .services_box_main {
    padding: 0 2.5rem;
  }

  .services_box {
    margin: 0.6rem 0;
  }

  .services_box_left h3 {
    font-size: 2.8rem;
  }

  .home_sec5 .heading h2 {
    font-size: 3.5rem;
  }

  .home_sec6 {
    padding: 5rem 1rem;
  }

  .home_sec7 {
    padding: 5rem 0;
  }

  .t_logo {
    padding: 0 0.5rem;
    height: 5rem;
    max-width: 33.33%;
  }

  .t_logo img {
    max-width: 10rem;
  }

  .enquiry_form_bg .heading {
    text-align: left !important;
  }

  .enquiry_form .form-group {
    padding: 0;
  }

  .home_sec9 .container {
    max-width: 100%;
  }

  .home_sec9 .heading {
    padding-left: 2rem;
  }

  .home_sec9 .all_recommend {
    padding-left: 2rem;
    padding-right: 0;
  }

  .home_sec9 .all_recommend .recommend_slide {
    margin-left: 0;
  }

  .home_sec9 .all_recommend .recommend_slide .slick-list {
    padding-left: 0;
  }

  .recommend_box {
    padding-right: 1rem;
    padding-left: 2rem;
  }

  .contact_sec2 .container {
    max-width: 100%;
  }

  .footer_address {
    margin-top: 2rem;
  }

  .footer_bottom_box {
    margin-top: 2rem;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }

  .footer_bottom_box p {
    width: 100%;
    margin-top: 1rem;
  }

  .get_direction b {
    font-size: 1.75rem;
  }

  .contact_address:nth-child(2) {
    padding: 0 1.5rem;
  }

  .contact_address ul li .footer_address_icon {
    width: 3rem;
  }

  .contact_address ul li .footer_address_text {
    width: calc(100% - 4rem);
    font-size: 2rem;
    line-height: 160%;
  }

  .social {
    margin-top: 2rem;
  }

  /*-- plan page --*/

  .plans_sec1 {
    margin-top: 8rem;
    background-image: url(../images/plan-bg-mobile.png);
  }

  .plans_sec_box {
    padding: 2.4rem;
  }

  .plan_all_button {
    width: 100%;
    position: relative;
  }

  .plans_main_box {
    margin: 4rem 0 2rem;
  }

  .quiz_sec_2 .plans_main_box .plans_sec_box {
    padding-bottom: 2rem;
  }

  .quiz_sec_2 .heading h2 {
    margin: 2rem 0;
  }

  /*-- Quiz page --*/

  .quiz_sec_1 {
    padding: 5rem 0 0;
    background-position-y: -2rem;
    background-size: 22rem auto;
  }

  .quiz_sec_1 .container {
    max-width: 100%;
  }

  .quiz_white_main_box {
    padding: 4rem 2rem 3rem;
  }

  .quiz_white_main_box_inside_part .heading h2 {
    font-size: 3rem;
  }

  /*-- All Services page --*/

  .services_details_sec1 {
    padding-top: 7rem;
  }

  .services_details_sec1 .container {
    max-width: 100%;
  }

  .services_details_sec1_left {
    margin-bottom: 3rem;
    border-radius: 0;
    padding: 0;
    background: transparent;
  }

  .services_details_sec1_left_image {
    border-radius: 0;
    background: #f3f9fc;
    height: 38vh;
  }

  .services_details_sec1_right {
    padding: 0 2.5rem;
  }

  .services_details_sec1_right_content h3 {
    font-size: 4.5rem;
  }

  .fastest {
    font-size: 2.4rem;
  }

  .services_sec2 {
    margin-top: 0;
    background-image: none;
  }

  .services_sec3 .container {
    max-width: 100%;
    padding: 0;
  }

  .services_sec3_left {
    order: 2;
  }

  .services_sec3_right {
    order: 1;
  }

  .services_sec5_box {
    padding: 0 0.7rem;
  }

  .enquiry_form .form-control {
    height: 8.5rem;
  }

  .enquiry_form
    .PhoneInput
    .css-b62m3t-container
    .css-13cymwt-control
    .css-1fdsijx-ValueContainer
    .css-1dimb5e-singleValue,
  .enquiry_form
    .PhoneInput
    .css-b62m3t-container
    .css-t3ipsp-control
    .css-1fdsijx-ValueContainer
    .css-1dimb5e-singleValue {
    width: 10.5rem;
  }

  /*-- Services Details page --*/

  .sd_button {
    position: static;
    text-align: center;
    margin-top: 2rem;
  }

  .sd_button .button {
    width: 100%;
    margin: 1rem 0;
  }

  .sd_button .button a {
    width: 100%;
  }

  .services_details_sec1_left_icon {
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    background: #f3f9fc;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .services_details_sec2_top .button {
    display: none;
  }

  .services_details_sec2_bottom .button {
    display: inline-block;
  }

  .services_details_sec2_top .heading h2 {
    font-size: 4rem;
  }

  .how_work_part h3 {
    font-size: 3rem;
    min-height: inherit;
  }

  .services_details_sec5 .heading h2 {
    font-size: 3.5rem;
  }

  .plans_sec_box h3 {
    font-size: 3rem;
  }

  .services_details_sec6 .container {
    max-width: 100%;
  }

  .services_details_sec6 .container .col-lg-5,
  .services_details_sec6 .container .col-lg-7 {
    padding: 0;
  }

  .services_details_sec6_right {
    margin-bottom: 5rem;
  }

  .services_details_sec6 .row {
    flex-direction: column-reverse;
  }

  .download_sample img {
    width: 80%;
    right: 4rem;
  }

  .faq_accordian_box .button {
    display: inline-block;
    margin: 3rem auto auto;
  }

  .faq_accordian_box .button a {
    padding: 2rem 6rem;
  }

  .faq_tab_content {
    margin-top: 3rem;
    padding: 0;
  }

  .faq_tab_content .tab-box .heading,
  .faq_tab_content .tab-box .faq_accordian_box {
    max-width: 100%;
    flex: 100%;
    padding: 0;
  }

  .services_details_sec3 {
    padding-bottom: 3rem;
  }

  .services_details_sec4 .all_sd_business {
    margin-bottom: 0;
  }

  .services_details_sec6_right .heading {
    font-size: 2rem;
  }

  .services_details_sec6_right .button a {
    padding: 1.5rem 5rem;
  }

  /*-- About page --*/

  .about_sec2 {
    padding-bottom: 5rem;
    background: linear-gradient(180deg, #ffffff 0%, #fff6f0 90%);
  }

  .company_about ul:before {
    height: 87%;
  }

  .about_sec1 .heading {
    color: #677f89;
    font-size: 1.7rem;
  }

  .about_sec1 .heading h2 {
    font-size: 3.2rem;
    line-height: 4.4rem;
  }

  .company_about {
    padding: 0;
    border: none;
    background: transparent;
    border-radius: 0;
  }

  .about_sec3 .news_logo .t_logo {
    height: 5rem;
    padding: 0 0.5rem;
    margin: 0.5rem 0;
    width: 33.33%;
  }

  .t_logo img {
    width: 100%;
    max-width: 100%;
  }

  .partner_sec1 .container {
    padding: 0;
  }

  .partner_sec1 .partner_sec1_right {
    padding: 0 3rem;
    margin-top: 3rem;
  }

  .partner_sec1_right ul li .partner_join_icon img {
    max-width: 5.5rem;
  }

  .partner_sec1 .partner_sec1_right .button {
    width: 100%;
    text-align: center;
  }

  .partner_sec3 .container {
    padding: 0;
    max-width: 100%;
  }

  .partner_sec3_main_box {
    margin-bottom: 3rem;
  }

  .partner_sec3_bg_image {
    padding: 3.5rem 2rem;
    border-radius: 0;
  }

  .partner_sec3_box_content {
    padding: 2rem;
  }

  .partner_sec3_box_content .heading {
    font-size: 1.8rem;
  }

  .partner_sec3_box_content .heading h2 {
    line-height: 120%;
  }

  .search_bar {
    width: 100%;
  }

  .blog_tab {
    overflow-x: auto;
  }

  .blog_tab ul {
    width: 75rem;
    padding-bottom: 2rem;
  }

  .blog_post_top .blog_box {
    max-width: 100%;
    flex: 100%;
  }

  .blog_post_top .blog_box:not(:first-child) .recommend_box {
    flex-wrap: wrap;
  }

  .blog_post_top .blog_box:first-child .recommend_box .recommend_box_image,
  .blog_post_top
    .blog_box:not(:first-child)
    .recommend_box
    .recommend_box_image {
    height: 30rem;
  }

  .blog_details_bottom {
  }

  .blog_details_bottom_left,
  .blog_details_bottom_right {
    width: 100%;
  }

  .blog_details_bottom_right {
    order: 1;
  }

  .blog_details_bottom_left {
    order: 2;
    padding-right: 0;
    padding-top: 3rem;
  }

  .blog_details_bottom_full_content {
    order: 3;
  }

  .blog_details_bottom_left_top {
    flex-wrap: wrap;
  }

  .blog_details_bottom_user_part {
    width: 100%;
  }

  .blog_details_bottom_social {
    width: 100%;
    justify-content: flex-start;
    padding-top: 2rem;
  }

  .blog_details_bottom_social ul li {
    margin: 0 1rem;
    font-size: 2.2rem;
  }

  .blog_details_bottom h2 {
    font-size: 3.2rem;
  }

  .blog_details_bottom h3 {
    font-size: 2.6rem;
  }

  .main_modal {
    padding: 2% 4%;
  }

  .telephone {
    max-width: 30rem;
  }

  .free_consult_box_bottom .heading {
    padding: 0;
    font-size: 1.6rem;
  }

  .free_consult_box_bottom .heading h2 {
    font-size: 2.8rem;
  }

  .free_consult_box_bottom .button {
    width: 100%;
  }

  .contact_sec1_left .enquiry_form_bg {
    padding: 4rem 0 1rem;
  }

  .contact_sec1_left .enquiry_form_bg .heading {
    padding: 0;
  }

  .ensuccess_sec1 .container {
    max-width: 100%;
  }

  .ensuccess_box {
    padding: 6rem 0;
  }

  .ensuccess_box .heading {
    font-size: 1.75rem;
  }

  .ensuccess_image_box {
    padding: 0;
  }

  .ensuccess_image_box ul li:first-child {
    padding-left: 0;
  }

  .ensuccess_image_box ul li:last-child {
    padding-right: 0;
  }

  .error_sec1_main {
    background-size: 22rem;
    padding: 0 0 10rem;
  }

  .error_sec1_left_bottom ul li {
    width: 100%;
  }

  .partner_sec1 {
    margin-top: 3rem;
  }

  .sd_business_box_main {
    margin-bottom: 3rem;
  }

  .op_slider {
    padding: 0;
  }

  .op_slider .item {
    height: 21rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html {
    font-size: 55%;
  }

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: calc(100% - 8rem);
  }

  .mobile_view,
  .mobile_hamburger,
  .mobile_login_btn {
    display: flex;
  }

  .header {
    padding: 1.5rem 0;
  }

  .logo {
    max-width: 35%;
  }

  .hand {
    background-size: 75rem;
  }

  .home_sec3_box_main {
    margin-bottom: 2rem;
  }

  .home_sec5 {
    overflow: hidden;
  }

  .home_sec5 .heading {
    text-align: left !important;
  }

  .service_bottom_sec {
    padding-left: 0;
    position: relative;
    background: none;
  }

  .service_bottom_sec:before {
    width: 20rem;
    height: 35rem;
    content: "";
    position: absolute;
    right: -5rem;
    top: 0;
    background: url(../images/question-big.png) no-repeat;
    background-position: right;
    background-size: contain;
  }

  .service_bottom_sec .heading {
    text-align: left !important;
    max-width: 80%;
    margin: 0 auto 0 0 !important;
  }

  .service_bottom_sec .heading p {
    line-height: 160%;
  }

  .secvice_bottom_button {
    text-align: left;
  }

  .home_sec6 {
    padding-left: 0;
  }

  .plan_all_button .button a {
    padding: 1.5rem 2rem;
  }

  .footer_address {
    max-width: 50%;
    padding-top: 2rem;
  }

  .footer_address:last-child {
    padding-left: 0;
  }

  .main_modal {
    padding: 4% 8%;
  }

  .telephone {
    max-width: 30rem;
  }

  .free_consult_box_bottom .heading {
    font-size: 2rem;
  }

  .free_consult_box_bottom .heading h2 {
    font-size: 3.6rem;
  }

  .blog_details_bottom_left_top {
    flex-wrap: wrap;
  }

  .blog_details_bottom_user_part {
    width: 100%;
  }

  .blog_details_bottom_social {
    width: 100%;
    justify-content: flex-start;
  }

  .blog_details_bottom h2 {
    font-size: 4.2rem;
  }

  .sd_button .button a {
    width: 22rem;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  html {
    font-size: 58%;
  }

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: calc(100% - 10rem);
  }

  .heading h2 {
    font-size: 4rem;
    line-height: 6.2rem;
  }

  .menu ul li a {
    padding: 1rem;
  }

  .banner {
    padding: 11rem 0 0 6.5rem;
  }

  .banner_left {
    max-width: 40%;
    flex: 40%;
    padding-right: 2rem;
  }

  .banner_left p {
    padding: 0;
  }

  .banner_right {
    max-width: 60%;
    flex: 60%;
    padding-left: 0;
  }

  .home_sec2_box {
    padding: 0;
  }

  .home_sec2_box_content {
    font-size: 1.6rem;
  }

  .home_sec2_box_content h3 {
    font-size: 2.6rem;
    margin-bottom: 1rem;
  }

  .home_sec3_box h4 {
    font-size: 3.8rem;
  }

  .hand {
    background-size: 52rem !important;
    background-position-y: 3rem !important;
  }

  .all_services_box_wrap {
    max-width: 100%;
    flex: 100%;
  }

  .secvice_bottom_button {
    max-width: 67%;
    flex: 67%;
  }

  .t_logo {
    margin: 2rem 0;
  }

  .recommend_box_image {
    height: 20rem;
  }

  .footer_top {
    padding: 2rem;
  }

  .footer_top_box img {
    max-width: 15rem;
  }

  .footer_bottom {
    padding: 3rem 0 2rem 0;
  }

  .services_sec3_left {
    max-width: 60%;
    flex: 60%;
  }

  .services_sec3_right {
    max-width: 40%;
    flex: 40%;
  }

  .services_sec3_right .plans_main_box {
    max-width: 100%;
    flex: 100%;
  }

  .all_services_plans {
    max-width: 80%;
    flex: 80%;
  }

  .main_modal {
    padding: 5% 12%;
  }

  .free_consult_box_bottom .heading {
    font-size: 2rem;
  }

  .free_consult_box_bottom .heading h2 {
    font-size: 3.6rem;
  }

  .blog_details_bottom_left_top {
    flex-wrap: wrap;
  }

  .blog_details_bottom_user_part {
    width: 100%;
  }

  .blog_details_bottom_social {
    width: 100%;
    justify-content: flex-start;
  }

  .blog_details_bottom h2 {
    font-size: 4.2rem;
  }

  .sd_button .button a {
    width: 20rem;
    font-size: 1.6rem;
    padding: 1.8rem 2.5rem;
  }

  .vide_sec1 {
    padding-top: 10rem;
  }

  .vide_sec1 .heading h2 {
    font-size: 4.3rem;
  }

  .contact_sec1_right {
    max-width: 58%;
    flex: 58%;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1480px) {
  html {
    font-size: 58%;
  }

  .heading h2 {
    font-size: 4.6rem;
    line-height: 6rem;
  }

  .home_sec2_box_content {
    font-size: 1.6rem;
  }

  .home_sec2_box_content h3 {
    font-size: 2.6rem;
  }

  .hand {
    background-size: 54rem;
    background-position-y: 2rem;
  }

  .faq_accordian_box .card .card-header button {
    padding: 1.5rem 3.5rem 1.5rem 0;
    font-size: 2.15rem;
  }

  .faq_accordian_box .card .card-body {
    font-size: 2.15rem;
  }

  .recommend_box_image {
    height: 24rem;
  }

  .services_details_sec1_right_content h3 {
    font-size: 4.6rem;
    line-height: 140%;
  }

  .service_price {
    font-size: 2.2rem;
    line-height: 160%;
  }

  .services_details_sec2_top .button a {
    font-size: 2.15rem;
  }

  .recommend_box_content {
    font-size: 1.5rem;
  }

  .recommend_box_content h5 {
    font-size: 1.8rem;
  }

  .sd_button .button a {
    width: 24rem;
  }

  .plans_sec_box h3 {
    font-size: 2.6rem;
  }

  .quiz_sec_2 .plans_main_box {
    margin: 5rem 0 0;
  }
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  html {
    font-size: 70%;
  }
}

@media only screen and (min-width: 1801px) and (max-width: 2000px) {
  html {
    font-size: 80%;
  }
}

@media only screen and (min-width: 2001px) and (max-width: 2200px) {
  html {
    font-size: 85%;
  }
}

@media only screen and (min-width: 2201px) and (max-width: 2500px) {
  html {
    font-size: 95%;
  }
}

@media only screen and (min-width: 2501px) and (max-width: 3000px) {
  html {
    font-size: 115%;
  }
}

@media only screen and (min-width: 3001px) and (max-width: 4000px) {
  html {
    font-size: 128%;
  }
}

@media only screen and (min-width: 4001px) and (max-width: 5000px) {
  html {
    font-size: 188%;
  }
}

@media only screen and (min-width: 5001px) {
  html {
    font-size: 250%;
  }
}