/* Responsive styles */
/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .container, .container-sm, .container-fluid {
        width: 96%;
    }

    .section-padding {
        padding: 25px 0;
    }

    .p-100 {
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .our-process img {
        margin-bottom: 16px;
    }

    .hero-section h1 {
        font-size: 32px;
        line-height: 39px;
    }

    .hero-section {
        height: 310px;
        background-size: cover;
        background-position: 48% 0%;
    }

    .bg-purple-img {
        background: url(../images/purple-bg.jpg) no-repeat;
        background-size: 100% 45%;
        padding-top: 40px;
    }

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .hero-section .btn {
        margin-top: 1rem;
    }

    .btn {
        padding: 10px 15px;
        font-size: 16px;
        display: block;
    }

    .bg-purple-img p {
        font-size: 16px;
    }

    .our-process img {
        width: 50%;
    }

    .about-us-section img {
        width: 100%;
    }

    .problem-solution-section .h3, .problem-solution-section .h5 {
        font-size: 15px;
        padding: 11px 12px;
    }

    .problem-solution-section .h4 {
        font-size: 15px;
        line-height: 19px;
    }

    .problem-block {
        height: auto;
        padding-top: 15px;
        padding-bottom: 0;
    }

    .mt-60 {
        margin-top: 16px;
    }

    .our-process p {
        font-size: 14px;
    }

    .our-process .h2 {
        margin-bottom: 16px !important;
    }

    .launch-msg {
        font-size: 16px;
        margin-top: 15px;
    }

    .accordion-button {
        line-height: 19px;
    }

    .apps-img img {
        width: 128px;
    }

    .quotes {
        font-size: 14px;
        line-height: 20px;
    }

    .hiyamate-works h2::after {
        margin: 17px auto 25px;
    }

    .hiyamate-works h2 {
        font-size: 16px;
    }

    .hero-section p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 14px !important;
    }

    .hero-content {
        padding-top: 0px;
        padding-bottom: 25px;
    }

    .about-us-section h3 {
        font-size: 24px;
    }

    .problem-solution-section .right-border {
        border-right: 0;
    }

    .problem-solution-section .h5 {
        margin-top: 20px;
    }

    .accordion-button {
        font-size: 12px;
    }

    footer {
        padding: 30px 0;
        font-size: 13px;
        line-height: 17px;
    }

    .apps-img {
        margin-top: 10px;
    }

    footer .top-border {
        margin-top: 30px;
    }

    .faq-section h5 {
        margin-top: 15px;
    }

    .site-header-menu {
        padding: 26px 0;
    }

    .social-icons {
        margin-top: 25px;
    }

    .problem-column {
        padding-right: 12px;
        padding-left: 12px;
    }

    .solution-column {
        padding-left: 12px;
        padding-right: 12px;
    }

    .problem-solution-section .bottom-border {
        border-bottom: 0px !important;
    }

    .problem-block {
        border-bottom: 1px solid #EAEAEA;
    }

    .innerpage-banner {
        height: 190px;
    }

    .innerpage-banner h1 {
        font-size: 23px;
        margin-top: 59px;
    }

    .site-header-menu .btn {
        padding: 6px 10px;
        font-size: 11px;
        display:inline-block;
    }
    .contact-us-mobile{display:none;}
    .faq-class{    color: #fff;
    padding: 0px 10px 0 0; }

    .site-header-menu img {
        width: 52%;
    }

    #interestModal .modal-body {
        padding: 0 20px 20px 20px;
    }

    #interestModal .recaptcha span > div {
        transform: scale(0.87);
        -webkit-transform: scale(0.87);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    /* 22/6/21 changes */
    .problem-block:nth-child(1) {
        height: auto;
    }
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .section-padding {
        padding: 40px 0;
    }

    .p-100 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .our-process img {
        margin-bottom: 16px;
    }

    .hero-section h1 {
        font-size: 40px;
        line-height: 51px;
    }

    .hero-section {
        height: 410px;
        background-size: cover;
        background-position: 100% 0%;
    }

    .bg-purple-img {
        background: url(../images/purple-bg.jpg) no-repeat;
        background-size: 100% 45%;
        padding-top: 50px;
    }

    .container-fluid {
        padding-right: 30px;
        padding-left: 30px;
    }

    .hero-section .btn {
        margin-top: 1rem;
    }

    .btn {
        padding: 10px 15px;
        font-size: 17px;
    }

    .our-process img {
        width: 31%;
    }

    .about-us-section img {
        width: 60%;
        margin: auto;
    }

    .problem-solution-section .h3, .problem-solution-section .h5 {
        font-size: 14px;
        padding: 10px 11px;
    }

    .problem-solution-section .h4 {
        font-size: 16px;
    }

    .problem-block {
        height: auto;
        padding: 15px 0 0 0;
    }

    .mt-60 {
        margin-top: 25px;
    }

    .launch-msg {
        font-size: 16px;
        margin-top: 15px;
    }

    .accordion-button {
        line-height: 19px;
    }

    .apps-img img {
        width: 118px;
    }

    .quotes {
        font-size: 17px;
        line-height: 29px;
    }

    .hiyamate-works h2::after {
        margin: 17px auto 26px;
    }

    .hiyamate-works h2 {
        font-size: 19px;
    }

    .hero-section p {
        font-size: 17px;
        line-height: 24px;
    }

    .hero-content {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .about-us-section h3 {
        font-size: 26px;
    }

    .problem-solution-section .right-border {
        border-right: 0;
    }

    .problem-solution-section .bottom-border {
        border-bottom: 1px solid #EAEAEA !important;
    }

    .problem-solution-section .h5 {
        margin-top: 30px;
    }

    footer {
        padding: 30px 0;
    }

    .apps-img {
        margin-top: 10px;
    }

    footer .top-border {
        margin-top: 30px;
    }

    .faq-section h5 {
        margin-top: 15px;
    }

    .problem-column {
        padding-right: 0px;
    }

    .solution-column {
        padding-left: 0px;
    }

    .innerpage-banner {
        height: 195px;
    }

    .innerpage-banner h1 {
        font-size: 25px;
        margin-top: 47px;
    }

    /* 22/6/21 changes */
    .problem-block:nth-child(1) {
        height: auto;
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .section-padding {
        padding: 50px 0;
    }

    .p-100 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .our-process img {
        margin-bottom: 16px;
    }

    .hero-section h1 {
        font-size: 43px;
        line-height: 60px;
    }

    .hero-section {
        height: 560px;
    }

    .hero-section .btn {
        margin-top: 1rem;
    }

    .btn {
        padding: 10px 15px;
        font-size: 17px;
    }

    .our-process img {
        width: 50%;
    }

    .about-us-section img {
        width: 60%;
        margin: auto;
    }

    .problem-solution-section .h3, .problem-solution-section .h5 {
        font-size: 14px;
        padding: 10px 11px;
    }

    .problem-solution-section .h4 {
        font-size: 17px;
    }

    .problem-block {
        height: 270px;
        padding: 15px 0;
    }

    .mt-60 {
        margin-top: 40px;
    }

    .launch-msg {
        font-size: 16px;
        margin-top: 15px;
    }

    .accordion-button {
        line-height: 19px;
    }

    .apps-img img {
        width: 118px;
    }

    .quotes {
        font-size: 19px;
        line-height: 31px;
    }

    .hiyamate-works h2::after {
        margin: 17px auto 26px;
    }

    .hiyamate-works h2 {
        font-size: 19px;
    }

    .problem-column {
        padding-right: 20px;
    }

    .solution-column {
        padding-left: 20px;
    }

    .innerpage-banner {
        height: 195px;
    }

    .innerpage-banner h1 {
        font-size: 28px;
        margin-top: 40px;
    }

    /* 22/6/21 changes */
    .problem-block:nth-child(1) {
        height: 244px;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .section-padding {
        padding: 60px 0;
    }

    .p-100 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .our-process img {
        margin-bottom: 26px;
    }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1400.98px) {

}

/* // For 2k Monitors, (more than 1401 px) */
@media (min-width: 1401px) and (max-width: 1599.98px) {

}

@media (min-width: 1600px) and (max-width: 2559.98px) {

}

@media (min-width: 2560px) {

}