@media only screen and (min-width: 1599px) and (max-width: 1799px) {
    .hero-main .main-img{height: calc(100% - 255px);}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .hero-main .main-img{top: 140px;max-width: 790px; width: 100%;}
    .hero-main .main-img .circle{width: 46%;top: 15.5%;right: 25%;}

}
@media only screen and (min-width: 1281px) and (max-width: 1399px) {
    .hero-main .main-img{top: 130px;}
    .hero-main .main-img .circle{width: 45%; top: 19.5%;right: 25%;}
}
@media only screen and (max-width: 1280px){
    .hero-main .main-img{max-width: 705px; width: 100%;}
    .hero-main .main-img .circle {position: absolute;width: 45.5%;top: 19.5%;right: 25%;}

    .team-left{width: 40%;}
    .team-extension-main{padding-bottom: 0px;}
    .stacks-item ul{justify-content: flex-start;column-gap: 15px;}

}
@media only screen and (max-width: 1200px){
    .navbar-brand img{max-width: 150px;}
    .main-nav ul{margin-right: 0px;}
    .main-nav > ul > li{padding: 5px 10px;}
    .content.info{max-width: 460px;}
    .service-card-box{margin-bottom: 30px; height: auto;}
    .hero-main .main-img .circle{width: 45.5%;top: 15.5%;right: 25%;}
    .hero-main .main-img .logo_shap{right: 36%;}
    .hero-content {padding: 70px 0;}
    .footer-left-1, .footer-left-2, .footer-left-3, .footer-left-4{margin-bottom: 30px;}
    .foot{margin-top: 10px;}
    .hero-main .main-img{max-width: 705px; width: 100%;top: 130px;}
    .content.info h4{margin-top: 60px;}
    .project-card-box > a{min-height: 340px;}

    .allpage-hero-main{min-height: 630px}
    .pagetop-titles h1{font-size: 2.5rem;}
    .team-left{width: 40%;}
    

}
@media only screen and (max-width: 1024px){
    .main-nav{display: none;}
    .custom-hem{display: block;border: none;background: transparent;color: #fff;font-size: 38px;line-height: 38px;}
    header .navbar {padding: 10px 0;}
    .main-topheader .navbar-brand{padding: 0px; margin-right: 0px;}
    .navbar-brand img{max-width: 140px;}
    .hero-content {padding: 40px 0;}
    .content.info{text-align: center;max-width: 640px;margin: 0 auto;}
    .content.info h1{font-size: 34px;}
    .content.info h4{margin-top: 40px;}
    .hero-main .main-img{position: relative;top: 0px;min-height: 340px; width: 72%;margin: 0 auto;}
    .hero-main .main-img .logo_shap{max-width: 165px;top: 42%; right: 37%;}
    .form-group.input-with-icon{margin-bottom: 16px;}
    .our-services{padding: 40px 0px;}
    .service-card-box{margin-bottom: 30px;height: auto;}
    .service-card-box .info h5{margin-bottom: 15px;}
    p{font-size: 0.875rem;}
    .our-featured-project::before {width: 95%;}
    .project-card-box > a{min-height:340px}
    .project-card-box .project-info{padding: 14px 20px;}
    .project-info h5{font-size: 1rem;}
    .mission-left .info-circle{width: 180px;height: 180px;}
    .mission-left .info-circle:nth-of-type(2){width: 150px;height: 150px;}
    .mission-left .info-circle:nth-of-type(3){width: 120px;height: 120px;}
    .mission-left .info-circle:nth-of-type(4){width: 140px;height: 140px;left: 30px;}
    .mission-left{margin-bottom: 60px;}
    .our-featured-project{padding: 40px 0px;}
    .why-we-stand-out-main{padding: 40px 0px;}
    .mission-and-vision-main{padding: 72px 0px 40px 0px;}
    .mission-right{padding-left: 0px;}
    .icon-boc{max-width: 60px;}
    .info-circle .cont h3{font-size: 2.125rem;}
    .mission-right h2{margin-bottom: 20px;}
    .technologies-main{padding: 40px 0px;}
    .technologie-left h3{font-size: 1.5rem;}
    .technologie-left p{font-size: 0.9375rem;}
    .technologie-left .list-group ul a{font-size: 1rem;padding: 15px; border-left: 4px solid transparent;}
    .technologie-left .list-group ul a.active{border-left: 4px solid var(--color-red);}
    .technologie-left {margin-bottom: 20px;}
    .technologie-card h4{font-size: 1rem;}
    .technologie-card h3{font-size: 1.25rem;}
    .technologie-listitems{flex-wrap: wrap;}
    .industries-we-serve-main{padding: 0px 0px 40px 0px}
    .industries-desc{padding: 20px;margin-bottom: 30px;}
    .industries-desc h2{font-size: 1.75rem;margin-bottom: 15px;}
    .stand-out-title h4{font-size: 1.75rem;}
    .stand-out-title p{font-size: 0.875rem;}
    .build-your-dream-main{padding: 40px 0px;}
    .build-team-title h2{font-size: 1.5rem;}
    .team-card-description h4{font-size: 1.25rem;}
    .build-team-card{margin-bottom: 30px;}
    .process-main{padding: 40px 0px;}
    .process-card h5{font-size: 2.125rem;}
    .we-deliver-main{padding: 40px 0px;}
    .right-desc-box{width: calc(50% - 18px);align-items: center;text-align: center;}
    .testimonials-main{padding: 40px 0px;}
    .testimonial-slider-main .swiper-button-next{top: -40px;right: 11px;}
    .testimonial-slider-main .swiper-button-prev{top: -40px;right: 50px;}
    .chat-banner{padding: 40px 0px;}
    .chat-left h2{text-align: center;}
    .bttns.text-end{margin-top: 30px;text-align: center !important;}
    .footer-left-1, .footer-left-2, .footer-left-3, .footer-left-4{margin-bottom: 30px;text-align: center;}
    .logo-footer{text-align: left;margin-bottom: 20px;}
    .foot p{text-align: center;}
    .footer-main{padding-top: 40px;}
    .foot{margin-top: 30px;}
    .footer-left-1 ul{display: block;text-align: center;}
    .footer-left-1 ul li{display: inline-block; text-align: center;}
    .content.info h4::before {left: auto;margin-left: -60px;}
    .we-deliver-left{text-align: center;}
    .industries-desc{text-align: center;}
    .common-btn{margin-top: 0px;}
    .stand-out-title{text-align: center;}


    .allpage-hero-main{min-height: 500px;}
    .pagetop-titles h1{font-size: 2rem; margin-bottom: 15px; line-height: 38px;}
    .contact-main{padding: 40px 0px;}
    .contact-form-left{padding: 30px 20px;margin-bottom: 40px;}
    .contact-form-left h2{font-size: 1.5rem;}
    .contact-map-right p{font-size: 0.875rem;}
    .contact-map{min-height: 480px;}


    .comprehensive-main{padding: 60px 0px;}
    .software-development-services-title h2{font-size: 1.75rem;}
    .advantages-main{padding: 60px 0px;}
    .empower-your-team-main{padding: 60px 0px;}
    .comprehensive-card h3{font-size: 1.1rem;}
    .advantages-card h5{font-size: 1.1rem;}
    .process-card h3{font-size: 1.1rem;}

    .team-extension-main{padding: 60px 0px 0 0;}
    .team-extension-title h2{font-size: 1.625rem;margin-bottom: 30px;}
    .extension-tabs-item .nav-pills .nav-link{padding: 24px 20px;font-size: 1rem;}
    .extension-inner-desc{padding: 60px 0px;}
    .extension-card-tabinbox h3{font-size: 1.5rem;}
    .extension-card-tabinboxclientbox h5{font-size: 1rem;}
    .extension-card-tabinboxclientbox ul li{font-size: 0.875rem;}
    .team-augmentation-main{padding: 60px 0px;}
    .team-augmentation-title h2{font-size: 1.375rem;}
    .team-left h3{font-size: 1rem;}
    .team-left{width: 40%;}
    .extension-tabs-item .nav-pills .nav-link .icon{width: 50px;height: 50px;}
    .team-augmentation-list ul li{padding-bottom: 40px;}

    .technologie-main{padding: 60px 0px;}
    .technologie-main .technologie-items{margin-top: 30px;}
    .technologie-main .technologie-items:first-child{margin-top: 0px;}
    .technologie-card-box h2{font-size: 1.5rem;line-height: 30px;margin-bottom: 18px;}
    .technologie-card-box p{font-size: 0.875rem;}
    .technologie-card-box ul li{width: 18.33%;padding: 25px 10px;}
    .technologie-card-box ul li .tech-item-link p{font-size: 14px;}

    .careers-main{padding: 60px 0px;}
    .career-form{padding: 60px 0px;}
    .positions-card h3{font-size: 1.0625rem;}
    .positions-card .time {margin-top: 20px;}


    .challanges-main{padding: 50px 0px;}
    .stacks-main{padding: 50px 0px;}
    .chal-left-title h2{font-size: 1.125rem;}
    .stacks-item h2{font-size: 1.125rem;}

    
    .technical-expertise-main{padding: 60px 0px;}
    .hiring-process-main{padding: 60px 0px;}
    .our-angular-development-main{padding: 60px 0px;}
    .boost-your-product-main{padding: 60px 0px;}
    .boost-your-product-left{margin-bottom: 40px;}
    .hiring-process-title h4{font-size: 1.375rem;}
    .technical-expertise-title h2{font-size: 1.375rem;}
    .developer-interview-title h3{font-size: 1.75rem;}
    .angular-development-left h3{font-size: 1.75rem;}
    .boost-your-product-left h2{font-size: 1.75rem;}
    .angular-development-left ul li{font-size: 0.875rem;}
    .angular-development-card p{font-size: 0.875rem;}
    .schedule-a-developer-interview-main{padding: 60px 0px;}
    .page-icon img{max-width: 160px;}
    .technical-expertise-list ul li{flex-wrap: wrap;}
    .te-title h5{font-size: 1rem;}
    .te-title{max-width: none;padding: 12px;text-align: center;}
    .te-list{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;}
    .boost-your-product-right-accordion .accordion-button{padding: 20px 0px; font-size: 1.125rem;}
    .boost-your-desc ul li{font-size: 0.875rem;padding-bottom: 10px;}
    .line-emaillink a{font-size: 1.25rem;}
    .bottom-lines p{font-size: 1.125rem;}
    .boost-your-desc{padding: 0 30px 20px 0;}
    .hiring-process-card h3{font-size: 1rem;}
    .hiring-process-card{margin-bottom: 0px;}
    .no-accordion-card{padding: 20px;}
    .no-accordion-card ul li{font-size: 0.875rem;}
    .angular-development-card h4{font-size: 1rem;}

    .careers-role-main{padding: 60px 0px;}
    .careers-role-left ul li{font-size: 0.875rem;padding-left: 30px;}
    .careers-summary-right ul li{font-size: 0.875rem;}
    .careers-role-left h4{font-size: 1.125rem;}
    .careers-role-left ul li::before {top: 5px; font-size: 1rem;}
    .stacks-item ul{justify-content: flex-start;column-gap: 15px;}
    .chal-right-desc ul li{font-size: 0.9375rem;}
    .stacks-item ul li{font-size: 0.9375rem;}

    .boxed-itm h3{font-size: 0.9375rem;}
    .boxed-itm{text-align: center;}
    .hire-dedicated-list ul li a{padding: 15px;}

}
@media only screen and (max-width: 991px){
    .main-nav{display: none;}
    .custom-hem{display: block;border: none;background: transparent;color: #fff;font-size: 38px;line-height: 38px;}
    header .navbar {padding: 10px 0;}
    .main-topheader .navbar-brand{padding: 0px; margin-right: 0px;}
    .navbar-brand img{max-width: 140px;}
    .hero-content {padding: 40px 0;}
    .content.info{text-align: center;}
    .content.info h1{font-size: 34px;}
    .content.info h4{margin-top: 40px;}
    .hero-main .main-img{position: relative;top: 0px;min-height: 315px; width: 72%;margin: 0 auto;}
    .hero-main .main-img .logo_shap{max-width: 135px;top: 36%; right: 37%;}
    .form-group.input-with-icon{margin-bottom: 16px;}
    .our-services{padding: 40px 0px;}
    .service-card-box{margin-bottom: 30px;height: auto;}
    .service-card-box .info h5{margin-bottom: 15px;}
    p{font-size: 0.875rem;}
    .our-featured-project::before {width: 95%;}
    .project-card-box > a{min-height:490px}
    .project-card-box .project-info{padding: 14px 20px;}
    .project-info h5{font-size: 1rem;}
    .mission-left .info-circle{width: 180px;height: 180px;}
    .mission-left .info-circle:nth-of-type(2){width: 150px;height: 150px;}
    .mission-left .info-circle:nth-of-type(3){width: 120px;height: 120px;}
    .mission-left .info-circle:nth-of-type(4){width: 140px;height: 140px;left: 30px;}
    .mission-left{margin-bottom: 60px;}
    .our-featured-project{padding: 40px 0px;}
    .why-we-stand-out-main{padding: 40px 0px;}
    .mission-and-vision-main{padding: 72px 0px 40px 0px;}
    .mission-right{padding-left: 0px;}
    .icon-boc{max-width: 60px;}
    .info-circle .cont h3{font-size: 2.125rem;}
    .mission-right h2{margin-bottom: 20px;}
    .technologies-main{padding: 40px 0px;}
    .technologie-left h3{font-size: 1.5rem;}
    .technologie-left p{font-size: 0.9375rem;}
    .technologie-left .list-group ul a{font-size: 1rem;padding: 15px; border-left: 4px solid transparent;}
    .technologie-left .list-group ul a.active{border-left: 4px solid var(--color-red);}
    .technologie-left {margin-bottom: 20px;}
    .technologie-card h4{font-size: 1rem;}
    .technologie-card h3{font-size: 1.25rem;}
    .technologie-listitems{flex-wrap: wrap;}
    .industries-we-serve-main{padding: 0px 0px 40px 0px}
    .industries-desc{padding: 20px;margin-bottom: 30px;}
    .industries-desc h2{font-size: 1.75rem;margin-bottom: 15px;}
    .stand-out-title h4{font-size: 1.75rem;}
    .stand-out-title p{font-size: 0.875rem;}
    .build-your-dream-main{padding: 40px 0px;}
    .build-team-title h2{font-size: 1.5rem;}
    .team-card-description h4{font-size: 1.25rem;}
    .build-team-card{margin-bottom: 30px;}
    .process-main{padding: 40px 0px;}
    .process-card h5{font-size: 2.125rem;}
    .we-deliver-main{padding: 40px 0px;}
    .right-desc-box{width: calc(50% - 18px);align-items: center;text-align: center;}
    .testimonials-main{padding: 40px 0px;}
    .testimonial-slider-main .swiper-button-next{top: -40px;right: 11px;}
    .testimonial-slider-main .swiper-button-prev{top: -40px;right: 50px;}
    .chat-banner{padding: 40px 0px;}
    .chat-left h2{text-align: center;}
    .bttns.text-end{margin-top: 30px;text-align: center !important;}
    .footer-left-1, .footer-left-2, .footer-left-3, .footer-left-4{margin-bottom: 30px;text-align: center;}
    .logo-footer{text-align: center;margin-bottom: 20px;}
    .foot p{text-align: center;}
    .footer-main{padding-top: 40px;}
    .foot{margin-top: 30px;}
    .footer-left-1 ul{display: block;text-align: center;}
    .footer-left-1 ul li{display: inline-block; text-align: center;}
    .content.info h4::before {left: auto;margin-left: -60px;}
    .we-deliver-left{text-align: center;}
    .industries-desc{text-align: center;}
    .common-btn{margin-top: 0px;}
    .stand-out-title{text-align: center;}

    .hero-main .main-img .circle { width: 31.5%;top: 13.5%; right: 33%;}


    .allpage-hero-main{min-height: 570px;}
    .pagetop-titles h1{font-size: 2rem; margin-bottom: 15px;line-height: 38px;}
    .contact-main{padding: 40px 0px;}
    .contact-form-left{padding: 30px 20px;margin-bottom: 40px;}
    .contact-form-left h2{font-size: 1.5rem;}
    .contact-map-right p{font-size: 0.875rem;}


    .our-portfolio-page-row {gap: 20px;padding: 0px 15px;}
    .our-portfolio-page-col-1 {flex: 1 1 100%;max-width: 100%;}
    .pagetop-titles p{font-size: 0.875rem;}
    .portfolio-content h2{font-size: 1.1rem;margin-bottom: 15px;}
    .portfolio-content p{font-size: 0.875rem;}
    .portfolio-content ul{gap: 15px;}
    .comprehensive-main{padding: 40px 0px;}
    .software-development-services-title h2{font-size: 1.75rem;}
    .comprehensive-card{text-align: center;}
    .comore-icon{margin: 0 auto; margin-bottom: 20px;}
    .comprehensive-card h3{font-size: 1.125rem;}
    .advantages-title h4{font-size: 1.5rem;}
    .advantages-card{text-align: center;}
    .empower-your-team-main{padding: 40px 0px;}
    .empower-your-team-title h4{font-size: 1.5rem;}
    .empower-your .nav-tabs{gap: 5px;}
    .empower-desc-right ul{flex-wrap: wrap;}
    .empower-desc-right ul li{width: 23.33%;}
    .empower-your-top{margin-bottom: 0px;}
    .empower-desc-left h4{font-size: 1.125rem;}
    .empower-desc-right{padding: 10px;}
    .process-card{text-align: center;}



    .main-topheader::before {height: 136px;}
    .team-extension-main{padding: 40px 0px;}
    .team-extension-title h2{font-size: 1.625rem;}
    .extension-tabs-item .nav-pills .nav-link{padding: 20px 20px; font-size: 1rem;}
    .extension-tabs-item .nav-pills .nav-link .icon{width: 54px;height: 54px;}
    .extension-tabs-item .nav-pills .nav-item{flex-basis: auto;}
    .extension-inner-desc {padding: 40px 0px;}
    .extension-card-tabinbox{text-align: center;}
    .extension-card-tabinbox h3{font-size: 1.5rem;}
    .extension-card-tabinbox ul li{display: inline-block;}
    .extension-card-tabinboxclientbox{margin-bottom: 25px;}
    .extension-card-tabinboxclientbox h5{font-size: 1.25rem;margin-bottom: 15px;}
    .extension-card-tabinboxclientbox ul li{font-size: 0.875rem;}
    .team-augmentation-main{padding: 40px 0px;}
    .team-augmentation-title {margin-bottom: 30px;}
    .team-augmentation-title h2{font-size: 1.25rem;}
    .progress-three-columns-item-line-wrap{display: none;}
    .team-augmentation-list ul li{flex-wrap: wrap;padding-bottom: 30px;}
    .team-left{width: 100%;margin-bottom: 15px;gap: 15px;}
    .team-right{width: 100%;}
    .team-left h3{font-size: 1rem;}
    .team-right p{font-size: 0.875rem;}
    .border-wrap-icon{width: 60px; height: 60px;}
    .progress-three-columns-border{width: 60px;height: 60px;}
    .weap-border--nosvg{max-width: 46px;max-height: 46px;min-height: 46px;padding: 12px;}

    .technologie-main{padding: 40px 0px;}
    .technologie-main .technologie-items{margin-top: 30px;}
    .technologie-main .technologie-items:first-child{margin-top: 0px;}
    .technologie-card-box h2{font-size: 1.5rem;line-height: 30px;margin-bottom: 18px;}
    .technologie-card-box p{font-size: 0.875rem;}
    .technologie-card-box ul li{width: 29.33%;padding: 15px 10px;}
    .technologie-card-box ul li .tech-item-link p{font-size: 14px;}


    .careers-main{padding: 40px 0px;}
    .career-title {margin-bottom: 30px;}
    .career-title h2{font-size: 1.25rem;}
    .positions-card h3{font-size: 1.125rem;}
    .positions-card .time {margin-top: 20px;}
    .career-form{padding: 40px 0px;}
    .form-numbers-left h4{font-size: 1.5rem;margin-bottom: 28px;}
    .career-numbers .mum-card .count-outer{font-size: 2.125rem;}
    .mum-card p{font-size: 0.875rem;}


    .category-items span{width: auto;}
    .challanges-slider{padding: 0px 35px;}
    .chall-arrowcard .arrow-cha{width: 35px; height: 35px;}
    .challanges-items{flex-wrap: wrap;}
    .chal-left-title{width: 100%; margin-bottom: 20px;}
    .chal-right-desc{width: 100%;}
    .chal-left-title h2{font-size: 1.25rem;}
    .chal-right-desc p{font-size: 0.875rem;}
    .chal-right-desc ul li{margin-bottom: 15px; font-size: 0.875rem;}
    .challanges-main{padding: 40px 0px;}
    .stacks-main{padding: 40px 0px;}
    .stacks-item h2{font-size: 1.25rem;}
    .stacks-item ul li{width: 48%; font-size: 0.875rem;}


    .hire-dedicated-main{padding: 40px 0px;}
    .hire-dedicated-title{margin-bottom: 30px;}
    .hire-dedicated-title h2{font-size: 1.5rem;}
    .hire-dedicated-toptabs ul li button{padding: 6px 14px;font-size: 0.9375rem;}
    .hire-dedicated-list ul li{width: 33.33%;}
    .boxed-itm h3{font-size: 0.875rem;}
    .boxed-itm{text-align: center;}
    .dedicated-team-top{margin-top: 40px;}
    .dedicated-team-top h3{font-size: 1.375rem;}
    .dedicated-team-item ul{gap: 10px;}
    .dedicated-card{padding: 20px 10px;min-height: 142px;}
    .dedicated-card h4{font-size: 1rem;}
    .hiring-process-main{padding: 40px 0px;}
    .hiring-process-title h4{font-size: 1.375rem;}
    .hiring-process-title p{font-size: 0.9375rem;}
    .why-choose-broadsy-main{padding: 40px 0px;}
    .why-choose-title h2{font-size: 1.375rem;}
    .why-choose-left{margin-bottom: 30px;}
    .why-choose-right ul li{font-size: 0.875rem;}
    .why-choose-right h6{font-size: 0.875rem;}
    .schedule-a-developer-interview-main{padding: 40px 0px;}
    .developer-interview-title h3{font-size: 1.375rem;}
    .form-input-item .form-control{font-size: 0.9375rem;min-height: 44px;}
    .line-emaillink a{font-size: 1.125rem;}
    .bottom-lines p{font-size: 1rem;}

    .boost-your-product-left{margin-bottom: 30px;}
    .boost-your-product-right-accordion .accordion-button{font-size: 1rem;}
    .boost-your-desc {padding: 0 30px 10px 0;}
    .boost-your-product-main {padding: 50px 0px;}
    .boost-your-product-left h2{font-size: 1.5rem;}
    .our-angular-development-main{padding: 50px 0px;}
    .angular-development-left h3{font-size: 1.5rem;}
    .angular-development-left ul li{font-size: 0.875rem;}
    .angular-development-card p{font-size: 0.875rem;}

    .broaday-pagetop-titles .container .row{flex-direction: column-reverse;}
    .broaday-pagetop-titles{bottom: 10%;}
    .page-icon{text-align: left;margin-bottom: 20px;}
    .technical-expertise-main{padding: 40px 0px;}
    .technical-expertise-list ul li{flex-wrap: wrap;}
    .te-title{max-width: none; text-align: center;padding: 15px;}
    .te-title h5{font-size: 1rem;}
    .technical-expertise-title h2{font-size: 1.375rem;}
    .te-list{width: 100%;padding: 10px;display: flex;flex-wrap: wrap;justify-content: center;}
    .te-list span{padding: 0px 10px;}
    .boost-your-desc ul li{font-size: 0.875rem;}

    .careers-role-left h4{font-size: 1.125rem;}
    .careers-role-left ul li::before {top: 5px; font-size: 1rem;}

    .key-list-main ul li{width: 33.33%;}

    .pricing-list{display: flex;
    flex-wrap: wrap;
    justify-content: center;}
    .pricing-list > li{width: 95%;}
    .footer-up-odoo ul{justify-content: center;}
    .certified-main {padding-bottom: 50px;}

}
@media only screen and (max-width: 767px){
    .main-nav{display: none;}
    .custom-hem{display: block;border: none;background: transparent;color: #fff;font-size: 38px;line-height: 38px;}
    header .navbar {padding: 10px 0;}
    .main-topheader .navbar-brand{padding: 0px; margin-right: 0px;}
    .navbar-brand img{max-width: 140px;}
    .hero-content {padding: 40px 0;}
    .content.info{text-align: center;}
    .content.info h1{font-size: 34px;}
    .content.info h4{margin-top: 40px;}
    .hero-main .main-img{position: relative;top: 0px;min-height: 222px; max-width: 385px; width: 100%;}
    .hero-main .main-img .logo_shap{max-width: 100px;top: 39%;right: 36%;}
    .form-group.input-with-icon{margin-bottom: 16px;}
    .our-services{padding: 40px 0px;}
    .service-card-box{margin-bottom: 30px;height: auto;}
    .service-card-box .info h5{margin-bottom: 15px;}
    p{font-size: 0.875rem;}
    .our-featured-project::before {width: 95%;}
    .project-card-box > a{min-height:290px}
    .project-card-box .project-info{padding: 14px 20px;}
    .project-info h5{font-size: 1rem;}
    .mission-left .info-circle{width: 180px;height: 180px;}
    .mission-left .info-circle:nth-of-type(2){width: 150px;height: 150px;}
    .mission-left .info-circle:nth-of-type(3){width: 120px;height: 120px;}
    .mission-left .info-circle:nth-of-type(4){width: 140px;height: 140px;left: 30px;}
    .mission-left{margin-bottom: 60px;}
    .our-featured-project{padding: 40px 0px;}
    .why-we-stand-out-main{padding: 40px 0px;}
    .mission-and-vision-main{padding: 72px 0px 40px 0px;}
    .mission-right{padding-left: 0px;}
    .icon-boc{max-width: 60px;}
    .info-circle .cont h3{font-size: 2.125rem;}
    .mission-right h2{font-size: 1.25rem;margin-bottom: 20px;}
    .mission-right h5{font-size: 1.125rem;}
    .mission-right h6{font-size: 1rem;}
    .technologies-main{padding: 40px 0px;}
    .technologie-left h3{font-size: 1.5rem;}
    .technologie-left p{font-size: 0.9375rem;}
    .technologie-left .list-group ul a{font-size: 1rem;padding: 15px; border-left: 4px solid transparent;}
    .technologie-left .list-group ul a.active{border-left: 4px solid var(--color-red);}
    .technologie-left {margin-bottom: 20px;}
    .technologie-card h4{font-size: 1rem;}
    .technologie-card h3{font-size: 1.25rem;}
    .technologie-listitems{flex-wrap: wrap;}
    .industries-we-serve-main{padding: 0px 0px 40px 0px}
    .industries-desc{padding: 20px;margin-bottom: 30px;}
    .industries-desc h2{font-size: 1.75rem;}
    .stand-out-title{text-align: center;}
    .stand-out-title h4{font-size: 1.75rem;}
    .stand-out-title p{font-size: 0.875rem;}
    .build-your-dream-main{padding: 40px 0px;}
    .build-team-title h2{font-size: 1.5rem;}
    .team-card-description h4{font-size: 1.25rem;}
    .build-team-card{margin-bottom: 30px;}
    .process-main{padding: 40px 0px;}
    .process-card h5{font-size: 2.125rem;}
    .we-deliver-main{padding: 40px 0px;}
    .right-desc-box{width: calc(50% - 18px);align-items: center;text-align: center;}
    .testimonials-main{padding: 40px 0px;}
    .testimonial-title h3{font-size: 1.25rem;}
    .testimonial-slider-main .swiper-button-next{top: -40px;right: 11px;}
    .testimonial-slider-main .swiper-button-prev{top: -40px;right: 50px;}
    .chat-banner{padding: 40px 0px;}
    .chat-left h2{font-size: 1rem;}
    .bttns.text-end{margin-top: 30px;text-align: center !important;}
    .footer-left-1, .footer-left-2, .footer-left-3, .footer-left-4{margin-bottom: 30px;text-align: center;}
    .logo-footer{text-align: center;margin-bottom: 20px;}
    .foot p{text-align: center;}
    .footer-main{padding-top: 40px;}
    .foot{margin-top: 30px;}
    .footer-left-1 ul{display: block;text-align: center;}
    .footer-left-1 ul li{display: inline-block; text-align: center;}
    .section-head-title h2{font-size: 1.25rem;}
    .section-head-title h3{font-size: 1.25rem;}
    .we-deliver-left{text-align: center;}
    .industries-desc{text-align: center;}
    .common-btn{margin-top: 0px;}


    .allpage-hero-main{min-height: 570px;}
    .pagetop-titles h1{font-size: 2rem; margin-bottom: 15px;line-height: 38px;}
    .contact-main{padding: 40px 0px;}
    .contact-form-left{padding: 30px 20px;margin-bottom: 40px;}
    .contact-form-left h2{font-size: 1.5rem;}
    .contact-map-right p{font-size: 0.875rem;}


    .our-portfolio-page-row {gap: 20px;padding: 0px 15px;}
    .our-portfolio-page-col-1 {flex: 1 1 100%;max-width: 100%;}
    .pagetop-titles p{font-size: 0.875rem;}
    .portfolio-content h2{font-size: 1.1rem;margin-bottom: 15px;}
    .portfolio-content p{font-size: 0.875rem;}
    .portfolio-content ul{gap: 15px;}
    .comprehensive-main{padding: 40px 0px;}
    .software-development-services-title h2{font-size: 1.75rem;}
    .comprehensive-card{text-align: center;}
    .comore-icon{margin: 0 auto; margin-bottom: 20px;}
    .comprehensive-card h3{font-size: 1.125rem;}
    .advantages-title h4{font-size: 1.5rem;}
    .advantages-card{text-align: center;}
    .empower-your-team-main{padding: 40px 0px;}
    .empower-your-team-title h4{font-size: 1.5rem;}
    .empower-your .nav-tabs{gap: 5px;}
    .empower-desc-right ul{flex-wrap: wrap;}
    .empower-desc-right ul li{width: 30.33%;}
    .empower-your-top{margin-bottom: 0px;}
    .empower-desc-left h4{font-size: 1.125rem;}
    .empower-desc-right{padding: 10px;}
    .process-card{text-align: center;}


    .main-topheader::before {height: 136px;}
    .team-extension-main{padding: 40px 0px;}
    .team-extension-title h2{font-size: 1.625rem;}
    .extension-tabs-item .nav-pills .nav-link{padding: 20px 30px; font-size: 1rem;}
    .extension-tabs-item .nav-pills .nav-link .icon{width: 54px;height: 54px;}
    .extension-tabs-item .nav-pills .nav-item{flex-basis: auto;}
    .extension-inner-desc {padding: 40px 0px;}
    .extension-card-tabinbox{text-align: center;}
    .extension-card-tabinbox h3{font-size: 1.5rem;}
    .extension-card-tabinbox ul li{display: inline-block;}
    .extension-card-tabinboxclientbox{margin-bottom: 25px;}
    .extension-card-tabinboxclientbox h5{font-size: 1.25rem;margin-bottom: 15px;}
    .extension-card-tabinboxclientbox ul li{font-size: 0.875rem;}
    .team-augmentation-main{padding: 40px 0px;}
    .team-augmentation-title {margin-bottom: 30px;}
    .team-augmentation-title h2{font-size: 1.25rem;}
    .progress-three-columns-item-line-wrap{display: none;}
    .team-augmentation-list ul li{flex-wrap: wrap;padding-bottom: 30px;}
    .team-left{width: 100%;margin-bottom: 15px;gap: 15px;}
    .team-right{width: 100%;}
    .team-left h3{font-size: 1rem;}
    .team-right p{font-size: 0.875rem;}
    .border-wrap-icon{width: 60px; height: 60px;}
    .progress-three-columns-border{width: 60px;height: 60px;}
    .weap-border--nosvg{max-width: 46px;max-height: 46px;min-height: 46px;padding: 12px;}


    .technologie-main{padding: 40px 0px;}
    .technologie-main .technologie-items{margin-top: 30px;}
    .technologie-main .technologie-items:first-child{margin-top: 0px;}
    .technologie-card-box h2{font-size: 1.5rem;line-height: 30px;margin-bottom: 18px;}
    .technologie-card-box p{font-size: 0.875rem;}
    .technologie-card-box ul li{width: 29.33%;padding: 15px 10px;}
    .technologie-card-box ul li .tech-item-link p{font-size: 14px;}


    .careers-main{padding: 40px 0px;}
    .career-title {margin-bottom: 30px;}
    .career-title h2{font-size: 1.25rem;}
    .positions-card h3{font-size: 1.125rem;}
    .positions-card .time {margin-top: 20px;}
    .career-form{padding: 40px 0px;}
    .form-numbers-left h4{font-size: 1.5rem;margin-bottom: 28px;}
    .career-numbers .mum-card .count-outer{font-size: 2.125rem;}
    .mum-card p{font-size: 0.875rem;}


    .category-items span{width: auto;}
    .challanges-slider{padding: 0px 35px;}
    .chall-arrowcard .arrow-cha{width: 35px; height: 35px;}
    .challanges-items{flex-wrap: wrap;}
    .chal-left-title{width: 100%; margin-bottom: 20px;}
    .chal-right-desc{width: 100%;}
    .chal-left-title h2{font-size: 1.25rem;}
    .chal-right-desc p{font-size: 0.875rem;}
    .chal-right-desc ul li{margin-bottom: 15px; font-size: 0.875rem;}
    .challanges-main{padding: 40px 0px;}
    .stacks-main{padding: 40px 0px;}
    .stacks-item h2{font-size: 1.25rem;}
    .stacks-item ul li{width: 48%; font-size: 0.875rem;}

    
    .hire-dedicated-main{padding: 40px 0px;}
    .hire-dedicated-title{margin-bottom: 30px;}
    .hire-dedicated-title h2{font-size: 1.5rem;}
    .hire-dedicated-toptabs ul li button{padding: 6px 14px;font-size: 0.9375rem;}
    .hire-dedicated-list ul li{width: 33.33%;}
    .boxed-itm h3{font-size: 0.875rem;}
    .boxed-itm{text-align: center;}
    .dedicated-team-top{margin-top: 40px;}
    .dedicated-team-top h3{font-size: 1.375rem;}
    .dedicated-team-item ul{gap: 10px;}
    .dedicated-card{padding: 20px 10px;min-height: 142px;}
    .dedicated-card h4{font-size: 1rem;}
    .hiring-process-main{padding: 40px 0px;}
    .hiring-process-title h4{font-size: 1.375rem;}
    .hiring-process-title p{font-size: 0.9375rem;}
    .why-choose-broadsy-main{padding: 40px 0px;}
    .why-choose-title h2{font-size: 1.375rem;}
    .why-choose-left{margin-bottom: 30px;}
    .why-choose-right ul li{font-size: 0.875rem;}
    .why-choose-right h6{font-size: 0.875rem;}
    .schedule-a-developer-interview-main{padding: 40px 0px;}
    .developer-interview-title h3{font-size: 1.375rem;}
    .form-input-item .form-control{font-size: 0.9375rem;min-height: 44px;}
    .line-emaillink a{font-size: 1.125rem;}
    .bottom-lines p{font-size: 1rem;}


    .broaday-pagetop-titles .container .row{flex-direction: column-reverse;}
    .broaday-pagetop-titles{bottom: 5%;}
    .page-icon img{max-width: 80px;}
    .careers-role-main{padding: 40px 0px;}
    .careers-role-left h4{font-size: 1rem;}
    .careers-role-left{margin-bottom: 30px;}
    .careers-role-left ul li::before {font-size: 0.9375rem;}
    .careers-role-left ul li{font-size: 0.875rem;}
    .careers-summary-right h5{font-size: 1rem;}
    .careers-summary-right ul li{font-size: 0.875rem;}
    .page-icon{margin-bottom: 20px;}
    .boost-your-product-main{padding: 40px 0px;}
    .boost-your-product-left h2{font-size: 1.5rem;}
    .boost-your-product-right-accordion .accordion-button{padding: 15px 0px; font-size: 1rem;}

    .technical-expertise-main{padding: 40px 0px;}
    .technical-expertise-list ul li{flex-wrap: wrap;}
    .te-title{max-width: none; text-align: center;padding: 15px;}
    .te-title h5{font-size: 1rem;}
    .technical-expertise-title h2{font-size: 1.375rem;}
    .te-list{width: 100%;padding: 10px;display: flex;flex-wrap: wrap;justify-content: center;}
    .te-list span{padding: 0px 10px;}
    .boost-your-desc ul li{font-size: 0.875rem;}

    .careers-role-left h4{font-size: 1.125rem;}
    .careers-role-left ul li::before {top: 5px; font-size: 1rem;}

    .key-list-main ul li{width: 50%;}
    .erp-services-main{padding: 40px 0px;}
    .allpage-hero-main.odoo{min-height: 530px;}

}
@media only screen and (max-width: 599px){
    .main-nav{display: none;}
    .custom-hem{display: block;border: none;background: transparent;color: #fff;font-size: 38px;line-height: 38px;}
    header .navbar {padding: 10px 0;}
    .main-topheader .navbar-brand{padding: 0px; margin-right: 0px;}
    .navbar-brand img{max-width: 140px;}
    .hero-content {padding: 40px 0;}
    .content.info{text-align: center;}
    .content.info h1{font-size: 34px;}
    .content.info h4{margin-top: 40px;}
    .hero-main .main-img{position: relative;top: 0px;min-height: 222px; max-width: 390px; width: 100%;}
    .hero-main .main-img .logo_shap{max-width: 100px;top: 39%;right: 36%;}
    .form-group.input-with-icon{margin-bottom: 16px;}
    .our-services{padding: 40px 0px;}
    .service-card-box{margin-bottom: 30px;height: auto;}
    .service-card-box .info h5{margin-bottom: 15px;}
    p{font-size: 0.875rem;}
    .our-featured-project::before {width: 95%;}
    .project-card-box > a{min-height:290px}
    .project-card-box .project-info{padding: 14px 20px;}
    .project-info h5{font-size: 1rem;}
    .mission-left .info-circle{width: 165px;height: 165px;}
    .mission-left .info-circle:nth-of-type(1){top: 10px;transform: translate(-60%, -40%);}
    .mission-left .info-circle:nth-of-type(2){width: 150px;height: 150px;}
    .mission-left .info-circle:nth-of-type(3){width: 112px;height: 112px;right: 20px;}
    .info-circle .cont small{display: block;}
    .mission-left .info-circle:nth-of-type(4){width: 120px;height: 120px;left: 30px;}
    .mission-left{margin-bottom: 70px;}
    .our-featured-project{padding: 40px 0px;}
    .why-we-stand-out-main{padding: 40px 0px;}
    .mission-and-vision-main{padding: 72px 0px 40px 0px;}
    .mission-right{padding-left: 0px;}
    .icon-boc{max-width: 60px;}
    .info-circle .cont h3{font-size: 2.125rem;}
    .mission-right h2{font-size: 1.25rem;margin-bottom: 20px;}
    .mission-right h5{font-size: 1.125rem;}
    .mission-right h6{font-size: 1rem;}
    .technologies-main{padding: 40px 0px;}
    .technologie-left h3{font-size: 1.5rem;}
    .technologie-left p{font-size: 0.9375rem;}
    .technologie-left .list-group ul a{font-size: 1rem;padding: 15px; border-left: 4px solid transparent;}
    .technologie-left .list-group ul a.active{border-left: 4px solid var(--color-red);}
    .technologie-left {margin-bottom: 20px;}
    .technologie-card h4{font-size: 1rem;}
    .technologie-card h3{font-size: 1.25rem;}
    .technologie-listitems{flex-wrap: wrap;}
    .industries-we-serve-main{padding: 0px 0px 40px 0px}
    .industries-desc{padding: 20px;margin-bottom: 30px;}
    .industries-desc h2{font-size: 1.75rem;}
    .stand-out-title{text-align: center;}
    .stand-out-title h4{font-size: 1.75rem;}
    .stand-out-title p{font-size: 0.875rem;}
    .build-your-dream-main{padding: 40px 0px;}
    .build-team-title h2{font-size: 1.5rem;}
    .team-card-description h4{font-size: 1.25rem;}
    .build-team-card{margin-bottom: 30px;}
    .process-main{padding: 40px 0px;}
    .process-card h5{font-size: 2.125rem;}
    .we-deliver-main{padding: 40px 0px;}
    .right-desc-box{width: calc(50% - 18px);align-items: center;text-align: center;}
    .testimonials-main{padding: 40px 0px;}
    .testimonial-title h3{font-size: 1.25rem;}
    .testimonial-slider-main .swiper-button-next{top: -40px;right: 11px;}
    .testimonial-slider-main .swiper-button-prev{top: -40px;right: 50px;}
    .chat-banner{padding: 40px 0px;}
    .chat-left h2{font-size: 1rem;}
    .bttns.text-end{margin-top: 30px;text-align: center !important;}
    .footer-left-1, .footer-left-2, .footer-left-3, .footer-left-4{margin-bottom: 30px;text-align: center;}
    .logo-footer{text-align: center;margin-bottom: 20px;}
    .foot p{text-align: center;}
    .footer-main{padding-top: 40px;}
    .foot{margin-top: 30px;}
    .footer-left-1 ul{display: block;text-align: center;}
    .footer-left-1 ul li{display: inline-block; text-align: center;}
    .section-head-title h2{font-size: 1.25rem;}
    .section-head-title h3{font-size: 1.25rem;}
    .we-deliver-left{text-align: center;}
    .industries-desc{text-align: center;}
    .common-btn{margin-top: 0px;}
    .hero-main .main-img .circle {width: 38.5%;top: 14.5%;right: 29%;}
    
    
    .allpage-hero-main{min-height: 440px;}
    .pagetop-titles h1{font-size: 1.75rem; margin-bottom: 15px;line-height: 38px;}
    .contact-main{padding: 40px 0px;}
    .contact-form-left{padding: 30px 20px;margin-bottom: 40px;}
    .contact-form-left h2{font-size: 1.5rem;}
    .contact-map-right p{font-size: 0.875rem;}



    .our-portfolio-page-row {gap: 20px;padding: 0px 15px;}
    .our-portfolio-page-col-1 {flex: 1 1 100%;max-width: 100%;}
    .pagetop-titles p{font-size: 0.875rem;}
    .portfolio-content h2{font-size: 1.1rem;margin-bottom: 15px;}
    .portfolio-content p{font-size: 0.875rem;}
    .portfolio-content ul{gap: 15px;flex-wrap: wrap;}
    .inner-page-card-wrapper{padding: 20px 25px 30px;}
    .comprehensive-main{padding: 40px 0px;}
    .software-development-services-title h2{font-size: 1.75rem;}
    .comprehensive-card{text-align: center;}
    .comore-icon{margin: 0 auto; margin-bottom: 20px;}
    .comprehensive-card h3{font-size: 1.125rem;}
    .advantages-title h4{font-size: 1.5rem;}
    .advantages-card{text-align: center;}
    .empower-your-team-main{padding: 40px 0px;}
    .empower-your-team-title h4{font-size: 1.5rem;}
    .empower-your .nav-tabs{gap: 5px;}
    .empower-desc-right ul{flex-wrap: wrap;}
    .empower-desc-right ul li{width: 30.33%;}
    .empower-your-top{margin-bottom: 0px;}
    .empower-desc-left h4{font-size: 1.125rem;}
    .empower-desc-right{padding: 10px;}
    .process-card{text-align: center;}


    .main-topheader::before {height: 136px;}
    .team-extension-main{padding: 40px 0px;}
    .team-extension-title h2{font-size: 1.625rem;}
    .extension-tabs-item .nav-pills .nav-link{padding: 20px 30px; font-size: 1rem;}
    .extension-tabs-item .nav-pills .nav-link .icon{width: 54px;height: 54px;}
    .extension-tabs-item .nav-pills .nav-item{flex-basis: auto;}
    .extension-inner-desc {padding: 40px 0px;}
    .extension-card-tabinbox{text-align: center;}
    .extension-card-tabinbox h3{font-size: 1.5rem;}
    .extension-card-tabinbox ul li{display: inline-block;}
    .extension-card-tabinboxclientbox{margin-bottom: 25px;}
    .extension-card-tabinboxclientbox h5{font-size: 1.25rem;margin-bottom: 15px;}
    .extension-card-tabinboxclientbox ul li{font-size: 0.875rem;}
    .team-augmentation-main{padding: 40px 0px;}
    .team-augmentation-title {margin-bottom: 30px;}
    .team-augmentation-title h2{font-size: 1.25rem;}
    .progress-three-columns-item-line-wrap{display: none;}
    .team-augmentation-list ul li{flex-wrap: wrap;padding-bottom: 30px;}
    .team-left{width: 100%;margin-bottom: 15px;gap: 15px;}
    .team-right{width: 100%;}
    .team-left h3{font-size: 1rem;}
    .team-right p{font-size: 0.875rem;}
    .border-wrap-icon{width: 60px; height: 60px;}
    .progress-three-columns-border{width: 60px;height: 60px;}
    .weap-border--nosvg{max-width: 46px;max-height: 46px;min-height: 46px;padding: 12px;}

    .technologie-main{padding: 40px 0px;}
    .technologie-main .technologie-items{margin-top: 30px;}
    .technologie-main .technologie-items:first-child{margin-top: 0px;}
    .technologie-card-box h2{font-size: 1.5rem;line-height: 30px;margin-bottom: 18px;}
    .technologie-card-box p{font-size: 0.875rem;}
    .technologie-card-box ul li{width: 29.33%;padding: 15px 10px;}
    .technologie-card-box ul li .tech-item-link p{font-size: 11px;}


    .careers-main{padding: 40px 0px;}
    .career-title {margin-bottom: 30px;}
    .career-title h2{font-size: 1.25rem;}
    .positions-card h3{font-size: 1.125rem;}
    .positions-card .time {margin-top: 20px;}
    .career-form{padding: 40px 0px;}
    .form-numbers-left h4{font-size: 1.5rem;margin-bottom: 28px;}
    .career-numbers .mum-card .count-outer{font-size: 2.125rem;}
    .mum-card p{font-size: 0.875rem;}


    .category-items span{width: auto;}
    .challanges-slider{padding: 0px 35px;}
    .chall-arrowcard .arrow-cha{width: 35px; height: 35px;}
    .challanges-items{flex-wrap: wrap;}
    .chal-left-title{width: 100%; margin-bottom: 20px;}
    .chal-right-desc{width: 100%;}
    .chal-left-title h2{font-size: 1.25rem;}
    .chal-right-desc p{font-size: 0.875rem;}
    .chal-right-desc ul li{margin-bottom: 15px; font-size: 0.875rem;}
    .challanges-main{padding: 40px 0px;}
    .stacks-main{padding: 40px 0px;}
    .stacks-item h2{font-size: 1.25rem;}
    .stacks-item ul li{width: 48%; font-size: 0.875rem;}

    .hire-dedicated-main{padding: 40px 0px;}
    .hire-dedicated-title{margin-bottom: 30px;}
    .hire-dedicated-title h2{font-size: 1.5rem;}
    .hire-dedicated-toptabs ul li button{padding: 6px 14px;font-size: 0.9375rem;}
    .hire-dedicated-list ul li{width: 33.33%;}
    .boxed-itm h3{font-size: 0.875rem;}
    .boxed-itm{text-align: center;}
    .dedicated-team-top{margin-top: 40px;}
    .dedicated-team-top h3{font-size: 1.375rem;}
    .dedicated-team-item ul{gap: 10px;}
    .dedicated-card{padding: 20px 10px;min-height: 142px;}
    .dedicated-card h4{font-size: 1rem;}
    .hiring-process-main{padding: 40px 0px;}
    .hiring-process-title h4{font-size: 1.375rem;}
    .hiring-process-title p{font-size: 0.9375rem;}
    .why-choose-broadsy-main{padding: 40px 0px;}
    .why-choose-title h2{font-size: 1.375rem;}
    .why-choose-left{margin-bottom: 30px;}
    .why-choose-right ul li{font-size: 0.875rem;}
    .why-choose-right h6{font-size: 0.875rem;}
    .schedule-a-developer-interview-main{padding: 40px 0px;}
    .developer-interview-title h3{font-size: 1.375rem;}
    .form-input-item .form-control{font-size: 0.9375rem;min-height: 44px;}
    .line-emaillink a{font-size: 1.125rem;}
    .bottom-lines p{font-size: 1rem;}

    .broaday-pagetop-titles .container .row{flex-direction: column-reverse;}
    .broaday-pagetop-titles{bottom: 5%;}
    .page-icon img{max-width: 80px;}
    .careers-role-main{padding: 40px 0px;}
    .careers-role-left h4{font-size: 1rem;}
    .careers-role-left{margin-bottom: 30px;}
    .careers-role-left ul li::before {font-size: 0.9375rem;}
    .careers-role-left ul li{font-size: 0.875rem;}
    .careers-summary-right h5{font-size: 1rem;}
    .careers-summary-right ul li{font-size: 0.875rem;}
    .page-icon{margin-bottom: 20px;}
    .boost-your-product-main{padding: 40px 0px;}
    .boost-your-product-left h2{font-size: 1.5rem;}
    .boost-your-product-right-accordion .accordion-button{padding: 15px 0px; font-size: 1rem;}

    .technical-expertise-main{padding: 40px 0px;}
    .technical-expertise-list ul li{flex-wrap: wrap;}
    .te-title{max-width: none; text-align: center;padding: 15px;}
    .te-title h5{font-size: 1rem;}
    .technical-expertise-title h2{font-size: 1.375rem;}
    .te-list{width: 100%;padding: 10px;display: flex;flex-wrap: wrap;justify-content: center;}
    .te-list span{padding: 0px 10px;}
    .boost-your-desc ul li{font-size: 0.875rem;}

    .react-box.angular-development-card{min-height: auto;}
    .portfolio-content ul li{font-size: 0.875rem;}
    .careers-role-left h4{font-size: 1.125rem;}
    .careers-role-left ul li::before {top: 5px; font-size: 1rem;}

    .chat-left h2 span::after{width: 150px;background-size: 150px;}

    .key-list-main ul li{width: 50%;}
    .allpage-hero-main.odoo{min-height: 530px;}
    .erp-service-title h2{font-size: 1.5rem;}
    .certified-inner h3{font-size: 1.5rem;}
    
    .certified-main {padding-bottom: 50px;}

    .certified-inner h3{font-size: 1.375rem;}

    .pagetop-titles h2{font-size: 1.5rem;}

    .challange-card{height: 420px;}

}

@media only screen and (max-width: 420px){
    .mission-left .info-circle{width: 165px;height: 165px;}
    .mission-left .info-circle:nth-of-type(1){top: 10px;transform: translate(-60%, -40%);}
    .mission-left .info-circle:nth-of-type(2){width: 150px;height: 150px;transform: translate(-4%, -38%);}
    .mission-left .info-circle:nth-of-type(3){width: 112px;height: 112px;right: 20px;}
    .info-circle .cont small{display: block;}
    .mission-left .info-circle:nth-of-type(4){width: 120px;height: 120px;left: 30px;transform: translate(-15%, -20%);}

    .stacks-item ul li{width: 47%;}
}