/*Landing page media query for landing page starts*/
@media screen and (max-width: 576px) {
    .straight-line .fa-angle-down {
        left: 48.2%;
    }
}

@media screen and (max-width: 767px) {
    .navbar-nav .nav-link {
        color: #000000 !important;
    }
    .collapsing, .collapse.show {
        background-color: #fff !important;
    }
    .feature-content {
        margin-left: 6px;
        margin-right: 6px;
    }
    .layout-margin {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    .skaas-logo-size {
        width: 128px;
        height: 37px;
    }
    .navbar-brand {
        padding-left: 7% !important;
    }
    .navbar {
        padding: 0% !important;
    }
    .navbar-nav {
        margin-left: 4%;
    }
    .btn-know-more {
        width: 100px!important;
        font-size: 12px !important;
        height: 37px;
    }
    .btn-position {
        margin-top: 0%!important;
    }
    .skaas-theme-heading {
        margin-top: 17% !important;
        width: 202px;
        height: 91px;
        font-size: 23px;
    }
    .skaas-theme-sub-heading {
        width: 280px;
        height: 190px;
        margin-bottom: 0px;
        margin-top: 9.8%;
        font-size: 18px;
    }
    .skaas-footer {
        margin-left: 14px;
        font-size: 14px;
    }
    .nav-link {
        margin-top: 2%;
    }
    .footer-right {
        justify-content: left !important;
        font-size: 1.3em !important;
    }
    div.footer-right {
        margin-top: 1em !important;
    }
    .social-icons {
        text-align: center!important;
        float: none!important;
        margin-right: 0%!important;
    }
    .copyright-text {
        text-align: center!important;
        margin-left: 0%!important;
    }
    footer .skaas-logo-size {
        margin-left: 14px;
    }
    .about-us-card {
        padding: 50px 0px !important;
    }
    .contact-form {
        margin-top: 0px !important;
    }
    .assessment-block {
        margin-top: 0px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .lens-img {
        margin-top: 0px !important;
    }
    .navbar-nav .nav-link {
        color: #000000 !important;
    }
    .collapsing, .collapse.show {
        background-color: #fff !important;
    }
    .navbar-brand {
        padding-top: 2% !important;
        padding-left: 7% !important;
    }
    .navbar {
        padding: 0% !important;
    }
    .navbar-nav {
        margin-left: 6%;
    }
    .btn-know-more {
        width: 100px!important;
        font-size: 12px !important;
        height: 37px;
    }
    .btn-position {
        margin-top: 0%!important;
    }
    .skaas-theme-heading {
        margin-top: 60px;
        margin-bottom: 0px;
        width: 276px;
        height: 127px;
        font-size: 30px;
    }
    .skaas-theme-sub-heading {
        width: 273px;
        height: 111px;
        margin-bottom: 0%;
        margin-top: 9%;
        font-size: 13px;
    }
    .nav-link {
        margin-top: 2%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
        .skaas-theme-heading {
            margin-top: 33%;
            font-size: 22px;
        }
        .skaas-theme-sub-heading {
            width: 320px;
            font-size: 16px;
        }
        .landing-img {
            width: 100%;
            height: 600px;
        }
        .btn-position {
            margin-top: 30%;
        }
        .btn-know-more {
            width: 137px;
            height: 43px;
            font-size: 16px;
        }
}

@media screen and (min-width: 1199.99px) and (max-width: 1399.98px) {
    .landing-img {
        width: 550px;
        height: 657px;
        object-fit: contain;
    }

    .skaas-theme-heading {
        margin-top: 3em;
    }
}

@media screen and (max-width: 1279px) {
    .desktop-contact-address {
        display: none;
    }

    .mobile-contact-address {
        display: block;
    }

    .desktop-skaas-way {
        display: none;
    }

    .mobile-skaas-way {
        display: block !important;
    }
}

@media screen and (min-width: 1280px) {
    .desktop-contact-address {
        display: flex;
    }

    .mobile-contact-address {
        display: none;
    }

    .mobile-skaas-way {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .landing-img {
        display: none;
    }

    .skaas-theme-heading {
        margin-top: 100px;
        height: auto;
    }

    .client-card {
        padding: 35px 0;
    }

    .client-card .row {
        margin-top: 26px !important;
        padding-top: 0px !important;
    }

    .assessment-block {
        flex-direction: column-reverse;
    }

    .service-card {
        padding: 35px 0px;
    }

    .service-card h3,
    .skaas-way-card h3,
    .client-card h3,
    .analytics-card h3,
    .about-us-card h3 {
        font-size: 20px;
    }

    .service-card h4 {
        font-size: 18px;
    }

    .service-card .recruitment-block {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }

    .recruitment-block .recruitment-img,
    .assessment-block .assessment-img {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 60px;
    }

    .recruitment-block .recruitment-img img,
    .assessment-block .assessment-img img {
        width: 65% !important;
    }

    .mobile-nav {
        display: block;
    }

    .desktop-nav {
        display: none;
    }

    .vision-title {
        font-size:19px;
    }
}

@media screen and (min-width: 992px) {
    .mobile-nav {
        display: none;
    }

    .desktop-nav {
        display: flex;
    }
}

/*Landing page media query for landing page ends*/

/* Contact-us page media query starts */
@media screen and (max-width: 390px) {
    p {
        font-size: 14px;
    }
    .skaas-address {
        margin-top: 7% !important;
    }
    .privacy-policy-text-position {
        float: none;
    }
    .privacy-policy-text-position {
        padding-right: 0% !important;
    }
    .contact-us-copyright-text {
        margin-left: 12% !important;
        padding-left: 0% !important;
    }
    .terms-and-condition-text-position {
        margin-left: 4% !important;
        float: none;
    }
}

@media screen and (max-width: 767px) {
    .hero-content {
        flex-direction: column-reverse;
    }
    .form-group {
        margin-bottom: 0px !important;
    }
    body {
        overflow: auto;
    }
    .contact-us-bg-img {
        display: none;
    }
    .footer-text {
        padding-top: 5%;
        padding-bottom: 5%;
        flex-direction: column-reverse;
    }
    .contact-form-second-row {
        margin-top: 0%!important;
    }
    .container-fluid {
        background-size: 200px;
    }
    .contact-us-form {
        margin-top:12%;
    }
    .textarea {
        width: 86%;
    }
    .skaas-address {
        margin-top:4%;
    }
    .form-control, .textarea {
        width: 100%;
    }
    .privacy-policy-text-position {
        padding-right: 7%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content {
        margin-top:20%;
    }
    p {
        font-size: 15px;
    }
    .footer-text {
        padding-top:5%;
    }
    .contact-us-footer-col2 {
        padding-right: 0%;
    }
    .email-field, .number-field, .mode-field {
        padding-top: 5%;
    }
    .contact-form-second-row {
        margin-top: 0% !important
    }
    .form-control, .textarea {
        width: 100%;
    }
}
/* Contact-us page media query starts */

/* Feature media query */
@media screen and (max-width: 1119px) {
    .framework-assessment, .machine-assessment {
        margin-top: 1.5rem!important;
    }
}

@media screen and (min-width: 1200px) {
    .ide-title, .recording-playback {
        margin-top: 0px !important;
    }
}

@media screen and (min-width: 1533px) {
    .ide-title {
        margin-top: 1.5rem!important;
    }
}

@media screen and (min-width: 1682px) {
    .recording-playback {
        margin-top: 1.5rem!important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1329px) {
    .framework-assessment {
        margin-top: 0px !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1233px) {
    .machine-assessment {
        margin-top: 0px !important;
    }
}