/* Media Queries  */

@media screen and (max-width: 1440px){
    .main_header {
        padding: 35px 85px 0;
    }
    .navbar-nav {
        padding-left: 90px;
    }
    .navbar-nav li {
        margin: 0 10px 0 10px;
    }

    .left_icons ul li {
        padding: 10px 12px 8px 10px;
    }

    .banner-section-outer .banner-section {
        padding: 50px 85px 138px;
    }
    h1 {
        font-size: 54px;
        line-height: 66px;
    }
    .banner-section-outer .banner-section .banner-section-image img{
        width: 600px;
    }
    .banner-section-outer .banner-section .banner_left_bottom_shape img{
        width: 185px;
    }
    .banner-section-outer .banner-section .banner_right_top_shape {
        bottom: 155px;
    }
    .banner-section-outer .banner-section .banner_right_top_shape img{
        width: 155px;
    }
    .banner-section-outer .banner-section .banner_right_bottom_shape {
        bottom: 40px;
    }

    .services_section .services_left_shape {
        top: 65px;
    }
    .services_section .services_left_shape img{
        width: 230px;
    }

    .our_specialties_section .our_specialties_right_shape {
        top: 110px;
    }

    .get_in_touch_section .get_in_touch_shape {
        bottom: 0;
    }
    .get_in_touch_section .get_in_touch_shape img {
        width: 120px;
    }
    .get_in_touch_section::after {
        width: 58%;
    }
    .get_in_touch_section .get_in_touch_video .video_img {
        left: -15px;
        top: 220px;
        margin-right: 0;
    }

    .testimonial_content .testimonial_paragraph {
        padding: 0 86px 0;
    }
    #carouselExampleControls .carousel-control-prev {
        left: -45px;
    }
    #carouselExampleControls .carousel-control-next {
        right: -45px;
    }
    .testimonial_section .testimonial_left_shape {
        top: 30px;
    }
    .testimonial_section .testimonial_left_shape img{
        width: 180px;
    }
    .testimonial_section .testimonial_right_shape img{
        width: 185px;
    }

    .blog_posts_section .blog_posts_right_shape {
        bottom: 705px;
    }
    .blog_posts_section .blog_posts_right_shape img{
        width: 190px;
    }
    .blog_posts_section .blog_posts_left_shape {
        bottom: 0;
    }
    .blog_posts_section .blog_posts_left_shape img {
        width: 190px;
    }

    .footer_shape figure {
        bottom: 85px;
    }
    .footer_shape figure img {
        width: 160px;
    }

    .mission_section .mission_right_shape {
        top: 15px;
    }
    .mission_section .mission_right_shape img{
        width: 90px;
    }
    .vision_section .vision_left_shape {
        top: unset;
        bottom: 15px;
    }
    .vision_section .vision_left_shape img{
        width: 95px;
    }

    .services_section .services_page_services_right_shape {
        top: 30px;
    }
    .services_section .services_page_services_right_shape img{
        width: 255px;
    }

    .contact_map_section iframe{
        width: -webkit-fill-available;
    }
}

@media screen and (max-width: 1199px){
    .main_header {
        padding: 30px 60px 0;
    }
    .navbar-brand img{
        width: 190px;
    }
    .navbar-nav {
        padding-left: 36px;
    }
    .navbar-nav li {
        margin: 0 14px 0 10px;
    }
    .navbar-nav .nav-item a {
        font-size: 16px;
        line-height: 16px;
    }
    .navbar-nav .dropdown {
        margin: 0 12px 0 12px;
    }
    .navbar-nav .nav-item .contact_us {
        padding: 18px 40px;
    }
    .navbar-nav .drop-down-pages .nav-item a {
        font-size: 15px;
        line-height: 15px;
    }
    .navbar-nav .dropdown-menu {
        top: 32px;
    }
    .left_icons {
        height: 745px;
    }
    .left_icons ul li {
        padding: 8px 10px 6px 8px;
    }
    .left_icons ul li i {
        font-size: 16px;
        line-height: 42px;
        height: 42px;
        width: 42px;
    }

    .banner-section-outer .banner-section {
        padding: 90px 60px 100px;
    }
    .banner-section-outer .banner-section .banner-section-content {
        padding-top: 115px;
    }
    h5 {
        font-size: 18px;
        line-height: 26px;
    }
    .banner-section-outer .banner-section h1 {
        margin-bottom: 15px;
    }
    h1 {
        font-size: 42px;
        line-height: 62px;
    }
    p {
        font-size: 18px;
        line-height: 26px;
    }
    .banner-section-outer .banner-section p {
        margin-bottom: 25px;
        padding-right: 0;
    }
    .banner-section-outer .banner-section-content .btn_wrapper {
        margin-bottom: 40px;
    }
    .banner-section-outer .btn_wrapper .getstarted_btn {
        font-size: 20px;
        line-height: 20px;
        padding: 22px 45px;
    }
    .banner-section-outer .banner-section .banner-section-content .top-btn i {
        font-size: 65px;
        line-height: 65px;
    }
    .banner-section-outer .banner-section .banner-section-image figure {
        top: 0;
        left: 0;
    }
    .banner-section-outer .banner-section .banner-section-image img {
        width: 470px;
    }
    .banner-section-outer .banner-section .banner_left_top_shape {
        top: -42px;
    }
    .banner-section-outer .banner-section .banner_left_top_shape img{
        width: 70px;
    }
    .banner-section-outer .banner-section .banner_left_bottom_shape {
        top: 60px;
    }
    .banner-section-outer .banner-section .banner_left_bottom_shape img {
        width: 160px;
    }
    .banner-section-outer .banner-section .banner_right_top_shape {
        bottom: 120px;
    }
    .banner-section-outer .banner-section .banner_right_top_shape img {
        width: 95px;
    }
    .banner-section-outer .banner-section .banner_right_bottom_shape {
        bottom: 25px;
    }
    .banner-section-outer .banner-section .banner_right_bottom_shape img {
        width: 55px;
    }

    .services_section {
        padding: 95px 0 100px;
    }
    .services_content h5 {
        margin-bottom: 5px;
    }
    h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .services_content h2 {
        margin-bottom: 15px;
    }
    .services_content p {
        margin-bottom: 30px;
        padding: 0 70px;
    }
    h3 {
        font-size: 18px;
        line-height: 45px;
    }
    .services_box_content .services_box_lower_portion p {
        font-size: 16px;
        line-height: 22px;
    }
    .services_box_content .services_box_lower_portion .btn_wrapper i {
        font-size: 22px;
        line-height: 22px;
        padding: 10px 12px;
    }
    .services_section .services_left_shape {
        top: 60px;
    }
    .services_section .services_left_shape img {
        width: 170px;
    }

    .aboutus_section {
        padding: 85px 0 100px;
    }
    .aboutus_image figure {
        margin-top: 0;
    }
    .aboutus_section .aboutus_top_shape {
        top: -10px;
        left: -15px;
    }
    .aboutus_section .aboutus_top_shape img{
        width: 250px
    }
    .aboutus_section .aboutus_bottom_shape {
        top: 230px;
        left: -25px;
    }
    .aboutus_section .aboutus_bottom_shape img {
        width: 115px;
    }
    .aboutus_content {
        padding-top: 130px;
        padding-left: 10px;
    }
    .aboutus_content h5 {
        margin-bottom: 5px;
    }
    .aboutus_content h2 {
        margin-bottom: 15px;
    }
    .aboutus_content p {
        margin-bottom: 12px;
    }
    h6 {
        font-size: 18px;
        line-height: 26px;
    }
    .aboutus_content h6 {
        margin-left: 12px;
        margin-bottom: 25px;
    }
    .aboutus_content .btn_wrapper .get_started_btn {
        font-size: 20px;
        line-height: 20px;
        padding: 22px 35px;
    }

    .our_specialties_section {
        padding: 95px 0 75px;
    }
    .our_specialties_heading_content h5 {
        margin-bottom: 8px;
    }
    .our_specialties_heading_content h2 {
        margin-bottom: 15px;
    }
    .our_specialties_heading_content p {
        margin-bottom: 30px;
        padding: 0 15px;
    }
    .specialties_content {
        margin-bottom: 42px;
    }
    .s1 {
        padding-right: 10px;
    }
    .specialties_content .specialties_name {
        font-size: 16px;
        line-height: 22px;
    }
    .specialties_content .specialties_paragraph {
        font-size: 16px;
        line-height: 20px;
    }
    .s1::after {
        right: -70px;
    }
    .specialties_content::after {
        height: 65px;
        width: 65px;
        font-size: 38px;
        line-height: 56px;
    }
    .s2 {
        padding-right: 45px;
    }
    .s3 {
        padding-right: 45px;
    }
    .s4::after {
        right: -65px;
    }
    .specialties_left_line img {
        height: 380px;
    }
    .s5 {
        padding-left: 10px;
    }
    .s5::after {
        left: -70px;
    }
    .s6 {
        padding-left: 48px;
    }
    .s6::after {
        left: -28px;
    }
    .s7 {
        padding-left: 48px;
    }
    .s7::after {
        left: -28px;
    }
    .s8 {
        padding-left: 24px;
    }
    .s8::after {
        left: -65px;
    }
    .specialties_right_line img {
        height: 380px;
    }
    .our_specialties_section .our_specialties_right_shape {
        top: 115px;
    }
    .our_specialties_section .our_specialties_right_shape img {
        width: 240px;
    }

    .get_in_touch_section {
        padding: 95px 0 100px;
    }
    .get_in_touch_section:before {
        width: 52%;
    }
    .get_in_touch_content h5 {
        margin-bottom: 8px;
    }
    .get_in_touch_content h2 {
        margin-bottom: 28px;
    }
    .get_in_touch_content input {
        font-size: 16px;
        line-height: 22px;
        padding-top: 26px;
        padding-bottom: 26px;
        width: 100%;
        margin-bottom: 14px;
    }
    .get_in_touch_content .form_style {
        margin-left: -10px;
    }
    .get_in_touch_content textarea {
        font-size: 16px;
        line-height: 22px;
        padding: 16px 20px;
        width: 98%;
        height: 110px;
        margin-bottom: 35px;
    }
    .get_in_touch_content button {
        font-size: 20px;
        line-height: 20px;
        padding: 22px 35px;
    }
    .get_in_touch_section .get_in_touch_video .video_img {
        left: -50px;
        top: 260px;
    }
    .get_in_touch_section .get_in_touch_video .video_img img{
        width: 135px;
    }
    .get_in_touch_section .get_in_touch_shape img {
        width: 92px;
    }
    .get_in_touch_section::after {
        width: 68%;
    }

    .pricing_plans_section {
        padding: 95px 0 100px;
    }
    .pricing_plans_content h5 {
        margin-bottom: 5px;
    }
    .pricing_plans_content h2 {
        margin-bottom: 15px;
    }
    .pricing_plans_content p {
        margin-bottom: 30px;
        padding: 0 60px;
    }
    .pricing_plans_box_image_content {
        width: 100px;
        height: 100px;
        bottom: -50px;
        padding: 22px 22px;
    }
    .pricing_plans_box_lower_portion {
        padding: 55px 40px 30px;
    }
    .pricing_plans_box_lower_portion ul {
        margin-bottom: 10px;
    }
    .pricing_plans_box_lower_portion ul li {
        font-size: 16px;
        line-height: 30px;
    }
    .pricing_plans_box_lower_portion ul li i {
        font-size: 14px;
        line-height: 14px;
        margin-right: 8px;
    }
    .pricing_plans_box_lower_portion .pricing_plans_span_wrapper {
        margin-bottom: 10px;
    }
    .pricing_plans_box_lower_portion .pricing_plans_span_wrapper .price {
        font-size: 40px;
        line-height: 50px;
    }
    .pricing_plans_box_lower_portion .pricing_plans_span_wrapper .per_month {
        font-size: 16px;
        line-height: 50px;
    }
    .pricing_plans_box_lower_portion .btn_wrapper {
        padding-left: 0;
    }
    .pricing_plans_box_lower_portion .enroll_now_btn {
        font-size: 18px;
        line-height: 18px;
        padding: 18px 32px;
    }
    .second_lower_portion {
        padding: 55px 40px 30px;
    }
    .third_lower_portion {
        padding: 55px 40px 30px;
    }

    .testimonial_section {
        padding: 100px 0;
    }
    .testimonial_content i {
        font-size: 115px;
        line-height: 75px;
        margin-bottom: 25px;
    }
    .testimonial_content .testimonial_paragraph {
        font-size: 20px;
        line-height: 32px;
        padding: 0 46px 0;
        margin-bottom: 22px;
    }
    .testimonial_content figure {
        margin-bottom: 15px;
    }
    .testimonial_content .testimonial_person_name {
        font-size: 20px;
        line-height: 22px;
    }
    .testimonial_content span {
        font-size: 16px;
        line-height: 22px;
    }
    #carouselExampleControls .carousel-control-prev {
        left: -20px;
        width: 5%;
        top: -80px;
        font-size: 35px;
        line-height: 35px;
    }
    #carouselExampleControls .carousel-control-next {
        right: -20px;
        width: 5%;
        top: -80px;
        font-size: 35px;
        line-height: 35px;
    }
    .testimonial_section .testimonial_left_shape {
        top: 20px;
    }
    .testimonial_section .testimonial_left_shape img {
        width: 100px;
    }
    .testimonial_section .testimonial_right_shape {
        bottom: 55px;
    }
    .testimonial_section .testimonial_right_shape img {
        width: 110px;
    }

    .blog_posts_section {
        padding: 95px 0 100px;
    }
    .blog_posts_content h5 {
        margin-bottom: 5px;
    }
    .blog_posts_content h2 {
        margin-bottom: 15px;
    }
    .blog_posts_content p {
        margin-bottom: 30px;
        padding: 0 55px;
    }
    .blog_posts_image {
        margin-bottom: 40px;
    }
    .blog_posts_image_content {
        bottom: 20px;
        left: 30px;
    }
    .blog_posts_image_content span {
        font-size: 16px;
        line-height: 16px;
        padding: 5px 16px;
        margin-bottom: 12px;
    }
    .blog_posts_image_content h4 {
        margin-bottom: 18px;
    }
    h4 {
        font-size: 20px;
        line-height: 28px;
    }
    .blog_posts_image_content i {
        font-size: 18px;
        line-height: 18px;
    }
    .blog_posts_section .btn_wrapper .view_blog {
        font-size: 20px;
        line-height: 20px;
        padding: 22px 32px;
    }
    .blog_posts_section .blog_posts_left_shape img {
        width: 170px;
    }
    .blog_posts_section .blog_posts_right_shape {
        bottom: 600px;
    }
    .blog_posts_section .blog_posts_right_shape img {
        width: 170px;
    }

    .subscribe_background_image {
        padding: 95px 65px 100px;
        border-radius: 0 0 50px;
    }
    .subscribe_content h5 {
        margin-bottom: 5px;
    }
    .subscribe_content h2 {
        margin-bottom: 25px;
    }
    .subscribe_content input {
        margin-bottom: 22px;
    }
    .subscribe_content button {
        font-size: 18px;
        line-height: 18px;
        padding: 18px 35px;
    }
    .subscribe_background_image .subscribe_image {
        bottom: -100px;
        right: -50px;
    }
    .subscribe_background_image .subscribe_image img{
        width: 780px;
    }

    .footer-section {
        padding: 230px 0 0px;
        margin-top: -135px;
    }
    .middle-portion .footer_logo {
        padding-left: 20px;
        padding-top: 0px;
    }
    .middle-portion .about_col {
        margin-left: -25px;
    }
    .middle-portion .about_col h4 {
        margin-bottom: 16px;
        padding-left: 0px;
    }
    .middle-portion .about_col ul li p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .middle-portion ul .icons {
        margin-right: 5px;
    }
    .middle-portion ul .icons i {
        font-size: 16px;
        line-height: 44px;
        height: 44px;
        width: 44px;
    }
    .middle-portion .links_col {
        padding-left: 0px;
    }
    .middle-portion h4 {
        margin-bottom: 14px;
    }
    .middle-portion li a {
        font-size: 16px;
        line-height: 30px;
    }
    .middle-portion .contact_col {
        padding-right: 0px;
        margin-left: -40px;
    }
    .middle-portion li i {
        margin-right: 10px;
    }
    .middle-portion li .location {
        margin-right: 10px;
    }
    .middle-portion .contact_col li span {
        font-size: 16px;
        line-height: 22px;
    }
    .copyright {
        padding: 20px 0;
    }
    .copyright p {
        line-height: 20px;
    }
    .footer_shape figure {
        bottom: 70px;
    }
    .footer_shape figure img {
        width: 120px;
    }

    .sub-banner-section .banner-section {
        padding: 80px 0 100px;
    }
    .sub-banner-section .banner-section h1 {
        margin-bottom: 12px;
    }
    .sub-banner-section .banner-section p {
        padding: 0 200px;
        margin-bottom: 22px;
    }
    .sub-banner-section .banner-section .btn_wrapper {
        font-size: 18px;
        line-height: 18px;
        padding: 12px 20px;
    }
    .sub-banner-section .banner-section .btn_wrapper .sub_home_span {
        margin-right: 5px;
    }
    .sub-banner-section .banner-section .btn_wrapper .sub_span {
        margin-left: 5px;
    }
    .sub-banner-section .banner-section .banner_left_top_shape {
        top: -20px;
    }
    .sub-banner-section .banner-section .banner_left_top_shape img{
        width: 80px;
    }
    .sub-banner-section .banner-section .banner_left_bottom_shape {
        top: 85px;
    }
    .sub-banner-section .banner-section .banner_left_bottom_shape img{
        width: 200px;
    }
    .sub-banner-section .banner-section .banner_right_top_shape {
        bottom: 190px;
    }
    .sub-banner-section .banner-section .banner_right_top_shape img{
        width: 175px;
    }
    .sub-banner-section .banner-section .banner_right_bottom_shape {
        bottom: 75px;
    }
    .sub-banner-section .banner-section .banner_right_bottom_shape img{
        width: 70px;
    }

    .aboutpage_aboutus_section {
        padding: 100px 0;
    }
    .aboutpage_aboutus_section .aboutus_top_shape {
        top: 15px;
        left: -12px;
    }
    .aboutpage_aboutus_section .aboutus_top_shape img {
        width: 220px;
    }
    .aboutpage_aboutus_section .aboutus_bottom_shape {
        top: 240px;
        left: -15px;
    }
    .aboutpage_aboutus_section .aboutus_bottom_shape img{
        width: 100px;
    }
    .aboutpage_aboutus_content h5 {
        margin-bottom: 8px;
    }
    .aboutpage_aboutus_content h2 {
        margin-bottom: 12px;
    }
    .aboutpage_aboutus_content p {
        margin-bottom: 8px;
    }
    .aboutpage_aboutus_content .margin_bottom {
        margin-bottom: 25px;
    }
    .aboutpage_aboutus_content .box {
        width: 47%;
        padding: 20px 13px 15px;
    }
    .aboutpage_aboutus_content .box i {
        left: 15px;
        top: 25px;
        height: 34px;
        width: 34px;
        font-size: 16px;
        line-height: 32px;
    }
    .aboutpage_aboutus_content .box span {
        font-size: 16px;
        line-height: 19px;
        padding-left: 45px;
    }

    .discount_section {
        padding: 95px 0 100px;
    }
    .discount_content h2 {
        margin-bottom: 15px;
    }
    .discount_content p {
        margin-bottom: 30px;
        padding: 0 115px;
    }
    .discount_content .btn_wrapper .get_started {
        font-size: 20px;
        line-height: 20px;
        padding: 22px 45px;
    }

    .mission_section {
        padding: 100px 0 50px;
    }
    .mission_content {
        padding-top: 135px;
        padding-left: 70px;
    }
    .mission_content h5 {
        margin-bottom: 8px;
    }
    .mission_content h2 {
        margin-bottom: 12px;
    }
    .mission_content p {
        margin-bottom: 28px;
        padding-right: 18px;
    }
    .mission_content .btn_wrapper .read_more_btn {
        font-size: 20px;
        line-height: 20px;
        padding: 22px 40px;
    }
    .mission_section .mission_right_shape {
        display: none;
    }

    .vision_section {
        padding: 50px 0 100px;
    }
    .vision_content {
        padding-top: 80px;
        padding-left: 15px;
    }
    .vision_content h5 {
        margin-bottom: 8px;
    }
    .vision_content h2 {
        margin-bottom: 12px;
    }
    .vision_content p {
        margin-bottom: 28px;
        padding-right: 40px;
    }
    .vision_content .btn_wrapper .read_more_btn {
        font-size: 20px;
        line-height: 20px;
        padding: 22px 40px;
    }
    .vision_section .vision_left_shape {
        display: none;
    }

    .achievement_section {
        padding: 95px 0 80px;
    }
    .achievement_content h5 {
        margin-bottom: 8px;
    }
    .achievement_content h2 {
        margin-bottom: 12px;
    }
    .achievement_content p {
        margin-bottom: 20px;
        padding: 0 40px;
    }

    .services_section .services_page_services_right_shape img {
        width: 190px;
    }

    .our_team_section {
        padding: 95px 0 50px;
    }
    .our_team_content h5 {
        margin-bottom: 8px;
    }
    .our_team_content h2 {
        margin-bottom: 15px;
    }
    .our_team_content p {
        margin-bottom: 30px;
        padding: 0 50px;
    }
    .our_team_section .our_team_box_content .our_team_box_upper_portion {
        margin-bottom: 5px;
    }
    .our_team_box_content .our_team_box_lower_portion p {
        font-size: 16px;
        line-height: 22px;
        margin-top: -5px;
        margin-bottom: 10px;
    }
    .our_team_box_content .our_team_box_lower_portion .social_icons i {
        line-height: 34px;
        height: 34px;
        width: 34px;
        margin-right: 5px;
    }

    .accordian-section {
        padding: 95px 0 100px;
    }
    .accordian_content h5 {
        margin-bottom: 8px;
    }
    .accordian_content h2 {
        margin-bottom: 15px;
    }
    .accordian_content p {
        margin-bottom: 30px;
        padding: 0 60px;
    }
    .accordian-section .accordian-inner .accordion-card {
        margin-bottom: 32px;
    }
    .accordian-section .accordian-inner .accordion-card .btn {
        padding: 18px 70px;
    }
    .accordian-section .accordion-card .btn-link:before {
        left: 20px;
        top: 14px;
        font-size: 18px;
        height: 36px;
        width: 36px;
        line-height: 34px;
    }
    .accordian-section .accordian-inner .card-body {
        padding: 3px 20px 25px;
    }
    .accordian-section .accordian-inner .card-body .faq_wrapper figure {
        top: 4px;
        left: 50px;
    }
    .accordian-section .accordian-inner .card-body .faq_wrapper p {
        font-size: 16px;
        line-height: 22px;
        margin-left: 60px;
    }

    .message_section {
        padding: 95px 0 100px;
    }
    .message_content h5 {
        margin-bottom: 8px;
    }
    .message_content h2 {
        margin-bottom: 15px;
    }
    .message_content p {
        margin-bottom: 30px;
    }
    .message_content input {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 22px;
        margin-bottom: 25px;
    }
    .message_content .form_style {
        margin-left: -32px;
    }
    .message_content textarea {
        padding: 16px 22px;
        height: 122px;
        margin-bottom: 35px;
    }
    .message_content button {
        font-size: 20px;
        line-height: 20px;
        padding: 22px 36px;
    }
    .message_section .box {
        width: 340px;
        padding: 26px 16px 35px;
        margin-bottom: 25px;
    }
    .message_section .box .box_image_content {
        width: 22%;
    }
    .message_section .box .box_image_content figure {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .message_section .box .box_wrapper {
        padding-left: 22px;
        margin-top: -10px;
        width: 78%;
    }
    .message_section .box .box_wrapper p {
        font-size: 16px;
        line-height: 22px;
    }

    .contact_subscribe_section {
        margin-top: -352px;
    }

    .blog-posts {
        padding: 100px 0 75px;
    }
}

@media screen and (max-width: 991px){
    .main_header {
        padding: 25px 30px 0;
    }
    .navbar-brand img {
        width: 175px;
    }
    .navbar-nav {
        padding-left: 0;
    }
    .navbar-collapse {
        background: var(--e-global-color-white);
        position: absolute;
        right: 0px;
        width: 30%;
        top: 45px;
        z-index: 16;
        padding: 0;
        box-shadow: 1px 1px 30px rgb(0 0 0 / 10%);
    }
    .navbar-nav .active > a{
        color: var(--e-global-color-primary) !important;
        background-color: rgb(94, 93, 93) !important;
    }
    .navbar-nav .nav-item a:hover{
        color: var(--e-global-color-primary) !important;
        background-color: var(--e-global-color-soft-orange) !important;
    }
    .navbar-toggler {
        margin-left: auto;
        border: none !important;
        padding: 0;
        width: 30px;
        height: 22px;
    }
    .navbar-light .navbar-toggler-icon {
        background: var(--e-global-color-white);
        height: 2px;
        margin: 7px 0 0 0;
        width: 100%;
        float: right;
    }
    .navbar-toggler.collapsed span:nth-child(1) {
        transform: rotate(0deg);
    }
    .navbar-toggler span.navbar-toggler-icon:first-child {
        margin-top: 0;
    }
    .navbar-toggler span:nth-child(1) {
        transform: rotate(45deg);
        transform-origin: 0% 80%;
    }
    .navbar-toggler span.navbar-toggler-icon {
        transition: all 0.15s;
    }
    .navbar-toggler.collapsed span:nth-child(2) {
        opacity: 1;
    }
    .navbar-toggler span:nth-child(2) {
        opacity: 0;
    }
    .navbar-toggler.collapsed span:nth-child(3) {
        transform: rotate(0deg);
    }
    .navbar-toggler span:nth-child(3) {
        transform: rotate(-45deg);
        transform-origin: 15% 100%;
    }
    .collapse:not(.show) {
        display: none;
    }
    .navbar-collapse ul{
        align-items: unset;
        text-align: unset;
        margin-left: 0;
    }
    button:focus {
        outline: none;
    }
    .navbar li {
        margin: 0 !important;
        padding: 0;
    }
    .navbar-nav .nav-item a {
        padding: 12px 30px !important;
        color: var(--e-global-color-primary) !important;
    }
    .navbar-nav .active > a {
        font-weight: bold;
    }
    .navbar-nav .dropdown-menu {
        position: static;
        border: none;
        box-shadow: none;
        background-color: var(--e-global-color-white);
    }
    .navbar-collapse .drop-down-pages {
        margin-left: 0;
    }
    .navbar-nav .drop-down-pages .nav-item a {
        padding: 12px 40px !important;
    }
    .navbar-nav .drop-down-pages a {
        padding: 0 !important;
    }
    .navbar-nav .nav-item .contact_us{
        background-color: transparent;
        color: var(--e-global-color-primary) !important;
        display: block;
        text-align: left;
        border-radius: 0;
    } 
    
    .left_icons ul {
        display: none;
    }

    .banner-section-outer .banner-section {
        padding: 65px 30px 70px;
    }
    .banner-section-outer .banner-section .banner-section-content {
        padding-top: 50px;
    }
    h5 {
        font-size: 16px;
        line-height: 24px;
    }
    .banner-section-outer .banner-section h1 {
        margin-bottom: 12px;
    }
    h1 {
        font-size: 36px;
        line-height: 56px;
    }
    p {
        font-size: 16px;
        line-height: 24px;
    }
    .banner-section-outer .banner-section p {
        margin-bottom: 20px;
        margin-left: 0;
    }
    .banner-section-outer .banner-section-content .btn_wrapper {
        margin-bottom: 25px;
    }
    .banner-section-outer .btn_wrapper .getstarted_btn {
        font-size: 18px;
        line-height: 18px;
        padding: 20px 40px;
    }
    .banner-section-outer .banner-section .banner-section-content .top-btn i {
        font-size: 46px;
        line-height: 46px;
    }
    .banner-section-outer .banner-section .banner-section-image img {
        width: 360px;
    }
    .banner-section-outer .banner-section .banner_left_top_shape {
        top: -10px;
    }
    .banner-section-outer .banner-section .banner_left_top_shape img {
        width: 50px;
    }
    .banner-section-outer .banner-section .banner_left_bottom_shape {
        top: 55px;
    }
    .banner-section-outer .banner-section .banner_left_bottom_shape img {
        width: 112px;
    }
    .banner-section-outer .banner-section .banner_right_top_shape {
        bottom: 100px;
    }
    .banner-section-outer .banner-section .banner_right_top_shape img {
        width: 75px;
    }
    .banner-section-outer .banner-section .banner_right_bottom_shape {
        bottom: 15px;
    }
    .banner-section-outer .banner-section .banner_right_bottom_shape img {
        width: 45px;
    }

    .services_section {
        padding: 65px 0 40px;
    }
    h2 {
        font-size: 34px;
        line-height: 44px;
    }
    .services_content h2 {
        margin-bottom: 10px;
        padding: 0 70px;
    }
    .services_content p {
        margin-bottom: 25px;
        padding: 0;
    }
    .services_section .services_box_content {
        margin-bottom: 30px;
    }
    .services_section .services_box_content .services_box_upper_portion {
        margin-bottom: 5px;
    }
    .services_section .services_box_content .services_box_upper_portion img {
        width: 100%;
    }
    .services_box_content .services_box_lower_portion p {
        padding-right: 70px;
    }
    .services_box_content .services_box_lower_portion .btn_wrapper i {
        font-size: 20px;
        line-height: 20px;
        padding: 10px 10px;
    }
    .services_section .services_left_shape {
        top: 35px;
    }
    .services_section .services_left_shape img {
        width: 125px;
    }

    .aboutus_section {
        padding: 55px 0 70px;
    }
    .aboutus_section .aboutus_top_shape {
        top: 0;
        left: 0px;
    }
    .aboutus_section .aboutus_top_shape img {
        width: 170px;
    }
    .aboutus_section .aboutus_bottom_shape {
        top: 180px;
        left: -22px;
    }
    .aboutus_section .aboutus_bottom_shape img {
        width: 110px;
    }
    .aboutus_content {
        padding-top: 60px;
        padding-left: 0;
    }
    .aboutus_content h2 {
        margin-bottom: 12px;
    }
    .aboutus_content p {
        margin-bottom: 10px;
    }
    .aboutus_content h6 {
        margin-left: 10px;
        margin-bottom: 20px;
    }
    h6 {
        font-size: 16px;
        line-height: 24px;
    }
    .aboutus_line_wrapper .purple_line {
        top: 10px;
    }
    .aboutus_content .btn_wrapper .get_started_btn {
        font-size: 18px;
        line-height: 18px;
        padding: 20px 30px;
    }

    .our_specialties_section {
        padding: 65px 0 25px;
    }
    .our_specialties_heading_content h5 {
        margin-bottom: 5px;
    }
    .our_specialties_heading_content h2 {
        margin-bottom: 12px;
    }
    .our_specialties_heading_content p {
        margin-bottom: 25px;
        padding: 0;
    }
    .s1 {
        padding-top: 15px;
    }
    .s1::after {
        top: 15px;
    }
    .specialties_content::after {
        height: 60px;
        width: 60px;
        font-size: 36px;
        line-height: 52px;
    }
    .s5 {
        padding-top: 15px;
    }
    .s5::after {
        top: 15px;
    }
    .specialties_left_line {
        top: 30px;
    }
    .specialties_left_line img {
        height: 370px;
    }
    .specialties_right_line {
        top: 30px;
    }
    .specialties_right_line img {
        height: 370px;
    }
    .our_specialties_section .specialties_image{
        padding-top: 60px;
    }
    .our_specialties_section .our_specialties_right_shape {
        top: 50px;
    }
    .our_specialties_section .our_specialties_right_shape img {
        width: 150px;
    }

    .get_in_touch_section {
        padding: 65px 0 70px;
    }
    .get_in_touch_content h5 {
        margin-bottom: 5px;
    }
    .get_in_touch_content h2 {
        margin-bottom: 22px;
        padding-right: 0px;
    }
    .get_in_touch_content input {
        padding-top: 24px;
        padding-bottom: 24px;
        margin-bottom: 12px;
        padding-left: 12px;
    }
    .get_in_touch_content .form_style {
        margin-left: 0px;
    }
    .get_in_touch_content textarea {
        padding: 14px 12px;
        width: 100%;
        height: 105px;
        margin-bottom: 28px;
    }
    .get_in_touch_content button {
        font-size: 18px;
        line-height: 18px;
        padding: 20px 32px;
    }
    .get_in_touch_section .get_in_touch_video .video_img {
        left: -80px;
        top: 290px;
    }
    .get_in_touch_section .get_in_touch_video .video_img img {
        width: 115px;
    }
    .get_in_touch_section .get_in_touch_shape {
        display: none;
    }
    .get_in_touch_section::after {
        width: 87%;
    }

    .pricing_plans_section {
        padding: 65px 0 70px;
    }
    .pricing_plans_content h2 {
        margin-bottom: 12px;
    }
    .pricing_plans_content p {
        margin-bottom: 25px;
        padding: 0;
    }
    .pricing_plans_box_image_content {
        width: 80px;
        height: 80px;
        bottom: -40px;
        padding: 20px 20px;
    }
    .pricing_plans_box_lower_portion {
        padding: 38px 15px 25px;
    }
    .pricing_plans_box_lower_portion ul {
        margin-bottom: 5px;
    }
    .pricing_plans_box_lower_portion ul li {
        font-size: 14px;
        line-height: 28px;
    }
    .pricing_plans_box_lower_portion ul li i {
        font-size: 12px;
        line-height: 12px;
        margin-right: 5px;
    }
    .pricing_plans_box_lower_portion .pricing_plans_span_wrapper {
        margin-bottom: 8px;
    }
    .pricing_plans_box_lower_portion .pricing_plans_span_wrapper .price {
        font-size: 34px;
        line-height: 44px;
    }
    .pricing_plans_box_lower_portion .pricing_plans_span_wrapper .per_month {
        font-size: 14px;
        line-height: 42px;
    }
    .pricing_plans_box_lower_portion .enroll_now_btn {
        font-size: 16px;
        line-height: 16px;
        padding: 16px 25px;
    }
    .second_lower_portion {
        padding: 38px 15px 25px;
    }
    .third_lower_portion {
        padding: 38px 15px 25px;
    }

    .testimonial_section {
        padding: 70px 0;
    }
    .testimonial_content i {
        font-size: 100px;
        line-height: 62px;
        margin-bottom: 20px;
    }
    .testimonial_content .testimonial_paragraph {
        font-size: 18px;
        line-height: 28px;
        padding: 0 12px 0;
        margin-bottom: 18px;
    }
    .testimonial_content figure {
        margin-bottom: 10px;
    }
    .testimonial_content .testimonial_person_name {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 0;
    }
    #carouselExampleControls .carousel-control-prev {
        left: -28px;
        width: 5%;
        top: -85px;
        font-size: 32px;
        line-height: 32px;
    }
    #carouselExampleControls .carousel-control-next {
        right: -28px;
        width: 5%;
        top: -85px;
        font-size: 32px;
        line-height: 32px;
    }
    .testimonial_section .testimonial_left_shape {
        top: 15px;
    }
    .testimonial_section .testimonial_left_shape img {
        width: 80px;
    }
    .testimonial_section .testimonial_right_shape {
        bottom: 45px;
    }
    .testimonial_section .testimonial_right_shape img {
        width: 90px;
    }

    .blog_posts_section {
        padding: 65px 0 70px;
    }
    .blog_posts_content h2 {
        margin-bottom: 12px;
    }
    .blog_posts_content p {
        margin-bottom: 25px;
        padding: 0;
    }
    .blog_posts_image {
        margin-bottom: 30px;
    }
    .blog_posts_image_content {
        bottom: 15px;
        left: 15px;
    }
    .blog_posts_image_content span {
        font-size: 14px;
        line-height: 14px;
        padding: 5px 14px;
        margin-bottom: 5px;
    }
    .blog_posts_image_content h4 {
        margin-bottom: 12px;
        padding-right: 0;
    }
    h4 {
        font-size: 18px;
        line-height: 26px;
    }
    .blog_posts_section .btn_wrapper .view_blog {
        font-size: 18px;
        line-height: 18px;
        padding: 20px 25px;
    }
    .blog_posts_section .blog_posts_left_shape img {
        width: 125px;
    }
    .blog_posts_section .blog_posts_right_shape {
        bottom: 470px;
    }
    .blog_posts_section .blog_posts_right_shape img {
        width: 125px;
    }

    .subscribe_background_image {
        padding: 65px 30px 70px;
    }
    .subscribe_content h2 {
        margin-bottom: 20px;
    }
    .subscribe_content input {
        font-size: 16px;
        line-height: 22px;
        padding-top: 22px;
        padding-bottom: 25px;
        padding-left: 18px;
        margin-bottom: 20px;
    }
    .subscribe_content button {
        font-size: 16px;
        line-height: 16px;
        padding: 16px 32px;
    }
    .subscribe_background_image .subscribe_image {
        bottom: -70px;
        right: -12px;
    }
    .subscribe_background_image .subscribe_image img {
        width: 575px;
    }

    .footer-section {
        padding: 200px 0 0;
    }
    .middle-portion {
        margin-bottom: 70px;
    }
    .middle-portion .about_col {
        margin-left: 0;
    }
    .middle-portion .about_col h4 {
        margin-bottom: 14px;
    }
    .middle-portion .about_col ul li p {
        margin-bottom: 15px;
    }
    .middle-portion ul .icons i {
        font-size: 14px;
        line-height: 40px;
        height: 40px;
        width: 40px;
    }
    .middle-portion .links_col {
        padding-left: 40px;
    }
    .middle-portion h4 {
        margin-bottom: 12px;
    }
    .middle-portion .contact_col {
        margin-left: 0;
    }
    .middle-portion li i {
        margin-right: 5px;
    }
    .middle-portion li .location {
        margin-right: 5px;
    }
    .copyright {
        padding: 16px 0;
    }
    .copyright p {
        line-height: 18px;
    }
    .footer_shape figure {
        bottom: 55px;
    }
    .footer_shape figure img {
        width: 100px;
    }

    .sub-banner-section .banner-section {
        padding: 50px 0 70px;
    }
    .sub-banner-section .banner-section h1 {
        margin-bottom: 8px;
    }
    .sub-banner-section .banner-section p {
        padding: 0 112px;
        margin-bottom: 20px;
    }
    .sub-banner-section .banner-section .btn_wrapper {
        font-size: 16px;
        line-height: 16px;
        padding: 12px 18px;
    }
    .sub-banner-section .banner-section .banner_left_top_shape {
        top: 30px;
    }
    .sub-banner-section .banner-section .banner_left_top_shape img {
        width: 60px;
    }
    .sub-banner-section .banner-section .banner_left_bottom_shape {
        top: 120px;
    }
    .sub-banner-section .banner-section .banner_left_bottom_shape img {
        width: 135px;
    }
    .sub-banner-section .banner-section .banner_right_top_shape {
        bottom: 150px;
    }
    .sub-banner-section .banner-section .banner_right_top_shape img {
        width: 130px;
    }
    .sub-banner-section .banner-section .banner_right_bottom_shape {
        bottom: 55px;
    }
    .sub-banner-section .banner-section .banner_right_bottom_shape img {
        width: 55px;
    }

    .aboutpage_aboutus_section {
        padding: 75px 0 55px;
    }
    .aboutpage_aboutus_section .aboutus_top_shape {
        top: -15px;
        left: -20px;
    }
    .aboutpage_aboutus_section .aboutus_top_shape img {
        width: 180px;
    }
    .aboutpage_aboutus_section .aboutus_bottom_shape {
        top: 165px;
        left: -25px;
    }
    .aboutpage_aboutus_section .aboutus_bottom_shape img {
        width: 80px;
    }
    .aboutpage_aboutus_content {
        padding-top: 55px;
    }
    .aboutpage_aboutus_content h5 {
        margin-bottom: 5px;
    }
    .aboutpage_aboutus_content h2 {
        margin-bottom: 10px;
    }
    .aboutpage_aboutus_content .margin_bottom {
        margin-bottom: 20px;
    }
    .aboutpage_aboutus_content .box {
        width: 47%;
        padding: 15px 6px 15px;
        margin-bottom: 18px;
        margin-right: 12px;
    }
    .aboutpage_aboutus_content .box i {
        left: 10px;
        top: 22px;
        height: 30px;
        width: 30px;
        font-size: 14px;
        line-height: 28px;
    }
    .aboutpage_aboutus_content .box span {
        padding-left: 40px;
    }

    .discount_section {
        padding: 65px 0 70px;
    }
    .discount_content h2 {
        margin-bottom: 12px;
        padding: 0 115px;
    }
    .discount_content p {
        margin-bottom: 25px;
        padding: 0 30px;
    }
    .discount_content .btn_wrapper .get_started {
        font-size: 18px;
        line-height: 18px;
        padding: 20px 40px;
    }

    .mission_section {
        padding: 70px 0 35px;
    }
    .mission_section .mission_box {
        border-radius: 140px 0 140px 0;
    }
    .mission_content {
        padding-top: 70px;
        padding-left: 45px;
    }
    .mission_content h5 {
        margin-bottom: 5px;
    }
    .mission_content h2 {
        margin-bottom: 10px;
    }
    .mission_content p {
        margin-bottom: 22px;
        padding-right: 0px;
    }
    .mission_content .btn_wrapper .read_more_btn {
        font-size: 18px;
        line-height: 18px;
        padding: 20px 35px;
    }

    .vision_section {
        padding: 35px 0 70px;
    }
    .vision_section .vision_box {
        border-radius: 120px 0 120px 0;
    }
    .vision_content {
        padding-top: 40px;
        padding-left: 0px;
    }
    .vision_content h5 {
        margin-bottom: 5px;
    }
    .vision_content h2 {
        margin-bottom: 10px;
    }
    .vision_content p {
        margin-bottom: 22px;
        padding-right: 30px;
    }
    .vision_content .btn_wrapper .read_more_btn {
        font-size: 18px;
        line-height: 18px;
        padding: 20px 35px;
    }
    .achievement_section {
        padding: 65px 0 50px;
    }
    .achievement_content h5 {
        margin-bottom: 5px;
    }
    .achievement_content h2 {
        margin-bottom: 10px;
    }
    .achievement_content p {
        margin-bottom: 15px;
        padding: 0;
    }

    .services_section .services_page_services_right_shape img {
        width: 135px;
    }

    .our_team_section {
        padding: 65px 0 20px;
    }
    .our_team_section .our_team_box_content .our_team_box_upper_portion img {
        width: 100%;
    }
    .our_team_content h5 {
        margin-bottom: 5px;
    }
    .our_team_content h2 {
        margin-bottom: 12px;
    }
    .our_team_content p {
        padding: 0;
    }

    .accordian-section {
        padding: 65px 0 70px;
    }
    .accordian_content h5 {
        margin-bottom: 5px;
    }
    .accordian_content h2 {
        margin-bottom: 12px;
    }
    .accordian_content p {
        margin-bottom: 28px;
        padding: 0 30px;
    }
    .accordian-section .accordian-section-inner {
        padding-left: 30px;
    }
    .accordian-section .accordian-inner .accordion-card {
        margin-bottom: 30px;
        width: 100%;
    }
    .accordian-section .accordian-inner .accordion-card .btn {
        padding: 16px 60px;
    }
    .accordian-section .accordion-card .btn-link:before {
        left: 15px;
        top: 16px;
        font-size: 16px;
        height: 32px;
        width: 32px;
        line-height: 30px;
    }
    .accordian-section .accordian-inner .card-body {
        padding: 3px 0px 25px;
    }
    .accordian-section .accordian-inner .card-body .faq_wrapper figure {
        top: 0;
        left: 62px;
    }
    .accordian-section .accordian-inner .card-body .faq_wrapper p {
        font-size: 14px;
        line-height: 20px;
        margin-left: 75px;
        padding-right: 68px !important;
    }

    .message_section {
        padding: 65px 0 70px;
    }
    .message_content h5 {
        margin-bottom: 5px;
    }
    .message_content h2 {
        margin-bottom: 10px;
    }
    .message_content p {
        margin-bottom: 25px;
        padding-right: 0px;
    }
    .message_content input {
        padding-top: 26px;
        padding-bottom: 26px;
        padding-left: 20px;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 22px;
        width: 92%;
    }
    .message_content .form_style {
        margin-left: -28px;
    }
    .message_content textarea {
        font-size: 16px;
        line-height: 22px;
        padding: 14px 20px;
        height: 115px;
        margin-bottom: 30px;
    }
    .message_content button {
        font-size: 18px;
        line-height: 18px;
        padding: 20px 32px;
    }
    .message_section .box {
        width: 270px;
        padding: 22px 12px 30px;
        margin-bottom: 20px;
    }
    .message_section .box .box_image_content {
        width: 18%;
    }
    .message_section .box .box_image_content figure {
        width: 65px;
        height: 65px;
        line-height: 65px;
    }
    .message_section .box .box_image_content figure img {
        width: 28px;
    }
    .message_section .box .box_wrapper {
        padding-left: 30px;
        margin-top: -12px;
        width: 82%;
    }
    .message_section .box .box_wrapper p {
        font-size: 14px;
        line-height: 20px;
    }

    .contact_map_section iframe {
        height: 680px;
    }

    .contact_subscribe_section {
        margin-top: -272px;
    }

    .blog-posts {
        padding: 70px 0 45px;
    }
}

@media screen and (max-width: 767px){
    .main_header {
        padding: 20px 30px 0;
    }
    .navbar-brand img {
        width: 170px;
    }
    .navbar-collapse{
        width: 45%;
    }

    .banner-section-outer .banner-section {
        padding: 55px 30px 60px;
    }
    .banner-section-outer .banner-section .banner-section-content {
        padding-top: 0;
        margin-bottom: 30px;
    }
    h5 {
        font-size: 14px;
        line-height: 22px;
    }
    .banner-section-outer .banner-section h1 {
        margin-bottom: 10px;
        padding: 0 55px;
    }
    h1 {
        font-size: 32px;
        line-height: 50px;
    }
    p {
        font-size: 14px;
        line-height: 22px;
    }
    .banner-section-outer .banner-section p {
        margin-bottom: 18px;
        padding: 0 35px;
    }
    .banner-section-outer .banner-section-content .btn_wrapper {
        margin-bottom: 20px;
    }
    .banner-section-outer .btn_wrapper .getstarted_btn {
        font-size: 16px;
        line-height: 16px;
        padding: 18px 38px;
    }
    .banner-section-outer .banner-section .banner-section-content .top-btn i {
        font-size: 42px;
        line-height: 42px;
    }
    .banner-section-outer .banner-section .banner-section-image figure {
        position: relative;
    }
    .banner-section-outer .banner-section .banner-section-image img {
        width: 100%;
    }
    .banner-section-outer .banner-section .banner_left_top_shape {
        top: 0px;
    }
    .banner-section-outer .banner-section .banner_left_top_shape img {
        width: 45px;
    }
    .banner-section-outer .banner-section .banner_left_bottom_shape {
        top: 65px;
    }
    .banner-section-outer .banner-section .banner_left_bottom_shape img {
        width: 100px;
    }
    .banner-section-outer .banner-section .banner_right_top_shape {
        bottom: 95px;
    }
    .banner-section-outer .banner-section .banner_right_top_shape img {
        width: 80px;
    }
    .banner-section-outer .banner-section .banner_right_bottom_shape {
        bottom: 22px;
    }
    .banner-section-outer .banner-section .banner_right_bottom_shape img {
        width: 42px;
    }
    @keyframes float {
        0% {
            box-shadow: 0 5px 15px 0px rgba(0,0,0,0);
            transform: translatex(0px);
        }
        50% {
            box-shadow: 0 25px 15px 0px rgba(0,0,0,0);
            transform: translatex(-20px);
        }
        100% {
            box-shadow: 0 5px 15px 0px rgba(0,0,0,0);
            transform: translatex(0px);
        }
    }

    .services_section {
        padding: 55px 0 30px;
    }
    h2 {
        font-size: 28px;
        line-height: 38px;
    }
    .services_content h2 {
        margin-bottom: 8px;
        padding: 0 50px;
    }
    h3 {
        font-size: 16px;
        line-height: 34px;
    }
    .services_box_content .services_box_lower_portion p {
        font-size: 14px;
        line-height: 20px;
        padding-right: 50px;
        margin-bottom: 10px;
    }
    .services_box_content .services_box_lower_portion .btn_wrapper i {
        font-size: 18px;
        line-height: 18px;
    }
    .services_section .services_left_shape {
        top: 45px;
    }
    .services_section .services_left_shape img {
        width: 100px;
    }
    
    .aboutus_section {
        padding: 45px 0 60px;
    }
    .aboutus_image {
        margin-bottom: 30px;
    }
    .aboutus_section .aboutus_top_shape {
        top: 45px;
    }
    .aboutus_section .aboutus_top_shape img {
        width: 160px;
    }
    .aboutus_section .aboutus_bottom_shape {
        top: 195px;
        left: -15px;
    }
    .aboutus_section .aboutus_bottom_shape img {
        width: 90px;
    }
    .aboutus_content {
        padding-top: 0;
        text-align: center;
    }
    .aboutus_content h2 {
        margin-bottom: 10px;
    }
    .aboutus_content p {
        margin-bottom: 5px;
    }
    .aboutus_content h6 {
        margin-left: 0px;
        margin-bottom: 18px;
        padding: 0 75px;
    }
    h6 {
        font-size: 14px;
        line-height: 22px;
    }
    .aboutus_line_wrapper .purple_line {
        top: 5px;
        left: 80px;
    }
    .aboutus_content .btn_wrapper .get_started_btn {
        font-size: 16px;
        line-height: 16px;
        padding: 18px 28px;
    }
    
    .our_specialties_section {
        padding: 55px 0 30px;
    }
    .our_specialties_heading_content h2 {
        margin-bottom: 8px;
    }
    .our_specialties_heading_content p {
        margin-bottom: 20px;
    }
    .s1 {
        padding-top: 0;
        padding-right: 0;
    }
    .specialties_content {
        margin-bottom: 25px;
        text-align: left;
        padding-left: 42px;
    }
    .specialties_content::after {
        height: 55px;
        width: 55px;
        font-size: 32px;
        line-height: 45px;
    }
    .s1::after {
        top: 0;
        right: unset;
        left: -22px;
    }
    .s2 {
        padding-right: 0;
    }
    .s2::after {
        top: 0;
        right: unset;
        left: -22px;
    }
    .s3 {
        padding-right: 0;
    }
    .s3::after {
        top: 0;
        right: unset;
        left: -22px;
    }
    .s4 {
        padding-right: 0;
    }
    .s4::after {
        top: 0;
        right: unset;
        left: -22px;
    }
    .specialties_left_line {
        display: none;
    }
    .s5 {
        padding-top: 0;
    }
    .s5::after {
        top: 0;
        left: -22px;
    }
    .s6::after {
        left: -22px;
    }
    .s7::after {
        left: -22px;
    }
    .s8::after {
        left: -22px;
    }
    .specialties_right_line {
        display: none;
    }
    .our_specialties_section .our_specialties_right_shape {
        top: 35px;
    }
    .our_specialties_section .our_specialties_right_shape img {
        width: 95px;
    }

    .get_in_touch_section {
        padding: 55px 0 0;
    }
    .get_in_touch_section:before {
        width: 100%;
        height: 480px;
    }
    .get_in_touch_content {
        text-align: center;
    }
    .get_in_touch_content h2 {
        margin-bottom: 18px;
    }
    .get_in_touch_content input {
        padding-top: 22px;
        padding-bottom: 22px;
        margin-bottom: 10px;
        padding-left: 15px;
        font-size: 14px;
        line-height: 20px;
    }
    .get_in_touch_content textarea {
        padding: 12px 15px;
        height: 100px;
        margin-bottom: 25px;
        font-size: 14px;
        line-height: 20px;
    }
    .get_in_touch_content button {
        padding: 18px 30px;
    }
    .get_in_touch_section .get_in_touch_video .video_img {
        left: 185px;
        top: 370px;
    }
    .get_in_touch_section .get_in_touch_video .video_img img {
        width: 110px;
    }
    .get_in_touch_section::after {
        width: 100%;
        display: block;
        position: relative;
        background-position: center;
    }

    .pricing_plans_section {
        padding: 55px 0 30px;
    }
    .pricing_plans_content h2 {
        margin-bottom: 8px;
    }
    .pricing_plans_box_content {
        margin-bottom: 30px;
    }
    .pricing_plans_box_image_content {
        padding: 18px 16px;
    }
    .pricing_plans_box_lower_portion {
        padding: 38px 30px 25px;
    }
    .pricing_plans_box_lower_portion .pricing_plans_span_wrapper .price {
        font-size: 32px;
        line-height: 34px;
    }
    .second_lower_portion {
        padding: 38px 30px 25px;
    }
    .third_lower_portion {
        padding: 38px 30px 25px;
    }

    .testimonial_section {
        padding: 60px 0;
    }
    .testimonial_content i {
        font-size: 70px;
        line-height: 42px;
        margin-bottom: 15px;
    }
    .testimonial_content .testimonial_paragraph {
        font-size: 16px;
        line-height: 26px;
        padding: 0;
        margin-bottom: 12px;
    }
    .testimonial_content figure {
        margin-bottom: 8px;
    }
    .testimonial_content .testimonial_person_name {
        font-size: 16px;
        line-height: 18px;
    }
    .testimonial_content span {
        font-size: 14px;
        line-height: 20px;
    }
    #carouselExampleControls .carousel-control-prev {
        left: -30px;
        top: -100px;
        font-size: 28px;
        line-height: 28px;
    }
    #carouselExampleControls .carousel-control-next {
        right: -30px;
        top: -100px;
        font-size: 28px;
        line-height: 28px;
    }
    .testimonial_section .testimonial_left_shape {
        top: 10px;
    }
    .testimonial_section .testimonial_left_shape img {
        width: 65px;
    }
    .testimonial_section .testimonial_right_shape {
        bottom: 35px;
    }
    .testimonial_section .testimonial_right_shape img {
        width: 75px;
    }

    .blog_posts_section {
        padding: 55px 0 60px;
    }
    .blog_posts_content h2 {
        margin-bottom: 8px;
    }
    .blog_posts_content p {
        margin-bottom: 20px;
    }
    .blog_posts_image_content {
        bottom: 30px;
        left: 40px;
    }
    .blog_posts_image_content span {
        padding: 8px 18px;
        margin-bottom: 8px;
    }
    .blog_posts_image_content h4 {
        margin-bottom: 12px;
        padding-right: 140px;
    }
    h4 {
        font-size: 16px;
        line-height: 24px;
    }
    .blog_posts_section .btn_wrapper .view_blog {
        font-size: 16px;
        line-height: 16px;
        padding: 18px 22px;
    }
    .blog_posts_section .blog_posts_left_shape {
        bottom: 10px;
    }
    .blog_posts_section .blog_posts_left_shape img {
        width: 100px;
    }
    .blog_posts_section .blog_posts_right_shape {
        bottom: unset;
        top: 15px;
    }
    .blog_posts_section .blog_posts_right_shape img {
        width: 100px;
    }

    .subscribe_background_image {
        padding: 55px 30px 60px;
        border-radius: 0 0 26px;
    }
    .subscribe_content h2 {
        margin-bottom: 15px;
    }
    .subscribe_content input {
        font-size: 14px;
        line-height: 20px;
        padding-top: 18px;
        padding-bottom: 22px;
        padding-left: 16px;
        margin-bottom: 15px;
    }
    .subscribe_content button {
        padding: 14px 28px;
    }
    .subscribe_background_image .subscribe_image {
        bottom: -60px;
        right: -16px;
    }
    .subscribe_background_image .subscribe_image img {
        width: 460px;
    }

    .footer-section {
        padding: 145px 0 0;
        margin-top: -90px;
    }
    .middle-portion {
        margin-bottom: 60px;
    }
    .middle-portion .about_col h4 {
        margin-bottom: 12px;
    }
    .middle-portion .about_col ul li p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 12px;
    }
    .middle-portion ul .icons i {
        line-height: 38px;
        height: 38px;
        width: 38px;
    }
    .middle-portion h4 {
        margin-bottom: 10px;
    }
    .middle-portion li i {
        margin-right: 8px;
    }
    .middle-portion li a {
        font-size: 14px;
        line-height: 28px;
    }
    .middle-portion li .location {
        margin-right: 8px;
    }
    .middle-portion .contact_col li span {
        font-size: 14px;
        line-height: 20px;
    }
    .copyright {
        padding: 14px 0;
    }
    .copyright p {
        line-height: 14px;
    }
    .footer_shape figure {
        bottom: 50px;
    }
    .footer_shape figure img {
        width: 72px;
    }

    .sub-banner-section .banner-section {
        padding: 50px 0 60px;
    }
    .sub-banner-section .banner-section h1 {
        margin-bottom: 5px;
    }
    .sub-banner-section .banner-section p {
        padding: 0 50px;
        margin-bottom: 15px;
    }
    .sub-banner-section .banner-section .btn_wrapper {
        padding: 10px 15px;
    }
    .sub-banner-section .banner-section .banner_left_top_shape {
        top: 55px;
    }
    .sub-banner-section .banner-section .banner_left_top_shape img {
        width: 50px;
    }
    .sub-banner-section .banner-section .banner_left_bottom_shape {
        top: 130px;
    }
    .sub-banner-section .banner-section .banner_left_bottom_shape img {
        width: 100px;
    }
    .sub-banner-section .banner-section .banner_right_top_shape {
        bottom: 100px;
    }
    .sub-banner-section .banner-section .banner_right_top_shape img {
        width: 100px;
    }
    .sub-banner-section .banner-section .banner_right_bottom_shape {
        bottom: 25px;
    }
    .sub-banner-section .banner-section .banner_right_bottom_shape img {
        width: 48px;
    }

    .aboutpage_aboutus_section {
        padding: 65px 0 45px;
    }
    .aboutpage_aboutus_image {
        margin-bottom: 30px;
    }
    .aboutpage_aboutus_section .aboutus_top_shape {
        top: 55px;
        left: -12px;
    }
    .aboutpage_aboutus_section .aboutus_top_shape img {
        width: 160px;
    }
    .aboutpage_aboutus_section .aboutus_bottom_shape {
        top: 205px;
        left: -15px;
    }
    .aboutpage_aboutus_section .aboutus_bottom_shape img {
        width: 65px;
    }
    .aboutpage_aboutus_content {
        padding-top: 0;
        text-align: center;
    }
    .aboutpage_aboutus_content h2 {
        margin-bottom: 8px;
    }
    .aboutpage_aboutus_content p {
        margin-bottom: 5px;
    }
    .aboutpage_aboutus_content .margin_bottom {
        margin-bottom: 18px;
    }
    .aboutpage_aboutus_content .box {
        width: 32%;
        padding: 12px 26px 12px;
        margin-bottom: 15px;
        margin-right: 20px;
        text-align: left;
    }
    .aboutpage_aboutus_content .box i {
        left: 8px;
        top: 18px;
        height: 26px;
        width: 26px;
        font-size: 12px;
        line-height: 24px;
    }
    .aboutpage_aboutus_content .box span {
        font-size: 14px;
        line-height: 18px;
        padding-left: 22px;
    }

    .discount_section {
        padding: 55px 0 60px;
    }
    .discount_content h2 {
        margin-bottom: 8px;
        padding: 0 65px;
    }
    .discount_content p {
        margin-bottom: 20px;
        padding: 0;
    }
    .discount_content .btn_wrapper .get_started {
        font-size: 16px;
        line-height: 16px;
        padding: 18px 35px;
    }

    .mission_section {
        padding: 60px 0 30px;
    }
    .mission_section .mission_box {
        border-radius: 185px 0 185px 0;
    }
    .mission_content {
        padding-top: 60px;
        padding-left: 0;
        text-align: center;
        margin-bottom: 30px;
    }
    .mission_content h2 {
        margin-bottom: 8px;
    }
    .mission_content p {
        margin-bottom: 18px;
        padding: 0 50px;
    }
    .mission_content .btn_wrapper .read_more_btn {
        font-size: 16px;
        line-height: 16px;
        padding: 18px 32px;
    }

    .vision_section {
        padding: 30px 0 60px;
    }
    .vision_section .vision_box {
        border-radius: 185px 0 185px 0;
    }
    .vision_section .vision_image{
        margin-bottom: 30px;
    }
    .vision_content {
        padding-top: 0;
        text-align: center;
        padding-left: 0px;
        margin-bottom: 30px;
    }
    .vision_content h2 {
        margin-bottom: 8px;
    }
    .vision_content p {
        margin-bottom: 18px;
        padding: 0 50px;
    }
    .vision_content .btn_wrapper .read_more_btn {
        font-size: 16px;
        line-height: 16px;
        padding: 18px 32px;
    }

    .achievement_section {
        padding: 55px 0 40px;
    }
    .achievement_content h2 {
        margin-bottom: 8px;
    }
    .achievement_content p {
        margin-bottom: 10px;
    }
    .achievement_section .logo_wrapper{
        text-align: center;
    }

    .services_section .services_page_services_right_shape {
        top: 20px;
    }
    .services_section .services_page_services_right_shape img {
        width: 90px;
    }

    .our_team_section {
        padding: 55px 0 10px;
    }
    .our_team_content h2 {
        margin-bottom: 10px;
    }
    .our_team_box_content .our_team_box_lower_portion p {
        font-size: 14px;
        line-height: 20px;
        margin-top: -2px;
        margin-bottom: 8px;
    }
    .our_team_box_content .our_team_box_lower_portion .social_icons i {
        font-size: 12px;
        line-height: 32px;
        height: 32px;
        width: 32px;
        margin-right: 3px;
    }

    .accordian-section {
        padding: 55px 0 60px;
    }
    .accordian_content h2 {
        margin-bottom: 10px;
    }
    .accordian_content p {
        margin-bottom: 25px;
        padding: 0;
    }
    .accordian-section .accordian-section-inner {
        padding-left: 0px;
    }
    .accordian-section .accordian-inner .accordion-card {
        margin-bottom: 25px;
    }
    .accordian-section .accordian-inner .accordion-card .btn {
        padding: 15px 45px;
    }
    .accordian-section .accordion-card .btn-link:before {
        left: 10px;
        top: 14px;
        font-size: 14px;
        height: 28px;
        width: 28px;
        line-height: 26px;
    }
    .accordian-section .accordian-inner .card-body {
        padding: 5px 0px 22px;
    }
    .accordian-section .accordian-inner .card-body .faq_wrapper figure {
        left: 48px;
    }
    .accordian-section .accordian-inner .card-body .faq_wrapper p {
        font-size: 12px;
        line-height: 18px;
        margin-left: 58px;
        padding-right: 12px !important;
    }

    .message_section {
        padding: 55px 0 60px;
    }
    .message_content{
        text-align: center;
        margin-bottom: 30px;
    }
    .message_content h2 {
        margin-bottom: 8px;
    }
    .message_content p {
        margin-bottom: 20px;
        padding: 0 30px;
    }
    .message_content input {
        padding-top: 24px;
        padding-bottom: 24px;
        padding-left: 15px;
        margin-bottom: 18px;
        width: 100%;
    }
    .message_content .form_style {
        margin-left: 0;
    }
    .message_content textarea {
        padding: 14px 15px;
        height: 110px;
        margin-bottom: 25px;
        width: 100%;
    }
    .message_content button {
        padding: 18px 35px;
    }
    .message_section .box {
        width: 100%;
        padding: 22px 90px 30px;
        margin-bottom: 20px;
        margin-left: 0;
    }
    .message_section .box .box_image_content {
        width: 20%;
    }
    .message_section .box .box_image_content figure {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .message_section .box .box_image_content figure img {
        width: 25px;
    }
    .message_section .box .box_wrapper {
        padding-left: 15px;
        margin-top: -5px;
        width: 80%;
    }
    .message_section .box_padding {
        margin-top: 0;
    }

    .contact_map_section iframe {
        height: 595px;
    }

    .contact_subscribe_section {
        margin-top: -290px;
    }

    .blog-posts {
        padding: 60px 0 35px;
    }
}

 @media screen and (max-width: 575px){
    .main_header {
        padding: 20px 15px 0;
    }
    .navbar-brand img {
        width: 150px;
    }
    .navbar-collapse {
        width: 65%;
    }

    .banner-section-outer .banner-section {
        padding: 55px 15px 60px;
    }
    .banner-section-outer .banner-section h1 {
        padding: 0;
        margin-left: 0;
    }
    h1 {
        font-size: 28px;
        line-height: 44px;
    }
    .banner-section-outer .banner-section p {
        margin-bottom: 15px;
        padding: 0;
    }
    .banner-section-outer .banner-section-content .btn_wrapper {
        margin-bottom: 15px;
    }
    .banner-section-outer .btn_wrapper .getstarted_btn {
        font-size: 14px;
        line-height: 14px;
        padding: 16px 35px;
    }
    .banner-section-outer .banner-section .banner-section-content .top-btn i {
        font-size: 35px;
        line-height: 35px;
    }
    .banner-section-outer .banner-section .banner_left_top_shape{
        display: none;
    }
    .banner-section-outer .banner-section .banner_left_bottom_shape{
        display: none;
    }
    .banner-section-outer .banner-section .banner_right_top_shape{
        display: none;
    }
    .banner-section-outer .banner-section .banner_right_bottom_shape{
        display: none;
    }

    .services_content h2 {
        padding: 0;
    }
    h2 {
        font-size: 22px;
        line-height: 32px;
    }
    .services_content p {
        margin-bottom: 20px;
    }
    .services_section .services_box_content {
        text-align: center;
    }
    .services_box_content .services_box_lower_portion p {
        padding: 0 55px;
    }
    .services_box_content .services_box_lower_portion .btn_wrapper i {
        padding: 12px 15px;
    }
    .services_section .services_left_shape{
        display: none;
    }

    .aboutus_section .aboutus_top_shape{
        display: none;
    }
    .aboutus_section .aboutus_bottom_shape{
        display: none;
    }
    .aboutus_content h2 {
        margin-bottom: 8px;
        padding: 0 35px;
    }
    .aboutus_content h6 {
        margin-bottom: 15px;
        padding: 0 20px;
    }
    .aboutus_line_wrapper .purple_line {
        left: 25px;
    }
    .aboutus_content .btn_wrapper .get_started_btn {
        font-size: 14px;
        line-height: 14px;
        padding: 16px 26px;
    }

    .our_specialties_section {
        padding: 55px 0 35px;
    }
    .our_specialties_heading_content p {
        margin-bottom: 20px;
    }
    .specialties_content {
        margin-bottom: 22px;
        padding-left: 55px;
    }
    .specialties_content .specialties_name {
        font-size: 14px;
        line-height: 20px;
    }
    .specialties_content .specialties_paragraph {
        font-size: 14px;
        line-height: 18px;
    }
    .specialties_content::after {
        height: 45px;
        width: 45px;
        font-size: 26px;
        line-height: 34px;
    }
    .s1::after {
        left: 0;
    }
    .s2::after {
        left: 0;
    }
    .s3::after {
        left: 0;
    }
    .s4::after {
        left: 0;
    }
    .s5::after {
        left: 0;
    }
    .s6::after {
        left: 0;
    }
    .s7::after {
        left: 0;
    }
    .s8::after {
        left: 0;
    }
    .our_specialties_section .our_specialties_right_shape img {
        width: 85px;
    }

    .get_in_touch_section:before {
        height: 585px;
    }
    .get_in_touch_content h2 {
        margin-bottom: 15px;
    }
    .get_in_touch_content button {
        padding: 18px 32px;
        font-size: 16px;
        line-height: 16px;
    }
    .get_in_touch_section .get_in_touch_video .video_img {
        left: 95px;
    }

    .pricing_plans_content p {
        margin-bottom: 20px;
    }
    .pricing_plans_box_image_content {
        padding: 16px 16px;
        width: 75px;
        height: 75px;
        bottom: -30px;
    }
    .pricing_plans_box_lower_portion {
        padding: 30px 75px 20px;
    }
    h3 {
        font-size: 14px;
        line-height: 32px;
    }
    .pricing_plans_box_lower_portion ul {
        margin-bottom: 8px;
    }
    .pricing_plans_box_lower_portion .pricing_plans_span_wrapper {
        margin-bottom: 12px;
    }
    .pricing_plans_box_lower_portion .pricing_plans_span_wrapper .price {
        font-size: 28px;
        line-height: 30px;
    }
    .pricing_plans_box_lower_portion .pricing_plans_span_wrapper .per_month {
        font-size: 12px;
        line-height: 30px;
    }
    .pricing_plans_box_lower_portion .enroll_now_btn {
        font-size: 14px;
        line-height: 14px;
    }
    .second_lower_portion{
        padding: 30px 75px 20px;
    }
    .third_lower_portion{
        padding: 30px 75px 20px;
    }

    .testimonial_content i {
        font-size: 60px;
        line-height: 35px;
        margin-bottom: 10px;
    }
    .testimonial_content .testimonial_paragraph {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .testimonial_content figure img{
        width: 75px;
    }
    #carouselExampleControls .carousel-control-prev {
        left: 130px;
        top: 335px;
        width: 8%;
    }
    #carouselExampleControls .carousel-control-next {
        right: 130px;
        top: 335px;
    }
    .testimonial_section .testimonial_left_shape{
        display: none;
    }
    .testimonial_section .testimonial_right_shape{
        display: none;
    }

    .blog_posts_image_content {
        bottom: 20px;
        left: 20px;
    }
    .blog_posts_image_content span {
        font-size: 12px;
        line-height: 12px;
        padding: 6px 15px;
        margin-bottom: 5px;
    }
    .blog_posts_image_content h4 {
        margin-bottom: 8px;
        padding-right: 10px;
    }
    h4 {
        font-size: 14px;
        line-height: 22px;
    }
    .blog_posts_image_content i {
        font-size: 16px;
        line-height: 16px;
    }
    .blog_posts_section .btn_wrapper .view_blog {
        font-size: 14px;
        line-height: 14px;
        padding: 16px 20px;
    }
    .blog_posts_section .blog_posts_left_shape {
        display: none;
    }
    .blog_posts_section .blog_posts_right_shape {
        display: none;
    }

    .subscribe_background_image {
        padding: 55px 30px 0px;
    }
    .subscribe_content h2 {
        margin-bottom: 12px;
    }
    .subscribe_content input {
        font-size: 12px;
        line-height: 18px;
        padding-top: 16px;
        padding-bottom: 18px;
        padding-left: 12px;
    }
    .subscribe_content button {
        font-size: 14px;
        line-height: 14px;
        padding: 14px 30px;
    }
    .subscribe_background_image .subscribe_image {
        bottom: 0px;
        right: 30px;
        position: relative;
    }
    .subscribe_background_image .subscribe_image img {
        width: 330px;
    }

    .footer-section {
        padding: 100px 0 0;
        margin-top: -45px;
    }
    .middle-portion {
        text-align: center;
    }
    .middle-portion .about_col h4 {
        margin-bottom: 10px;
    }
    .middle-portion .about_col ul li p {
        padding: 0 20px;
    }
    .middle-portion ul .icons i {
        font-size: 12px;
        line-height: 36px;
        height: 36px;
        width: 36px;
    }
    .copyright p {
        line-height: 12px;
        font-size: 12px;
    }
    .footer_shape figure{
        display: none;
    }

    .sub-banner-section .banner-section p {
        padding: 0;
        margin-bottom: 12px;
    }
    .sub-banner-section .banner-section .btn_wrapper {
        font-size: 14px;
        line-height: 14px;
    }
    .sub-banner-section .banner-section .btn_wrapper .sub_home_span {
        margin-right: 2px;
    }
    .sub-banner-section .banner-section .btn_wrapper .sub_span {
        margin-left: 2px;
    }
    .sub-banner-section .banner-section .btn_wrapper i {
        font-size: 12px;
    }
    .sub-banner-section .banner-section .banner_left_top_shape {
        top: 10px;
    }
    .sub-banner-section .banner-section .banner_left_bottom_shape {
        display: none;
    }
    .sub-banner-section .banner-section .banner_right_top_shape {
        display: none;
    }

    .aboutpage_aboutus_section .aboutus_top_shape {
        display: none;
    }
    .aboutpage_aboutus_section .aboutus_bottom_shape {
        display: none;
    }
    .aboutpage_aboutus_content .margin_bottom {
        margin-bottom: 15px;
    }
    .aboutpage_aboutus_content .box {
        width: 40%;
        padding: 12px 15px 12px;
        margin-bottom: 18px;
        margin-right: 15px;
    }
    .aboutpage_aboutus_content .box i {
        left: 10px;
        top: 18px;
        height: 22px;
        width: 22px;
        font-size: 12px;
        line-height: 20px;
    }
    .aboutpage_aboutus_content .box span {
        font-size: 12px;
        line-height: 16px;
        padding-left: 25px;
    }

    .discount_content h2 {
        padding: 0 15px;
    }
    .discount_content p {
        margin-bottom: 15px;
    }
    .discount_content .btn_wrapper .get_started {
        font-size: 14px;
        line-height: 14px;
        padding: 16px 30px;
    }

    .mission_section .mission_box {
        border-radius: 118px 0 118px 0;
    }
    .mission_content {
        padding-top: 50px;
    }
    .mission_content p {
        margin-bottom: 15px;
        padding: 0 10px;
    }
    .mission_content .btn_wrapper .read_more_btn {
        font-size: 14px;
        line-height: 14px;
        padding: 16px 30px;
    }

    .vision_section .vision_box {
        border-radius: 118px 0 118px 0;
    }
    .vision_content p {
        margin-bottom: 15px;
        padding: 0 10px;
    }
    .vision_content .btn_wrapper .read_more_btn {
        font-size: 14px;
        line-height: 14px;
        padding: 16px 30px;
    }

    .achievement_content p {
        margin-bottom: 5px;
    }

    .services_section .services_page_services_right_shape {
        display: none;
    }

    .our_team_content h2 {
        margin-bottom: 8px;
    }
    .our_team_section .our_team_box_content {
        text-align: center;
    }

    .accordian_content p {
        margin-bottom: 20px;
    }
    .accordian-section .accordian-inner .accordion-card {
        margin-bottom: 20px;
    }
    .accordian-section .accordian-inner .accordion-card .btn {
        padding: 10px 40px;
    }
    .accordian-section .accordion-card .btn-link:before {
        left: 8px;
        top: 18px;
        font-size: 12px;
        height: 24px;
        width: 24px;
        line-height: 22px;
    }
    .accordian-section .accordian-inner .card-body {
        padding: 0px 0px 22px;
    }
    .accordian-section .accordian-inner .card-body .faq_wrapper figure {
        top: 5px;
        left: 15px;
    }
    .accordian-section .accordian-inner .card-body .faq_wrapper p {
        margin-left: 25px;
        padding-right: 0px !important;
    }

    .message_content p {
        margin-bottom: 15px;
        padding: 0;
    }
    .message_content input {
        padding-top: 22px;
        padding-bottom: 22px;
        padding-left: 12px;
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 20px;
    }
    .message_content textarea {
        padding: 12px 12px;
        height: 105px;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 20px;
    }
    .message_content button {
        padding: 16px 32px;
        font-size: 16px;
        line-height: 16px;
    }
    .message_section .box {
        padding: 20px 30px 25px;
    }
    .message_section .box .box_wrapper {
        padding-left: 18px;
    }
    .message_section .box .box_image_content figure {
        width: 55px;
        height: 55px;
        line-height: 55px;
    }
    .message_section .box .box_image_content figure img {
        width: 22px;
    }
    
    .contact_map_section iframe {
        height: 805px;
    }

    .contact_subscribe_section {
        margin-top: -395px;
    }
}

/* ============================================
   ADDITIONAL RESPONSIVE STYLES
   Hindu Raksha Dal - Mobile & Tablet Fixes
   ============================================ */

/* ============================================
   SPECIFIC FEEDBACK FIXES
   ============================================ */

/* 1. Hide top header bar completely on screens below 992px */
@media (max-width: 991px) {
    .header-top-bar {
        display: none !important;
    }
    
    /* Only show the second header (logo + menu) on mobile */
    .main_header {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .header-top-bar {
        display: none !important;
    }
}

@media (max-width: 575px) {
    .header-top-bar {
        display: none !important;
    }
}

/* 2. Hero/Banner Section Fixes for Mobile */
/* Set height to around 70-75vh and fix background image */
@media (max-width: 991px) {
    .hero-slider-section {
        height: 75vh !important;
        min-height: 500px;
        max-height: 600px;
    }
    
    .hero-slide {
        height: 100% !important;
        min-height: 500px;
        background-size: cover !important;
        background-position: top center !important;
        background-repeat: no-repeat !important;
    }
    
    .hero-overlay {
        height: 100% !important;
    }
    
    .hero-slide-content {
        padding: 40px 15px !important;
    }
    
    /* Reduce heading font size for better mobile view */
    .hero-slide-content h1 {
        font-size: 32px !important;
        line-height: 42px !important;
    }
    
    .hero-tagline {
        font-size: 16px !important;
        margin-bottom: 20px !important;
    }
    
    /* Stack buttons vertically with proper spacing */
    .hero-buttons {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important;
    }
    
    .hero-btn-primary,
    .hero-btn-secondary {
        width: 100% !important;
        max-width: 280px !important;
        text-align: center !important;
        padding: 14px 25px !important;
        margin: 0 !important;
    }
}

@media (max-width: 576px) {
    .hero-slider-section {
        height: 70vh !important;
        min-height: 450px;
        max-height: 500px;
    }
    
    .hero-slide {
        min-height: 450px;
    }
    
    .hero-slide-content h1 {
        font-size: 26px !important;
        line-height: 36px !important;
    }
    
    .hero-tagline {
        font-size: 14px !important;
    }
    
    .hero-btn-primary,
    .hero-btn-secondary {
        padding: 12px 20px !important;
        font-size: 14px !important;
    }
}

/* 3. Fix Image Cards Below Banner */
@media (max-width: 991px) {
    /* Ensure images are not stretched - use proper sizing */
    .aboutus_image figure img,
    .aboutus_image img,
    .services_box_upper_portion img,
    .pricing_plans_box_upper_portion figure img,
    .pricing_plans_image img,
    .blog_posts_image img,
    .mission_section .mission_image img,
    .vision_section .vision_image img,
    .our_team_box_upper_portion img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
    }
    
    /* Add proper margin-bottom spacing between cards */
    .aboutus_image,
    .services_box_content,
    .pricing_plans_box_content,
    .blog_posts_image,
    .pricing_plans_box_content,
    .activity-box,
    .objective-box {
        margin-bottom: 25px !important;
    }
    
    /* Image figure container fixes */
    .aboutus_image figure,
    .services_box_upper_portion,
    .pricing_plans_box_upper_portion figure {
        width: 100% !important;
        height: auto !important;
        overflow: hidden;
    }
    
    /* Feature boxes */
    .aboutus-content-box .box {
        margin-bottom: 15px !important;
    }
}

@media (max-width: 576px) {
    .aboutus_image,
    .services_box_content,
    .pricing_plans_box_content,
    .blog_posts_image,
    .activity-box,
    .objective-box {
        margin-bottom: 20px !important;
    }
}

/* 4. Footer Layout on Mobile */
@media (max-width: 991px) {
    /* Stack all columns vertically */
    .footer-section .middle-portion .row {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .footer-section .middle-portion .row > div {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 30px !important;
    }
    
    /* Center align text */
    .footer-section .middle-portion {
        text-align: center !important;
    }
    
    .footer-section .middle-portion .about_col,
    .footer-section .middle-portion .links_col,
    .footer-section .middle-portion .contact_col,
    .footer-section .middle-portion .footer_logo {
        text-align: center !important;
    }
    
    /* Social icons centering */
    .middle-portion ul.icons {
        display: inline-flex !important;
        justify-content: center !important;
    }
    
    .middle-portion ul.icons li {
        margin: 0 5px !important;
    }
    
    /* Add proper spacing between sections */
    .footer-section .middle-portion {
        padding: 0 15px !important;
    }
    
    /* Footer logo fix */
    .footer_logo {
        padding: 0 !important;
        margin-bottom: 20px !important;
    }
    
    /* Copyright text */
    .copyright {
        text-align: center !important;
    }
}

@media (max-width: 576px) {
    /* Reduce font size slightly for better readability */
    .footer-section .middle-portion h4 {
        font-size: 18px !important;
        margin-bottom: 15px !important;
    }
    
    .footer-section .middle-portion li a,
    .footer-section .middle-portion li p,
    .footer-section .middle-portion li span {
        font-size: 14px !important;
    }
    
    .footer-section .middle-portion .row > div {
        margin-bottom: 25px !important;
    }
    
    .copyright p {
        font-size: 12px !important;
    }
}

/* 5. Ensure no desktop design is affected - only apply inside proper mobile media queries */
@media (min-width: 992px) {
    /* Desktop styles remain untouched - these only apply to mobile */
    .header-top-bar {
        display: block !important;
    }
    
    .main_header {
        display: block !important;
    }
    
    .hero-slider-section {
        height: 100vh;
    }
    
    .hero-slide-content h1 {
        font-size: 48px;
    }
    
    .hero-buttons {
        display: flex;
        gap: 20px;
    }
}


/* Box Sizing Fix for All Elements */
*, *::before, *::after {
    box-sizing: border-box;
}

/* Responsive Images */
img {
    max-width: 100%;
    height: auto;
}

/* Container Max Width */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Row Fixes */
.row {
    margin-left: -15px;
    margin-right: -15px;
}

.row > * {
    padding-left: 15px;
    padding-right: 15px;
}

/* ============================================
   HEADER & NAVBAR RESPONSIVE IMPROVEMENTS
   ============================================ */

/* Mobile Header */
@media (max-width: 991px) {
    .header-top-bar {
        display: none;
    }
    
    .main_header {
        padding: 10px 15px;
        background: linear-gradient(180deg, #ff6f00 0%, #e65c00 100%);
    }
    
    .navbar-brand {
        padding: 0;
    }
    
    .navbar-brand img {
        width: 120px;
        height: auto;
    }
    
    /* Mobile Navbar */
    .navbar-collapse {
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        background: linear-gradient(180deg, #e65c00 0%, #cc5500 100%);
        padding: 20px;
        max-height: calc(100vh - 60px);
        overflow-y: auto;
        z-index: 1000;
        box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    }
    
    .navbar-nav {
        padding: 0;
        margin: 0;
    }
    
    .navbar-nav li {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    
    .navbar-nav li:last-child {
        border-bottom: none;
    }
    
    .navbar-nav .nav-item a {
        padding: 15px 10px !important;
        color: #ffffff !important;
        font-size: 16px;
        display: block;
        text-align: left;
    }
    
    .navbar-nav .nav-item a:hover {
        background: rgba(255,215,0,0.2);
        color: #ffd700 !important;
    }
    
    /* Join Us Button on Mobile */
    .navbar-nav .nav-item .join_us_btn {
        margin: 15px 0;
        text-align: center;
        padding: 12px 25px !important;
    }
    
    /* Navbar Toggler */
    .navbar-toggler {
        display: block;
        padding: 8px;
        border: 2px solid #ffd700;
        background: rgba(255,255,255,0.1);
        border-radius: 5px;
        cursor: pointer;
    }
    
    .navbar-toggler-icon {
        display: block;
        width: 25px;
        height: 2px;
        background: #ffd700;
        margin: 5px 0;
        position: relative;
    }
    
    .navbar-toggler-icon::before,
    .navbar-toggler-icon::after {
        content: '';
        position: absolute;
        width: 25px;
        height: 2px;
        background: #ffd700;
        left: 0;
    }
    
    .navbar-toggler-icon::before {
        top: -8px;
    }
    
    .navbar-toggler-icon::after {
        top: 8px;
    }
    
    .header-decorative-top,
    .header-decorative-bottom {
        display: none;
    }
    
    /* Logo Text on Mobile */
    .logo-text {
        display: none;
    }
    
    .logo-container figure {
        width: 68px;
        height: 68px;
    }
}

@media (max-width: 576px) {
    .main_header {
        padding: 8px 10px;
    }
    
    .navbar-brand img {
        width: 100px;
    }
    
    .navbar-collapse {
        top: 50px;
    }
    
    .logo-container figure {
        width: 68px;
        height: 68px;
    }
}

/* ============================================
   HERO SLIDER RESPONSIVE IMPROVEMENTS
   ============================================ */

@media (max-width: 991px) {
    .hero-slider-section {
        min-height: 500px;
    }
    
    .hero-slide-content {
        padding: 60px 15px;
    }
    
    .hero-slide-content h1 {
        font-size: 36px !important;
    }
    
    .hero-tagline {
        font-size: 16px !important;
    }
    
    .hero-buttons {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    
    .hero-btn-primary,
    .hero-btn-secondary {
        width: 100%;
        max-width: 280px;
        text-align: center;
    }
}

@media (max-width: 576px) {
    .hero-slider-section {
        min-height: 450px;
    }
    
    .hero-slide-content h1 {
        font-size: 28px !important;
    }
    
    .hero-tagline {
        font-size: 14px !important;
        letter-spacing: 1px;
    }
    
    .content-wrapper {
        padding: 20px 15px !important;
        width: 95% !important;
    }
}

/* ============================================
   SERVICES SECTION RESPONSIVE IMPROVEMENTS
   ============================================ */

@media (max-width: 991px) {
    .services_section {
        padding: 60px 0 40px;
    }
    
    .services_content h2 {
        font-size: 28px;
        padding: 0;
    }
    
    .services_content p {
        padding: 0;
    }
    
    .services_box_content {
        margin-bottom: 30px;
    }
    
    .services_box_upper_portion {
        height: 200px;
    }
    
    .services_box_lower_portion h3 {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .services_section {
        padding: 40px 0 30px;
    }
    
    .services_content h5 {
        font-size: 14px;
    }
    
    .services_content h2 {
        font-size: 22px;
    }
    
    .services_content p {
        font-size: 14px;
    }
    
    .services_box_upper_portion {
        height: 180px;
    }
}

/* ============================================
   ABOUT SECTION RESPONSIVE IMPROVEMENTS
   ============================================ */

@media (max-width: 991px) {
    .aboutus_section {
        padding: 60px 0;
    }
    
    .aboutus_image {
        margin-bottom: 30px;
    }
    
    .aboutus_content {
        padding: 0;
        text-align: center;
    }
    
    .aboutus-divider {
        margin: 15px auto;
    }
    
    .aboutus-features {
        justify-content: center;
    }
    
    .aboutus-image-border {
        display: none;
    }
}

@media (max-width: 576px) {
    .aboutus_section {
        padding: 40px 0;
    }
    
    .aboutus_content h2 {
        font-size: 24px;
    }
    
    .feature-item {
        width: 100%;
        justify-content: center;
    }
}

/* ============================================
   QUOTE SECTION RESPONSIVE IMPROVEMENTS
   ============================================ */

@media (max-width: 991px) {
    .quote_section {
        padding: 40px 0;
    }
    
    .quote_card {
        padding: 25px 20px;
        margin: 0 15px;
    }
    
    .quote_text {
        font-size: 18px;
    }
    
    .quote_icon {
        font-size: 36px;
    }
    
    .quote_author {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .quote_section {
        padding: 30px 0;
    }
    
    .quote_card {
        padding: 20px 15px;
    }
    
    .quote_text {
        font-size: 16px;
    }
}

/* ============================================
   UPDESH (CIRCLE) SECTION RESPONSIVE IMPROVEMENTS
   ============================================ */

@media (max-width: 991px) {
    .updesh_section {
        padding: 60px 0;
    }
    
    .section_title {
        font-size: 28px;
    }
    
    .circle_layout {
        width: 400px;
        height: 400px;
        margin: 0 auto 30px;
    }
    
    .circle-ring {
        width: 340px;
        height: 340px;
    }
    
    .circle-ring-inner {
        width: 300px;
        height: 300px;
    }
    
    .center-image-frame {
        width: 140px;
        height: 140px;
    }
    
    .center-glow {
        width: 180px;
        height: 180px;
    }
    
    .circle_item {
        width: 100px;
    }
    
    .circle_item h4 {
        font-size: 11px;
    }
    
    .updesh-card .icon {
        width: 45px;
        height: 45px;
        font-size: 18px;
    }
    
    .updesh-card p {
        display: none;
    }
    
    .updesh-footer p {
        font-size: 16px;
        padding: 15px 20px;
    }
}

@media (max-width: 768px) {
    .circle_layout {
        width: 320px;
        height: 320px;
    }
    
    .circle-ring {
        width: 280px;
        height: 280px;
    }
    
    .circle-ring-inner {
        width: 250px;
        height: 250px;
    }
    
    .center-image-frame {
        width: 110px;
        height: 110px;
    }
    
    .center-glow {
        width: 140px;
        height: 140px;
    }
    
    .circle_item {
        width: 85px;
    }
    
    .circle_item h4 {
        font-size: 10px;
    }
    
    .updesh-card .icon {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }
    
    .item1 { top: -15px; }
    .item2 { right: -20px; }
    .item3 { bottom: -15px; right: -20px; }
    .item4 { bottom: -15px; }
    .item5 { bottom: -15px; left: -20px; }
    .item6 { left: -20px; }
}

@media (max-width: 576px) {
    .updesh_section {
        padding: 40px 0;
    }
    
    .section_title {
        font-size: 22px;
    }
    
    .section_subtitle {
        font-size: 14px;
    }
    
    .circle_layout {
        width: 280px;
        height: 280px;
    }
    
    .circle-ring {
        width: 240px;
        height: 240px;
    }
    
    .circle-ring-inner {
        width: 210px;
        height: 210px;
    }
    
    .center-image-frame {
        width: 90px;
        height: 90px;
        padding: 4px;
    }
    
    .center-glow {
        width: 120px;
        height: 120px;
    }
    
    .circle_item {
        width: 70px;
    }
    
    .circle_item h4 {
        font-size: 9px;
    }
    
    .updesh-card .icon {
        width: 32px;
        height: 32px;
        font-size: 12px;
        border-width: 2px;
    }
    
    .updesh-decorative {
        display: none;
    }
    
    .item1 { top: -10px; }
    .item2 { right: -15px; }
    .item3 { bottom: -10px; right: -15px; }
    .item4 { bottom: -10px; }
    .item5 { bottom: -10px; left: -15px; }
    .item6 { left: -15px; }
}

/* ============================================
   TESTIMONIAL SECTION RESPONSIVE IMPROVEMENTS
   ============================================ */

@media (max-width: 991px) {
    .testimonial_section {
        padding: 60px 0;
    }
    
    .testimonial_content {
        padding: 0 15px;
    }
    
    .testimonial_paragraph {
        font-size: 16px;
    }
    
    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }
}

@media (max-width: 576px) {
    .testimonial_section {
        padding: 40px 0;
    }
    
    .testimonial_paragraph {
        font-size: 14px;
    }
    
    .testimonial_person_name {
        font-size: 16px;
    }
}

/* ============================================
   FOOTER SECTION RESPONSIVE IMPROVEMENTS
   ============================================ */

@media (max-width: 991px) {
    .footer-section {
        padding: 60px 0 0;
        margin-top: 0;
    }
    
    .middle-portion {
        margin-bottom: 30px;
    }
    
    .middle-portion > .row > div {
        margin-bottom: 30px;
    }
    
    .footer_logo {
        text-align: center;
        padding: 0;
    }
    
    .about_col,
    .links_col,
    .contact_col {
        text-align: center;
        padding: 0 15px;
    }
    
    .middle-portion ul .icons {
        display: inline-block;
        margin: 0 5px;
    }
    
    .copyright {
        padding: 20px 0;
        text-align: center;
    }
}

@media (max-width: 576px) {
    .footer-section {
        padding: 40px 0 0;
    }
    
    .middle-portion h4 {
        font-size: 18px;
    }
    
    .middle-portion li a {
        font-size: 14px;
    }
    
    .copyright p {
        font-size: 12px;
    }
}

/* ============================================
   BREADCRUMB SECTION RESPONSIVE
   ============================================ */

@media (max-width: 991px) {
    .breadcrumb-section {
        padding: 100px 0 40px;
    }
    
    .breadcrumb-heading {
        font-size: 28px;
    }
}

@media (max-width: 576px) {
    .breadcrumb-section {
        padding: 80px 0 30px;
    }
    
    .breadcrumb-heading {
        font-size: 22px;
    }
    
    .breadcrumb {
        font-size: 12px;
    }
}

/* ============================================
   FOUNDER SECTION RESPONSIVE
   ============================================ */

@media (max-width: 991px) {
    .founder-section {
        padding: 60px 0;
    }
    
    .founder-stats {
        justify-content: center;
    }
    
    .stat-box {
        min-width: 100px;
        padding: 15px;
    }
    
    .stat-number {
        font-size: 22px;
    }
}

@media (max-width: 576px) {
    .founder-section {
        padding: 40px 0;
    }
    
    .founder-stats {
        flex-direction: column;
        align-items: center;
    }
    
    .stat-box {
        width: 100%;
        max-width: 200px;
    }
}

/* ============================================
   OBJECTIVES & ACTIVITIES SECTION RESPONSIVE
   ============================================ */

@media (max-width: 991px) {
    .objectives-section,
    .activities-section {
        padding: 60px 0;
    }
    
    .pricing_plans_section {
        padding: 60px 0;
    }
    
    .objective-box,
    .activity-box {
        margin-bottom: 30px;
    }
}

@media (max-width: 576px) {
    .objectives-section,
    .activities-section,
    .pricing_plans_section {
        padding: 40px 0;
    }
    
    .objective-box {
        padding: 20px 15px;
    }
    
    .objective-box h3 {
        font-size: 18px;
    }
    
    .activity-box .pricing_plans_box_lower_portion h3 {
        font-size: 18px;
    }
}

/* ============================================
   SUPPORT SECTION RESPONSIVE
   ============================================ */

@media (max-width: 991px) {
    .support-section {
        padding: 60px 0;
    }
    
    .support-section h2 {
        font-size: 28px;
    }
    
    .support-om {
        display: none;
    }
    
    .support-section p {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .support-section {
        padding: 40px 0;
    }
    
    .support-section h2 {
        font-size: 22px;
    }
}

/* ============================================
   PRESIDENT MESSAGE SECTION RESPONSIVE
   ============================================ */

@media (max-width: 991px) {
    .rakshadal_testimonial {
        padding: 60px 20px;
    }
    
    .rakshadal_testimonial::after {
        font-size: 150px;
        right: 20px;
    }
    
    .testimonial_paragraph {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .rakshadal_testimonial {
        padding: 40px 15px;
    }
    
    .rakshadal_testimonial::after {
        display: none;
    }
    
    .testimonial_paragraph {
        font-size: 14px;
    }
    
    .testimonial_person_name {
        font-size: 16px;
    }
}

/* ============================================
   SLOKA SECTION RESPONSIVE
   ============================================ */

@media (max-width: 991px) {
    .sloka_section {
        padding: 60px 0;
    }
    
    .sloka_card {
        padding: 30px 20px;
        margin-bottom: 30px;
    }
    
    .sloka-title {
        font-size: 22px;
    }
    
    .sloka_text {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .sloka_section {
        padding: 40px 0;
    }
    
    .sloka_card {
        padding: 20px 15px;
        margin-bottom: 20px;
    }
    
    .sloka-title {
        font-size: 18px;
    }
    
    .sloka_text {
        font-size: 16px;
    }
    
    .sloka_translation {
        font-size: 14px;
    }
}

/* ============================================
   GALLERY PAGE RESPONSIVE
   ============================================ */

@media (max-width: 991px) {
    .gallery_section {
        padding: 60px 0;
    }
    
    .gallery-item {
        margin-bottom: 30px;
    }
}

@media (max-width: 576px) {
    .gallery_section {
        padding: 40px 0;
    }
    
    .gallery-item {
        margin-bottom: 15px;
    }
}

/* ============================================
   CONTACT PAGE RESPONSIVE
   ============================================ */

@media (max-width: 991px) {
    .contact-section {
        padding: 60px 0;
    }
    
    .contact-form,
    .contact-info {
        margin-bottom: 40px;
    }
    
    .message_section .box {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

@media (max-width: 576px) {
    .contact-section {
        padding: 40px 0;
    }
    
    .contact-form input,
    .contact-form textarea {
        font-size: 14px;
    }
    
    .contact-form button {
        width: 100%;
    }
}

/* ============================================
   MEMBERSHIP PAGE RESPONSIVE
   ============================================ */

@media (max-width: 991px) {
    .membership_section {
        padding: 60px 0;
    }
    
    .membership-card {
        margin-bottom: 30px;
    }
}

@media (max-width: 576px) {
    .membership_section {
        padding: 40px 0;
    }
    
    .membership-card {
        padding: 20px;
    }
}

/* ============================================
   GENERAL UTILITY CLASSES FOR RESPONSIVE
   ============================================ */

@media (max-width: 991px) {
    .d-lg-none {
        display: none !important;
    }
    
    .d-lg-block {
        display: block !important;
    }
    
    .text-lg-center {
        text-align: center !important;
    }
    
    .text-lg-left {
        text-align: left !important;
    }
    
    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    
    .mt-lg-0 {
        margin-top: 0 !important;
    }
    
    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

@media (max-width: 767px) {
    .d-md-none {
        display: none !important;
    }
    
    .d-md-block {
        display: block !important;
    }
    
    .text-md-center {
        text-align: center !important;
    }
    
    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }
}

@media (max-width: 575px) {
    .d-sm-none {
        display: none !important;
    }
    
    .d-sm-block {
        display: block !important;
    }
    
    .text-sm-center {
        text-align: center !important;
    }
    
    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }
    
    .px-sm-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/* ============================================
   SCROLLBAR STYLING FOR MOBILE
   ============================================ */

@media (max-width: 991px) {
    ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }
    
    ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    
    ::-webkit-scrollbar-thumb {
        background: #cc5500;
        border-radius: 3px;
    }
    
    ::-webkit-scrollbar-thumb:hover {
        background: #e65c00;
    }
}

/* ============================================
   TOUCH OPTIMIZATION FOR MOBILE
   ============================================ */

@media (max-width: 991px) {
    a, 
    button,
    .btn {
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Larger touch targets */
    .navbar-nav .nav-item a {
        min-height: 44px;
        display: flex;
        align-items: center;
    }
    
    /* Prevent text selection on UI elements */
    .navbar-nav li,
    .footer-section .middle-portion li a {
        -webkit-user-select: none;
        user-select: none;
    }
    
    /* Smooth scrolling */
    html {
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
    }
}
