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

@media only screen and (max-width: 1800px) {
  .headerSection .headerContent .logo a img {
    max-width: 11em;
  }

  .requirementSection .requirementContent .requirementBlock {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row-gap: 2em;
  }
}

@media only screen and (max-width: 1700px) {
  body {
    font-size: 15px;
  }
  .container,
  body.resourcesWrap .innerSubSection .container,
  body.resourcesWrap .innerSubContent .container {
    max-width: 90%;
  }

  .headerSection .headerContent nav ul li.nav-contact a {
    padding: 0.7em 1.7em;
  }

  .serviceContent .serviceBlock {
    grid-column-gap: 1.8em;
  }

  .requirementSection .requirementContent .requirementBlock {
    grid-column-gap: 2.6em;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid {
    grid-column-gap: 7.5em;
  }

  .footerSection .footerBottomSection .footerBottomContent span.copyright {
    font-size: 1.2em;
  }
}

@media only screen and (max-width: 1600px) {
  
  .technologieslist {
    font-size: 0.8em;
  }

  .requirementSection .requirementContent .requirementBlock .requirementBox {
    margin: 0 auto;
  }

  .bannerSection .bannerContent h1 {
    max-width: 60%;
  }

  .headerSection .headerContent .logo a img {
    max-width: 10em;
  }

  .headerSection .headerContent nav li a {
    font-size: 1.1em;
  }

  header .btn {
    min-width: 10em;
  }

  .sec-pad {
    padding: 8.5em 0;
  }

  .nav-list li+li {
    margin-left: 2.9em;
  }

  .serviceContent .serviceBlock {
    grid-column-gap: 1.7em;
  }

  .requirementSection .requirementContent .requirementBlock {
    grid-column-gap: 2.5em;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid {
    grid-column-gap: 7.3em;
  }

  .footerSection .footerMiddleSection .footerMiddleContent .footerNav ul li a {
    font-size: 1.2em;
  }

  .footerSection .footerTopSection {
    padding: 5em 0 4.5em 0;
  }

  .footerSection .footerBottomSection .footerBottomContent span.copyright {
    font-size: 1.1em;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox h3 {
    font-size: 1.7em;
  }

  .paraTitle {
    font-size: 2.1em;
  }

  .requirementSection .requirementContent .requirementBlock .requirementBox h2 {
    font-size: 2.3em;
  }

  .blogSection .blogContent .blogRight ul.blogList li a h3 {
    font-size: 1.7em;
  }

  body:not(.homePage) .serviceSection {
    padding: 7em 0;
  }

  .innerBannerSection .innerBannerContent h1 {
    font-size: 3.5em;
  }

  .innerBannerSection {
    margin: 0 0 5.5em;
  }

  .pacSection .gridBox .pacBox {
    padding: 1.7em 2.3em;
  }

  .footerSection h2 {
    font-size: 2.7em;
  }

  .servicesboxes {
    padding: 9em 0;
  }

  .servicesboxes .box {
    margin: 0 0 7.5em;
  }

  .gridBox.col1-3 {
    grid-column-gap: 3em;
  }

  .casestudiesbox-col2 {
    grid-column-gap: 5em;
  }

  .testimonialclient:before {
    background-size: 60em;
  }

  .testimonialtext.fr,
  .testimonialtext.fl {
    padding: 3.5em 3.5em 5em 3.5em;
  }

  .testimonialtext.fr,
  .testimonialtext.fl {
    padding: 3em 3em 4em 3em;
  }

  .testimonialtext h4 {
    font-size: 2em;
  }

  .processPath-section-content h2 {
    font-size: 2.7em;
  }

  .status-text span {
    font-size: 1.4em;
  }

  .expertiseround-wrap {
    grid-template-columns: 10em 10em 10em 10em;
  }

  .download_app .btn-center a {
    width: 12em;
  }
}

@media only screen and (max-width: 1500px) {
  body {
    font-size: 14px;
  }

  .bannerSection .bannerContent h1 {
    max-width: 65%;
  }

  .headerSection .headerContent nav ul li.nav-contact a {
    padding: 0.5em 1.5em;
  }

  header.header-section,
  .footer-section {
    font-size: 0.95em;
  }

  .sec-pad {
    padding: 8em 0;
  }

  .nav-list li+li {
    margin-left: 2.7em;
  }

  .serviceContent .serviceBlock {
    grid-column-gap: 1.5em;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid {
    grid-column-gap: 7em;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox h4 {
    font-size: 1.7em;
  }

  .expertiseround-wrap h6 {
    margin: 1.4em 0 0;
  }

  .btn-center a img {
    max-width: 14em;
  }

  .ourWorkSection .ourWorkContent .ourWorkSlider .slick-dots {
    right: 1.5em;
  }

  .blogSection .container {
    padding-right: 0;
  }

  .blogSection .blogContent .blogRight ul.blogList li a h3 {
    font-size: 1.4em;
  }


}

@media only screen and (max-width: 1440px) {
  body {
    font-size: 13px;
  }

  .technologieslist {
    font-size: 0.75em;
  }

  footer.footerSection.innerFooter .footerGrid .footer-box.needHelp h2 br {
    display: none;
  }
  
  .sitemap_list>li>a {
    font-size: 1.3em;
  }

  .bannerSection .bannerContent h1 {
    max-width: 70%;
  }

  header.header-section,
  .footer-section {
    font-size: 0.9em;
  }

  .sec-pad {
    padding: 7.5em 0;
  }

  .nav-list li+li {
    margin-left: 2.5em;
  }

  .bannerSection .bannerContent h1 {
    font-size: 3em;
  }

  .bannerSection .bannerContent ul.bannerIcon li+li {
    margin: 0 0 0 4em;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid {
    grid-column-gap: 6.5em;
  }

  .footerSection .footerMiddleSection .footerMiddleContent .footerNav ul li a {
    font-size: 1.1em;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox h3 {
    font-size: 1.6em;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox h5,
  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox p {
    font-size: 1.4em;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox h4 {
    font-size: 1.6em;
  }

  .paraTitle {
    font-size: 2em;
  }

  .requirementSection .requirementContent .requirementBlock .requirementBox h2 {
    font-size: 2em;
  }

  .requirementSection .requirementContent .requirementBlock .requirementBox p.description {
    font-size: 1.3em;
  }

  .blogSection .blogContent .blogRight ul.blogList li a h3 {
    font-size: 1.5em;
  }

  body:not(.homePage) .serviceSection {
    padding: 6.5em 0;
  }

  .bannerSection .bannerContent .sectionButton {
    padding: 4em 0 5em;
  }

  
  .innerBannerSection .innerBannerContent p {
    font-size: 1.4em;
  }

  .pacSection .gridBox {
    grid-column-gap: 1.7em;
  }

  .pacSection .gridBox .pacBox {
    padding: 1.5em 2em;
  }

  .innerSpacing {
    padding: 5em 0;
  }

  .footerSection h2 {
    font-size: 2.5em;
  }

  .footerSection.innerFooter .footerTopSection .footerTopContent .footerGrid {
    grid-template-columns: 1fr;
  }

  footer.footerSection.innerFooter .footerGrid .footer-box.needHelp {
    margin: 0 0 5em;
  }

  footer.footerSection.innerFooter .footerGrid .footer-box.needHelp h2 {
    text-align: center;
  }

  footer.footerSection.innerFooter .footerGrid .footer-box.needHelp h2:after {
    left: 50%;
    transform: translateX(-50%);
  }

  .teamSection .teamContent .teamGrid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .servicesboxes {
    padding: 8em 0;
  }

  .servicesboxes .box {
    margin: 0 0 6.5em;
  }

  .lifemoveogallery ul {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .lifemoveogallery ul li img {
    height: 14em;
  }

  .gridBox.col1-3 {
    grid-column-gap: 2.5em;
  }

  .listingpara.list-grid {
    padding-bottom: 5.5em;
  }

  .casestudiesbox-col2 {
    grid-column-gap: 4em;
  }

  .watch-slider h2 {
    font-size: 2.5em;
  }

  .introSection .introContent {
    max-width: 70%;
  }

  .testimonialclient:before {
    background-size: 55em;
  }

  .testimonialtext.fr,
  .testimonialtext.fl {
    padding: 2.5em 2.5em 3.5em 2.5em;
  }

  .testimonial-title h3 {
    font-size: 3.7em;
  }

  .min-height {
    min-height: 8em;
  }

  .casestudiesbox .box {
    padding: 5.3em 4em;
  }

  .centerheadingcolor h3 {
    font-size: 3.7em;
  }

  .feature-image img {
    height: 19em;
  }

  .calcy-second.clearfix {
    font-size: 0.9em;
  }

  .processPath-section-content h2 {
    font-size: 2.5em;
  }

  .yellostrip {
    font-size: 3em;
  }

  .status-text span {
    font-size: 1.3em;
  }

  .status-text h3 {
    font-size: 1.7em;
  }

  .expertiseround-wrap {
    grid-template-columns: 10em 10em 10em;
  }

  .expertiseround-wrap h6 {
    margin: 1.3em 0 0;
  }

  .download_app .btn-center a {
    width: 11em;
  }

  .btn-center a img {
    max-width: 12em;
  }

  .csd-hero-banner .row .col-6:last-child {
    text-align: center;
  }

  .projects-design-sec .ss-img {
    max-width: 85%;
  }

}

@media only screen and (max-width: 1280px) {
  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox ul a {
    font-size: 1.4em;
  }

  .serviceGrid .serviceBox a .serviceImg {
    margin: 0 auto 1.7em;
  }

  .casestudiesbox {
    grid-template-columns: 1fr;
  }

  .techWrap {
    grid-template-columns: 14em 14em 14em;
  }

  .casestudies-detail .withWidth {
    text-align: center;
    margin: 2em 0;
  }

  .requirementSection .requirementContent .requirementBlock {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .requirementSection .requirementContent .requirementBlock .requirementBox .requirementIcon{
    margin-bottom: 1em;
  }
  .requirementSection .requirementContent .requirementBlock .requirementBox:hover:after{
    transform: translateY(-8.2em);
  }
  .loadSwitItem {
    padding: 1.7em;
  }

  .sitemap_list .coloumn {
    column-count: 1;
  }

  .inner_maplist li a {
    font-size: 1.1em;
  }

  .sitemap_list>li>a {
    font-size: 1.2em;
  }

  .connect-with h5 {
    font-size: 1.7em;
  }

  .contact-form .selectbox:after {
    font-size: 1.5em;
  }

  .contact-form .fieldset input,
  .contact-form .fieldset select {
    font-size: 1.1em;
  }

  .checklbl {
    font-size: 1.2em;
  }

  .checklist.clearfix {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row-gap: 1em;
  }

  .bannerSection .bannerContent h1 {
    max-width: 75%;
  }

  .headerSection .headerContent nav li a {
    font-size: 1em;
  }

  .headerSection .headerContent .logo a img {
    max-width: 9em;
  }

  header .nav-list li+li {
    margin-left: 0;
  }

  .bannerSection .bannerContent ul.bannerIcon li+li {
    margin: 0 0 0 3.5em;
  }

  .serviceContent .serviceBlock {
    grid-template-columns: 1fr 1fr;
  }

  .testimonialSection .testimonialContent .testimonialSlider .slideBox {
    grid-template-columns: 100%;
  }
  
  .slideDetails,
  .testimonialSection .testimonialContent .testimonialSlider .slideBox .slideDetails {
    padding: 4em 0 0;
  }

  .slideDetails,
  .testimonialSection .testimonialContent .testimonialSlider .slideBox .slideDetails .clientDetails h5 {
    text-align: center;
  }

  .testimonialSection .testimonialContent .testimonialSlider .slideBox .slideDetails .clientImage img {
    margin: 0 auto;
  }

  .testimonialSection .testimonialContent .testimonialSlider .slideBox .slideDetails .sliderButton .arrowButton {
    justify-content: center;
  }

  .testimonialSection .testimonialContent .testimonialSlider .slick-dots {
    max-width: 100%;
  }

  .pdpSection {
    padding: 4em 0;
  }

  .pdpSection .pdpContent {
    grid-template-columns: 1fr;
  }

  .pdpSection .pdpContent .pdpRight .sectionButton.textRight {
    padding: 2em 0 0;
    text-align: center !important;
  }

  .pdpSection .pdpContent .pdpLeft .subTitle,
  .pdpSection .pdpContent .pdpLeft .paraTitle {
    text-align: center !important;
  }

  .blogSection .blogContent {
    grid-template-columns: 1fr;
  }

  .blogSection .blogContent .blogRight {
    padding: 4em 0 0;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid {
    grid-column-gap: 6em;
  }

  .footerSection .footerMiddleSection .footerMiddleContent .footerNav ul li a {
    font-size: 1em;
  }

  .footerSection .footerMiddleSection .footerMiddleContent .footerNav ul {
    flex-wrap: wrap;
  }

  .footerSection .footerMiddleSection .footerMiddleContent .footerNav ul li {
    margin: 1em 0 0;
  }

  .footerSection .footerTopSection {
    padding: 4.5em 0 4em 0;
  }

  .footerSection .footerBottomSection .footerBottomContent span.copyright {
    font-size: 1em;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox h3 {
    font-size: 1.5em;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox h4 {
    font-size: 1.5em;
  }

  .requirementSection .requirementContent .requirementBlock .requirementBox h2 {
    font-size: 1.7em;
  }

  .requirementSection .requirementContent .requirementBlock .requirementBox p.description {
    font-size: 1.2em;
  }

  body:not(.homePage) .serviceSection {
    padding: 6em 0;
  }

  
  .innerBannerSection .innerBannerContent h1 {
    font-size: 3.3em;
  }

  .gridBox {
    grid-template-columns: 100%;
  }

  .gridBox.withImage .rightContent {
    text-align: center !important;
    margin: 3em 0 0;
  }

  .gridBox.withImage h3 {
    text-align: center;
  }

  .innerBannerSection {
    margin: 0 0 4.5em;
  }

  .pacSection .gridBox {
    grid-column-gap: 1.5em;
  }

  h3 {
    font-size: 2.5em;
  }

  .innerSpacing {
    padding: 4.5em 0;
  }

  .footerSection h2 {
    font-size: 2em;
  }

  p {
    font-size: 1.2em;
  }

  .servicesboxes.jobsbox .box {
    padding: 4.3em;
  }

  .servicesboxes {
    padding: 7em 0;
  }

  .servicesheading {
    font-size: 2.7em;
  }

  .servicesboxes .box {
    margin: 0 0 5.5em;
  }

  .lifemoveogallery ul {
    grid-template-columns: 1fr 1fr;
  }

  .lifemoveogallery ul li img {
    height: 20em;
  }

  .serviceGrid {
    grid-template-columns: 1fr 1fr;
  }

  .gridBox.col1-3 {
    grid-column-gap: 2em;
  }

  .quoteSection .quoteContent .quote i {
    font-size: 4em;
  }

  .quoteTitle {
    font-size: 1.7em;
  }

  .listingpara.list-grid.col-3 {
    grid-template-columns: 1fr 1fr;
  }

  .listingpara.list-grid {
    padding-bottom: 5em;
  }

  .watch-slider h2 {
    font-size: 2.3em;
  }

  h3:not(.threeLetter) br {
    display: none;
  }

  h3 {
    margin: 0 0 0.2em;
  }

  .vghicon h2:before,
  .vgsicon li:before {
    left: 0;
  }

  .vghicon h2,
  .vgsicon li {
    padding-left: 2.5em;
  }

  .vghicon h2:before,
  .vgsicon li:before {
    width: 1.7em;
    height: 1.7em;
    background-size: 1.7em;
  }

  .innerSubSection h2 {
    font-size: 1.6em;
  }

  .whymoveoGrid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .introSection .introContent {
    max-width: 80%;
  }

  .testimonialclient:after,
  .testimonialclient:before {
    content: none;
  }

  .testimonialbox .box {
    flex-direction: column;
  }

  .testimonialtext.fr {
    margin-left: 0;
  }

  .testimonialclient.fl,
  .testimonialclient.fr,
  .testimonialtext.fr,
  .testimonialtext.fl {
    max-width: 100%;
    width: 100%;
  }

  .testimonialtext.fr,
  .testimonialtext.fl {
    padding: 2em 2em 3em 2em;
  }

  .testimonialtext h4 {
    font-size: 1.7em;
  }

  .testimonialbox .box,
  .testimonialbox .box.reverse {
    flex-direction: column;
  }

  .testimonialclient.fl,
  .testimonialclient.fr {
    margin: 4em 0 0;
  }

  .testimonial-title h3 {
    font-size: 3.5em;
  }

  .gridBox.col1-3.reverse {
    grid-template-columns: 100%;
  }

  .gridBox.res {
    grid-template-columns: 30em;
    grid-row-gap: 4em;
  }

  .ug-contain .textRight {
    text-align: left !important;
  }

  .gridBox.col1-3.reverse .ug-image {
    text-align: center;
  }

  .gridBox.col1-3.reverse .ug-image {
    margin: 4em 0 0;
  }

  .gridBox.col1-3.reverse .ug-image {
    margin: 4em auto 0;
  }

  h4.title-design {
    font-size: 1.4em;
  }

  .min-height {
    min-height: 6em;
  }

  .casestudiesbox .box {
    padding: 5em 3.5em;
  }

  .centerheadingcolor h3 {
    font-size: 3.5em;
  }

  .min-height {
    min-height: 10em;
  }

  body.white-label .gridBox .rightContent {
    text-align: center;
  }

  .introSection .introContent .rightIntro h2 {
    font-size: 3.3em;
  }

  .introSection .introContent {
    grid-template-columns: 1fr;
  }

  .introSection .introContent .leftImg {
    text-align: center;
  }

  .introSection .introContent .rightIntro {
    text-align: center;
    margin: 4em 0;
  }

  .introSection .introContent .rightIntro h2,
  .introSection .introContent .rightIntro h3 {
    text-align: center;
  }

  .feature-image img {
    height: 18em;
  }

  .listingpara li {
    font-size: 1.1em;
  }

  .calcy-second .weather-calcy-left,
  .calcy-second .weather-calcy-right {
    width: 100%;
  }

  .calcy-second.clearfix {
    font-size: 0.8em;
  }

  .calc-feature {
    width: 20em;
  }

  .weather-app-store a {
    width: 12em;
  }

  .weather-calcy-left.col-cell {
    display: block;
    margin: 0 0 4em;
    text-align: center;
  }

  .watch-slider h2 {
    margin: 0 0 1.7em;
  }

  .wetherslider_heading h3 {
    font-size: 2.3em;
  }

  .processPath-section-content h2 {
    font-size: 2em;
  }

  .yellostrip {
    font-size: 2.7em;
  }

  .status-text span {
    font-size: 1.2em;
  }

  .calcy-second {
    grid-template-columns: 1fr 1fr;
  }

  .calcy-second .weather-calcy-right {
    grid-column: 1 / span 3;
  }

  .weather-calcy-middle {
    text-align: center;
  }

  .weather-calcy-middle img {
    max-width: 40em;
    margin: 4em 0;
  }

  .calcy-second {
    grid-column-gap: 1em;
  }

  .status-text h3 {
    font-size: 1.5em;
  }

  .expertiseround-wrap {
    margin: 3em 0 0;
  }

  .casestudiesbox .caselogo {
    font-size: 0.95em;
  }

  .introSection .introContent:after {
    content: "";
    width: 22em;
  }

  .expertiseround-wrap h6 {
    margin: 1.2em 0 0;
  }

  .download_app .btn-center a {
    width: 10em;
  }

  .btn-center a img {
    max-width: 10em;
  }
}

@media only screen and (max-width: 1024px) {
  .checklbl {
    font-size: 1.1em;
  }

  .contact-form .fieldset {
    display: block;
    width: 100%;
  }

  .bannerSection .bannerContent h1 {
    max-width: 80%;
  }

  .headerSection nav ul {
    max-width: 34.125em;
    transform: translate(35.125em, 0);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    transition: 0.3s linear;
    z-index: 9;
    display: block !important;
    background: var(--theme-color);
    box-shadow: 0.1em 0.1em 1.5em rgba(0, 0, 0, 0.2);
    width: 100%;
    padding: 5em 2em !important;
    height: 100%;
  }
  .headerSection .headerContent nav ul.open > li{
    margin: 10px 0;
  }
  .headerSection .headerContent nav ul li .dropdown{
    position: static;
    opacity: 1;
    visibility: visible;
    margin: 0;
    width: 100%;
    padding: 10px;
    background: #C89B00;
  }

  .headerSection .headerContent nav ul li .dropdown ul.dropdownList,
  .headerSection .headerContent nav ul li .dropdown ul.dropdownList li .subDropdown{
    background: transparent;
    position: relative;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    height: auto;
  }

  .headerSection .headerContent nav ul li .dropdown ul.dropdownList::after{
    display: none;
  }
  header .sidemenu {
    display: block;
    font-size: 1em;
    padding: 0;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
  }
  header .sidemenu span {
    width: 1.875em;
    background: var(--theme-color);
    height: 2px;
    display: block;
    position: relative;
    margin: 3px 0;
  }
  header .sidemenu span ~ span{
    width: 80%;
  }
  header .sidemenu span ~ span ~ span{
    width: 60%;
  }
  header .sidemenu i {
    color: var(--black-color);
  }
  header .close-data {
    position: absolute;
    right: 2em;
    top: 2em;
  }

  header .close-icon {
    display: block;
    font-size: 1em;
    width: 1.875em;
  }

  header .close-data span{
    display: block;
    width: 100%;
    height: 2px;
    background: var(--black-color);
    font-size: 1em;
    margin-left: 8px;
    margin-top: 0px;
  }
  header .close-data span:first-child{
    transform: rotate(45deg) translate(2px, 1em);
  }
  header .close-data span:last-child{
    transform: rotate(-45deg) translate(-45%, 1px);
  }
  .close-icon i {
    color: var(--black-color);
  }

  .headerSection .headerContent nav>ul li a {
    display: block;
    border-bottom: 2px solid var(--black-color);
    width: 100%;
    margin: 0;
    padding: 1em 0;
    font-weight: 500;
    font-size: 1.3em;
  }
  .headerSection .headerContent nav ul li .dropdown ul.dropdownList li a{
    color: #000;
  }
  .headerSection .headerContent nav li a:hover, 
  .headerSection .headerContent nav li.active a,
  .headerSection .headerContent nav ul li a {
    color: var(--black-color) !important;
  }

  .headerSection .headerContent nav li a:hover, .headerSection .headerContent nav li.active a, 
  .about-us .headerSection .headerContent nav li.nav-about a, 
  .services .headerSection .headerContent nav li.nav-services a, 
  .white-label .headerSection .headerContent nav li.white-label a, 
  .process .headerSection .headerContent nav li.nav-process a, 
  .work .headerSection .headerContent nav li.nav-work a, .blog .headerSection .headerContent nav li.nav-blog a,
  .case-studies-detail-page .headerSection .headerContent nav li a{
    color: var(--black-color);
  }
  .headerSection .headerContent nav > ul.open{
    height: 100vh;
    overflow: auto;
  }
  .headerSection .headerContent nav ul.open {
    display: block;
    transform: translate(0, 0);
    max-width: 25.125em;
    max-width: 100%;
  }

  .headerSection .headerContent nav ul li.nav-contact {
    display: none;
  }

  .headerSection .headerContent nav ul li.nav-contact-toggle {
    display: block;
  }

  .bannerSection .bannerContent h1 {
    font-size: 2.7em;
  }

  .bannerSection .bannerContent ul.bannerIcon li+li {
    margin: 0 0 0 3.5em;
  }
  
  .themeButton,
  input[type="submit"]:not(.withIcon).themeButton {
    padding: 0.85em 1.5em;
    font-size: 1.35em;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid {
    grid-template-columns: 1fr 1fr;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox:nth-child(3) {
    grid-column: 1 / span 2;
    padding: 3em 0 0;
  }

  .sidemenu-data,
  .close-data {
    display: block;
  }

  .gridBox.col1-3 {
    grid-template-columns: 100%;
  }

  .gridBox.col1-3 .rightContent {
    margin: 2em 0 0;
  }

  .gridBox.col1-3 .rightContent.noSpc {
    margin: 0;
  }

  body.white-label .serviceContent .serviceBlock {
    grid-template-columns: 1fr 1fr;
  }

  .ug-image {
    text-align: center;
    margin: 0 0 2em;
  }

  .ug-image.fl,
  .ug-image.fr {
    float: none !important;
    width: 100%;
  }

  p br {
    display: none;
  }
  .jobsbox.servicesboxes .box .leftheading p br{
    display: block;
  }
  .ug-image.withWidth {
    margin-left: auto;
    margin-right: auto;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox .subscriberBox .newsletterForm fieldset input[type="submit"] {
    font-size: 1.4em;
  }

  .gridBox.process-simpler {
    grid-row-gap: 4em;
  }

  .serviceSection .serviceContent .serviceBlock .serviceBox h4 {
    font-size: 1.5em;
  }

  .wetherslider_heading h3 {
    font-size: 2em;
  }

  .process-image {
    height: 16em;
    width: 16em;
  }

  .blogSection .container {
    max-width: 100%;
    padding: 0 0;
  }

  .blogSection .blogContent {
    display: block;
  }

  .blogSection {
    padding-bottom: 20px;
  }

  .blogSection .blogContent .blogLeft {
    width: 100%;
    text-align: center;
    padding: 0 1rem;
  }

  .blogSection .slick-list {
    padding-left: 1em;
  }

  .blogSection .blogContent .blogLeft .subTitle,
  .blogSection .blogContent .blogLeft .paraTitle {
    text-align: center !important;
  }

  .blogSection .blogContent .blogLeft .paraTitle:after {
    margin: 1em auto;
  }

  .blogSection .blogContent .blogLeft .arrowButton {
    justify-content: center;
  }

  
  .sec-title {
    max-width: 600px;
  }

  .sec-title h5 {
    font-size: 32px;
  }

  .sec-title p {
    font-size: 16px;
  }

  .csd-project-sec .sub-title {
    font-size: 16px;
    margin-top: 30px;
  }

  .fonts-style-view img {
    max-width: 320px;
  }

  .fonts-style-view img+img {
    max-width: 320px;
  }

  .fonts-style-view img+img {
    margin-top: 25px;
    max-width: 180px;
  }

  .theme-colors li {
      width: 6em;
      height: 6em;
  }

  .csd-project-details-sec .circle {
    top: 200px;
    right: -150px;
    max-width: 300px;
  }

  .projects-design-sec .content h5 {
    font-size: 24px;
  }

  .projects-design-sec .content p {
    font-size: 14px;
  }

  .projects-design-sec .content .decrImg {
    width: 50px;
  }

  .projects-design-sec .content::before {
    width: 120px;
    height: 120px;
    left: -30px;
  }

  .projects-design-sec .row:nth-child(even) .content::before {
    right: -30px;
    bottom: -12px;
  }

  .projects-design-sec .row:nth-child(odd) .imgCol,
  .projects-design-sec .row:nth-child(even) .contentCol {
    padding-right: 50px;
  }

  .app-store-sec .app-store-btn {
    display: inline-block;
    max-width: 150px;
  }

  .app-store-sec .app-link-btn {
    padding: 14px 40px;
    font-size: 14px;
    margin-top: 30px;
  }

  .app-store-sec {
    padding: 30px 0;
  }

  .app-store-sec::before {
    top: -60px;
    border-width: 30px;
  }

  .csd-project-details-sec .container {
    max-width: 100%;
  }

  ul.project-lang-list li {
    width: 6em;
    height: 5em;
    margin: 0 2vw;
    margin-top: 40px;
  }

  .blogSection .slick-list{
      padding-left: 0;
  }
  .csd-hero-banner{
    font-size: 0.75em;
  }

  .ug-image.fl, .ug-image.fr{
      width: 70%;
      margin: 1em auto 5em;
  }
}

@media only screen and (max-width: 999px) {
  body {
    font-size: 14px;
  }
  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox ul a {
    font-size: 1.3em;
  }

  .serviceGrid .serviceBox a .serviceImg {
    margin: 0 auto 1.5em;
  }

  .serviceGrid .serviceBox a h2 {
    font-size: 1.6em;
  }

  .serviceGrid .serviceContent p {
    font-size: 1.1em;
  }

  .download_app .btn-center a.veiw_web {
    font-size: 1.1em;
  }

  .techWrap {
    grid-template-columns: 14em 14em;
  }

  .btn-center a img {
    max-width: 10em;
  }

  .technologieslist {
    font-size: 0.7em;
  }

  .download_app .btn-center a {
    width: 9em;
  }

  .expertiseround-wrap h6 {
    margin: 1.1em 0 0;
  }

  .serviceSection .serviceContent .serviceBlock .serviceBox p.description {
    font-size: 1.2em;
  }

  .loadSwitItem {
    padding: 1.5em;
  }

  .introSection .introContent:after {
    content: "";
    width: 20em;
  }

  .casestudiesbox .caselogo {
    font-size: 0.9em;
  }

  .inner_maplist li a {
    font-size: 1em;
  }

  .sitemap_list>li>a {
    font-size: 1.1em;
  }

  .connect-with .social {
    display: block;
    margin: 1em 0 0;
  }

  .connect-with h5 {
    font-size: 1.5em;
  }

  .blogSection .blogContent .blogRight ul.blogList li a h3 {
    font-size: 1.5em;
  }

  .bannerSection .bannerContent h1 {
    max-width: 90%;
  }

  .bannerSection .bannerContent ul.bannerIcon {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 1em;
    align-items: center;
  }

  .bannerSection .bannerContent ul.bannerIcon li {
    margin: 0 auto !important;
  }

  .serviceContent .serviceBlock {
    grid-template-columns: 1fr 1fr;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox h5,
  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox p {
    font-size: 1.3em;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox h4 {
    font-size: 1.3em;
  }

  .getInTouchSection .getInTouchContent .getInTouchForm form fieldset.formButton input[type="submit"].themeButton {
    font-size: 1.2em;
  }

  .paraTitle {
    font-size: 1.7em;
  }

  .requirementSection .requirementContent .requirementBlock .requirementBox h2 {
    font-size: 1.5em;
  }

  .requirementSection .requirementContent .requirementBlock .requirementBox p.description {
    font-size: 1.1em;
  }

  body:not(.homePage) .serviceSection {
    padding: 5.5em 0;
  }

  

  .bannerSection .bannerContent .sectionButton {
    padding: 3em 0 5em;
  }

  .themeButton,
  input[type="submit"]:not(.withIcon).themeButton {
    font-size: 1.3em;
  }

  

  .innerBannerContent h1 {
    font-size: 3em;
  }

  .innerBannerSection .innerBannerContent p {
    font-size: 1.3em;
  }

  .innerBannerSection {
    margin: 0 0 4em;
  }

  .headerSection {
    padding: 3em 0;
  }

  .pacSection .gridBox {
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 1.5em;
  }

  h3 {
    font-size: 2.3em;
  }

  h3 span {
    font-size: 1.7em;
  }

  .pssSection .gridBox {
    grid-template-columns: 1fr;
  }

  .pssSection h3 {
    max-width: 100%;
    width: 100%;
    margin: 0 auto 0.5em;
  }

  p {
    font-size: 1.1em;
  }

  .teamSection .teamContent .teamGrid {
    grid-template-columns: 1fr 1fr;
  }

  .teamSection .teamContent .teamGrid .teamBox .teamHolder h3 {
    font-size: 1.2em;
  }

  .servicesboxes.jobsbox .box {
    padding: 4em;
  }

  .servicesboxes {
    padding: 6em 0;
  }

  .servicesheading {
    font-size: 2.5em;
  }

  .jobsbox .orange-button {
    font-size: 1.5em;
    padding: 0.95em 1.5em 0.85em;
  }

  .servicesboxes .box {
    margin: 0 0 4.5em;
  }

  .lifemoveogallery ul li img {
    height: 16em;
  }

  .quoteSection .quoteContent .quote i {
    font-size: 3.5em;
  }

  .quoteTitle {
    font-size: 1.5em;
  }

  .listingpara.list-grid.col-3 {
    grid-template-columns: 1fr;
  }

  .gridBox.withImage .rightContent {
    margin: 2.7em 0 0;
  }

  .watch-slider h2 {
    font-size: 2em;
  }

  .innerSubSection h2 {
    font-size: 1.5em;
  }

  .whymoveoGrid {
    grid-template-columns: 1fr 1fr;
  }

  .introSection .introContent {
    max-width: 90%;
  }

  .testimonialtext h4 {
    font-size: 1.5em;
  }

  .testimonialtext p {
    font-size: 1em;
  }

  .testimonial-title h3 {
    font-size: 3.3em;
  }

  .ug-number {
    font-size: 4em;
  }

  .ug-text {
    font-size: 1.7em;
  }

  h4.title-design {
    font-size: 1.3em;
  }

  .casestudiesbox .box {
    padding: 4.5em 3em;
    font-size: 0.95em;
  }

  .centerheadingcolor h3 {
    font-size: 3.3em;
  }

  .introSection .introContent .rightIntro h2 {
    font-size: 3em;
  }

  .gridBox.res {
    grid-template-columns: 25em;
    grid-row-gap: 3em;
  }

  .feature-image img {
    height: 16em;
  }

  .serviceSection .serviceContent .serviceBlock .serviceBox h4 {
    font-size: 1.4em;
  }

  .calcy-second.clearfix {
    font-size: 0.7em;
  }

  .weather-app-store a {
    width: 10em;
  }

  .processPath-section-content h2 {
    font-size: 1.7em;
  }

  .process-image {
    height: 14em;
    width: 14em;
  }

  .processPath .processPath-section+.processPath-section {
    margin: 3.5em 0 0;
  }

  .weather-calcy-middle img {
    margin: 4em 0 0;
  }

  .expertiseround-wrap {
    margin: 2em 0 0;
  }

  .serviceSection .serviceContent .serviceBlock .serviceBox .hoverBox h6 {
    font-size: 1.2em;
  }
  .csd-hero-banner .content,
  .csd-hero-banner.desktop .image{
    width: 48%;
  }
  .requirementSection .requirementContent .requirementBlock{
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 767px) {
  .bannerSection .bannerContent {
    padding: 12em 0 0;
  }
  .footerSection .footerMiddleSection .footerMiddleContent .footerNav ul li:not(:last-child):after {
    width: 0;
  }
  .footerSection .footerMiddleSection .footerMiddleContent .footerNav ul {
    grid-gap: 1.25em;
  }
  .footerSection .footerMiddleSection .footerMiddleContent .footerNav ul li:not(:last-child):after{
    display: none;
  }

  .serviceGrid .serviceBox a .serviceImg {
    margin: 0 auto 1.3em;
  }

  .serviceGrid .serviceBox a h2 {
    font-size: 1.5em;
  }

  .download_app .btn-center a.veiw_web {
    font-size: 1em;
  }

  .techWrap {
    grid-template-columns: 14em;
  }

  .technologieslist {
    font-size: 0.6em;
  }

  .expertiseround-wrap h6 {
    margin: 1em 0 0;
  }

  .serviceSection .serviceContent .serviceBlock .serviceBox p.description {
    font-size: 1.1em;
  }

  .requirementSection .requirementContent .requirementBlock {
    grid-template-columns: 1fr;
  }

  .loadSwitItem {
    padding: 1.3em;
  }

  .loadSwitWrap {
    grid-template-columns: 1fr;
  }

  .video-frame.fixedHeight iframe {
    height: 100%;
  }

  .video-frame {
    margin-bottom: 2em;
  }

  .twitt-embed span,
  .twitt-embed {
    display: block;
    padding: 0;
  }

  .twitt-embed span:nth-child(2) {
    margin: 2em 0 0;
  }

  .introSection .introContent:after {
    content: "";
    width: 18em;
  }

  .casestudiesbox .caselogo {
    font-size: 0.85em;
  }
  
  .calcy-second {
    grid-template-columns: 1fr;
  }

  .calcy-second .weather-calcy-right {
    grid-column: 1;
  }

  .sitemap_list>li:before {
    top: 7px;
  }

  .sitemap_list>li>a {
    font-size: 1em;
  }

  .contact-form .selectbox:after {
    font-size: 1.3em;
  }

  .contact-form .fieldset input,
  .contact-form .fieldset select {
    font-size: 1em;
  }

  .checklbl {
    font-size: 1em;
  }

  .checklist.clearfix {
    grid-template-columns: 1fr 1fr;
  }

  .bannerSection .bannerContent h1 {
    font-size: 2.5em;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid {
    grid-template-columns: 1fr;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox:nth-child(3) {
    grid-column: 1;
  }

  .getInTouchSection .getInTouchContent .getInTouchForm form fieldset.formButton input[type="submit"].themeButton {
    font-size: 1em;
  }

  .serviceContent .serviceBlock {
    grid-template-columns: 1fr;
  }

  .themeButton,
  input[type="submit"]:not(.withIcon).themeButton {
    font-size: 1.2em;
  }

  .paraTitle br {
    display: none;
  }

  
  .innerBannerSection .innerBannerContent p br {
    display: none;
  }

  .innerBannerSection {
    margin: 0 0 3.5em;
  }

  .headerSection {
    padding: 2.7em 0;
  }

  .pacSection .gridBox {
    grid-template-columns: 1fr;
  }

  .footerSection.innerFooter .footerTopSection .footerTopContent .footerGrid .footerBox ul.letsTalkBox {
    flex-direction: column;
  }

  .footerSection.innerFooter .footerTopSection .footerTopContent .footerGrid .footerBox ul.letsTalkBox li {
    text-align: center;
  }

  .footerSection.innerFooter .footerTopSection .footerTopContent .footerGrid .footerBox ul.letsTalkBox li+li {
    margin: 3.5em 0 0;
  }

  .innerBannerSection {
    min-height: 250px;
  }

  .innerSpacing {
    padding: 4em 0;
  }

  .teamSection .teamContent .teamGrid {
    grid-template-columns: 1fr 1fr;
  }

  .teamSection .teamContent .teamGrid .teamBox .teamHolder span.designation {
    font-size: 1em;
  }

  .teamSection .teamContent .teamGrid {
    grid-template-columns: 1fr;
  }

  .jobsbox.servicesboxes .box .leftheading {
    width: auto;
  }

  .servicesboxes .box:before,
  .servicesboxes .box:after {
    content: none;
  }

  .jobsbox.servicesboxes .box .righttext {
    width: 100%;
    margin: 2em 0 0;
  }

  .jobsbox .leftheading p {
    margin-bottom: 0;
  }

  .servicesboxes.jobsbox .box {
    padding: 3.7em;
  }

  .servicesboxes {
    padding: 5em 0;
  }

  .servicesheading {
    font-size: 3em;
    color: var(--raisinBlack-color);
    font-weight: 600;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.3em;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    text-align: left;
  }

  .servicesheading {
    font-size: 2.3em;
  }

  .jobsbox .orange-button {
    font-size: 1.5em;
  }

  .servicesboxes .box {
    margin: 0 0 4em;
  }

  .lifemoveogallery ul {
    grid-template-columns: 1fr;
  }

  .lifemoveogallery ul li img {
    height: auto;
  }

  .serviceGrid {
    grid-template-columns: 1fr;
  }

  .quoteSection .quoteContent .quote i {
    font-size: 3em;
  }

  .quoteTitle {
    font-size: 1.3em;
  }

  .gridBox.withImage .rightContent {
    margin: 2.5em 0 0;
  }

  .listingpara.list-grid.col-2 {
    grid-template-columns: 1fr;
  }

  .innerSubSection h2 {
    font-size: 1.4em;
  }

  body.white-label .serviceContent .serviceBlock {
    grid-template-columns: 1fr;
  }

  .whymoveoGrid {
    grid-template-columns: 1fr;
  }

  .testimonial-title h3 {
    font-size: 3em;
  }

  .ug-number {
    font-size: 3em;
  }

  .fr,
  .fl {
    float: none;
  }

  .requirementSection .requirementContent .requirementBlock .requirementBox h2:after {
    pointer-events: none;
  }

  .ugcmn-title.flex {
    flex-direction: column;
    align-items: flex-start;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox .subscriberBox .newsletterForm fieldset input[type="submit"] {
    font-size: 1.3em;
  }

  .casestudiesbox .box {
    padding: 4em 2.5em;
  }

  .centerheadingcolor h3 {
    font-size: 3em;
  }

  .introSection .introContent .rightIntro h2 {
    font-size: 2.7em;
  }

  .gridBox.res {
    grid-template-columns: 22em;
    grid-row-gap: 2.5em;
  }

  body.ultimate-guide-resources h3 {
    font-size: 2em;
  }

  .gridBox.res {
    grid-template-columns: 18em;
    grid-row-gap: 2em;
  }

  .feature-image img {
    height: 14em;
  }

  .listingpara li {
    font-size: 1em;
  }
  .bannerSection .bannerContent ul.bannerIcon li{
    width: 6em;
    height: 6em;
  }
  .serviceSection .serviceContent .serviceBlock .serviceBox h4 {
    font-size: 1.3em;
  }

  .serviceSection .serviceContent .serviceBlock .serviceBox .hoverBox a{
    padding: 1em;
  }

  .serviceSection .serviceContent .serviceBlock:not(.noHover) .serviceBox:hover .serviceIcon {
    display: block !important;
  }

  .testimonialSection {
    padding: 2.5em 0;
  }

  .calc-feature {
    width: 18em;
    margin-left: auto;
    margin-right: auto;
  }

  .processPath-section-content h2 {
    font-size: 1.5em;
  }

  .processPath-grid {
    flex-direction: column;
  }

  .tilrPaths-section-content-text {
    text-align: center;
  }

  .processPath-grid .processPath-cols.processPathImg-cols {
    padding-right: 0;
    margin: 0 0 3em;
  }

  .processPath-grid.reverse {
    flex-direction: column;
  }

  .processPath-grid.reverse .processPath-cols.processPathImg-cols {
    padding-left: 0;
  }

  .yellostrip {
    font-size: 2.5em;
  }

  .processPath .processPath-section+.processPath-section {
    margin: 3em 0 0;
  }

  .tilrPaths-section-content-text h2 br {
    display: none;
  }

  .footerSection .footerBottomSection .footerBottomContent span.copyright {
    font-size: 0.95em;
  }

  .backtop-button {
    height: 40px;
    width: 40px;
    bottom: 80px;
  }

  .weather-calcy {
    flex-direction: column;
  }

  .weather-calcy .weather-calcy-left h3,
  .weather-calcy .weather-calcy-left p,
  .weather-calcy-feature h4,
  .weather-app-store {
    text-align: center;
  }

  .weather-calcy-right {
    padding: 6em 0 0;
  }

  .casestudiesbox-col2 {
    display: block;
  }

  .serviceSection .serviceContent .serviceBlock .serviceBox .hoverBox h6 {
    font-size: 1.1em;
  }

  .casestudiesbox .box {
    font-size: 0.9em;
  }

  .serviceSection {
    padding: 2.5em 0 0;
  }

  .csd-hero-banner {
    min-height: auto;
    padding-top: 125px;
  }

  .csd-hero-banner .row {
    align-items: flex-end;
    display: block;
    text-align: center;
  }

  .csd-hero-banner .row .col-6 {
    width: 100%;
  }

  .csd-hero-banner .content .logo-circle {
    display: none;
  }

  .csd-hero-banner .iphone {
    width: 100%;
    max-width: 230px;
    margin-left: 25px;
  }

  .csd-hero-banner .desktop {
    max-width: 430px;
  }
  .design-guidline-sec.sec-py {
    padding-top: 0;
  }

  .sec-title {
    max-width: 31.25em;
    padding-right: 3.125em;
    padding-left: 3.125em;
  }

  .sec-title h5 {
    font-size: 24px;
  }

  .sec-title p {
    font-size: 14px;
  }

  .sec-title .decor-img1 {
    width: 3.125em;
    height: 3.125em;
  }

  .sec-title .decor-img2 {
    width: 32px;
    height: 20px;
  }

  .fonts-style-view img {
    max-width: 200px;
  }

  .fonts-style-view img+img {
    margin-top: 25px;
    max-width: 120px;
  }

  .theme-colors li p {
    bottom: -35px;
    font-size: 1em;
  }

  .tab-menu ul li {
    min-width: 150px;
  }

  .tab-menu ul li a {
    font-size: 14px;
    padding: 15px 10px;
  }

  .csd-project-details-sec .tab-box p {
    font-size: 15px;
    margin-bottom: 0.75rem;
    line-height: 1.4;
  }

  .projects-design-sec .content .decrImg {
    width: 35px;
  }

  .projects-design-sec .content h5 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .getInTouchSection .getInTouchContent .getInTouchForm form fieldset{
    margin: 0 0 1em;
  }
  .getInTouchSection .getInTouchContent .getInTouchForm form fieldset input:not([type="submit"]), 
  .getInTouchSection .getInTouchContent .getInTouchForm form fieldset textarea{
    height:3.5em;
  }
  
  .blogSection .blogContent .blogRight ul.blogList li{
    margin-right:1em;
  }


  .ourWorkSection .slideBox .slideBoxWrap{
      grid-template-columns: 1fr;
  }
  .ourWorkSection .slideBox .slideBoxWrap .slideLeft .slideLogo{
    margin: 0 auto 4vh;
    width: 18vh;
    height: 18vh;
    border-radius: 4vh;
  }
  .ourWorkSection .slideBox h2{
      font-size: 5vh;
  }
  .ourWorkSection .slideBox h2,
  .ourWorkSection .slideBox .sectionButton{
    text-align: center;
  }
  .ourWorkSection .slideBox h4{
    font-size: 3vh;
    text-align: center;
  }
  .ourWorkSection .slideBox .slideBoxWrap .slideLeft ul.slideSocial{
    justify-content: center;
  }
  .ourWorkSection .slideBox .slideBoxWrap .slideRight{
      margin-top: 20px;
  }
  .ourWorkSection .slideBox .slideBoxWrap .slideRight img{
      margin: 0 auto;
  }
  .ourWorkSection .slideBox .slideBoxWrap .slideRight img{
    display: none;
  }
  .ourWorkSection .slideBox .slideBoxWrap .slideLeft ul.slideSocial li a{
    width: 7vh;
  }
  textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{
    height: 4em;
  }
  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox .subscriberBox .newsletterForm fieldset .themeButton, 
  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox .subscriberBox .newsletterForm fieldset input[type="submit"].themeButton{
    padding: 0.5em 1em 0.5em;
  }
  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox .subscriberBox .newsletterForm fieldset .themeButton img{
      width: 72%;
  }
  .testimonialSection .testimonialContent .testimonialSlider .slideBox .slideFrame .testi--main-slider{
    margin-bottom: 28px;
  }
  .csd-hero-banner {
    font-size: 0.875em;
  }
  .csd-hero-banner:after{
    display: none;
  }
  .csd-hero-banner .image{
    position: static;
  }
  .csd-hero-banner .content .title{
      font-size: 3em;
      margin: 0;
  }
  .twitt-embed span {
      padding: 0;
      width: 100%;
  }
  .twitt-embed span > div{
    margin: 0 auto;
  }
}
@media only screen and (max-width: 649px) {
  .calendly-inline-widget{
    height: 430px;
  }
}
@media only screen and (max-width: 640px) {
  .backtop-button i {
    font-size: 0.8em;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox ul a {
    font-size: 1.2em;
  }

  .serviceGrid .serviceContent p {
    font-size: 1em;
  }

  .technologieslist {
    font-size: 0.5em;
  }

  .serviceSection .serviceContent .serviceBlock .serviceBox p.description {
    font-size: 1.2em;
  }

  p {
    font-size: 1em;
  }

  .introSection .introContent:after {
    content: "";
    width: 16em;
  }

  .casestudiesbox .caselogo {
    font-size: 0.8em;
  }

  .requirementSection .requirementContent .requirementBlock .requirementBox p.description {
    font-size: 1em;
  }

  .paraTitle {
    font-size: 1.5em;
  }

  .blogSection .blogContent .blogRight ul.blogList li a h3 {
    font-size: 1.4em;
  }

  

  .innerBannerSection .innerBannerContent h1 {
    font-size: 2.7em;
  }

  .innerBannerSection .innerBannerContent p {
    font-size: 1.2em;
  }

  .headerSection {
    padding: 2.5em 0;
  }

  h3 span {
    font-size: 1.5em;
  }

  .teamSection .teamContent .teamGrid .teamBox .teamHolder h3 {
    font-size: 1.25em;
  }

  .servicesboxes.jobsbox .box {
    padding: 3.5em;
  }

  .servicesheading {
    font-size: 2em;
  }

  .servicesboxes .box {
    margin: 0 0 3.5em;
  }

  .watch-slider h2 {
    font-size: 1.7em;
  }

  .innerSubSection h2 {
    font-size: 1.3em;
  }

  .casestudiesbox .box {
    padding: 3.7em 2.3em;
  }

  .centerheadingcolor h3 {
    font-size: 2.7em;
  }

  .introSection .introContent .rightIntro h2 {
    font-size: 2.5em;
  }

  .yellostrip {
    font-size: 2.3em;
  }

  .footerSection .footerBottomSection .footerBottomContent span.copyright {
    font-size: 0.9em;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox .subscriberBox .newsletterForm {
    grid-template-columns: 1fr;
    display: flex;
  }


  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox .subscriberBox .newsletterForm fieldset {
    margin: 1em 0 0;
    flex: 1;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox .subscriberBox .newsletterForm fieldset+fieldset {
    flex: inherit;
  }

  .footerSection .footerTopSection .footerTopContent .footerGrid .footerBox .subscriberBox .newsletterForm fieldset input[type="submit"] {
    font-size: 1.1em;
    height: 100%;
  }

  .expertiseround-wrap {
    grid-template-columns: 10em 10em;
  }

  h3 {
    font-size: 2em;
  }

  h3 span {
    font-size: 1.4em;
  }

  .casestudiesbox .box {
    font-size: 0.8em;
  }

  .projects-design-sec .row {
    display: block;
  }

  .projects-design-sec .row .col-6 {
    width: 100%;
    text-align: center;
  }

  .projects-design-sec .row:nth-child(odd) .imgCol,
  .projects-design-sec .row:nth-child(even) .contentCol {
    padding-right: 0;
  }

  .projects-design-sec .content {
    max-width: 100%;
    text-align: center;
    margin-bottom: 0;
  }

  .projects-design-sec .content h5,
  .projects-design-sec .content p {
    text-align: center !important;
  }

  .projects-design-sec .content::before {
    width: 120px;
    height: 120px;
    left: 50% !important;
    transform: translateX(-50%);
    top: 25px !important;
    bottom: inherit !important;
  }

  .projects-design-sec .row:nth-child(odd) .imgCol {
    text-align: center;
  }

  .projects-design-sec .ss-img {
    max-width: 270px;
    margin: auto !important;
  }

  .tab-main-box {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .tab-menu ul {
    width: 100%;
    overflow-x: auto;
    justify-content: flex-start;
  }

  .tab-menu ul li {
    min-width: auto;
  }

  .tab-menu ul li a {
    font-size: 12px;
    padding: 10px 15px;
    padding-top: 13px;
  }

  body .fp-slidesNav ul li{
    margin:2px;
  }
  body #fp-nav ul li a span, body .fp-slidesNav ul li a span, 
  body #fp-nav ul li a.active span, 
  body #fp-nav ul li:hover a.active span, 
  body .fp-slidesNav ul li a.active span, 
  body .fp-slidesNav ul li:hover a.active span{
      height: 0.8em !important;
      width: 0.8em !important;
  }
  .jobsbox .orange-button {
    font-size: 1.25em;
  }

  .projects-design-sec .row > .col-6{
    max-width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .technologieslist {
    margin: 0;
    padding: 27em 0;
  }

  .casestudiesbox .box {
    font-size: 0.7em;
  }

  .casestudiesbox .caselogo {
    font-size: 0.7em;
  }

  h3 span {
    font-size: 1.3em;
  }

  .checklist.clearfix {
    grid-template-columns: 1fr;
  }

  .getInTouchSection .getInTouchContent .getInTouchForm form fieldset.formButton {
    max-width: 100%;
    width: 100%;
  }

  .getInTouchSection .getInTouchContent .getInTouchForm form fieldset.formButton input[type="submit"].themeButton {
    width: 100%;
    text-wrap: wrap;
    text-align: center;
    display: block;
  }

  .themeButton,
  input[type="submit"]:not(.withIcon).themeButton {
    font-size: 1.1em;
  }

  .blogSection .blogContent .blogRight ul.blogList li a h3 {
    font-size: 1.3em;
  }

  .innerBannerSection {
    margin: 0 0 3em;
  }

  .innerSpacing {
    padding: 3.7em 0;
  }

  .servicesboxes.jobsbox .box {
    padding: 1.5em;
  }

  .servicesboxes .box {
    margin: 0 0 3em;
  }

  .innerBannerSection .innerBannerContent h1 {
    font-size: 2.5em;
  }

  .casestudiesbox .box {
    padding: 3.5em 2em;
  }

  .centerheadingcolor h3 {
    font-size: 2.5em;
  }

  .feature-image img {
    height: 12em;
  }

  .calc-feature {
    width: 16em;
  }

  .yellostrip {
    font-size: 2em;
  }

  .expertiseround-wrap {
    grid-template-columns: 10em;
  }

  .app-store-sec .app-store-btn {
    max-width: 100px;
  }

  .app-store-sec .app-store-btn+.app-store-btn {
    margin-left: 10px;
  }

  .app-store-sec .app-link-btn {
    padding: 12px 35px;
    font-size: 10px;
    margin-top: 20px;
  }
  .csd-hero-banner .image{
    display: none;
  }
  .csd-hero-banner .content {
      margin-top: 0;
      padding: 3.125em 0;
  }
  .theme-colors li{
    width: 5em;
    height: 5em;
  }
  .csd-hero-banner .content,
  .csd-hero-banner.desktop .image{
    width: 100%;
  }
  .cta .call-button, .cta .mail-button{
    width: 4em;
    height: 4em;
  }
  .innerSubSection h2{
    font-size: 1em;
  }
  
  
}

@media only screen and (max-width: 400px) {
  .calc-feature {
    width: 14em;
  }
  .theme-colors li{
    width: 4em;
    height: 4em;
  }
}