@media screen and (max-width:1024px) {
    .counter-section .pattern {
        width: 110px
    }

    .counter-section .tablet-mode .card {
        border: none
    }

    .services-section .card {
        margin-top: 60px
    }

    .faq .container-fluid {
        padding-right: 60px
    }

    .Customer-feedback .c-btn {
        display: none
    }

    .Get-In-Touch {
        padding: 50px 0
    }

    .Get-In-Touch .row {
        border-left: none;
        padding-left: 0
    }

    .Features .sub-heading {
        font-size: 47px;
        margin-bottom: 30px
    }

    .core-features .text .row img {
        display: none
    }

    .core-features .sub-heading {
        font-size: 35px
    }

    .core-features .list ul li span {
        font-size: 16px
    }

    .core-features .list ul li i {
        padding: 12px
    }

    .core-features .text .row .col-lg-8 {
        padding: 0
    }

    .contact-section-1 {
        padding: 50px 0
    }

    .contact-section-1 .card {
        gap: 20px
    }

    .contact-section-1 .row {
        justify-content: center;
        align-items: center
    }

    .contact-section-2 .form {
        padding: 30px 60px
    }

    .contact-section-2 .map iframe {
        height: 400px
    }
}

@media screen and (max-width:800px) {
    .banner .slick-slide .content h3 {
        font-size: 47px
    }

    .bg-conatct-section .text-content h4 {
        font-size: 50px
    }

    .Features .sub-heading {
        font-size: 37px
    }

    footer {
        padding: 50px 0
    }

    .bottom-footer .copyright {
        text-align: center
    }

    .bottom-footer .social-icons ul {
        justify-content: center;
        margin: 10px 0 0
    }

    .core-features .sub-heading {
        font-size: 35px
    }

    .page-not-found .row img {
        width: 100%
    }

    .login .login-row .card .row {
        flex-direction: column-reverse
    }

    .popular-features .heading h2 {
        font-size: 25px
    }

    .popular-features .heading br {
        display: none
    }
}

@media screen and (max-width:600px) {
    .container-fluid {
        padding: 0 40px
    }

    .upper-header .upper-header-container {
        flex-direction: column;
        gap: 20px
    }

    .banner .slick-slide .content h3 {
        font-size: 35px;
        text-transform: uppercase
    }

    .banner .slick-slide {
        height: 520px
    }

    .about-us .text-side .sub-heading {
        font-size: 40px
    }

    .counter-section .card {
        border: none
    }

    .counter-section .pattern {
        width: 120px;
        left: 28px
    }

    .faq .sub-heading {
        font-size: 40px
    }

    .bg-conatct-section .text-content h4 {
        font-size: 35px
    }

    .bg-conatct-section .text-content p {
        font-size: 21px
    }

    .Features .sub-heading {
        font-size: 30px;
        line-height: 45px
    }

    .Customer-feedback .sub-heading {
        font-size: 40px
    }

    .Get-In-Touch .text {
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 20px;
        flex-direction: column
    }

    .Get-In-Touch .text .text-content p {
        font-size: 16px
    }

    .core-features .sub-heading {
        font-size: 30px
    }

    /* terms and condition  */
    .Terms-and-condition p{
        text-align: justify;
    }
    .common-banner h1 {
        font-size: 30px !important;
    }
  
}

@media screen and (max-width:450px) {
    .container-fluid {
        padding: 0 25px
    }

    .banner .slick-slide .content h3 {
        font-size: 30px !important
    }

    .about-us .text-side .sub-heading {
        font-size: 30px
    }

    .about-us .img-side .btn-section .c-btn {
        padding: 12px 20px
    }

    .about-us .img-side .btn-section .call-us-section i {
        padding: 12px
    }

    .about-us .img-side .btn-section .call-us-section .number h3 {
        font-size: 16px;
        font-weight: 500
    }

    .about-us .img-side .btn-section .call-us-section {
        gap: 10px
    }
    .about-us .img-side .btn-section .c-btn {
        display: none
    }

    .counter-section .pattern {
        left: 14px;
        width: 110px
    }

    .services-section .sub-heading {
        font-size: 30px
    }

    .faq .sub-heading {
        font-size: 30px
    }

    .faq .container-fluid {
        padding-right: 25px
    }

    .faq button {
        font-size: 16px
    }

    .bg-conatct-section .text-content h4 {
        font-size: 27px
    }

    .Collaborate .bottom-row .text .c-btn {
        font-size: 14px;
        padding: 12px 27px
    }

    .Customer-feedback .sub-heading {
        font-size: 30px
    }

    .contact-us-section .contact .card {
        padding: 1rem
    }

    .contact-us-section .contact .phone .content p a {
        font-size: 16px
    }

    .contact-us-section .contact {
        padding-right: 0;
        padding-left: 0
    }

    #loading {
        background-size: 40%
    }

    .login .login-row .card .img h5 {
        text-align: center
    }

    .login .login-row {
        margin-top: 50px
    }

    .popular-features .card {
        box-shadow: 0 10px 20px 0 rgba(31, 29, 13, .1)
    }

    .services-section .row {
        padding: 20px 0
    }
    .faq .heading-section h2{
        font-size: 22px !important;
    }
    .Our-Employees .heading-section h2{
        font-size: 22px !important;
    }
    .about-us .text-side .para-1, .para-2{
        text-align: justify;
    }
}

@media screen and (max-width:370px) {
    .Features .sub-heading {
        font-size: 25px
    }

    .Customer-feedback .sub-heading {
        font-size: 25px
    }

    .owl-theme .owl-nav.disabled+.owl-dots {
        margin: 20px 0 0
    }

    .contact-us-section .contact .phone .content p a {
        font-size: 15px !important
    }

    .contact-us-section .contact .phone {
        gap: 15px
    }

    .bg-conatct-section .text-content h4 {
        font-size: 23px
    }

    .bg-conatct-section .text-content p {
        font-size: 16px
    }


    .about-us .img-side .btn-section .call-us-section {
        gap: 20px
    }

    .contact-section-1 .card {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .contact-section-2 .form {
        padding: 20px 30px
    }
    .banner .slick-slide .content .c-btn{
        padding: 15px 30px;
    }

}

@media screen and (max-width:1024px) {
    #request-form .img {
        display: none
    }

    #request-form .btn-close {
        right: 0
    }

    #request-form .modal-body {
        padding: 1rem
    }
}

@media screen and (max-width:600px) {
    .common-banner {
        padding: 80px 0
    }

    .common-banner h2 {
        font-size: 35px
    }
}