/* Responsve Styling */

@media only screen and (min-width: 0px) and (max-width: 519px) {
    .header_right {
        display: none;
    }
    .menu_btn {
        display: block;
    }
    .main__banner {
        padding: 20px 20px;
    }
    .banner_bottomContent h2 {
        font-size: 30px;
    }
    .banner_topContent h1 {
        font-size: 20px;
    }
    .banner__mainContent {
        height: 280px;
    }
    .banner_btn {
        margin: 15px 0 0;
    }
    .banner_topContent h1 span {
        width: 23px;
    }
    .themebtn {
        padding: 9px 15px;
        font-size: 12px;
    }
    .banner_img img {
        object-position: 62% 100%;
    }
    .banner_img:before {
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        background: #00000069;
    }
    .mainMomentum {
        padding: 20px;
    }
    .momentum__title {
        font-size: 25px;
    }
    .momentum_btns {
        display: block;
    }
    .momentum_btns a {
        width: 100%;
        text-align: center;
    }
    .partner p {
        font-size: 12px;
    }
    .tag_img {
        width: 15px;
    }
    .partner {
        gap: 5px;
    }
    .section_content h4 {
        font-size: 30px;
    }
    .clients {
        margin: 40px 0;
    }
    .facts {
        margin: 60px 0 40px;
    }
    .section_content>p {
        margin: 20px 0;
        font-size: 12px;
        line-height: 21px;
    }
    .main_factCrds {
        margin: 20px 0 0;
    }
    .fact_crd {
        margin: 10px 0;
    }
    .fact_crd {
        padding: 40px 40px;
    }
    .counter {
        font-size: 40px;
    }
    .counter span {
        font-size: 40px;
    }
    .fact_crd p {
        font-size: 13px;
    }
    .recent_img img {
        scale: 1 !important;
    }
    .recent_img {
        height: 310px;
        padding: 0;
    }
    p.recent_title {
        font-size: 20px;
        margin: 20px 0 0;
    }
    .test_content {
        width: 100%;
    }
    .test_content p {
        font-size: 14px;
        line-height: 26px;
        font-weight: 200;
        margin-bottom: 20px;
    }
    .collen_img {
        width: 30px;
        margin: 0 0 10px;
    }
    .test_bottom {
        padding: 20px 0 0;
    }
    .user_img {
        width: 40px;
    }
    .user_name h4 {
        font-size: 15px;
        margin: 0 0 5px;
    }
    .user_name p {
        font-size: 12px;
    }
    .slick-dots {
        left: 50% !important;
        transform: translatex(-50%) !important;
        bottom: -50px;
    }
    .slick-dots li {
        width: 10px;
        height: 10px;
    }
    .about_img {
        height: 300px;
        margin-bottom: 30px;
    }
    .about_content p {
        margin: 10px 0;
        font-size: 14px;
    }
    .about_btns {
        margin: 20px 0 0;
    }
    .about {
        padding: 40px 0;
    }
    .main_services {
        padding: 40px 20px;
    }
    .section_content--alt h4 {
        font-size: 27px;
    }
    .recent_btn {
        margin: 0;
    }
    .accordion-button {
        padding: 10px 0;
        font-size: 16px;
    }
    .accordion-body {
        padding: 10px 0 20px;
    }
    .accordion-body p {
        font-size: 12px;
    }
    .accordion-button:after {
        width: 20px !important;
    }
    .services_accordian {
        margin: 30px 0 0;
    }
    .maic_img {
        height: 210px;
    }
    .mac__sec {
        padding: 0 0 40px;
    }
    .why__choose {
        padding: 40px 0;
    }
    .choose_crd {
        margin: 10px 0;
    }
    .choose_crd h5 {
        font-size: 17px;
        margin: 0 0 10px;
    }
    .choose_crd p {
        font-size: 12px;
    }
    .blog_img {
        height: 270px;
    }
    .blog_crd {
        margin: 10px 0;
    }
    .blog_mainContent h4 {
        font-size: 16px;
    }
    .blog_mainContent>p {
        font-size: 14px;
        margin: 5px 0 0;
    }
    .blogTop p {
        font-size: 12px;
    }
    .blog {
        padding: 40px 0;
    }
    .footer {
        padding: 40px 0 0;
    }
    .main_footer {
        padding: 40px 20px 0;
    }
    .footer_start {
        width: 100%;
    }
    .footer_start h3 {
        font-size: 27px;
    }
    .footer_start p {
        margin: 10px 0 20px;
        font-size: 12px;
    }
    .footer_contact {
        display: block;
        margin: 40px 0 20px;
    }
    .footer_contactMain h4 {
        font-size: 20px;
        margin: 0 0 5px;
    }
    .grab_para h6 {
        font-size: 12px;
        margin: 20px 0 0;
    }
    .copy_content {
        font-size: 12px;
        margin: 10px 0 0;
        text-align: center;
    }
    .footer_bottom {
        display: block;
    }
    .footer_socialIcons {
        justify-content: center;
    }
    .footer_bottom {
        padding: 20px 0;
    }
}

@media only screen and (min-width: 520px) and (max-width: 767px) {
    .header_right {
        display: none;
    }
    .menu_btn {
        display: block;
    }
    .main__banner {
        padding: 20px 20px;
    }
    .banner_bottomContent h2 {
        font-size: 30px;
    }
    .banner_topContent h1 {
        font-size: 20px;
    }
    .banner__mainContent {
        height: 280px;
    }
    .banner_btn {
        margin: 15px 0 0;
    }
    .themebtn {
        padding: 9px 15px;
        font-size: 12px;
    }
    .banner_img img {
        object-position: 62% 100%;
    }
    .banner_img:before {
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        background: #00000069;
    }
    .mainMomentum {
        padding: 20px;
    }
    .momentum__title {
        font-size: 25px;
    }
    .momentum_btns {
        display: block;
    }
    .momentum_btns a {
        width: 100%;
        text-align: center;
    }
    .partner p {
        font-size: 12px;
    }
    .tag_img {
        width: 15px;
    }
    .partner {
        gap: 5px;
    }
    .section_content h4 {
        font-size: 30px;
    }
    .clients {
        margin: 40px 0;
    }
    .facts {
        margin: 60px 0 40px;
    }
    .section_content>p {
        margin: 20px 0;
        font-size: 12px;
        line-height: 21px;
    }
    .main_factCrds {
        margin: 20px 0 0;
    }
    .fact_crd {
        margin: 10px 0;
    }
    .fact_crd {
        padding: 40px 40px;
    }
    .counter {
        font-size: 40px;
    }
    .counter span {
        font-size: 40px;
    }
    .fact_crd p {
        font-size: 13px;
    }
    .recent_img img {
        scale: 1 !important;
    }
    .recent_img {
        height: 310px;
        padding: 0;
    }
    p.recent_title {
        font-size: 20px;
        margin: 20px 0 0;
    }
    .test_content {
        width: 100%;
    }
    .test_content p {
        font-size: 14px;
        line-height: 26px;
        font-weight: 200;
        margin-bottom: 20px;
    }
    .collen_img {
        width: 30px;
        margin: 0 0 10px;
    }
    .test_bottom {
        padding: 20px 0 0;
    }
    .user_img {
        width: 40px;
    }
    .user_name h4 {
        font-size: 15px;
        margin: 0 0 5px;
    }
    .user_name p {
        font-size: 12px;
    }
    .slick-dots {
        left: 50% !important;
        transform: translatex(-50%) !important;
        bottom: -50px;
    }
    .slick-dots li {
        width: 10px;
        height: 10px;
    }
    .about_img {
        height: 490px;
        margin-bottom: 30px;
    }
    .about_content p {
        margin: 10px 0;
        font-size: 14px;
    }
    .about_btns {
        margin: 20px 0 0;
    }
    .about {
        padding: 40px 0;
    }
    .main_services {
        padding: 40px 20px;
    }
    .section_content--alt h4 {
        font-size: 27px;
    }
    .recent_btn {
        margin: 0;
    }
    .accordion-button {
        padding: 16px 0;
        font-size: 19px;
    }
    .accordion-body {
        padding: 10px 0 20px;
    }
    .accordion-body p {
        font-size: 14px;
    }
    .accordion-button:after {
        width: 25px !important;
    }
    .services_accordian {
        margin: 30px 0 0;
    }
    .maic_img {
        height: 300px;
    }
    .mac__sec {
        padding: 0 0 40px;
    }
    .why__choose {
        padding: 40px 0;
    }
    .choose_crd {
        margin: 15px 0;
    }
    .choose_crd h5 {
        font-size: 21px;
        margin: 0 0 10px;
    }
    .choose_crd p {
        font-size: 14px;
    }
    .blog_img {
        height: 270px;
    }
    .blog_crd {
        margin: 10px 0;
    }
    .blog_mainContent h4 {
        font-size: 16px;
    }
    .blog_mainContent>p {
        font-size: 14px;
        margin: 5px 0 0;
    }
    .blogTop p {
        font-size: 12px;
    }
    .blog {
        padding: 40px 0;
    }
    .footer {
        padding: 40px 0 0;
    }
    .main_footer {
        padding: 40px 20px 0;
    }
    .footer_start {
        width: 100%;
    }
    .footer_start h3 {
        font-size: 27px;
    }
    .footer_start p {
        margin: 10px 0 20px;
        font-size: 12px;
    }
    .footer_contact {
        display: block;
        margin: 40px 0 20px;
    }
    .footer_contactMain h4 {
        font-size: 20px;
        margin: 0 0 5px;
    }
    .grab_para h6 {
        font-size: 12px;
        margin: 20px 0 0;
    }
    .copy_content {
        font-size: 12px;
        margin: 10px 0 0;
        text-align: center;
    }
    .footer_bottom {
        display: block;
    }
    .footer_socialIcons {
        justify-content: center;
    }
    .footer_bottom {
        padding: 20px 0;
    }
    .main_whyChooseCrds {
        margin: 20px 0 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
    .header_right {
        gap: 30px;
    }
    .menu_btn {
        display: none;
    }
    .main__banner {
        padding: 20px 20px;
    }
    .banner_bottomContent h2 {
        font-size: 35px;
    }
    .banner_topContent h1 {
        font-size: 30px;
    }
    .banner__mainContent {
        height: 340px;
    }
    .banner_btn {
        margin: 15px 0 0;
    }
    .themebtn {
        padding: 9px 15px;
        font-size: 12px;
    }
    .banner_img img {
        object-position: top;
    }
    .mainMomentum {
        padding: 40px 20px;
    }
    .momentum__title {
        font-size: 25px;
    }
    .momentum_btns {
        gap: 8px;
    }
    .momentum_btns a {
        width: 100%;
        text-align: center;
    }
    .partner p {
        font-size: 12px;
    }
    .tag_img {
        width: 15px;
    }
    .partner {
        gap: 5px;
    }
    .section_content h4 {
        font-size: 22px;
    }
    .clients {
        margin: 40px 0;
    }
    .facts {
        margin: 60px 0 40px;
    }
    .section_content>p {
        margin: 20px 0;
        font-size: 12px;
        line-height: 21px;
    }
    .main_factCrds {
        margin: 20px 0 0;
    }
    .fact_crd {
        margin: 10px 0;
    }
    .fact_crd {
        padding: 30px 20px;
    }
    .counter {
        font-size: 47px;
        margin: 0 0 10px;
    }
    .counter span {
        font-size: 40px;
    }
    .fact_crd p {
        font-size: 13px;
    }
    .recent_img img {
        scale: 1 !important;
    }
    .recent_img {
        height: 310px;
        padding: 20px 20px 0;
    }
    p.recent_title {
        font-size: 20px;
        margin: 20px 0 0;
    }
    .test_content {
        width: 100%;
    }
    .test_content p {
        font-size: 14px;
        line-height: 26px;
        font-weight: 200;
        margin-bottom: 20px;
    }
    .collen_img {
        width: 30px;
        margin: 0 0 10px;
    }
    .test_bottom {
        padding: 20px 0 0;
    }
    .user_img {
        width: 40px;
    }
    .user_name h4 {
        font-size: 15px;
        margin: 0 0 5px;
    }
    .user_name p {
        font-size: 12px;
    }
    .slick-dots {
        left: 50% !important;
        transform: translatex(-50%) !important;
        bottom: -50px;
    }
    .slick-dots li {
        width: 10px;
        height: 10px;
    }
    .about_img {
        height: 490px;
        margin-bottom: 30px;
    }
    .about_content p {
        margin: 10px 0;
        font-size: 14px;
    }
    .about_btns {
        margin: 20px 0 0;
    }
    .about {
        padding: 40px 0;
    }
    .main_services {
        padding: 40px 20px;
    }
    .section_content--alt h4 {
        font-size: 27px;
    }
    .recent_btn {
        margin: 0;
    }
    .accordion-button {
        padding: 16px 0;
        font-size: 19px;
    }
    .accordion-body {
        padding: 10px 0 20px;
    }
    .accordion-body p {
        font-size: 14px;
    }
    .accordion-button:after {
        width: 25px !important;
    }
    .services_accordian {
        margin: 30px 0 0;
    }
    .maic_img {
        height: 420px;
    }
    .mac__sec {
        padding: 0 0 40px;
    }
    .why__choose {
        padding: 40px 0;
    }
    .choose_crd {
        margin: 15px 0;
    }
    .choose_crd h5 {
        font-size: 19px;
        margin: 0 0 10px;
    }
    .choose_crd p {
        font-size: 12px;
    }
    .blog_img {
        height: 270px;
    }
    .blog_crd {
        margin: 10px 0;
    }
    .blog_mainContent h4 {
        font-size: 16px;
    }
    .blog_mainContent>p {
        font-size: 14px;
        margin: 5px 0 0;
    }
    .blogTop p {
        font-size: 12px;
    }
    .blog {
        padding: 40px 0;
    }
    .footer {
        padding: 40px 0 0;
    }
    .main_footer {
        padding: 40px 20px 0;
    }
    .footer_start h3 {
        font-size: 27px;
    }
    .footer_start p {
        margin: 10px 0 20px;
        font-size: 12px;
    }
    .footer_contactMain h4 {
        font-size: 20px;
        margin: 0 0 5px;
    }
    .grab_para h6 {
        font-size: 12px;
        margin: 20px 0 0;
    }
    .copy_content {
        font-size: 12px;
        margin: 10px 0 0;
        text-align: center;
    }
    .footer_socialIcons {
        justify-content: center;
    }
    .footer_bottom {
        padding: 20px 0;
    }
    .main_whyChooseCrds {
        margin: 20px 0 0;
    }
    .header_nav {
        gap: 30px;
    }
    .header_nav li a {
        font-size: 12px;
    }
    .header_btn {
        display: flex;
        align-items: center;
    }
    .logo {
        width: 100px;
    }
    .momentum_innerContent p {
        font-size: 12px;
    }
}

@media only screen and (min-width: 1299px) and (max-width: 1450px) {
    .momentum__title {
        font-size: 41px;
    }
    .section_content h4 {
        font-size: 38px;
    }
    .test_content {
        width: 84%;
    }
    .blog_img {
        height: 450px;
    }
}