@media (max-width:1279px) {
    .container {
        max-width: 99%;
    }
    .bannercontent h1 {
        font-size: 52px; 
        margin: 0 auto 15px 0;
        max-width: 760px;
    }
    .bannerpart {
        height: 495px;
    }
    .headingmain h2 { 
        font-size: 32px;
        margin-bottom: 8px;
    }
    .headingmain p {
        font-size: 18px;
    }
    .whychoosebox h3 {
        font-size: 22px;
        line-height: 32px;
        max-width: 180px;
        margin: 18px 0 12px;
    }
    .partnerbannerheading h1 {
        font-size: 48px;
        margin-bottom: 10px;
        line-height: 62px;
    }
}

@media (max-width:1199px) {
    .nav-list a {
        font-size: 15px;
    }
    .bannercontent h1 {
        font-size: 40px;
        margin: 0 auto 12px 0;
        max-width: 590px;
    }
    .bannercontent p {
        font-size: 16px;
    }
    .bannerpart {
        height: 460px;
    }
    .bannerpart {
        height: 460px;
    }
    .headingmain p {
        font-size: 16px;
    }
    .headingmain {
        margin-bottom: 30px;
    }
    .whychoosebox h3 {
        font-size: 18px;
        line-height: 24px;
        max-width: 150px;
        margin: 15px 0 9px;
    }
    .whychoosebox p {
        font-size: 15px;
    }
    .worksbox h3 {
        font-size: 18px;
    }
    .worksbox p {
        font-size: 15px;
    }
    .Eliminateworkbox h3 {
        font-size: 18px;
        margin-bottom: 5px;
        line-height: 24px;
    }
    .Eliminateworkbox span {
        font-size: 15px;
            line-height: 23px;
    }
    .readyplan h3 { 
        font-size: 17px;
    }
    .toggle-container {
        font-size: 17px;
    }
    .eventsfooter h2 {
        font-size: 28px;
        margin-bottom: 8px;
    }
    .eventsfooter p {
        font-size: 16px;
    }
    .aboutbanner {
        height: 400px;
    }
    .partnerbannerheading h1 {
        font-size: 44px;
        margin-bottom: 10px;
        line-height: 52px;
    }
    .coladjust {
        flex: 0 0 25%;
    }
    .whothisbox h3 {
        font-size: 18px;
    }
    .withoutploomtext li p  ,.withploomtext li p{
        font-size: 18px;
    }
    .vendorchoosebox h3 {
        font-size: 18px;
    }
    .withoutploom h3 , .withploom h3{
        font-size: 22px;
    }
    .headermenus ul li {
        margin: 0 15px;
    }

    .coustomerstoryinner h3 {
        font-size: 28px;  
        margin-bottom: 8px;
        line-height: 30px;
    }
    .coustomerstoryinner span {
        color: #1C3440;
        font-size: 15px;
    }
    .coustomerstoryinner h4 {
        font-size: 18px;
    }
    .coustomerstoryinner p {
        font-size: 16px;
        margin: 0;
    }
    .solutionsbox h3 {
        font-size: 17px;
    }
    .corporatebanner {
        height: 513px !important;
        justify-content: center;
    }

}


@media (max-width:1023px) {
    .container {
        max-width: 98%;
    }
    .signinbtn {
        height: 38px;
        border-radius: 10px;
        height: 38px;
        font-size: 14px;
        padding: 0 14px;
    }
    .whitebtn , .footerorangebtns , .footerorangebtns1, .themebtn2 , .themebtn1 , .themeyellowbtn , .callus , .footeryellowbtns , .bluebtn , .footerbluebtns{ 
        height: 42px;
        padding: 0 20px; 
        border-radius: 6px;  
        font-size: 15px;
        padding: 0 18px;
    }
    .headingmain h2 {
        font-size: 26px;
        margin-bottom: 7px;
        line-height: 36px;
    }
    .whychoosebox {
        border-radius: 10px;
        padding: 16px;
    }
    .whychoosebox img {
        max-width: 40px;
    }
    .padding {
        padding: 40px 0;
    }
    .mainouter {
        border-radius: 10px;  
    }
    .featuessheader {
        height: 62px;
        border-radius: 10px 10px 0 0;
    }
    .featuessheader h3 {
        margin: 0;
        font-size: 16px;
        padding: 0 20px;
    }
    .featuessdata span {
        font-size: 15px;
        padding: 24px 20px; 
    }
    .whatsupbtnicon {
        height: 42px !important;
        width: 42px !important;
        padding: 0 !important;
    }
    .paddinghigh {
        padding: 45px 0;
    }
    .worksbox {
        padding: 16px;
        border-radius: 10px;
    }
    .worksbox h3 {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 10px;
    }
    .coladjust {
        flex: 0 0 50%;
        margin-bottom: 20px;
    }
    .Eliminateworkbox {
        border-radius: 10px;
        padding: 20px;
        width: 100%;
    }
    .hoverpart {
        bottom: 20px;
        opacity: 1;
    }
    .readyplan span img {
        max-width: 30px;
    }
    .readyplan {
        border-radius: 10px;
        padding: 16px;
    }
    .eventsfooter h2 {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .footerbox ul li a {
        font-size: 15px;
    }
    .ploommenubar .togglebtn {
        background-color: transparent;
        border: 0;
        padding: 0;
        outline: 0;
        box-shadow: unset;
    }
    .nav-list a {
        font-size: 16px;
        color: #2d2d2d !important;
        padding: 14px 0px;
        border-bottom: 1px solid #f2f2f2;
        width: 100%;
        display: block;
    }
    .nav-list {
        flex-wrap: wrap;
    }
    .headermenus ul li {
        margin: 0;
        width: 100%;
    }
    .bannercontent {
        position: relative;
        z-index: 1;
    }
    .flyout-menu {
        position: relative;
        border-radius: 0;
        opacity: 1;
        visibility: hidden;
        transform: unset !important;
        transition: all 0.3s 
    ease;
        width: 100%; 
        background-color: #f2f2f2;
        padding: 4px 16px !important;
        visibility: visible;
        top: 0;
        margin: 0px 0 10px !important;
    } 
    .aboutus .headingmain p {
        margin-bottom: 14px;
        font-size: 16px;
    }
    .ourvaluesbox {
        border-radius: 10px; 
        padding: 16px;
    }
    .ourvaluesbox h3 {
        font-size: 17px;
        margin-bottom: 9px;
    }
    .ourvaluesbox span { 
        margin-bottom: 10px;
    }
    .ourvaluesbox p {
        font-size: 15px;
    }
    .ourteamdetails {
        padding: 14px;
    }
    .ourteamdetails h3 {
        font-size: 17px;
        margin-bottom: 8px;
    }
    .ourteamdetails span {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .ourteamdetails p {
        font-size: 15px;
        line-height: 24px;
        margin: 0;
    }
    .ourteambox {
        border-radius: 10px;
        transition: all 0.4s 
    ease-in-out;
    }
    .outteamimg {
        height: 186px;
    }
    .jointeambox {
        border-radius: 10px;
        padding: 15px;
    }
    .jointeambox h3 {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .jointeambox p {
        font-size: 15px;
    }
    .accordiandesign .accordion-button {
        font-size: 15px;
        padding: 20px 18px;
    }
    .partnerbannerheading {
        text-align: center;
        margin-bottom: 40px;
    }
    .partnerbannerheading h1 {
        font-size: 34px;
        margin-bottom: 10px;
        line-height: 49px;
    }
    .partnerbannerheading p {
        margin-bottom: 0;
        font-weight: 400;
        font-size: 17px;
    }
    .partnerbannerright {
        width: 440px;
        background: #FFFFFF;
        padding: 20px;
        border-radius: 20px;
        margin: 0 auto;
    }
    .partnerbannerright .contacthead {
        font-size: 20px;
    }
    .whothisbox {
        border-radius: 10px;
        padding: 14px;
    }
    .withploom , .withoutploom{
        border-radius: 10px;
    }
    .withoutploomtext li p, .withploomtext li p {
        font-size: 16px;
    }
    .withploomtext li::after , .withoutploomtext li::after{ 
        content: '';
        position: absolute;
        top: 3px;
        left: 3px;
        height: 17px;
        width: 17px;
        background-size: 17px;
        background-repeat: no-repeat;
        background-position: center;
    }
    .withploomtext li , .withoutploomtext li {
        padding-left: 28px;
        margin-bottom: 10px;
    }
    .ploomworksbox h3 {
        font-size: 17px;
        line-height: 24px;
        margin: 0 0 12px;
    }
    .ploomworksbox {
        padding: 20px 10px;
        border-radius: 10px;
    }
    .vendorchoosebox span {
        margin-bottom: 10px;
    }
    .vendorchoosebox span img {
        max-width: 33px;
    }
    .vendorchoosebox h3 {
        font-size: 17px;
    }
    .vendorchoosebox p {
        font-size: 15px;
    }
    .vendorchoosebox {
        border-radius: 10px;
        padding: 15px;
    }
    .testimonialbox{
        border-radius: 10px;
    }
    .corporatebanner {
        height: 450px !important; 
    }
}

@media (max-width:767px) {
    .bannercontent h1 {
        font-size: 30px;
        margin: 0 auto 10px 0;
        max-width: 100%;
        line-height: 40px;
    }
    .chatboat {
        height: 50px;
        width: 50px;
        bottom: 10px;
        right: 10px;
    }
    .bannercontent p {
        font-size: 15px;
        line-height: 24px;
    }
    .bannerpart {
        height: 430px;
    }
    .chatboat img {
        max-width: 30px;
    }
    .headingtheme1 { 
        display: contents;
    }
    .headingmain h2 {
        font-size: 24px;
        margin-bottom: 7px;
        line-height: 35px;
    }
    .whychoosebox h3 {
        font-size: 18px;
        line-height: 24px;
        max-width: 100%;
        margin: 15px 0 9px;
    }
    .mainouter {
  border-radius: 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

    .mainouter .row {
        flex-wrap: nowrap !important;
        min-width: 1000px;
    }
.mainouter .col-4,
.mainouter .col-md-4 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  border-right: 1px solid #eee;
}

.mainouter .featuessheader h3,
.mainouter .featuessdata span {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  padding: 15px 12px;
  font-size: 15px;
}

.mainouter .featuessheader h3 {
  font-weight: 600;
  font-size: 16px;
  background: #ff8400;
  color: #fff;
  justify-content: center;
}

/* Optional: scrollbar style */
.mainouter::-webkit-scrollbar {
  height: 6px;
}
.mainouter::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
    .toggle-container {
        font-size: 14px;
    }
    .coladjust {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    .testimonialbox{
        border-radius: 10px;
    }
    .testimonialbottom p {
        font-size: 15px;
    }
    .readyplan span {
        margin-bottom: 16px;
    }
    .readyplan span img {
        max-width: 25px;
    }
    .readyplan h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .clienttestimonial .owl-dots {
        padding: 10px 0;
        margin-top: 8px;
    }
    .eventsfooter h2 {
        font-size: 20px;
        margin-bottom: 9px;
    }
    .eventsfooter p {
        font-size: 15px;
    }
    .footerbox {
        text-align: center;
        margin-bottom: 25px;
    }
    .footerbox h3 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 12px;
    }
    .pageLoadModal .modal-dialog {
        position: fixed;
        bottom: 20px;
        margin: 0;
        left: 0;
        right: 0 !important;
        right: 20px;
        transform: none;
        max-width: 90% !important;
        margin: 0 auto !important;
    }
    .aboutbanner {
        height: 300px;
    }
    .statsabout {
        margin-bottom: 20px;
        border: 1px solid #f2f2f2;
        border-radius: 8px;
        padding: 16px 10px;
    }
    .blogstabs .nav-tabs {
        display: flex; 
        border-radius: 50px;
        border: 0; 
        padding: 4px;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
    }
    .blogsbox {
        border-radius: 10px;
    }
    .blogtitle {
        font-size: 16px;
        display: block;
        margin-bottom: 7px;
    }
    .blogsdetails p {
        font-size: 15px;
        line-height: 25px;
    }
    .accordiandesign .accordion-item {
        border-radius: 10px !important;
        margin-bottom: 14px;
    }
    .accordiandesign .accordion-button span {
        margin-right: 6px;
        height: 22px;
        width: 22px;
        color: #fff;
        font-size: 11px;
    }
    .accordiandesign .accordion-button {
        font-size: 14px;
        padding: 16px 11px;
    }
    .accordiandesign .accordion-body {
        font-size: 15px;
        line-height: 25px;
        padding: 0 14px 25px;
        font-weight: 400;
    }
    .contacthead {
        font-size: 17px;
        margin-bottom: 15px;
    }
    .contactdetail {
        width: 80%;
    }
    .contact-form .form-group .form-control {
        height: 44px;
        border-radius: 10px;
        padding: 12px 15px;
        font-size: 14px;
    }
    .contactusright {
        background-color: #f2f2f2;
        padding: 24px 17px;
        border-radius: 10px;
    }
    .partnerbannerheading h1 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 39px;
    }
    .partnerbannerheading p {
        margin-bottom: 0;
        font-weight: 400;
        font-size: 15px;
        line-height: 24px;
    }
    .themeyellowbtn {
        width: 100%;
    }
    .partnerbannerright {
        width: 100%;
        padding: 16px;
        border-radius: 10px;
        margin: 0 auto;
    }
    .partnerbannerright .contacthead{
        font-size: 18px;
    }
    .withploom, .withoutploom {
        border-radius: 10px;
        padding: 20px 20px;
    }
    .ploomworksbox {
        padding: 20px 10px;
        border-radius: 10px;
        border: 1px solid #f2f2f2;
        margin-bottom: 20px;
    }
    .moonogramdesign::before , .moonogramdesign::after{
        display: none;
    }
    .bannercontent .bluebtn {
        width: 100%;
        margin: 0;
    }
    .whycorporatebox {
        border-radius: 10px;
    }
    .whycorporateimg {
        height: 206px;
    }
    .whycontent {
        padding: 15px;
    }
    .whycontent h3 { 
        font-size: 17px; 
    }
    .whycontent p {
        font-size: 15px;
    }
    .corporatefeatues .mainouter .featuessheader h3 {
        background: transparent;
    }
    .automatedboxx {
        border-radius: 10px;
        padding: 15px 8px;
    }
    .automatedboxx {
        border-radius: 10px;
        padding: 15px 1px;
    }
    .orderchanged{
        order: -1;
    }
    .automatedimg {
        height: 200px;
        margin-bottom: 20px;
    }
    .solutionsbox{
        border-radius: 10px;
        padding: 16px;
    }
    .solutionsbox p {
        margin: 0;
        font-size: 15px;
    }
    .coustomerstorybox{
        padding: 20px 4px;
        border-radius: 10px;
    }
    .coustomerstoryinner h3 {
        font-size: 22px;
        margin-bottom: 3px;
        line-height: 30px;
    }
    .coustomerstoryimg {
        border-radius: 6px;
        height: 230px;
        margin-bottom: 20px;
    }
    .coustomerstoryinner p {
        font-size: 15px;
        margin: 0;
    }
    .whohavebox{
        padding: 15px;
        border-radius: 10px;
    }
    .whohavebox h3 {
        font-size: 17px;
        margin-bottom: 9px;
    }
    .whohavebox p {
        font-size: 15px;
    }
    .automatedboxx .headingmain h2 {
        font-size: 19px;
        line-height: 29px;
    }
    .automatedboxx .headingmain p {
        font-size: 15px;
        line-height: 24px;
    }
}