/* MEDIA QUERY RESPONSIVE STRAT */



@media only screen and (max-width:1920px) {

    .key_features_sec::after {

        top: -50%;

    }



    .home_banner_img img {

        right: 0;

    }



    .contact_img img {

        position: absolute;

        right: 40px;

        max-width: 729px;

        /* top: -70px; */

        z-index: -1;

    }



    .contact_form_input input {

        padding: 28px 20px;

    }



    .contact_form_input select {

        padding: 28px 20px;

    }



    .contact_form_input textarea {

        min-height: 120px;

    }



    .footer {

        background-image: url("images/ft-bg.png");

        background-repeat: no-repeat;

        background-position: center;

        background-size: cover;

        padding: 270px 0px 20px;

        overflow: hidden;

    }



    .contact_form_input input {

        padding: 28px 20px;

    }



    .contact_form_input {

        margin-bottom: -10px;



    }



    .home_banner_sec::after {

        background-image: url("images/layer4.png");

    }



    .inner_banner_sec::after {

        background-image: url("images/layer1.png");

    }

    .simplify_arrow_content {
        max-width: 645px;
    }

}



@media only screen and (max-width:1600px) {





    .footer {

        padding: 190px 0px 20px;

    }

}



@media only screen and (max-width:1499px) {

    .home_banner_img img {

        right: 80px;

    }



    .contact_img img {

        right: 0px;

        max-width: 652px;

        /* top: -33px; */

        z-index: -1;

    }



    .key_features_sec::after {

        top: -55%;

    }



    .home_banner_sec::after {

        background-image: url("images/layer1.png");

    }

    .key_features_bubble {
        top: 4%;
    }

}



@media only screen and (max-width:1350px) {

    .home_banner_img img {

        right: 70px;

    }



    .inner_banner_img img {

        right: 32px;

    }



    #service_id .inner_banner_img img {

        right: 0;

    }

    .object_1 {
        position: absolute;
        right: -20px;
        top: 48px;
    }
}



@media only screen and (max-width:1299px) {

    .home_banner_img img {

        max-width: 510px;

    }



    .simplify_sec {

        margin-top: -132px;

    }



    .home_banner_sec .info_btn::after {

        bottom: -17px;

    }



    .home_banner_heading h1 {

        font-size: 50px;

    }



    .common_heading h2 {

        font-size: 38px;

    }



    .common_heading h3 {

        font-size: 28px;

    }



    .common_heading h2 span::after {

        right: -72px;

        top: 8px;

        background-size: contain;

    }



    .key_features_bg::after {

        max-height: 515px;

    }



    .key_features_bg::before {

        max-height: 418px;

    }



    .inner_banner_img img {

        right: 65px;

    }



    .simply_1st_row .common_heading ul li {

        padding-left: 27px;

    }

    .object_1 {
        position: absolute;
        right: 0;
        top: 48px;
    }

    .simplify_arrow_content {
        max-width: 555px;
    }

    .object_1 {
        position: absolute;
        right: 0;
        top: 32px;
    }
}



@media only screen and (max-width:1250px) {

    .contact_img img {

        max-width: 595px;

        /* top: 40px; */

    }

}



@media only screen and (max-width:1199px) {

    .home_banner_heading h1 {

        font-size: 38px;

    }



    .home_banner_heading h1 span::after {

        top: 18px;

    }



    .common_heading h2 {

        font-size: 30px;

    }



    .common_heading h3 {

        font-size: 24px;

    }



    .key_icon h4 {

        font-size: 22px;

    }



    .key_icon h4::after {

        top: -27px;

    }



    .home_banner_img img {

        max-width: 425px;

    }



    .simplify_sec {

        margin-top: -110px;

    }



    .contact_form_input textarea {

        padding: 28px 20px;

    }



    .footer {

        padding: 115px 0px 20px;

    }





    .simplify_sec .slick-next.slick-arrow img {

        right: 54px;

    }



    .key_features_sec {

        padding-top: 130px;

    }



    .contact_img img {

        max-width: 509px;

        bottom: -70px;

        top: unset;

    }



    .inner_banner_heading h1 {

        font-size: 45px;

    }



    .inner_banner_heading h1 span::after {

        top: 18px;

        min-width: 0;

    }



    .simply_1st_row .common_heading ul li {

        float: none;

        width: 100%;

    }



    .inner_banner_sec .simplify_sec {

        border-radius: 20px 100px 20px 100px;

    }



    .inner_banner_sec {

        padding-bottom: 55px;

    }



    .key_features_bg img {

        margin-top: -106px;

        left: -30px;

    }



    .key_features_bubble {

        top: 9%;

    }



    #service_id .inner_banner_heading h1 span::after {

        min-width: auto;

    }

    .simplify_arrow::after {
        right: 96px;
        top: 35px;
        /* max-width: 93px; */
        background-size: 70px;
    }

    .nav_and_mail .nav_sec ul li {
        padding-left: 0;
    }

    .home_banner_heading1::after {
        top: 0;
    }

    .simplify_arrow_content {
        max-width: 100%;
    }

    .object_1.section-animation2 svg {
        width: 70px;
    }

    .object_1 {
        position: absolute;
        right: 40px;
        top: 14px;
    }

    .nav_and_mail .nav_sec ul li a {
        font-size: 15px;
    }

    .nav_and_mail .nav_sec ul li {
        padding: 10px 16px;
    }

    .nav_and_mail .nav_sec>ul>li.arrow_menu::before {
        content: '\f107';
        font-family: FontAwesome;
        font-size: 15px;
        color: #030303;
        position: absolute;
        right: 2px;
        bottom: 0;
        top: 12px;
    }

    .key_features_sec .col-lg-4 {
        width: 100%;
    }

    .key_features_sec {
        background-color: #13747B;
    }

    .key_features_bg img {
        display: none;
    }

    .key_features_bubble {
        position: inherit;
    }

    .contact_form_sec.p-0 {
        padding: 40px 0px 0px !important;
    }

    #header .logo img {
        max-width: 150px;
        max-height: 90px;
    }

}



@media only screen and (max-width:1099px) {

    .home_banner_img img {

        right: 105px;

    }



    .key_features_sec {

        padding-top: 150px;

    }

    .object_1 {
        position: absolute;
        right: 0;
        top: 14px;
    }

}



@media only screen and (max-width:1020px) {

    .key_features_bg img {

        margin-top: -135px;

        left: -23px;

    }



    .key_features_sec {

        padding-top: 207px;

    }

}



@media only screen and (max-width:991px) {



    /* ------------------ HEADER RESPONSIVE START ------------------ */

    #header {

        padding: 0px 0px;

        border-bottom: 1px solid #BCE559;

    }





    .sticky {
        padding: 0px 0px !important;
    }


    span.toggle-menu {

        width: auto;

        margin: 0;

        padding: 0;

        display: block;

        cursor: pointer;

    }



    .toggle-menu i {

        color: #fff;

        font-size: 25px;

        background-color: #BCE559;

        width: 43px;

        height: 43px;

        display: flex;

        align-items: center;

        justify-content: center;

        border-radius: 2px;

    }



    .toggle-menu i {

        color: #fff;

        font-size: 25px;

        background-color: #BCE559;

        width: 43px;

        height: 43px;

        display: flex;

        align-items: center;

        justify-content: center;

        border-radius: 2px;

        margin: 0px;

        padding: 11px;

    }



    .nav_and_mail .nav_sec {

        width: 280px;

        height: 100%;

        position: fixed;

        z-index: 999;

        top: 0;

        right: -100%;

        padding: 70px 0 0;

        background: #13747b;

        display: block;

        -webkit-transition: all 0.8s ease-in-out;

        -moz-transition: all 0.8s ease-in-out;

        -o-transition: all 0.8s ease-in-out;

        transition: all 0.8s ease-in-out;



    }



    .nav_and_mail .nav_sec.slidein {

        right: 0;

        -webkit-transition: all 0.5s ease-in-out;

        -moz-transition: all 0.5s ease-in-out;

        -o-transition: all 0.5s ease-in-out;

        transition: all 0.5s ease-in-out;

    }



    .nav_and_mail .nav_sec .cls-btn {

        width: 32px;

        height: 32px;

        position: absolute;

        top: 15px;

        right: 15px;

        cursor: pointer;

        background: url(images/cross.png) no-repeat center;

    }



    .nav_and_mail .nav_sec ul {

        text-align: left;

    }



    .nav_and_mail .nav_sec ul>li {

        display: block;

        padding-bottom: 0;

        width: 100%;

        margin: 0;

    }



    .nav_and_mail .nav_sec ul>li+li {

        margin-left: 0;

    }



    .nav_and_mail .nav_sec ul>li a {

        color: #FFF;

        padding: 11px 15px;

        font-size: 15px;

        border-radius: 0;

    }



    .nav_and_mail .nav_sec ul li a:before {

        display: none;

    }



    .nav_and_mail .nav_sec ul>li:hover>a,

    .nav_and_mail .nav_sec ul>li.active>a {

        background: #BCE559;

        color: #FFF;

    }



    .nav_and_mail .nav_sec>ul>li>a:after,

    .nav_and_mail .nav_sec>ul>li>a:after {

        display: none;

    }



    .nav_and_mail .nav_sec img {

        display: inline-block;

        vertical-align: middle;

    }



    .nav_and_mail .nav_sec i {

        font-style: normal;

        color: #fff;

        line-height: 30px;

        font-size: 21px;

        font-weight: 600;

    }



    .nav_and_mail .nav_sec ul>li:hover ul {

        display: none;

    }



    .nav_and_mail .nav_sec ul>li ul {

        width: 100%;

        background: #BCE559;

        position: static;

        top: 100%;

        left: 0;

        text-align: left;

        display: none;

        border-radius: 0;

        padding: 0;

        transition: 0.0s;

        visibility: visible;

        opacity: 1;

        pointer-events: all;

    }



    .nav_and_mail .nav_sec ul li ul li a {

        padding: 6px 35px;

        color: #fff;

    }



    .nav_and_mail .nav_sec ul ul>li:hover>a,

    .nav_and_mail .nav_sec ul ul>li.active>a {

        background: #BCE559;

        color: #FFF;

    }



    .nav_and_mail .nav_sec ul li .arw-nav {

        width: 40px;

        height: 45px;

        position: absolute;

        right: 0;

        top: 0;

        z-index: 999;

        cursor: pointer;

        background: url(images/arw.png) no-repeat center;

        -webkit-transition: all 0.3s ease-in-out;

        -moz-transition: all 0.3s ease-in-out;

        -o-transition: all 0.3s ease-in-out;

        transition: all 0.3s ease-in-out;



    }



    .nav_and_mail .nav_sec ul li .arw-nav.actv {

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        -o-transform: rotate(180deg);

        transform: rotate(180deg);

    }



    .nav_and_mail .nav_sec ul li {

        padding-left: 0;

    }



    .nav_and_mail .nav_sec ul li a i {

        display: none;

    }



    /* ------------------ HEADER RESPONSIVE END ------------------ */

    .home_banner_sec {

        padding: 24px 0px;

    }



    .home_banner_heading h1 {

        font-size: 28px;

    }



    .home_banner_heading h1 span::after {

        top: 10px;

    }



    .home_banner_img img {

        right: 0;

        margin: 0 auto;

        position: relative;

        bottom: 0;

        top: 0;

        display: block;

        margin-top: 20px;

    }



    .simplify_sec {

        margin-top: -110px;

    }



    .simplify_sec {

        margin-top: -110px;

        padding: 85px 0px 25px;

    }



    .common_heading h2 {

        font-size: 26px;

    }



    .common_heading h3 {

        font-size: 22px;

    }



    .common_heading h2 span::after {

        right: -41px;

    }



    .about_sec .row::after {

        top: 0;

    }



    .about_img img {

        max-width: 480px;

        margin: 0 auto;

    }



    .key_features_bubble::after {

        display: none;

    }



    .key_features_bubble {

        position: initial;

    }



    .key_features_bg img {

        display: none;

    }



    .key_features_sec {

        padding: 65px 0px;

        background-color: #13747B;

    }



    .key_features_box {

        padding: 30px 20px;

    }



    .contact_form_sec.p-0 {

        padding: 40px 0px 0px !important;

    }



    .contact_form_sec .common_heading h2 {

        font-size: 26px;

        margin-bottom: 20px;

    }



    .contact_img img {

        max-width: 509px;

        bottom: -70px;

        top: unset;

        position: initial;

        display: block;

        margin: 0 auto;

    }



    .footer {

        padding: 40px 0px 20px;

        background-color: #232323;

        margin-top: -28px;

        overflow: hidden;

    }



    .contact_form_input input {

        padding: 14px 20px;

        border: 1px solid #BCE559;

        background-image: none;

        border-radius: 5px;

    }



    .contact_form_input {

        margin-bottom: 0;

    }



    .contact_form_input select {

        padding: 14px 20px;

        border: 1px solid #BCE559;

        background-image: none;

        border-radius: 5px;

        background-image: url("images/down-arrow.png");

        background-repeat: no-repeat;

        background-position: right .75rem center;

        background-size: 16px 12px;

    }



    .contact_form_input textarea {

        padding: 14px 20px;

        border: 1px solid #BCE559;

        background-image: none;

        border-radius: 5px
    }



    .ft_menu ul {

        gap: 55px;

    }



    .ft_social ul li a {

        width: 36px;

        height: 36px;

    }



    .ft_logo {

        margin-bottom: 25px;

    }



    .home_banner_heading h1::after {

        right: 0;

    }



    .home_banner_heading h1::after {

        right: -65px;

    }



    .home_banner_img img {

        max-width: 345px;

    }



    .simplify_sec {

        margin-top: -89px;

        padding: 85px 0px 25px;

    }



    .inner_banner_heading h1 {

        font-size: 32px;

    }



    .breadcrumbs li {

        font-size: 18px;

    }



    .breadcrumbs {

        justify-content: center;

    }



    .breadcrumbs li a {

        font-size: 18px;

    }



    .breadcrumbs li:not(:last-child)::after {

        font-size: 18px;

    }



    .inner_banner_heading h1 span::after {

        top: 12px;

        min-width: 0;

    }



    .inner_banner_heading h1 {

        margin-bottom: 10px;

    }



    .inner_banner_heading h1 span::before {

        right: -82px;

        background-size: contain;

    }



    .inner_banner_img img {

        right: 0;

        display: block;

        margin: 0 auto;

        margin-top: 20px;

        top: 0;

    }



    .inner_banner_sec .simplify_sec {

        margin-top: 0;

    }



    .inner_banner_heading {

        position: relative;

        z-index: 1;

        text-align: center;

    }



    .about_img1 img {

        max-width: 400px;

        margin: 0 auto;

    }



    .about_img1::after {

        max-width: 400px;

        margin: 0 auto;

        right: 0;

    }





    .inner_banner_sec .simplify_sec {

        margin-top: 0;

        border-radius: 25px;

        padding: 30px 30px;

    }



    .inner_banner_sec {

        padding-top: 40px;

    }



    .contact_social h4 {

        font-size: 24px;

    }



    .conatct_map iframe {

        width: 100%;

        height: 400px;

        padding: 0;

        margin-top: 20px;

    }



    .key_features_sec::after {

        top: -55%;

        left: 0;

    }



    .key_features_sec::after {

        background-image: url("images/about-layer1.png");

    }



    #service_id .inner_banner_img img {

        right: 0px;

        margin-top: 64px;

    }



    .simply_1st_row .common_heading h4 {

        font-size: 22px;

        margin-bottom: 15px;

    }



    .simply_1st_row .common_heading h5 {

        font-size: 20px;

        margin-bottom: 15px;

    }



    .simply_1st_row .common_heading h6 {

        font-size: 18px;

        margin-bottom: 15px;

    }



    .simply_1st_row .common_heading ol li {

        text-align: left;

    }

    .contact_img {
        position: initial;
        bottom: -35px;
        right: 0;
    }

    .simplify_arrow::after {
        right: 0;
        top: 35px;
        /* max-width: 93px; */
        background-size: 70px;
        left: 0;
        transform: translateX(-50%);
        background-position: center;
    }

    .nav_and_mail .nav_sec ul li.current-menu-item>a {
        background-color: #BCE559;
        color: #fff;
    }

    .object_1 {
        position: absolute;
        right: 50%;
        top: 35px;
    }

    .simplify_arrow_content {
        max-width: 100%;
        text-align: center;
    }

    .object_1 {
        position: absolute;
        right: 41%;
        top: 35px;
    }

    .object_1.section-animation2 svg {
        width: 55px;
    }

    .header_btn {
        display: none;
    }

    .nav_and_mail .nav_sec ul li {
        padding-left: 0;
        padding: 0;
    }

    .nav_and_mail .nav_sec>ul>li::after {
        position: initial;
        background-image: none;
    }

    .nav_and_mail .nav_sec>ul>li.arrow_menu::before {
        display: none;
        position: initial;
    }

    .nav_and_mail .nav_sec ul li ul {

        transform: translate(0%);
    }

    .nav_and_mail .nav_sec ul li ul li a {
        padding: 10px 20px;
        color: #fff;
    }

    .nav_and_mail .nav_sec>ul>li>ul>li::after {
        position: absolute;
        content: "";
        background-image: url("http://scwebtech4u.com/Projects/sparkletech/wp-content/uploads/2024/05/li-line.png");
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        background-repeat: no-repeat;
        background-position: center bottom;
        display: none;
    }

    .nav_and_mail .nav_sec>ul>li>ul>li {
        border-bottom: 1px solid #fff;
    }

    .nav_and_mail {
        position: relative;
        left: 0px;
    }

    .nav_and_mail .nav_sec ul li ul li.current-menu-item>a {
        background-color: #13747b;
        color: #fff;
    }

    .current_page_item {
        background-color: #13747b;
    }

    #header .logo img {
        max-width: 130px;
        max-height: 90px;
    }
}



@media only screen and (max-width:767px) {

    .copy_right {

        flex-direction: column-reverse;

        gap: 15px;

    }



    .home_banner_sec::before {

        right: 0;

    }



    .home_banner_heading h1 {

        font-size: 24px;

    }



    .home_banner_sec .info_btn::after {

        right: 0;

    }



    .key_features_sec::after {

        left: 0;

    }



    .key_features_sec {

        padding: 65px 0px 34px;

    }



    .inner_banner_sec {

        padding-bottom: 0;

    }


    .simplify_arrow {
        text-align: center;
    }

    .simplify_arrow::after {
        right: 0;
        top: 62px;
        /* max-width: 93px; */
        background-size: 50px;
        left: 0;
        transform: translateX(-50%);
        background-position: center;
    }

    .home_banner_heading1::after {
        right: -52px;
    }
}



@media only screen and (max-width:680px) {

    .simplify_sec {

        margin-top: -89px;

        padding: 85px 0px 25px;

        border-radius: 15px 85px 15px 85px;

    }



    .simplify_sec .slick-next.slick-arrow img {

        right: 0;

        max-width: 20px;

    }



    .simplify_sec .slick-prev.slick-arrow img {

        right: 28px;

        max-width: 20px;

    }



    .common_heading h2 {

        font-size: 22px;

    }



    .common_heading h3 {

        font-size: 20px;

    }



    .about_img img {

        max-width: 370px;

        margin: 0 auto;

    }



    .about_sec .common_heading {

        text-align: center;

    }



    .inner_banner_sec::before {

        right: 0;

    }



    .inner_banner_heading h1 {

        font-size: 26px;

    }



    .about_img1 img {

        max-width: 320px;

        margin: 0 auto;

    }



    .about_img1::after {

        max-width: 320px;

        margin: 0 auto;

        right: 0;

    }



    .simply_1st_row {

        margin-bottom: 30px;

    }



    .inner_banner_img img {

        margin-top: 0;

        max-width: 312px;

    }



    .social_icon img {

        max-width: 160px;

    }



    .conatct_map iframe {

        height: 265px;

    }



    .key_features_sec {

        padding: 35px 0px 34px;

    }



    .residential_slider {

        margin: 20px 0;

    }



    .residential_img {

        margin: 0px 5px;

    }

}



@media only screen and (max-width:520px) {

    .contact_img img {

        max-width: 100%;

    }



    .ft_logo img {

        max-width: 225px;

    }



    .ft_menu ul {

        gap: 25px;

    }

    #header .logo img {
        width: auto !important;
        height: auto !important;
    }

    #header {
        padding: 6px 0;
    }

}



@media only screen and (max-width:450px) {

    .home_banner_img img {

        max-width: 308px;

    }



    .home_banner_heading h1::after {

        display: none;

    }



    .simplify_sec {

        margin-top: -80px;

        text-align: center;

    }



    .common_heading h2 span::after {

        right: 43%;

        bottom: 0;

        top: 34px;

    }



    .simplify_box {

        margin-top: 20px;

    }



    .simplify_sec {

        border-radius: 15px 20px 15px 20px;

    }



    .copy_right {

        text-align: center;

    }



    .contact_img img {

        max-width: 100%;

        position: relative;

        bottom: 0;

    }



    .simply_1st_row .common_heading ul {

        padding: 0;

        text-align: left;

    }

    .home_banner_heading1::after {
        top: 70px;
    }

}



@media only screen and (max-width:420px) {

    .ft_menu ul {

        gap: 8px;

        flex-direction: column;

    }



    .inner_banner_sec .simplify_sec {

        padding: 30px 20px;

    }



    .simply_1st_row .common_heading ul li {

        padding-left: 10px;

    }



    .simply_1st_row .common_heading ul li {

        padding-left: 30px;

    }



    .social_icon img {

        max-width: 115px;

    }



    .contact_social h4 {

        font-size: 20px;

    }



    .conatct_map iframe {

        height: 200px;

    }



    .key_features_sec {

        padding: 10px 0px 34px;

    }



    .key_features_sec::after {

        top: -53%;

    }

}



@media only screen and (max-width:400px) {

    .home_banner_sec .info_btn::after {

        right: 0;

        background-size: 60px;

    }



    .contact_form_sec .common_heading h2 {

        font-size: 24px;

        margin-bottom: 20px;

    }



    .home_banner_sec::before {

        background-size: 50px;

    }



    .key_icon h4 {

        font-size: 18px;

    }



    .key_icon h4::after {

        width: 88px;

        height: 88px;

        top: -17px;

        left: -23px;

    }



    .inner_banner_img img {

        margin-top: 0;

        max-width: 280px;

    }



    .inner_banner_sec::before {

        background-size: 40px;

    }



    .toggle-menu i {

        font-size: 22px;

        width: 37px;

        height: 37px;

    }

}



@media only screen and (max-width:365px) {

    .simply_1st_row .common_heading ul li::after {

        background-size: unset;

    }



    .contact_social a {

        font-size: 16px;

    }



    .contact_social p {

        font-size: 16px;

    }

    .simplify_sec .slick-next.slick-arrow::before {
        content: "";
        top: 97%;
        left: 50%;
    }

    .simplify_sec .slick-prev.slick-arrow::after {
        content: "";
        top: 97%;
        left: 37%;
    }

}



@media only screen and (max-width:320px) {}



/* MEDIA QUERY RESPONSIVE END */