/*Responsive*/
@media only screen and (min-width: 1920px) {
    .home .ami-circle, .ser-four-about-section .ami-circle {
        left:0px;
    }
}
@media only screen and (max-width: 1800px) {
    .site-footer .footer-address{
        gap: 15px !important;
    }
}

@media only screen and (max-width: 1600px) {
    .contact-f-section .ami-circle{
        width:200px;
    }
    .cams-section .ami-circle, .ami-circle, .section5-shape, .map-shape {
        width: 140px;
    }
    .home .banner-info h1{
        font-size:65px;
        line-height:65px;
    }
    .sy-partners .services-banner {
        min-height: 571px;
    }
    .site-footer .footer-address{
        gap: 15px !important;
    }
}

@media only screen and (min-width: 1200px)  and (max-width: 1400px) {
    .wpcf-end-div {
        display: flex;
        max-height: inherit;
        flex-flow: row wrap;
    }
}
@media only screen and (max-width:1400px){
    .career-box, .cta-box,.review-box{
        max-width: 800px;
    }
    .service-wrap:after{
        left: -70px;
    }
    .banner-info {
        position: relative;
        z-index: 1;
    }
    body{
        overflow-x: hidden;
    }
    .site-footer{
        background-size: 100px;
        background-position: right 20px bottom 130px;
    }
    .sy-partners .services-banner {
        min-height: 488px;
    }
    .site-footer .footer-address{
        gap: 15px !important;
    }
}
@media only screen and (max-width: 1300px) {
    .sy-partners .services-banner {
        min-height: 465px;
    }
    section.services-banner .bottom-element {
        bottom: -80px;
    }
    .top-element, .bottom-element {
        max-width: 80px;
    }
    .site-footer .footer-address{
        gap: 10px !important;
    }
}
@media only screen and (max-width:1200px){
    .container {
        max-width: 100% !important;
        padding-left: 70px;
        padding-right: 70px;
    }
    .sy-projects .banner .banner-info {
        margin-left: 30px;
    }
    .service-wrap,.review-box,.service-wrap,.career-box, .cta-box{
        max-width: 700px;
    }
    .service-wrap{

        padding: 50px 20px 50px 50px;
    }
    .service-wrap:before {
        width: 100px;
        height: 100px;
        right: -100px;
    }
    #site-footer .col-sm-4.footer-stay{
        padding: 0px 10px;
    }
    .wpcf-end-div {
        display: flex;
        max-height: inherit;
        flex-flow: row wrap;
    }
    .wpcf-l-end, .wpcf-r-end{
        width:100%;

    }
    .wpcf-l-end p, .wpcf-r-end p{
        text-align:left !important;
    }
}
@media only screen and (min-width:991px){
    .mega-sub-menu{
        visibility:hidden !important;
        opacity: 0 !important;

    }
    .mega-toggle-on .mega-sub-menu{
        visibility:visible !important;
        opacity: inherit !important;

    }
    .footer-top {
        padding: 6rem 0;
    }

    .sy-subbanner-img{
        display: none;
        text-align: center;
    }
    .sy-mvp_dev .erp-logo-wrap{
        padding-left: 100px;
        padding-right: 100px;
    }

}
@media only screen and (max-width:991px){
    /*menu start*/
    header#site-header {
        z-index: 999 !important;
        padding: 20px 0;
    }
    .sy-projects .banner, section.services-banner {
        padding: 10rem 0 0;
    }
    header#site-header.scrolled{
        position: relative !important;
    }
    /*menu end*/

    .menu-wrapper .menu-item:before,.purple-icon,.ami-circle,.home .ami-circle, .ser-four-about-section .ami-circle,
    .service-wrap:before,.service-wrap:before,.capm-red-diagram,.section5-shape,.form-shape,.map-shape,.red-diagram,.ya-path,
    .bottom-element,.resume-left{
        display: none;
    }
    .banner-info,.banner-img,.ensue-heading, .ensue-content,.hib_box,.from-section .helf-div{
        width: 100%;
    }
    .banner-txt{
        max-width: 100%;
    }
    br{
        line-height: inherit;
        display: none;
    }
    .title{
        font-size: 30px;
        line-height: 35px;
    }
    .container {
        padding: 0px 40px;
    }
    .row{
        margin: 0px !important;
    }
    .proj-row{
        flex-flow:row wrap;
    }
    .ser-info,.ser-box,.tect-box ,.solutions-title, .solutions-info,.proj-info,.proj-img,
    .about-banner .banner-txt, .inner-page-banner .banner-txt,.ser-img-box,
    .aim-section.num-section .ser-num-box,.iconbox,.cams_box,.map-info,.map-img,.contact-form p,.ocation-box,
    .call-box,.rili-info,.rili-img,.hhd-left-desc,.hhd-right-desc.erp-info,.erp-logo-wrap{
        width: 100%;
    }
    .ser-info {
        padding-top: 0px;
        padding-bottom: 40px;
    }
    .service-section .service-wrap,.map-info{
        padding: 40px 25px !important;
    }
    .map-info .map-wrap {
        margin-right: initial;
        padding-right: 0;
        max-width: 100%;
    }
    .map-img{
        background-color: #fff;
    }
    .cams_box,.ocation-box,.call-box{
        margin-bottom: 30px;
    }
    .service-wrap, .review-box, .service-wrap, .career-box, .cta-box,
    .footer-top p,.ser-info h2,.ser_box p,.about-banner .banner-txt, .inner-page-banner .banner-txt,.ser-img-box,
    .aim-section.num-section .ser-num-box,.recog-info,.recog-img,.inner-sartbox,
    .resume-section .resume-right,.resume-section .resume-left ,.awsm-list-right-col,.awsm-list-left-col{
        max-width: 100%;
    }
    .tech-section .container,.project-h-section .container,.from-section .helf-div,.ensue-heading, .ensue-content{
        padding: 0px;
    }
    .tect-inner{
        padding:40px 40px;
    }
    .accordion-button::after, .accordion-button:not(.collapsed)::after,
    .recog-info,.recog-img{
        padding: 0px;
    }
    .solutions-title, .solutions-info{
        padding-left: 0px;
        padding-right: 0px;
    }

    /* .liri-img class is removed  */
    .solutions-section .solutions-title.col-sm-6,.client-img,.client-info,.sart-info,.sart-r-info,
    .liri-info,.hhdbi-title,.hhdbi-feature,.datbase-inner ,.fontend-inner,.backend-inner,.sqa-inner,.modal_box,
    .tras-title,.tras-info,.value_box,.recog-info, .recog-img,.resume-right{
        width: 100% !important;
    }
    .liri-img, .rili-info {
        margin-bottom: 15px;
    }
    .accordion-item,.project-p-tion .container{
        padding: 0px !important;
    }
    .proj-img, .proj-info{
        min-height: inherit;
    }
    .client-section .owl-prev{
        margin-left: 10px;
    }
    .client-section .owl-next{
        margin-right: 10px;
    }
    .client-section .owl-next,.client-section .owl-prev{
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    .client-section .owl-item.active{
        padding: 0px 40px !important;
    }
    .footer-top h2 span{
        width: 100%;
    }
    .footer-top .btn{
        min-height: 40px;
        margin: 20px 0px;
    }
    .footer-logo,.footer-address,.footer-stay{
        width: 100%;
        padding: 0px 0px 10px 0px !important;
    }
    .client-section .owl-carousel .owl-item img{
        margin: 0px !important;
        height: inherit;
    }
    .footer-top p{
        float: left;
    }
    .tech-section .row,section.services-modal-flow .modal-flows-inner, section.services-hhd .hhd-inner{
        display: block !important;
    }
    .solutions-title{
        padding-top: 60px;
    }
    .site-footer{
        background-color: #f5f7fd;
        padding: 0px 0px !important;
    }
    .banner-txt{
        padding-top: 0px !important;
    }
    .breadth-section,.sart-section,.career-section, .cta-section,.client-section{
        padding: 50px 0px;
    }
    .custm-box,.iconbox,.value_box{
        padding:0px;
        margin-bottom: 10px;
    }
    .vibir_image_inner{
        width: 50%;
        margin-bottom: 10px;
    }
    .sy-careers .benefits-features-inner{
        display: block;
    }
    .from-section label{
        padding: 0px;
    }
    .wpcf7-form-control-wrap {
        position: relative;
        display: block;
        float: left;
        width: 100%;
    }
    .capms_box{
        width: 100%;
        padding: 0px 0px 30px 0px;
    }
    .sy-careers .benefits-features-inner{
        display: block !important;
        gap: inherit !important;
    }
    section.services-hhdbi.services-hhdbir .hhdbir_image_row .hhdbir_image.gary-logo.col-sm-2{
        width: 25%;
        margin-bottom: 10px;
    }
    .project-box{
        width: 100%;
    }
    .project-p-tion .proj-inner-txt{
        padding: 0px 40px;
    }
    .project-p-tion .proj-info{
        min-height: inherit;
        background-image: none !important
    }
    .project-p-tion .proj-img{
        display: block;
        text-align: center;
    }
    .project-p-tion .proj-info{
        background-image: none !important;
    }
    .sy-projects .product-section .top-element{
        right:0px !important;
    }
    .sy-projects .banner .banner-info .banner-txt{
        margin-bottom: 50px !important;
    }
    .sy-subbanner-img{
        display: block;
    }
    .sy-projects section.banner{
        background-image: none !important;
        height: inherit !important;
        padding: 70px 0px 0px 0px !important;
    }
    .next-info,.next-btn{
        width: 100%;
    }
    .proj-slider .owl-dots {
        left: 0px;
        bottom: 40px;
        bottom: 5px;
        right: 0px;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .site-footer{
        background:#f5f7fd !important;
    }
    .solutions-section .solutions-title.col-sm-6, .solutions-info.col-sm-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .cta-section .container{
        padding: 0px !important;
    }
    .service-section .ser-info .btn{
        width: 170px;
    }
    .proj-info{
        padding: 40px 40px;
    }
    .widget{
        float:left;
        width:100%;
        display:block;
    }
    .subscribe-form .google-reCptcha{
        margin-top:0px !important;
    }
    .subscribe-form input[type="email"]{
        height:53px !important;
    }
    .about-banner{
        background-image:none !important;
    }
    .about-banner .banner-img{
        display:block;
    }
    .tras-title,.tras-info{
        padding:0px 0px;
    }
    .shoot-info img{
        margin-top:auto;
    }
    .engagement-section .title span,.recog-info p{
        max-width:100%;
    }
    .engagement-section .title{
        width:100%;
    }
    .engagement-section{
        display:flex;
        width:100%;
        padding:40px 0px;
    }
    .industry_box{
        margin-bottom:30px;
        width:25%;
    }
    .strategic-section{
        padding-bottom:40px;
    }
    .recognition-section{
        padding-bottom:0px;
    }
    .about-banner .banner-info h1, .contact-banner .banner-info h1, .inner-page-banner .banner-info h1{
        font-size:40px;
    }
    .moving-img{
        left:-40px;
        bottom:0px;
        width: 170px !important;
        height: inherit;
    }
    .copy-txt{
        margin-bottom:20px;
    }
    .from-section  .google-reCptcha{
        float:left;
        margin-top:30px;
    }
    .project-p-tion .proj-info .proj-txt{
        max-width:100%;
    }
    section.services-modal-flow .modal-flows-inner .modal_box ul, section.services-modal-flow .modal-flows-inner .modal_box li, section.services-hhd ul, section.services-hhd li{
        text-indent:inherit;
    }
    section.services-modal-flow .modal-flows-inner .modal_box ul, section.services-hhd ul{
        padding-left:0px;
    }
    .erp-info .title{
        max-width:100%;
    }
    .hori-verti-iconbox-img {
        width: 100%;
        float: left;
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .hori-verti-iconbox-info,.hori-verti-iconbox-img {
        width: 100%;
    }
    .footer-top{
        padding-top: 60px;
    }
    .proj-slider img.proj-slider-signature, .proj-slider .owl-dot .proj-pagi_icon {
        display: none;
    }
    .proj-slider .owl-dots .owl-dot button {
        font-size: 14px;
    }
    .proj-slider .proj-row .proj-info {
        min-height: 260px;
    }
	    .proj-slider .proj-row .proj-img {
        min-height: 300px;
    }
    .wpcf-end-div,.wpcf-upload-file{
        float: left;
        width: 100%;
    }
    .error404-content-inner .title {
        font-size: 35px;
        max-width: 400px;
    }
    .error404-content-inner img {
        max-height: 330px;
    }
    .error404-content-inner .btn {
        font-size: 12px;
    }
    .section-inner.thin {
        max-width: 48rem;
    }
    .camps-inti-section .row {
        display: block !important;
    }
    .social-icons {
        margin-top: 30px;
    }
    .erp-about-section .erp-info {
        margin-bottom: 20px;
		margin-left: 20px;
    }
    .sy-crm section.services-hhdbi.services-hhdbir .hhdbir_image_row .hhdbir_image.gary-logo {
        width: 50%;
        justify-content: center;
    }
    .banner-img {
        padding: 30px 0 0;
    }
    section.services-hib .hib-inner .hib_box {
        padding: 10px 0;
    }
    .services-mvc-hib {
        padding: 0;
    }
}/*991 end*/
@media only screen and (min-width: 991px) and (max-width: 1440px){
    .widget_services_widget_info, .widget_services_widget_img {
        padding: 7.5px 15px 7.5px 0px !important;
    }
}
@media only screen and (min-width: 991px) and (max-width: 1300px){
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
        margin-right: 0px !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
        padding: 0px 0px !important;
    }
    .proj-row {
        min-height: 571px !important;
    }
}
@media only screen and (min-width: 767px) and (max-width: 991px){
    .container, .container-md, .container-sm {
        max-width: 960px;
    }
    .banner-img img, .services-banner .banner-img {
        margin: auto;
        width: 80%;
    }
}

@media only screen and (max-width: 767px) {
    .home .banner-info h1{
        font-size:40px;
        line-height:45px;
    }
    .about-banner .banner-info h1, .contact-banner .banner-info h1, .inner-page-banner .banner-info h1,.title{
        font-size: 28px;

    }
    .about-banner .banner-info h1, .contact-banner .banner-info h1, .inner-page-banner .banner-info h1{
        line-height: initial;
    }
    .awsm-job-single-wrap.awsm-col-2 .awsm-job-form {
        width: 100%;
        position: relative;
        padding-left: 0px;
    }
    .awsm-job-container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .awsm-job-single-wrap.awsm-col-2 .awsm-job-content {
        width: 100%;
        margin-right: 0;
        padding-left: 25px;
    }
    h1.entry-title.awsm-jobs-single-title {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }
    .sy-projects .challenge-section .image_row img {
        height: 400px;
    }
    .sy-projects .cat-section .row .row .col-sm-6, .sy-projects .technology-section .row .col-sm-3 {
        width: 50%;
        padding-right: 20px;
    }
    .container, .container-sm {
        max-width: unset;
    }
    .sy-projects .banner .banner-info {
        margin-left: 25px;
    }

    .sy-projects .banner .banner-info h1 {
        font-size: 40px;
    }
    .sy-projects .title
    {
        font-size: 36px;
    }

    .sy-projects .cat-title, .sy-projects .challenge-title,
    .sy-projects .analysis-title, .sy-projects .product-title,
    .sy-projects .tech-title {
        margin-bottom: 20px;
    }
    .sy-projects .cat-feature h3, .sy-projects .challenge-feature h3,
    .sy-projects .analysis-feature h3, .sy-projects .product-feature h3,
    .sy-projects .tech-feature h3{
        font-size: 19px !important;
    }
    .sy-projects .cat-title, .sy-projects .challenge-title,
    .sy-projects .analysis-title, .sy-projects .product-title,
    .sy-projects .tech-title, .sy-projects .cat-feature, .sy-projects .challenge-feature,
    .sy-projects .analysis-feature, .sy-projects .product-feature,
    .sy-projects .tech-feature{
        width: 100%;
    }
    .copy-row .right, .copy-row .left{
        text-align: left;
        width: 100%;
    }
    .client_logo_box, section.services-hhdbi.services-hhdbir .hhdbir_image_row .hhdbir_image.gary-logo.col-sm-2 {
        width: 50%;
        padding: 15px;
    }
	.erp-about-logo{
		padding-right: 15px !important
	}
    .num-section .feature_box{
        width: 100%;
    }
    .client-section .container{
        padding:0px 0px !important;
    }
    .industry_box{
        width:50%;
    }
    .awsm-list-right-col,.awsm-list-left-col{
        width: 100%;
        text-align: left;
        margin-left: 0px;
        padding: 0px;
    }
    .awsm-list-item .awsm-job-more-container{
        position: inherit;
    }
    .awsm-job-item h2.awsm-job-post-title{
        margin: 0px;
    }
    .error404-content-inner .title {
        font-size: 28px;
        max-width: 320px;
    }
    .error404-content-inner .btn {
        font-size: 12px;
        margin: 25px 0;
    }
    .section-inner.thin {
        max-width: 32rem;
    }
    .sy-engagements .wpcf7 .col-md-6.left {
        padding-right: 0;
    }
    .sy-engagements .wpcf7 .col-md-6.right {
        padding-left: 0;
    }
    .sy-engagements .staff-augmentation-form label {
        margin-top: 10px;
    }
    .sy-engagements .staff-augmentation-form .wpcf7-submit {
        margin: 0;
    }
    .sy-partners .vibir_image {
        justify-content: center;
    }
}
@media only screen and (max-width: 576px) {
    .home .feature_box{
        border-right: 0px solid #c7c7c7;
        border-bottom: 1px solid #c7c7c7;
        width: 100%;
        padding: 20px 10px;
    }
    .sy-projects .challenge-section .image_row img {
        height: 300px;
    }
    .career-section .btn, .cta-section .btn{
        min-width: inherit;
        font-size: 14px;
        padding: 10px 10px;
    }
    .career-box, .cta-box{
        padding: 30px 30px;
        padding-bottom:200px;
        background-position: right bottom;
		background-size: contain;
    }
    .career-section, .cta-section{
        padding: 0px 0px;
    }
    .career-section .container{
        padding: 0px;
    }
    .logo-section .client-logo img{
        min-height:inherit !important;
        max-height:inherit !important;
        margin-bottom:10px !important;
		max-width: 120px;
    }
    .sy-takeover section.services-hib .hib-inner .hib_box_inner{
        padding:30px 30px;
    }
    .strategic-info {
        margin-bottom: 15px;
    }
    .container {
        padding: 0px 10px;
    }
    .client-logo {
        align-items: baseline;
    }
    .client_logo_box {
        padding: 0;
    }
}
@media only screen and (max-width: 430px) {
    .sy-projects .banner .banner-info {
        width: 290px;
    }
    .industry_box{
        margin-bottom:10px;
        width:100%;
    }
    .wpcf7-form-control-wrap.recaptcha {
        transform: scale(0.65);
        transform-origin: 0 0;
    }
    .proj-row {
        min-height: 500px !important;
    }
    .sy-crm .cta-section .cta-box {
        background-position-x: 15px;
    }
}
@media only screen and (max-width: 360px){
    .custom-logo-link img {
        max-height: 66px;
        display: flex;
    }
}
@media only screen and (max-width: 359px){
    .title {
        font-size: 22px;
    }
    .proj-row {
        min-height: 720px !important;
    }
}

/*  --------------------------------------------------------------
    Responsiveness Synavos HomePage New
--------------------------------------------------------------  */

@media only screen and (max-width: 1440px){
    .sy-homepage2 .solution-section .solutions-info{
        /* padding-left: 10rem; */
        max-width: 91%;
    }
    .sy-homepage2 .solution-section .solutions-info .owl-nav{
        top: 0;
    }
    .sy-homepage2 .project-section .project-box{
        min-height: 742px;
    }
    .sy-homepage2 .project-section .project-box .proj-info .proj-txt .sky-blue-svg{
        bottom: 10%;
    }
    .sy-homepage2 .solution-section .svg-background img{
        position: absolute;
        bottom: 0;
        margin-bottom: 0;
        margin-left: -24px;
        left: 0;
    }
    .sy-homepage2 .project-section .project-box .proj-img .project-image-column{
      max-width: 540px;
    }
    #site-footer .footer-address .widget_text p{
        font-size: 14px !important;
    }
  }
  @media only screen and (max-width: 1280px){
    .sy-homepage2 .solution-section .solutions-info{
        /* padding-left: 5rem; */
        max-width: 95%;
    }
    .sy-homepage2 .services-section .container{
        max-width: 1340px;
        padding-left: 70px;
        padding-right: 70px;
    }
    .sy-homepage2 .project-section .project-box{
        min-height: 742px;
    }
    .sy-homepage2 .solution-section .svg-background{
        display: none;
    }
    #site-footer .footer-address .widget_text p{
        font-size: 14px !important;
    }
  
  }
  @media only screen and (max-width: 1024px){
    .sy-homepage2 .home-banner{
        height: auto;
        padding-bottom: 50px;
    }
    .sy-homepage2 .aims-section .aims-sec-inner .aim-features .feature_box h4{
        font-size: 42px;
    }
    .sy-homepage2 .services-section .container{
        padding: 0 40px;
    }
    .sy-homepage2 .services-section .ser-info{
        width: 100%;
        padding-bottom: 50px;
    }
    .sy-homepage2 .services-section .ser-box{
        width: 100%;
    }
    .sy-homepage2 .services-section .ser_box{
        margin-top: 0;
    }
    .sy-homepage2 .solution-section .solutions-info{
        max-width: 97%;
    }
    .sy-homepage2 .solution-section .solutions-info .owl-item{
        max-width: 100% !important;
    }
    .sy-homepage2 .solution-section .solutions-info .solution-card{
        margin-right: unset;
    }
    .sy-homepage2 .solution-section .solutions-info .owl-nav{
        /* display: none; */
        width: 100px;
        top: -35px;
        right: 10%;
  
    }
    .sy-homepage2 .solution-section {
        width: 100%;
        padding: unset;
    }
    
    .sy-homepage2 .solution-section .solutions-info{
        
        /* padding-left: 3.75rem; */
    }
    
    .sy-homepage2 .solution-section .solutions-info {
        width: 97%;
        padding-top: unset;
        padding-bottom: unset;
        max-width: 97%;
    }
    .sy-homepage2 .services-section .ser-info .ser-info-inner svg,
    .sy-homepage2 .project-section .project-box .proj-info .proj-txt .sky-blue-svg,
    .sy-homepage2 .home-contact-section .right-contact-side .contact-info svg {
        display: none;
    }
    .sy-homepage2 .services-section .ser-box{
        padding-bottom: unset;
    }
    .sy-homepage2 .project-section .project-box{
        min-height: 592px;
    }
    .sy-homepage2 .project-section .project-box .proj-img, 
    .sy-homepage2 .project-section .project-box .proj-info{
      min-height: 500px;
    }
    .sy-homepage2 .project-section .project-box .proj-row{
        gap: 0px;
        height: unset;
        min-height: unset;
        flex-wrap: nowrap;
    }
    .sy-homepage2 .project-section .project-info .title{
        font-size: 30px;
    }
    .sy-homepage2 .project-section .project-box .proj-info .proj-txt{
        max-width: 100%;
    }
    .sy-homepage2 .project-section .project-box .proj-info .proj-txt .client-info img{
        display: block;
    }
    .sy-homepage2 .project-section .project-box .proj-img{
        justify-content: center;
        border: unset;
        width: 100%;
    }
    .sy-homepage2 .project-section .project-box .proj-img img{
        max-width: 100%;
    }
    .sy-homepage2 .project-section .project-box .proj-img .project-image-column .project-title{
        font-size: 28px;
    }
    .sy-homepage2 .project-section .project-box .proj-img .project-image-column .project-description{
        font-size: 14px;
    }
    .sy-homepage2 .project-section .project-box .proj-info{
        justify-content: center;
        border: none;
        width: 50%;
        padding: 40px;
    }
    .sy-homepage2 .project-section .project-box .owl-stage-outer{
        /* padding-bottom: 20px; */
    }
    .sy-homepage2 .home-contact-section .home-contact-container{
        flex-direction: column;
    }
    .sy-homepage2 .project-section .project-box .owl-dots{
        width: 100%;
        max-width: 100%;
    }
    .sy-homepage2 .home-contact-section .right-contact-side,
    .sy-homepage2 .home-contact-section .left-contact-side{
        width: 100%;
        padding: 30px 0 0;
    }
    .sy-homepage2 .home-contact-section .contact-title{
        font-size: 30px;
    }
    .sy-homepage2 #wpcf7-f25537-o1 {
        border-right: unset;
        padding-right: unset;
    }
    .sy-homepage2 .form-group {
        flex: auto !important;
    }
    #site-footer .footer-address{
        margin-bottom: 0 !important;
        flex: auto;
    }
    .site-footer .footer-stay{
        flex: auto;
    }
    .sy-homepage2 #site-footer{
        padding-top: 50px !important;
    }
    #site-footer .widget_media_image{
      width: auto;
    }
  }
  @media only screen and (max-width: 991px) {
    #site-footer .footer-address #block-77 p,
    #site-footer .footer-address #block-79 p,
    #site-footer .footer-address #block-81 p,
    #site-footer .footer-address #block-83 p{
        max-width: 385px;
    }
    .sy-homepage2 .banner-info{
      padding-top: 30px;
    }
  }
  @media only screen and (max-width: 768px){
    .sy-homepage2 .home-banner .client-logo .client_logo_box{
        width: 25%;
    }
    .sy-homepage2 .home-banner .client-logo .client_logo_box img{
        width: 100%;
    }
    .sy-homepage2 .home-banner .banner-info .banner-txt h1{
        font-size: 40px;
    }
    .sy-homepage2 .aims-section .aims-sec-inner .aim-title{
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }
    .sy-homepage2 .aims-section .aims-sec-inner .aim-feature {
        width: 100%;
    }
    .sy-homepage2 .services-section .ser-info{
        padding-bottom: 30px;
        margin-bottom: 0;
    }
    .sy-homepage2 .services-section .ser_box{
        max-width: 100%;
        width: 100%;
        padding: 0;
        border: unset;
        margin-top: 30px;
    }
    .sy-homepage2 .services-section .container{
        padding: 0 40px;
    }
    .sy-homepage2 .services-section .ser_box:nth-child(1) {
        border: unset;
    }
    .sy-homepage2 .services-section .ser_box:nth-child(3) {
        border: unset;
    }
    .sy-homepage2 .services-section .ser_box:nth-child(4) {
        border: unset;
    }
    .sy-homepage2 .solution-section .solutions-info{
        max-width: 94%;
        width: 94%;
        margin: auto;
    }
    .sy-homepage2 .solution-section .solutions-info .solution-card{
        margin-right: 0px !important;
    }
    .sy-homepage2 .project-section{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .sy-homepage2 .project-section .project-info{
        flex-direction: column;
        align-items: start;
        margin-bottom: 50px;
    }
    .sy-homepage2 .project-section .project-info .title{
        font-size: 28px;
    }
    .sy-homepage2 .project-section .project-info .projects-info{
        margin-bottom: 30px;
    }
    .sy-homepage2 .project-section .project-box .proj-row{
        flex-wrap: wrap;
        /* gap: 30px; */
        /* padding: 20px; */
    }
    .sy-homepage2 .project-section .testimonials-row{
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 10px;
    }
    .sy-homepage2 .project-section .project-box{
        padding: unset;
    }
    .sy-homepage2 .project-section .project-box .proj-img, 
    .sy-homepage2 .project-section .project-box .proj-info {
        min-height: 450px;
    }
    .sy-homepage2 .project-section .project-box .proj-img img{
        max-width: 50%;
    }
    .sy-homepage2 .project-section .project-box .left-proj-column{
        width: 100%;
        border: none;
    }
    .sy-homepage2 .project-section .project-box .proj-img{
       justify-content: start;
       padding: unset;
       width: 100%;
       max-width: 100%;
    }
    .sy-homepage2 .project-section .project-box .proj-info{
       justify-content: center;
       border: unset;
       padding: 40px;
       /* margin-bottom: 50px; */
       width: 100%;
    }
    .sy-homepage2 .project-section .project-box .owl-dots{
        display: none;
    }
    .sy-homepage2 .project-section .owl-dot{
        border: unset;
        width: auto;
    }
    .sy-homepage2 .project-pagination-slider{
        display: flex;
        align-items: center;
        border-top: 1px solid #E6E6E6;
        border-bottom: 1px solid #E6E6E6;
    }
    .sy-homepage2 .project-pagination-slider .pagination-item{
        flex: 1;
        border-right: 1px solid #E6E6E6;
        display: flex;
        justify-content: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .sy-homepage2 .project-pagination-slider .pagination-item img{
        filter: grayscale(100%);
        display: block;
        width: auto;
        height: auto;
        opacity: 0.5;
    }
    .sy-homepage2 .project-pagination-slider .pagination-item img:hover{
        filter: grayscale(0);
        opacity: 1;
    }
    .sy-homepage2 .project-pagination-slider .pagination-item.active img{
        filter: grayscale(0);
        opacity: 1;
    }
    .sy-homepage2 .project-pagination-slider .owl-item.center .pagination-item img{
        filter: grayscale(0);
        opacity: 1;
    }
    .sy-homepage2 .solution-section .solutions-info .owl-nav{
      /* display: none; */
      right: 5%;
    }
    .sy-homepage2 .recognition-section{
        padding: 60px 0;
    }
    .sy-homepage2 .recognition-section .recognition-info {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
    .sy-homepage2 .recognition-section .logos-container{
        width: 100%;
    }
    .sy-homepage2 .recognition-section .main-logo{
        width: 100%;
    }
    .sy-homepage2 .recognition-section .recognition-logos {
        width: 60%;
    }
    .sy-homepage2 .home-contact-section .home-contact-container{
        flex-direction: column;
    }
    .sy-homepage2 .home-contact-section .left-contact-side{
        width: 100%;
    }
    .sy-homepage2 .home-contact-section .right-contact-side{
        width: 100%;
        border: unset;
        padding: 30px 0 0;
    }
    .sy-homepage2 .home-contact-section .right-contact-side .contact-info{
        padding-left: 0;
        align-items: center;
        flex-direction: row;
    }
    .sy-homepage2 .home-contact-section .right-contact-side .contact-info .home-contact-info h4{
        font-size: 18px;
    }
    .sy-homepage2 .home-contact-section .right-contact-side .contact-info .home-contact-info p{
        font-size: 16px;
    }
    .sy-homepage2 .home-contact-section .contact-title{
        font-size: 28px;
    }
    .sy-homepage2 .home-contact-section,
    .sy-homepage2 .project-section,
    .sy-homepage2 .recognition-section,
    .sy-homepage2 .services-section{
        padding: 50px 0 !important;
    }
    .sy-homepage2 #site-footer{
        padding-top: 50px !important;
    }
    .sy-homepage2 .partners-secion .client-logo{
      gap: 30px;
      text-align: center;
      padding: 0;
      background: none;
    }
    .sy-homepage2 .partners-secion .client-logo .partners-content{
      width: 100%;
    }
    .sy-homepage2 .partners-secion .client-logo .partners_logo_box{
      width: 100%;
    }
    .sy-homepage2 .partners-secion .client-logo .partners_logo_box .client_logo_box{
      width: 25%;
      padding: 0;
    }
    .footer-recognition{
      justify-content: start !important;
    }
  }
  @media only screen and (max-width: 576px){
    .sy-homepage2 .container{
      padding: 0 20px !important;
    }
    .sy-homepage2 .home-banner .banner-info .banner-txt a{
        padding: 12px 30px;
    }
    .sy-homepage2 .recognition-section .recognition-logos .additional-logos{
        flex-basis: 50%;
        border-radius: 3px;
    }
    .sy-homepage2 .recognition-section .main-logo{
        display: flex;
        justify-content: center;
    }
    .sy-homepage2 .aims-section .aims-sec-inner .aim-features .feature_box{
        /* width: 100%; */
        flex: 1;
        padding: 0 10px;
        border-bottom: none;
    }
    .sy-homepage2 .aims-section .aims-sec-inner .aim-features .feature_box h4{
        font-size: 36px;
    }
    .sy-homepage2 .aims-section .aims-sec-inner .aim-features .feature_box h3{
        font-size: 14px;
    }
    .sy-homepage2 .recognition-section .container{
        gap: unset;
    }
    .sy-homepage2 .recognition-section .main-logo{
        width: 100%;
        border-radius: 3px;
    }
    .sy-homepage2 .recognition-section .recognition-logos{
        width: 100%;
    }
    .sy-homepage2 .project-section .project-box{
        min-height: unset;
    }
    .sy-homepage2 .project-section .project-box .proj-img .project-image-column .project-title{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .sy-homepage2 .project-section .project-box .proj-img .project-image-column .project-description{
        /* font-size: 14px; */
        display: none;
    }
    .sy-homepage2 .project-section .project-box .proj-img, 
    .sy-homepage2 .project-section .project-box .proj-info {
        min-height: 320px;
    }
    .sy-homepage2 .project-section .project-box .proj-info{
        margin-bottom: unset;
        padding: 20px;
    }
    .sy-homepage2 .project-section .project-box .proj-img{
      padding: 20px;
    }
    .sy-homepage2 .project-section .project-box .proj-img img{
        max-width: 100%;
    }
    .sy-homepage2 .project-section .project-box .proj-info .proj-txt p{
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .sy-homepage2 .project-section .project-box .proj-info .proj-txt .client-info .client-title{
        font-size: 16px;
    }
    .sy-homepage2 .project-section .project-box .proj-info .proj-txt .client-info .client-designation{
        font-size: 14px;
    }
    .sy-homepage2 .project-section .project-box .proj-info .proj-txt p{
        font-size: 14px;
    }
    .sy-homepage2 .project-section .project-box .proj-info .proj-txt a{
        font-size: 14px;
    }
    .sy-homepage2 .solution-section .solutions-info .owl-nav{
      /* display: none; */
      right: 0;
    }
    .sy-homepage2 .services-section .container{
      padding: 0 10px;
    }
    .sy-homepage2 .services-section .services-wrap{
        /* padding: 50px 0 50px 0; */
    }
    .sy-homepage2 .solution-section .solutions-info{
        margin: auto;
    }
    .sy-homepage2 .solution-section .solutions-info .solution-card{
        border-radius: 10px;
    }
    .sy-homepage2 .solution-section .solutions-info .solution-card p{
        margin-bottom: 10px;
    }
    #site-footer .footer-address .widget_text p{
        max-width: 260px;
    }
    .sy-homepage2 .submission p{
      text-align: left !important;
    }
  }
  
  @media only screen and (max-width: 380px){
    .sy-homepage2 .home-banner .banner-info .banner-txt h1{
        font-size: 32px;
        line-height: 1.5;
    }
    .sy-homepage2 .aims-section .aims-sec-inner .aim-features .feature_box h4{
        font-size: 28px;
    }
    .sy-homepage2 .aims-section .aims-sec-inner .aim-features .feature_box h3{
        font-size: 12px;
    }
    .sy-homepage2 .project-section .project-box .proj-row{
        min-height: unset !important;
    }
    .sy-homepage2 .solution-section .solutions-info{
        width: 100%;
        /* padding-left: 10px; */
        /* margin: 0; */
    }
    .sy-homepage2 .solution-section .solutions-info .solution-card{
        width: 100%;
        padding: 40px 20px 20px !important;
        min-height: 400px;
    }
    .sy-homepage2 .solution-section .solutions-info .solution-card img{
        max-width: 80px;
    }
    .sy-homepage2 .solution-section .solutions-info .solution-card h3{
        font-size: 16px;
    }
    .sy-homepage2 .solution-section .solutions-info .solution-card p{
        font-size: 14px;
    }
    .sy-homepage2 .solution-section .solutions-info .solution-card a{
        font-size: 14px;
    }
    .sy-homepage2 .home-contact-section .right-contact-side .contact-info{
        flex-wrap: wrap;
    }
    
  }
  @media (min-width: 320px) and (max-width: 576.98px) {
    /* Your CSS for Small devices goes here */
    .sy-homepage2 .project-section .project-box .proj-img .project-image-column{
      max-width: 100%;
      /* padding: 50px 40px 50px 40px; */
      padding: 0;
    }
  }
  /* Small devices (tablets) */
  @media (min-width: 576px) and (max-width: 767.98px) {
    /* Your CSS for Small devices goes here */
    .sy-homepage2 .project-section .project-box .proj-img .project-image-column{
      max-width: 100%;
      padding: 40px;
    }
  }
  
  /* Medium devices (desktops) */
  @media (min-width: 768px) and (max-width: 991.98px) {
    /* Your CSS for Medium devices goes here */
    .sy-homepage2 .project-section .project-box .proj-img .project-image-column{
      max-width: 100%;
      padding: 50px 40px 50px 40px;
    }
  }
  
  /* Large devices (desktops) */
  @media (min-width: 992px) and (max-width: 1199.98px) {
    /* Your CSS for Large devices goes here */
    .sy-homepage2 .project-section .project-box .proj-img .project-image-column{
      max-width: 100%;
      padding: 50px 50px 50px 70px;
    }
  }
  
  /* X-Large devices (large desktops) */
  @media (min-width: 1200px) and (max-width: 1399.98px) {
    /* Your CSS for X-Large devices goes here */
    .sy-homepage2 .project-section .project-box .proj-img .project-image-column{
      max-width: 570px;
    }
  }
  
  /* XX-Large devices (larger desktops) */
  @media (min-width: 1400px) {
    /* Your CSS for XX-Large devices goes here */
    .sy-homepage2 .project-section .project-box .proj-img .project-image-column{
      max-width: 570px;
    }
  }
  @media (min-width: 1800px) {
    /* Your CSS for XX-Large devices goes here */
    .sy-homepage2 .project-section .project-box .proj-img .project-image-column{
      max-width: 660px;
    }
  }
  @media only screen and (max-width: 1300px) {
    /* Your CSS for XX-Large devices goes here */
    .banner.home-banner {
      background-image: unset !important;
      background: transparent;
    }
  }
@media only screen and (max-width: 1024px){
    .sy-homepage2 .nsis_popup_overlay .popup-modal-content {
      max-width: 440px;
      padding: 20px;
    }
    .sy-homepage2 .nsis_popup_overlay .popup-modal-content .image-container img {
      height: auto;
      width: 450px;
    }
  }
  @media only screen and (max-width: 576px){
    .sy-homepage2 .nsis_popup_overlay .popup-modal-content {
      max-width: 300px;
      padding: 20px;
    }
    .sy-homepage2 .nsis_popup_overlay .popup-modal-content .image-container img {
      height: auto;
      width: 300px;
    }
  }