/*------------------------------------------
Responsive Grid Media Queries - 1280, 1024, 768, 480 for "OSUM STUDIO"
1280-1024   - desktop (default grid)
1024-768    - tablet landscape
768-480     - tablet 
480-less    - phone landscape & smaller
--------------------------------------------*/

/* --------------------------------------------
RESPONSIVE CSS STARTS
-------------------------------------------- */

@media only screen and (min-width: 1700px) {
.header-bg {
  width: 65%;
  height: 750px;
}
.post-main-area {
  max-width: 70%;
}
#popupContact {
  display: flex;
  align-items: center;
  justify-content: center;
}
.stay-header-bg .post-main-area {
  max-width: 58%;
}
/*#beconfidentSlider .customer-slider-wrap.wrapslider-1, #beconfidentSlider .customer-slider-wrap.slide-2-confi {
    right: -225px;
}
*/
}

@media only screen and (min-width: 2400px) {
.header-bg {
  width: 70% !important;
  height: 843px !important;
  top: -110px;
}
.team-images .small-images {
  left: 20% !important;
  top: 6%;
}
/*.mobile-app-page .slick-prev.pull-left.slick-arrow {
    left: 47%;
}*/
}

@media only screen and (min-width: 1800px) {
.team-images .small-images {
  left: 10%;
}
.post-main-wrapper {
  padding-left: 150px;
}
#updated-blog .blog-listing {
  max-width: 100%;
}
.mobile-app-page .slide-work-wrap {
  margin: 30px auto;
  /*max-width: 60%;*/
  width: 100%;
}
.l-wrap-1 {
  top: 18.5%;
  left: 35%;
}
.l-wrap-2 {
  top: 26.5%;
  left: 74%;
}
.l-wrap-3 {
  top: 33%;
  left: -16%;
}
.l-wrap-4 {
  top: 45%;
  left: 75%;
}
.l-wrap-5 {
  top: 59%;
  left: -7%;
}
.l-wrap-6 {
  top: 65%;
  left: 68%;
}
}

@media only screen and (min-width: 1600px) {
.customer-slider-wrap.wrapslider-1 {
  width: 134%;
}
.blog-main-header-image, .bounce-back-blog .blog-main-header-image {
  right: 0;
}
.story-blog-wrapper .blog-detail-content {
  margin: 0 auto;
}
}

@media all and (min-width:1500px) and (max-width:1700px) {
.adjust-col {
  max-width: 76%;
  margin-left: auto;
}
.blog-main-header-image, .bounce-back-blog .blog-main-header-image {
  right: 0;
}
.story-blog-wrapper .blog-detail-content {
  margin: 0 auto;
}
}

@media all and (min-width:1400px) and (max-width:1499px) {
.adjust-col {
  max-width: 76%;
  margin-left: auto;
}
.blog-main-header-image, .bounce-back-blog .blog-main-header-image {
  right: 0;
}
.story-blog-wrapper .blog-detail-content {
  margin: 0 auto;
}
.yellow-circle {
  top: 120px;
}
}

@media all and (min-width:1300px) and (max-width:1399px) {
.yellow-circle {
  top: 120px;
}
.yellow-large-circle {
  bottom: -20px;
}
.adjust-col {
  max-width: 75%;
  margin-left: auto;
}
.blog-main-header-image, .bounce-back-blog .blog-main-header-image {
  right: 0;
}
.story-blog-wrapper .blog-detail-content {
  margin: 0 auto;
}
}

@media all and (min-width:1201px) and (max-width:1299px) {
.yellow-circle {
  top: 120px;
}
.yellow-large-circle {
  bottom: -20px;
}
.adjust-col {
  max-width: 72%;
  margin-left: auto;
}
/*.blog-main-header-image, .bounce-back-blog .blog-main-header-image {
    right: 0;
}*/
.story-blog-wrapper .blog-detail-content {
  margin: 0 auto;
}
.post-main-wrapper {
  padding-left: 50px;
}
}

@media all and (min-width:1300px) and (max-width:1410px) {
.graphic-two {
  right: -17%;
  top: -24%;
}
.header-bg {
  width: 60%;
}
.graphic-five {
  right: 1%;
  bottom: -35%;
}
}

@media all and (min-width:1200px) and (max-width:1299px) {
.graphic-two {
  right: -6%;
  top: -24%;
}
.header-bg {
  width: 60%;
}
.graphic-five {
  right: 1%;
  bottom: -35%;
}
.graphic-three {
  position: absolute;
  left: -4%;
  top: 17%;
}
.graphic-six {
  right: 32%;
}
.graphic-one {
  top: -28%;
  left: 5%;
}
.graphic-seven {
  bottom: 35%;
  left: 42%;
}
.graphic-five {
  right: 7%;
  bottom: -29%;
}
}

@media all and (min-width:993px) and (max-width:1199px) {
#website-idea-wrapper .mobile-idea-list {
  max-width: 100%;
}
.header-bg {
  width: 64%;
  height: 820px;
}
.graphic-one {
  top: -28%;
  left: -10%;
}
.graphic-three {
  left: -7%;
  top: 21%;
  padding: 24px 42px;
}
.graphic-two {
  right: -7%;
  top: -22%;
  padding: 36px 36px;
}
.graphic-six {
  right: 40%;
}
.graphic-seven {
  bottom: 37%;
  left: 42%;
}
.graphic-five {
  right: 10%;
  bottom: -26%;
  padding: 36px 50px;
}
}

@media all and (min-width:768px) and (max-width:1024px) {
.performance-content .explore-content {
  max-width: 64% !important;
  margin: 0 auto;
}
.bounce-back-blog .blog-main-header-image {
  top: 120px;
}
.mobile-idea-list {
  max-width: 90%;
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.business-list {
  margin: 16px 0;
}
}

@media only screen and (max-width: 1200px) {
.contact-location .process-indicators li span br {
  display: none;
}
.app-info.theme-frame-txt {
  max-width: 80%;
}
.case-wrap-pg .app-identity-wrapper {
  padding: 0px 0 48px 0;
}
.app-content.frame-page-cont {
  max-width: 100%;
  margin: 0 auto;
}
.bose-identity-area .frame-page-cont .app-info .sub-heading {
  max-width: 100%;
  text-align: center;
}
.bose-identity-area .app-barcode-wrapper {
  text-align: center;
}
nav ul li a, nav ul li a:visited {
  margin: 0 0px;
}
.mobile-app-page .process-wrapper .process-indicators li span {
  word-break: break-word;
}
.blog-all-btn {
  display: block;
}
.blog-side-navigation {
  display: none;
}
.explore-content h3 {
  font-size: 28px;
}
.app-content {
  max-width: 95%;
}
.subscribe-content {
  max-width: 100%;
  margin: 0 auto;
}
.subscribe-area {
  background-image: none;
  text-align: center;
  padding-bottom: 0;
}
.download-brand-image {
  display: none;
  max-width: 70%;
  width: 100%;
  margin: 0 auto;
  padding-top: 50px;
}
.move-line span {
  display: inline-block;
}
.plan-title h6 {
  max-width: 100%;
}
.thank-content p br {
  display: none;
}
.business-content .sub-heading {
  max-width: 70%;
}
.portfolio-ads, .blog-detail-content {
  max-width: 90%;
}
.portfolio-info {
  display: block;
}
.portfolio-info .portfolio-detail {
  display: block;
}
.blog-ads .main-button a {
  padding: 14px 22px;
  font-size: 22px;
}
.eb-text .eb-heading {
  font-size: 148px;
}
.eb-sub {
  font-size: 38px;
}
.excellence-banner {
  margin-bottom: 0;
}
.design-num-wrap p {
  max-width: 100%;
}
.team-images .small-images {
  width: 100%;
  position: static;
  margin-top: 24px;
}
.img-row {
  text-align: center;
}
.people-main-image {
  background: url(../images/team-bg.png) no-repeat;
  background-size: cover;
  height: 460px;
  background-position: top center;
  margin-top: 0px;
}
.people-main-image img {
  display: none;
}
.modal-close {
  right: 40px;
  top: 30px;
}
#popupContact .contact-form-wrapper {
  padding: 160px 32px;
}
.banner-content .sub-title {
  max-width: 90%;
}
.service-identity {
  margin-right: 12px;
  max-width: 23%;
}
.service-detail {
  width: 70%;
}
}

@media all and (min-width:993px) and (max-width:1200px) {
.process-indicators li span {
  font-size: 17px;
}
.contact-content .heading {
  font-size: 40px;
}
.mobile-idea-points .exp-txt {
  width: 90%;
}
}

@media all and (min-width:1024px) and (max-width:1280px) {
nav ul li a.quote-btn {
  margin-left: 20px;
}
}

@media all and (min-width:1023px) and (max-width:1100px) {
.founded-image-wrap img {
  transform: scale(1);
  margin-left: 0px;
  margin-bottom: 70px;
}
.move-line span {
  display: inline-block;
  z-index: 9;
}
.subscribe-content {
  max-width: 100%;
  margin: 0 auto;
}
.heading {
  font-size: 47px;
}
.image-8-slider {
  top: 20%;
  left: -70px;
  width: 300px;
}
.image-9-slider {
  top: 20%;
  left: 62%;
}
.slide-2-confi {
  margin: 0 auto;
  left: 20px;
}
.slide-3-main {
  max-width: 88%;
  width: 100%;
}
.slide-3-confi {
  width: 100%;
  left: 34px;
}
.image-3-slider {
  position: absolute;
  top: 21%;
  left: 0px;
  width: 300px;
}
.image-4-slider {
  position: absolute;
  top: 38%;
  left: 50%;
  width: 240px;
}
/*  .slide-2-main {
    width: 80%;
}*/
.customer-slider-wrap.wrapslider-1 {
  width: 100%;
  position: relative;
  left: 20px;
}
#beconfidentSlider .customer-slider-wrap.slide-2-confi, .slide-3-confi {
  right: 0px;
  position: relative;
}
.image-1-slider {
  top: 47px;
  left: -79px;
  width: 300px;
}
.image-2-slider {
  position: absolute;
  top: -76px;
  left: 47%;
  width: 210px;
}
}

@media all and (min-width:768px) and (max-width:1024px) {
.mobile-app-page .process-wrapper .top-process {
  top: -70px;
}
.mobile-app-page .process-wrapper .bottom-process {
  bottom: -72px;
}
.confident-wrapper .explore-content .main-button {
  margin-top: 100px;
}
nav ul li a.quote-btn {
  margin-left: 20px;
}
.service-detail br {
  display: block;
}
.top-process {
  top: -60px;
}
.customer-content .heading {
  max-width: 80%;
}
}

@media all and (min-width:400px) and (max-width:500px) {
.bounce-back-blog .blog-main-header-image {
  top: 200px !important;
}
}

@media all and (min-width:767px) and (max-width:992px) {
.stay-home-blog .blog-main-header-image {
  max-width: 60%;
  right: -150px;
  top: 170px;
}
.subscribe-content {
  max-width: 90%;
  margin: 0 auto;
}
.ebook-wrap {
  max-width: 50%;
  width: 100%;
  margin: 48px auto;
}
.service-list, .business-list {
  margin: 15px 0px !important;
}
.founded-image-wrap img {
  margin-left: 0;
  margin-bottom: 70px;
  margin-top: 60px;
}
.move-line span {
  display: inline-block;
  z-index: 9;
}
}

@media only screen and (max-width: 992px) {
.contact-page .contact-subheading {
  max-width: 90%;
}
.contact-page .heading br {
  display: none;
}
.app-info.theme-frame-txt {
  max-width: 100%;
}
.mobile-idea-image {
  max-width: 70%;
  width: 100%;
  margin: 0 auto;
}
.mobile-app-page .work-txt-details h3 strong {
  text-align: center;
  margin-right: 0;
}
.mobile-app-page .process-indicators li {
  margin: 14px 0px;
}
.mobile-app-page .process-wrapper .sub-heading {
  max-width: 100%;
}
.mobile-app-page .process-wrapper .sub-heading br {
  display: none;
}
.mobile-idea-subcontent {
  max-width: 100%;
}
.mobile-idea-points {
  margin-top: 30px;
}
.show-image-sb7 {
  display: block;/*padding: 0px 15px !important;*/
}
.barefoot-img-1, .barefoot-img-2, .m-app-img-1, .m-app-img-2 {
  background-image: none;
}
.portfolio-grid-item {
  height: 340px;
}
.hidden-frame {
  max-width: 510px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  top: 6px;
}
.cs-saavi .app-info .sub-heading br {
  display: none;
}
.cs-saavi .app-info {
  padding: 14px 0;
}
.mobile-app-page .review-founder-card {
  max-width: 80%;
}
/* .mobile-app-page .slick-prev.pull-left.slick-arrow{
    left: 41%;
  }*/
 /* .mobile-app-page .slick-next.pull-right.slick-arrow{
    left: 51%;
  }*/
.mobile-app-page .work-txt-details .main-button a {
  top: 0;
  margin-top: 20px;
}
.bb-btn-brand .btn-chapters {
  max-width: 330px;
}
.browse-btn-desktop.sticky.stick-sidebar #ChaptersContent {
  margin-top: 33px;
}
.browse-btn-desktop.sticky.stick-sidebar {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.95);
  width: 100%;
  left: 0;
  right: 0;
  top: 88px;
  padding: 18px 0;
  z-index: 99;
  display: block;
}
.browse-btn-desktop.sticky.stick-sidebar .btn-chapters {
  margin-bottom: 0px;
}
.arrows-mobile-slider {
  display: block;
  top: -40px;
}
.arrows-desktop-slider {
  display: none;
}
#beconfidentSlider {
  margin-top: 20px;
}
.port-btn-mobile {
  margin-top: 45px;
  display: block;
  text-align: center;
  margin-bottom: 26px;
}
.port-btn-desktop {
  display: none !important;
}
.blog-all-btn {
  padding: 0 12px;
}
.blog-all-btn .btn-chapters {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  padding-right: 40px;
  position: relative;
  text-align: left;
}
.blog-all-btn .btn-chapters .chap-icon {
  position: absolute;
  top: 22px;
  right: 18px;
}
.bb-title img {
  max-width: 110px;
  width: 100%;
}
.navigation.header-fixed .bb-title {
  display: inline-flex;
  padding-top: 4px;
}
.bd-page .bd-pg-back {
  display: block;
  text-align: center;
  transition: 0.48s;
  max-width: 92%;
}
.bd-page .logo-wrapper {
  display: none;
  transition: 0.48s;
}
.bounce-back-blog .navigation {
  background-color: #eefce5;
}
.story-loud-pg .navigation {
  background-color: #F2F1FC;
}
.corona-era-blog .navigation {
  background-color: #D9EEFC;
}
.stay-home-blog .navigation {
  background: #F8EDE7;
}
.blog-all-btn .blog-back-btn {
  display: inline-flex;
}
.blog-back-content.sticky.mt-3.stick-sidebar {
  display: none;
}
.blog-header-wrapper.sticky.stick-sidebar .browser-wrapper h3 {
  font-size: 20px;
  margin-top: 12px;
}
.blog-header-wrapper.sticky.stick-sidebar {
  position: sticky;
  top: 86px !important;
  padding-top: 20px;
  background-color: #fff;
}
.post-main-wrapper {
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
}
.founded-social-links .social-icons ul {
  margin-right: 0;
}
.founded-content {
  text-align: center;
}
.founded-social-links {
  margin-bottom: 10%;
}
.move-line span {
  display: inline-block;
  z-index: 9;
}
.image-4-slider {
  top: 36%;
  left: 35%;
  width: 270px;
}
#beconfidentSlider .customer-slider-wrap.slide-2-confi {
  right: -130px;
}
/* .slide-2-main {
    width: 60%;
}*/
.image-2-slider {
  top: 0px;
  left: 50%;
  width: 230px;
}
.image-3-slider {
  top: 21%;
  left: -80px;
  width: 300px;
}
.image-1-slider {
  top: 92px;
  left: -82px;
  width: 60%;
}
/*.slide-1-main {
    margin-top: 60px;
}*/
.slide-3-confi {
  width: 100%;
  right: 0;
  text-align: center;
}
.image-9-slider {
  top: 20%;
  left: 64%;
}
.image-8-slider {
  top: 21%;
  left: 42px;
  width: 290px;
}
.slide-3-main {
  width: 70%;
}
.customer-slider-wrap.wrapslider-1 {
  width: 100%;
}
.confi-arrows .carousel-control-prev, .confi-arrows .carousel-control-next {
  margin-top: 13px;
}
.confi-arrows .carousel-control-prev {
  left: 42%;
}
.confi-arrows .carousel-control-next {
  left: 50%;
}
.confident-wrapper .explore-content .main-button {
  margin-top: 80px;
}
.confident-content {
  text-align: center;
}
.biggoal {
  background: #fff;
  transform: inherit;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(29, 44, 53, 0.08);
  -moz-box-shadow: 0px 0px 16px 0px rgba(29, 44, 53, 0.08);
  box-shadow: 3px 67px 99px 0px rgba(111,118,138,0.16);
}
.case-study-page .explore-content strong, .work-portfolio .explore-content strong {
  margin-right: 0;
}
.browse-btn-desktop {
  display: block !important;
}
#ChaptersContent, #ChaptersContent1 {
  width: 70%;
}
.brand-sub-email {
  max-width: 90%;
}
.brand-guide-content {
  max-width: 96%;
}
.brand-sub-email .subscribe-list input {
  width: 100%;
}
.brand-sub-email .download-btn {
  font-size: 20px;
  margin: 20px auto;
  width: 100%;
}
.chapter-detail .chap-width-p {
  max-width: 100%;
  margin: 0 auto;
}
.brand-guide-content {
  max-width: 90%;
}
.chapter-name {
  max-width: 90%;
}
.chapter-content {
  max-width: 90%;
}
.brand-banner-content p {
  max-width: 100%;
}
.brand-banner-content .title {
  font-size: 68px;
  line-height: 80px;
}
.app-info .main-button {
  margin-bottom: 30px;
  display: block;
}
.app-content {
  max-width: 100%;
  text-align: center;
  background-image: none;
}
.app-logo {
  display: inline-flex;
}
.app-info .sub-heading {
  max-width: 100%;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.app-motive {
  padding: 24px 0 48px 0;
}
.graphic-six {
  display: none;
}
.banner-graphics {
  position: relative;
  z-index: 2;
}
.graphic-two {
  right: 0;
  top: -100px;
  padding: 20px 38px;
}
.graphic-five {
  right: 0%;
  bottom: -310px;
  padding: 20px 30px;
}
.header-graphic h2 {
  font-size: 18px;
}
.header-bg {
  width: 90%;
}
.graphic-three {
  top: 24%;
  padding: 20px 33px;
}
.graphic-one {
  top: -90px;
  left: 30%;
}
.graphic-seven {
  bottom: -240px;
  left: 40%;
}
.blog-content .sub-heading {
  max-width: 80%;
}
/*  .subscribe-content {
    max-width: 90%;
    margin: 0 auto;
}*/
.why-list {
  margin: 16px 0;
  box-shadow: 0px 0px 16px 0px rgba(29, 44, 53, 0);
  -webkit-box-shadow: 0px 0px 16px 0px rgba(29, 44, 53, 0.08);
  -moz-box-shadow: 0px 0px 16px 0px rgba(29, 44, 53, 0.08);
  box-shadow: 0px 0px 16px 0px rgba(29, 44, 53, 0.08);
}
.step-detail {
  padding-right: 0;
  padding-bottom: 16px;
}
#contact .contact-content {
  text-align: center;
}
.advantage-list {
  margin-bottom: 40px;
}
.plan-list {
  -webkit-box-shadow: 3px 67px 99px 0px rgba(111,118,138,0.16);
  -moz-box-shadow: 3px 67px 99px 0px rgba(111,118,138,0.16);
  box-shadow: 3px 67px 99px 0px rgba(111,118,138,0.16);
}
.customer-review {
  padding: 60px 0px 24px 0;
  max-width: 100%;
}
#customerReviewSlider .carousel-inner {
  max-width: 100%;
}
#customerReviewSlider .carousel-control-prev, #customerReviewSlider .carousel-control-next,  #popupSlider .carousel-control-prev, #popupSlider .carousel-control-next {
  display: none;
}
#popupVideo .carousel {
  max-width: 90%;
}
#customerReviewSlider .carousel-indicators, #popupSlider .carousel-indicators {
  display: flex;
}
.customer-content .heading {
  max-width: 100%;
}
.define-list, .design-list {
  margin-bottom: 24px;
}
.process-wrapper {
  padding: 72px 0 48px 0;
}
.top-process, .bottom-process {
  display: none;
}
.banner-content {
  padding-top: 52%;
  text-align: center;
}
.banner-content .title {
  max-width: 100%;
  margin: 0 auto;
}
.banner-content .sub-title {
  max-width: 80%;
  margin: 0 auto;
}
.banner-content .main-button {
  margin: 24px 0 0 0;
}
.banner-wrapper {
  padding: 130px 0 100px 0;
}
.featured-identity {
  margin: 24px 24px;
}
#popupContact .all-steps, #contact .all-steps {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 0px;
  max-width: 80%;
  width: 100%;
  margin: 0 auto;
}
#popupContact .contact-content {
  text-align: center;
}
.fill-heading {
  padding-top: 32px;
}
#popupContact .contact-form-wrapper {
  padding: 140px 32px;
}
#popupContact .contact-image, #contact .contact-image {
  margin-top: 56px;
}
.mobile-navigation {
  display: block;
}
.navigation nav {
  display: none;
}
.nav-mobile {
  display: block;
  top: 12px;
  right: 25px;
}
nav {
  width: 100%;
  background-color: #1d2c35;
  float: none;
}
.nav-dropdown {
  border-radius: 0px;
  background-color: #1d2c35;
  margin: 0;
}
nav ul {
  display: none;
}
.nav-list {
  padding: 24px 0;
}
nav ul li {
  float: none;
}
nav ul li a {
  padding: 15px 30px;
  line-height: 20px;
}
nav ul li ul li a {
  padding-left: 30px;
}
.nav-dropdown {
  position: static;
}
nav ul li a, nav ul li a:visited {
  color: #fff;
  margin: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
#dropdown-items li a {
  background-color: #2a3d46 !important;
}
nav ul li a:hover {
  color: #fff;
}
nav ul li a::before {
  margin-bottom: 0px;
}
nav ul li a.quote-btn {
  margin-left: 0px;
  padding: 15px 30px;
  border-radius: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  text-transform: inherit;
  font-size: 20px;
  border: 0px;
}
nav ul li a.quote-btn:hover {
  color: #fff;
}
.navigation {
  padding: 0px;
}
.logo-wrapper {
  padding-top: 0;
}
nav ul li a::before {
  border-bottom: none;
}
.nav-wrap {
  width: 100%;
  float: left;
  padding: 20px 30px;
}
nav ul li a:hover::before, nav ul li a.active-link::before {
  content: none;
}
nav ul li:hover a {
  color: #fff;
}
nav ul li a.active-link::before, nav ul li:hover a::before {
  content: none;
}
nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after,  nav ul li:hover a:not(:only-child):after, nav ul li:hover a:visited:not(:only-child):after,  nav ul li a.active-link:not(:only-child):after, nav ul li a.active-link:visited:not(:only-child):after {
  color: #fff;
}
#dropdown-items li:first-child a {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
#dropdown-items li:last-child a {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
#dropdown-items li a {
  padding: 15px 30px;
  font-size: 18px;
}
nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
  margin-top: 8px;
  float: right;
  margin-right: 15px;
}
/*  #dropdown-items li a.sublink-active, nav ul li a:hover, #dropdown-items li a:hover,
  nav ul li a.active-link, nav ul li a.active-link:hover:not(:only-child) {
    background-color: #2a3d46;
  }*/
nav ul li a.active-link:not(:only-child), nav ul li a.active-link:visited:not(:only-child) {
  background-color: transparent;
  color: #fff;
}
.heading {
  font-size: 44px;
  line-height: 56px;
}
.business-content .sub-heading {
  max-width: 90%;
}
.sub-heading {
  font-size: 28px;
  line-height: 38px;
  padding: 24px 0;
}
.business-wrapper .main-button {
  display: block;
  margin-top: 20px;
}
.business-wrapper .business-explore {
  padding: 0px;
}
.service-list {
  margin: 12px 16px;
}
.blog-detail-content {
  max-width: 100%;
}
.blog-back-content {
  margin-top: 0px;
}
.all-reviews-wrap .card-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
/*Portfolio Page Start*/

.page-breadcrumb {
  padding: 32px 0 0 0;
}
.portfolio-wrapper {
  padding: 32px 0;
}
.portfolio-content {
  padding: 32px 20px 40px 20px;
}
.portfolio-ads {
  max-width: 100%;
  margin: 0px 0px 40px 0;
}
.portfolio-list {
  padding: 12px 0;
}
.card-top {
  margin-top: 0;
}
/*Portfolio Page End*/
.contact-form-wrapper {
  max-width: 100%;
  padding: 48px 48px;
}
.thank-wrapper {
  max-width: 100%;
}
.thank-content {
  max-width: 100%;
}
.thank-content p {
  font-size: 30px;
  line-height: 38px;
}
.enquire-text {
  margin-top: 16px;
}
.portfolio-info {
  display: flex;
}
.portfolio-info .portfolio-detail {
  display: inline-block;
}
.tips-blog-image-mobile {
  display: block;
}
.tips-blog-image-desktop {
  display: none;
}
.highlighted-blog-content {
  padding: 32px;
}
.highlighted-blog-listing {
  padding-top: 32px;
}
.blog-detail-wrapper {
  padding: 48px 0 48px 0;
}
.hide-mobile {
  display: none;
}
.blog-back-btn {
  margin-bottom: 24px;
}
.stick-sidebar {
  position: relative;
  top: 0;
}
.about-page .breadcrumb-content .heading br {
  display: none;
}
.eb-text .eb-heading {
  font-size: 108px;
}
.eb-image {
  width: 34%;
  top: 25px;
  left: 31%;
}
.eb-sub {
  font-size: 32px;
}
.experience-wrapper {
  padding: 40px 0 12px 0;
}
.excellence-banner {
  padding: 80px 0px 80px 0px;
}
.design-agency-wrapper {
  padding: 32px 0;
}
.design-num-wrap {
  padding: 32px 30px;
}
}

@media screen and (min-width: 993px) {
.nav-list {
  display: block !important;
}
.case-study-page .performance-content .main-button a {
  width: auto;
}
}

@media screen and (max-width: 1024px) {
.mobile-idea-points .exp-txt {
  width: 90%;
}
.performance-wrapper {
  display: block;
  height: auto;
  padding: 48px 0px 48px;
  text-align: center;
  overflow: hidden;
}
.performance-content .explore-content {
  max-width: 64%;
  margin: 0 auto;
}
.performance-content .explore-content .main-button.performance-btn-desktop {
  display: none;
}
.performance-area {
  position: static;
  overflow: visible;
  height: auto;
  min-height: auto;
}
.performance-fixed-area {
  position: static;
  height: auto;
  margin-top: 0px;
  margin-bottom: 40px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: block;
}
.performance-wrap {
  display: block;
  width: 100%;
  margin-right: 0px;
  padding-right: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.performance-content {
  width: 100%;
  margin-right: 0px;
  margin-bottom: 32px;
  padding-left: 0px;
}
.all-barabans {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: none;
}
.performance-list {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.performance-list.last {
  width: 100%;
  height: 300px;
}
.performance-image {
  height: auto;
}
.performance-subcontent, .performance-btn-mobile {
  display: block;
}
}

@media all and (max-width:767px) {
.contact-page-line {
  margin: 20px 0 0px 0;
}
.contact-page .sub-title {
  max-width: 100%;
}
.theme-frame-txt .main-button a {
  padding: 12px 40px;
  border-radius: 60px;
}
.app-info.theme-frame-txt {
  max-width: 100%;
}
.bose-identity-area .app-barcode-wrapper {
  text-align: center;
  padding-bottom: 0;
}
.app-identity-wrapper {
  padding: 30px 0 0px 0;
}
.bose-identity-area .frame-page-cont .app-info .sub-heading {
  max-width: 100%;
  text-align: center;
}
.app-content.frame-page-cont {
  max-width: 100%;
}
.mobile-idea-image {
  max-width: 80%;
}
.mobile-app-page .sider-work-text {
  padding: 60px 30px 60px 30px;
}
.mobile-app-page .process-wrapper .explore-content {
  max-width: 100%;
  padding-bottom: 20px;
}
.mobile-idea-list {
  max-width: 84%;
}
.portfolio-grid-item {
  height: 234px;
}
.hidden-frame {
  max-width: 375px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.cs-saavi .other-projects-txt {
  padding: 10px 0 40px 0;
}
.cs-saavi .saavi-case-wrapper {
  padding-bottom: 70px;
}
.cs-saavi .saavi-image {
  max-width: 100%;
}
.cs-saavi .app-info .sub-heading {
  margin-bottom: 10px;
}
.link.static-link.cs-saavi-link {
  margin: 30px 0 30px 0;
}
#website-idea-wrapper .mobile-idea-content .sub-heading {
  max-width: 100%;
}
.mobile-app-page .review-founder-card {
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
}
#brandGuide .modal-dialog {
  margin: 0;
}
#brandGuide .modal-content {
  height: 100vh;
}
#brandGuide .modal-body {
  flex: inherit;
  display: flex;
  align-items: center;
  height: 100vh;
}
.stay-home-blog .blog-main-header-image {
  right: 0;
  top: 210px;
  max-width: 60%;
}
.bounce-back-blog .blog-main-header-image {
  top: 120px;
}
.blog-detail-area {
  margin-bottom: 20px;
}
.blog-main-header-image, .bounce-back-blog .blog-main-header-image {
  right: 0px;
}
.post-main-area {
  max-width: 100%;
}
.blog-all-btn .btn-chapters {
  /*margin-left: 50px;*/
  margin-bottom: 13px;
  font-size: 16px;
}
.founded-content {
  text-align: center;
}
.founded-social-links .social-icons ul {
  margin-right: 0;
}
.founded-social-links {
  margin-bottom: 10%;
}
.download-btn {
  position: relative;
  right: 0;
  top: 0px;
  margin-bottom: 40px !important;
}
#customerReviewSlider .customer-slider-wrap, #customerReviewSlider .parallax {
  padding: 20px 0;
}
.play-btn-wrap {
  right: 62px;
  bottom: 48px;
}
.move-line span {
  display: inline-block;
  z-index: 9;
}
.founded-image-wrap img {
  transform: initial;
  margin-left: 0;
  margin-bottom: 70px;
}
.image-8-slider {
  top: 21%;
  left: 16px;
  width: 230px;
}
.image-9-slider {
  top: 17%;
  left: 60%;
  width: 150px;
}
.slide-3-main {
  width: 68%;
}
.image-4-slider {
  top: 35%;
  left: 54%;
  width: 180px;
}
#beconfidentSlider .customer-slider-wrap.slide-2-confi {
  right: 0px;
  left: -15px;
  text-align: center;
}
.image-3-slider {
  top: 21%;
  left: 26px;
  width: 240px;
}
.customer-slider-wrap.wrapslider-1 {
  position: relative;
  left: 15px;
}
.image-2-slider {
  top: 0px;
  left: 50%;
  width: 160px;
}
.image-1-slider {
  top: 110px;
  left: -40px;
  width: 45%;
}
/*  .slide-1-main {
    margin-top: 60px;
    width: 90%;
}*/
.confident-wrapper {
  padding: 16px 0 48px 0;
}
.confi-arrows .carousel-control-prev {
  left: 40%;
}
.confi-arrows .carousel-control-next {
  left: 50%;
}
.service-detail br {
  display: none;
}
.home-zig-line .zig-line {
  max-width: 40%;
}
.confident-wrapper .performance-slider .slick-slide {
  width: 500px;
}
.featured-wrapper {
  margin: 24px 20px;
}
.featured-identity img {
  padding: 0;
}
.case-study-page .performance-content .main-button a {
  width: 100%;
}
#ChaptersContent, #ChaptersContent1 {
  width: 100%;
}
.quote-color {
  font-size: 38px;
  line-height: 56px;
}
.chapter-detail p.mb {
  margin-bottom: 20px;
}
.chapter-name {
  font-size: 34px;
  line-height: 46px;
}
.brand-sub-email .subscribe-list input {
  width: 100%;
}
.download-btn {
  margin: 30px auto 0 auto;
  width: 100%;
}
.brand-guide-content {
  max-width: 96%;
}
.brand-image-tab {
  max-width: 30%;
}
.zig-line {
  max-width: 60%;
  margin: 26px auto 30px auto;
}
.chapter-image {
  max-width: 80%;
  margin: 30px auto;
}
.chapter-detail p {
  font-size: 22px;
  line-height: 36px;
}
.brand-banner-content p {
  font-size: 22px;
  line-height: 34px;
}
.brand-wrapper .move-line span::after {
  bottom: 0px;
}
.brand-banner-content .title {
  font-size: 48px;
  line-height: 64px;
}
.app-designs {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.app-identity-wrapper {
  padding: 40px 0 48px 0;
}
.app-info .sub-heading {
  max-width: 90%;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 12px 0;
}
.blog-page .blog-ads {
  margin-bottom: 34px;
}
.hide-blog-ad {
  display: none;
}
.show-blog-ad {
  display: block;
}
.case-study-page .performance-content {
  margin-top: 24px;
}
.case-study-page .performance-content .explore-content .main-button {
  display: block;
  margin-top: 30px;
}
.graphic-two img, .graphic-five img, .graphic-three img {
  width: 70px;
}
.graphic-two {
  top: -200px;
  padding: 20px 30px;
}
.header-graphic h2 {
  font-size: 16px;
}
.graphic-five {
  right: 0%;
  bottom: -110px;
  padding: 20px 24px;
}
.graphic-one {
  top: -198px;
  left: 34%;
}
.graphic-one img {
  width: 100px;
}
.graphic-three {
  top: -100px;
  padding: 18px 32px;
  left: 28px;
}
.graphic-seven img {
  width: 30px;
}
.graphic-seven {
  bottom: -40px;
  left: 45%;
}
.header-graphic .ripple, .header-graphic .ripple:after, .header-graphic .ripple:before {
  height: 40px;
  width: 40px;
}
.blog-home-mobile .blog-info {
  min-height: 160px;
}
.home .blog-listing {
  display: none;
}
.blog-home-mobile {
  display: block;
  padding: 0 12px;
}
.subscribe-wrapper {
  padding: 0 0 24px 0;
}
.blog-content .sub-heading {
  max-width: 90%;
}
.subscribe-content {
  max-width: 100%;
  margin: 0 auto;
}
.why-listing {
  padding: 24px 12px 24px 12px;
}
#contact .heading {
  font-size: 40px;
}
.need-content .heading {
  font-size: 36px;
  line-height: 48px;
}
.plan-content .sub-heading {
  max-width: 90%;
}
.customer-review {
  padding: 40px 0px 40px 0;
}
.process-explore .explore-content .main-button {
  display: block;
  margin-top: 24px;
}
.process-listing {
  max-width: 90%;
}
.performance-wrap {
  padding-right: 0px;
}
.featured-identity {
  margin: 18px auto;
  max-width: 80%;
  width: 100%;
}
#popupContact .contact-form-wrapper {
  padding: 110px 20px;
}
#popupContact .contact-image img, #contact .contact-image img {
  max-width: 50%;
  width: 100%;
  margin: 0 auto;
}
#popupContact .all-steps, #contact .all-steps {
  max-width: 95%;
}
.modal-close {
  width: 62px;
  height: 62px;
}
.modal-close:before, .modal-close:after {
  left: 30px;
  height: 26px;
  top: 19px;
}
.all-reviews-wrap .card-columns {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}
.outer-layer {
  transform: scale(0.7);
}
.performance-list {
  height: auto;
  padding-bottom: 0px;
}
.performance-image {
  height: auto;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}
.business-list:hover {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.d-mobile {
  display: block;
}
.d-desktop {
  display: none;
}
.service-identity {
  margin-right: 0px;
  max-width: 100%;
  width: 100%;
}
.service-detail {
  width: 100%;
  text-align: center;
}
.service-detail h3 {
  padding-bottom: 14px;
  padding-top: 14px;
}
.all-reviews-wrapper {
  padding: 48px 12px;
}
.all-reviews-wrap {
  padding-top: 60px;
}
.sub-title {
  font-size: 28px;
  line-height: 36px;
}
.contact-form-wrapper {
  padding: 48px 24px;
}
.contact-page-wrapper {
  padding: 48px 12px 72px 12px;
}
.blog-page-wrapper {
  padding: 24px 12px 64px 12px;
}
.blog-detail-wrapper {
  padding: 40px 12px;
}
.portfolio-info {
  display: block;
}
.portfolio-info .portfolio-detail {
  display: block;
}
.foremost-blog-content {
  max-width: 100%;
  padding-bottom: 0;
}
.blog-detail, .highlighted-blog-content {
  padding: 16px 18px;
}
.blog-list {
  margin: 32px 0;
}
.blog-listing {
  padding: 0px;
}
.blog-info {
  min-height: auto;
}
.highlighted-blog-listing {
  padding-top: 0px;
}
.blog-detail-content h1 {
  font-size: 38px;
  line-height: 56px;
}
.blog-detail-info {
  padding: 10px 0;
}
.blog-detail-info p {
  font-size: 20px;
}
.blog-detail-description p {
  font-size: 22px;
  line-height: 36px;
  padding: 20px 0;
}
.similar-listing {
  padding: 20px 0;
}
.similar-blog {
  padding: 38px 0 0 0;
}
.show-review-mobile {
  display: block !important;
}
.hide-review-mobile {
  display: none !important;
}
.review-box {
  margin: 0 0px 18px 0px;
}
.thank-wrapper {
  padding: 120px 32px;
}
.thank-content p {
  font-size: 28px;
  line-height: 38px;
}
.about-page .breadcrumb-content .heading {
  font-size: 38px;
  line-height: 50px;
}
.eb-text .eb-heading {
  font-size: 76px;
}
.eb-sub {
  font-size: 25px;
}
.excellence-banner {
  padding: 50px 0px 60px 0px;
}
.eb-image {
  width: 30%;
  top: 20px;
  left: 31%;
}
.experience-wrapper {
  padding: 32px 0 24px 0;
}
.design-agency-content .heading {
  font-size: 40px;
  line-height: 50px;
}
.our-people-content .sub-heading, .our-office-content .sub-heading, .design-agency-content .sub-heading {
  max-width: 100%;
  font-size: 26px;
  line-height: 34px;
}
.design-number-area {
  max-width: 70%;
  width: 100%;
  margin: 0 auto;
}
.design-num-wrap h3 {
  font-size: 70px;
  line-height: 84px;
}
.img-row img {
  height: 96px;
}
.people-main-image {
  background-position: 86% 100%;
}
.our-people-wrapper {
  margin: 0px 0 16px 0px;
}
.office-layout-column {
  flex: 100%;
  max-width: 100%;
}
.office-layout-column img {
  margin-top: 0;
  padding: 10px 0;
}
.our-office-wrapper {
  padding: 48px 0 48px 0;
}
.title {
  font-size: 48px;
  line-height: 60px;
}
.move-line span {
  display: inline-block;
}
.banner-wrapper {
  padding: 230px 0 60px 0;
}
.performance-content .explore-content {
  max-width: 70%;
}
}

@media all and (max-width:580px) {
.blog-main-header-image, .bounce-back-blog .blog-main-header-image {
  position: absolute;
  right: 0;
  top: 184px;
}
#contact .contact-form-wrapper {
  border-radius: 0px;
}
.subscribe-list input {
  width: 100%;
}
.download-btn {
  margin-left: 0 !important;
  font-size: 22px;
  width: 100% !important;
  margin: 16px 0 10px 0 !important;
}
.customer-slider-wrap.wrapslider-1 {
  left: 0;
}
}

@media all and (min-width:400px) and (max-width:450px) {
.blog-area .heading {
  max-width: 90%;
  margin: 0 auto;
  width: 100%;
}
}

@media all and (max-width:600px) {
.portfolio-grid-item {
  height: 253px;
}
.hidden-frame {
  border: 1px solid transparent;
}
}

@media all and (min-width:576px) and (max-width:580px) {
.hidden-frame {
  max-width: 378px;
}
}

@media all and (min-width:560px) and (max-width:575px) {
.hidden-frame {
  max-width: 392px;
}
}

@media all and (min-width:400px) and (max-width:499px) {
.hidden-frame {
  max-width: 287px !important;
}
.portfolio-grid-item {
  height: 193px !important;
}
}

@media all and (max-width:480px) {
.contact-page .contact-subheading {
  max-width: 100%;
}
.theme-frame-txt .app-icon img {
  max-width: 100%;
  width: 100%;
}
.bottom-frame-txt {
  padding-top: 48px;
  padding-bottom: 48px;
}
.case-wrap-pg .app-identity-wrapper {
  padding: 0px;
}
.app-motive.build-app li h4 {
  font-size: 15px;
}
.build-txt {
  margin-top: 0px;
}
.theme-frame-txt .main-button a {
  padding: 12px 20px;
}
.mobile-idea-image {
  max-width: 90%;
}
.mobile-app-page .sider-work-text h1 {
  font-size: 27px;
  line-height: 26px;
}
.eg-wrap img {
  width: 100%;
  margin: 0 auto;
  max-width: 55%;
}
.portfolio-grid-item {
  height: 174px;
  left: 0px;
}
.hidden-frame {
  max-width: 260px;
  top: 3px;
  left: 0;
}
.l-wrap-1 {
  top: 25.5%;
  left: 33%;
  max-width: 51%;
}
.step-landing-wrapper h2 {
  font-size: 18px;
  line-height: 24px;
}
.step-landing-wrapper p {
  font-size: 14px;
  line-height: 20px;
}
.step-landing-wrapper {
  padding: 8px 12px;
}
.l-wrap-2 {
  top: 31%;
  left: 16%;
  max-width: 72%;
}
.l-wrap-3 {
  top: 38%;
  left: 9%;
  max-width: 72%;
}
.step-landing-wrapper.l-wrap-3:before, .step-landing-wrapper.l-wrap-5:before {
  left: 97%;
}
.l-wrap-4 {
  top: 48%;
  left: 20%;
  max-width: 70%;
}
.l-wrap-5 {
  top: 55%;
  left: 9%;
  max-width: 72%;
}
.l-wrap-6 {
  top: 70%;
  left: 13%;
  max-width: 72%;
}
.l-wrap-7 {
  top: 78%;
  left: 12%;
  max-width: 70%;
}
.app-icon.dev-perform img {
  max-width: 84%;
  width: 100%;
}
.stay-header-bg .post-main-area {
  max-width: 100%;
}
.space-bottom {
  margin-bottom: 40px;
}
.stay-home-blog .blog-main-header-image {
  right: 0;
  top: 230px;
  max-width: 220px;
}
.brand-banner-content {
  max-width: 100%;
}
.browse-btn-desktop.sticky.stick-sidebar #ChaptersContent {
  margin-top: 33px;
}
.browse-btn-desktop.sticky.stick-sidebar {
  top: 78px;
}
.brand-wrapper .move-line span::after {
  bottom: 3px;
}
.brand-guide-content .move-line span::after {
  bottom: 3px;
}
.port-btn-mobile {
  margin-top: 70px;
}
.arrows-mobile-slider {
  top: -10px;
}
.blog-all-btn #ChaptersContent, .blog-all-btn #ChaptersContent1 {
  margin-top: 20px;
}
.bd-pg-back .blog-back-btn {
  margin-left: -6px;
}
.bd-pg-back .bb-title {
  padding-top: 5px;
  font-size: 26px;
}
.bd-page .bd-pg-back {
  max-width: 84%;
}
.corona-era-blog .blog-main-header-image {
  top: 186px;
  max-width: 130px;
}
.bounce-back-blog .blog-main-header-image {
  top: 120px;
}
.blog-all-btn #ChaptersContent, .blog-all-btn #ChaptersContent1 {
  width: 100%;
}
.blog-detail-area {
  margin-bottom: 0;
}
.small-bottom {
  margin-bottom: 16px;
}
.blog-subheading-updated {
  font-size: 21px;
  line-height: 32px;
}
.blog-detail-description.new-blog-description {
  padding: 0 12px;
}
.blog-header-wrapper.sticky.stick-sidebar .browser-wrapper h3 {
  font-size: 16px;
  margin: 0 auto;
  max-width: 100%;
  display: block;
}
.blog-subtitle {
  font-size: 22px;
  line-height: 32px;
}
.blog-main-header-image {
  position: absolute;
  right: 0;
  top: 184px;
  left: 0;
  text-align: center;
  margin: 0 auto;
  max-width: 170px;
  width: 100%;
}
.blog-image.b-image-3 img {
  top: 48px;
}
.b-image-3 {
  margin-bottom: 50px;
}
.bounce-back-blog .blog-main-header-image {
  position: absolute;
  right: 0;
  top: 230px;
  left: 0;
  text-align: center;
  margin: 0 auto;
  max-width: 212px;
  width: 100%;
}
.post-main-area {
  max-width: 100%;
  text-align: center;
}
.post-main-wrapper {
  padding-top: 10px;
  padding-bottom: 200px;
  margin-bottom: 34px;
}
.post-main-wrapper h1 {
  font-size: 27px;
  line-height: 36px;
}
.founded-social-links .social-icons li a {
  font-size: 28px;
  width: 55px;
  height: 55px;
}
.move-line span {
  display: inline-block;
  z-index: 9;
}
.customer-review {
  padding: 30px 0px 40px 0;
}
.featured-wrapper .move-line span::after {
  margin-bottom: -2px;
}
#popupContact .ques-wrapper {
  padding: 120px 0 48px 0;
}
.whatsapp-wrapper .icon-whatsapp {
  padding: 10px;
  font-size: 26px;
}
.whatsapp-wrapper {
  margin-right: 18px;
  margin-bottom: 26px;
}
.image-9-slider {
  top: 27%;
  left: 58%;
  width: 132px;
}
.image-8-slider {
  top: 25%;
  left: 0px;
  width: 200px;
}
.slide-3-main {
  width: 70%;
  margin-top: 40px;
}
.image-4-slider {
  top: 40%;
  left: 56%;
  width: 140px;
}
.image-3-slider {
  top: 30%;
  left: 30px;
  width: 160px;
}
/*.slide-2-main {
    margin-top: 2px;
}*/
/*  .slide-1-main {
    margin-left: -10px;
}*/
.image-1-slider {
  top: 95px;
  left: -14px;
  width: 45%;
}
.image-2-slider {
  top: 16px;
  width: 120px;
}
.confi-arrows .carousel-control-prev, .confi-arrows .carousel-control-next {
  margin-top: 4px;
}
.confi-arrows .carousel-control-prev {
  left: 35%;
}
.confi-arrows .carousel-control-next {
  left: 52%;
}
.home-zig-line .zig-line {
  max-width: 50%;
}
.confident-content .explore-content h3 {
  font-size: 24px;
  line-height: 30px;
  max-width: 94%;
}
.confident-wrapper .performance-slider .slick-slide {
  width: 300px;
}
.performance-slider h2 {
  font-size: 20px;
  line-height: 20px;
}
.confident-wrapper .performance-slider .slick-next.slick-arrow, .confident-wrapper .performance-slider .slick-prev.slick-arrow {
  font-size: 8px;
  width: 40px;
  height: 40px;
}
.confident-wrapper .performance-slider {
  padding: 56px 0 42px 0;
  margin-bottom: 34px;
}
.confident-wrapper {
  padding: 42px 0 72px 0;
  text-align: center;
}
.confident-content .explore-content h3 br {
  display: none;
}
.nav-wrap {
  padding: 16px 20px;
}
nav ul li a, #dropdown-items li a, nav ul li a.quote-btn {
  padding: 13px 20px;
  font-size: 18px;
}
.nav-mobile {
  right: 16px;
  top: 16px;
}
#nav-toggle.active span {
  margin-left: 13px;
}
nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
  margin-right: 7px;
}
.logo-wrapper img {
  max-width: 100px;
}
#nav-toggle {
  top: 12px;
}
.breadcrumb-area {
  padding: 0 12px;
}
.eb-text .eb-heading {
  font-size: 50px;
}
.eb-sub {
  font-size: 16px;
}
.eb-image {
  width: 30%;
  top: 16px;
}
.design-number-area {
  max-width: 100%;
  padding-bottom: 24px;
  padding-top: 0px;
}
.design-num-wrap h3 {
  font-size: 54px;
  line-height: 64px;
}
.design-num-wrap {
  padding: 20px 30px;
}
.modal-close {
  right: 6px;
  top: 14px;
}
.modal-close {
  width: 52px;
  height: 52px;
}
.modal-close:before, .modal-close:after {
  left: 25px;
  height: 25px;
  top: 13px;
}
#popupContact .contact-form-wrapper {
  padding: 100px 12px 70px 12px;
}
.fill-heading h4 {
  font-size: 24px;
  line-height: 34px;
}
#popupContact .contact-image {
  margin-top: 48px;
  text-align: center;
}
.step-detail h2 {
  font-size: 24px;
  line-height: 50px;
}
.step-detail p {
  font-size: 20px;
  line-height: 28px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  max-width: 90%;
  margin: 0 auto;
}
#popupContact .heading {
  font-size: 30px;
  line-height: 42px;
}
}

@media screen and (max-width: 479px) {
.mobile-app-page .slick-prev.pull-left.slick-arrow {
  left: -80px;
}
.mobile-app-page .slick-next.pull-right.slick-arrow {
  right: -80px;
}
.mobile-app-page .process-explore .explore-content h3 {
  margin-bottom: 20px;
}
.mobile-idea-list {
  width: 100%;
  max-width: 95%;
  margin: 0 auto;
  padding: 40px 0 20px 0;
}
.mobile-idea-title {
  font-weight: 900;
  padding: 24px 0;
}
.mobile-idea-subcontent {
  max-width: 95%;
}
/*.mobile-app-page .slick-prev.pull-left.slick-arrow {
    left: 32%;
}*/
.mobile-app-page .slide-work-wrap {
  margin: 30px 20px;
}
.mobile-app-page .slide-work-content {
  margin-top: 148px;
}
.mobile-app-page .sider-work-text {
  padding: 30px 20px 30px 20px;
}
.mobile-app-page .sider-work-text p {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 10px;
}
.review-founder-card {
  max-width: 90%;
}
.mobile-app-page .work-txt-details h3 strong {
  text-align: center;
}
/*.mobile-app-page .slick-next.pull-right.slick-arrow {
    left: 52%;
  }*/
.mobile-app-page .process-wrapper .process-listing {
  padding: 26px 0;
}
.mobile-app-page .process-explore .explore-content h3 {
  font-size: 28px;
  line-height: 38px;
}
.mobile-app-page .process-wrapper .explore-content {
  max-width: 100%;
  padding-bottom: 20px;
}
.mobile-app-page .process-indicators h3 {
  padding-bottom: 0px;
}
.process-wrapper .heading {
  font-size: 34px;
}
.mobile-app-page .process-wrapper .sub-heading {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
.mobile-app-page .process-wrapper {
  padding: 60px 0 48px 0;
}
.mobile-idea-subcontent .mobile-latest-work .main-button a {
  width: 100%;
  margin: 0 auto;
  padding: 14px 20px;
  margin-bottom: 20px;
}
.mobile-idea-subcontent {
  max-width: 98%;
}
.mobile-idea-image {
  padding-bottom: 36px;
}
.mobile-idea-points .exp-txt {
  font-size: 21px;
  line-height: 32px;
  padding-left: 20px;
  width: 90%;
}
.mobile-idea-wrapper {
  padding: 50px 0;
}
.mobile-idea-content .heading {
  font-size: 32px;
}
.all-mobiles-wrap {
  padding: 16px 0;
}
.breadcrumb-content.pt-4.mobile-app-txt {
  padding-top: 0 !important;
}
.mobile-app-page .sub-title {
  max-width: 100%;
}
.mobile-app-page .contact-subheading {
  padding: 12px 0 0 0;
}
.sub-area {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
.exp-txt {
  font-size: 18px;
}
.founded-image-wrap img {
  margin-bottom: 20px;
}
.expert-list-wrap {
  text-align: left;
  width: 100%;
  margin: 0 auto;
  max-width: 95%;
}
.founded-social-links {
  text-align: center;
  margin-bottom: 10%;
}
.founded-content .heading {
  font-size: 26px;
  line-height: 40px;
}
.expert-list h3 {
  font-size: 28px;
  line-height: 42px;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 10px;
}
.founded-content .sub-heading {
  font-size: 21px;
  line-height: 32px;
}
.founded-social-links .social-icons ul {
  margin-right: 0;
}
.founded-wrapper {
  padding: 32px 0 42px 0;
}
.download-btn {
  position: relative;
  right: 0;
  top: 0px;
  margin-bottom: 30px !important;
}
.ques-wrapper {
  padding: 48px 0 0px 0;
}
.confident-wrapper {
  padding: 24px 0 48px 0;
}
.step-detail {
  padding: 0px 16px;
}
.ques-detail .step-detail p {
  max-width: 100%;
}
.ques-detail {
  padding: 42px 0 24px 0;
}
.ques-image-wrap .main-button a {
  padding: 14px 17px;
  font-size: 18px;
}
.ques-image-content h2 {
  padding: 28px 0 20px 0;
}
.ques-image-wrap img {
  max-width: 80%;
}
#popupSlider .customer-slider-wrap {
  padding: 20px 0;
}
.play-btn-wrap .arrow-right {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 11px solid #1d2d35;
}
#customerReviewSlider .carousel-indicators {
  bottom: -43px;
}
.play-btn-wrap i.ripple {
  height: 50px;
  width: 50px;
}
.play-btn-wrap {
  right: 40px;
  bottom: 36px;
}
#customerReviewSlider .carousel-inner {
  padding: 0 8px;
}
#customerReviewSlider .customer-slider-wrap, #customerReviewSlider .parallax {
  padding: 0px 0px;
}
#ChaptersContent, #ChaptersContent1 {
  width: 94%;
}
.chapter-examples.color-area p {
  max-width: 87%;
}
.quote-color {
  font-size: 30px;
  line-height: 42px;
  padding: 20px 0;
}
.promo-card {
  margin: 0 0 20px 0;
  padding: 24px 20px;
}
.promo-card h2 {
  font-size: 20px;
  line-height: 30px;
}
.color-area .no-arrow-eg {
  padding: 0px 0;
}
#needBrand .chapter-detail p.mb {
  margin-bottom: 0px;
  width: 87%;
}
.chapter-detail h6 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 15px;
}
.chapter-examples ul li.no-arrow-eg:before {
  width: 10%;
}
.diff-area {
  margin-bottom: 44px !important;
}
.chapter-detail p.mb {
  margin-bottom: 10px;
}
.brand-sub-email {
  max-width: 100%;
}
.brand-guide-content h4 {
  font-size: 24px;
  line-height: 36px;
}
.brand-image-tab {
  max-width: 40%;
}
.chapter-examples {
  padding: 16px 18px;
}
.chapter-detail h3 {
  font-size: 22px;
}
.chapter-detail .chap-width-p {
  max-width: 100%;
  margin: 0 auto;
}
.chapter-examples p {
  font-size: 22px;
  line-height: 36px;
}
.chapter-detail p {
  font-size: 17px;
  line-height: 30px;
  padding: 12px 0;
}
.chapter-detail .color-m-left {
  padding: 3px 0;
}
.chapter-detail h3 {
  margin: 20px auto 10px auto;
}
.chapter-name {
  font-size: 26px;
  line-height: 36px;
  max-width: 90%;
}
.chapter-content, .chapter-name {
  max-width: 96%;
}
.chapter-number {
  font-size: 22px;
  line-height: 26px;
}
.chapter-wrapper {
  padding: 48px 0;
}
.brand-wrapper {
  padding: 50px 0;
}
.chapter-examples p.mb {
  margin-bottom: 0;
}
.chapter-examples p {
  padding: 7px 0;
}
.brand-banner-content p {
  font-size: 19px;
  line-height: 32px;
}
.chapter-examples ul li:before {
  top: 17px;
  padding-right: 10px;
}
.chapter-detail .seven-eg p.mb {
  margin-bottom: 0;
}
.brand-banner-content .title {
  font-size: 32px;
  line-height: 44px;
  margin-bottom: 10px;
}
.chap-icon {
  margin-left: 8px;
}
.btn-chapters {
  font-size: 18px;
}
.m-p-block {
  display: block;
}
.download-brand-image {
  display: none;
  max-width: 80%;
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
}
.app-switcher .day-mode, .app-switcher .night-mode {
  font-size: 28px;
}
.app-switcher .switch {
  height: 65px;
  width: 240px;
}
.app-switcher input:checked + .slider:before {
  -webkit-transform: translateX(170px);
  -ms-transform: translateX(170px);
  transform: translateX(170px);
}
.app-switcher .slider:before {
  height: 44px;
  width: 46px;
  left: 10px;
}
.marvel-device.iphone-x {
  width: 360em;
}
.app-identity-wrapper {
  padding: 30px 0 0px 0;
}
.app-icon {
  width: 88px;
  height: 88px;
  padding: 20px;
}
.app-motive {
  padding: 24px 0 36px 0;
}
.app-motive li h4, .app-barcode-wrapper h4 {
  font-size: 18px;
  padding-top: 10px;
}
.app-motive li {
  margin-right: 14px;
}
.app-motive li:last-child {
  margin-right: 0px;
}
.prev-case-study a, .next-case-study a {
  font-size: 8px;
  width: 44px;
  height: 44px;
}
.case-study-page .performance-content .explore-content .main-button {
  margin-bottom: 50px;
}
.case-pagination {
  padding: 36px 0 36px 0;
}
.blog-ads .main-button a {
  width: 100%;
}
.graphic-two {
  top: -210px;
  padding: 20px 22px;
}
.graphic-two, .graphic-one, .graphic-three, .graphic-seven, .graphic-five, .header-bg {
  animation-name: none !important;
}
.header-graphic h2 {
  font-size: 14px;
  padding-top: 10px;
}
.graphic-one img {
  width: 90px;
}
.graphic-one {
  top: -200px;
  left: 25%;
}
.graphic-five {
  right: 0%;
  bottom: -50px;
  padding: 20px 20px;
}
.graphic-seven img {
  width: 22px;
}
.graphic-seven {
  bottom: -10px;
  left: 43%;
  padding: 14px;
  z-index: 2;
}
.banner-content {
  padding-top: 24%;
}
.header-graphic .ripple, .header-graphic .ripple:after, .header-graphic .ripple:before {
  height: 24px;
  width: 24px;
  z-index: -1;
}
.header-bg {
  width: 92%;
  height: 650px;
}
.graphic-two img, .graphic-five img, .graphic-three img {
  width: 60px;
}
.graphic-three {
  top: -120px;
  padding: 14px 26px;
  left: 0px;
}
.subscribe-list {
  padding: 40px 0 8px 0;
}
#popupContact .contact-image, #contact .contact-image {
  margin-top: 48px;
}
#popupContact .contact-image img, #contact .contact-image img {
  max-width: 60%;
}
.fill-heading h4 strong {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
#contact .contact-form-wrapper {
  padding: 48px 20px;
}
#contact .heading {
  font-size: 30px;
}
.performance-wrapper {
  overflow: hidden;
}
.performance-fixed-area {
  padding-left: 0px;
}
.performance-list {
  min-height: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  border-radius: 10px;
}
.heading, .need-content .heading {
  font-size: 30px;
  line-height: 40px;
}
.move-line span::after {
  bottom: 3px;
  z-index: -1;
}
.business-content .sub-heading {
  max-width: 100%;
}
.sub-heading {
  font-size: 23px;
  line-height: 32px;
}
.business-list {
  padding: 20px 16px;
  margin: 8px;
}
.business-identity {
  padding-bottom: 8px;
  min-height: auto;
}
.business-identity img {
  max-width: 70px;
  height: 70px;
}
.business-title h4 {
  font-size: 20px;
  line-height: 22px;
}
.main-button a, .send-btn, .download-btn {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 14px 26px;
}
.business-wrapper .explore-content strong {
  margin-right: 0;
  display: block;
}
.business-wrapper .explore-content h3 {
  font-size: 24px;
  line-height: 30px;
}
.business-wrapper, .services-wrapper, .customer-wrapper, .plan-wrapper, .contact-wrapper, .why-area, .blog-wrapper, .connect-wrapper {
  padding: 32px 0;
}
.business-content {
  max-width: 92%;
  width: 100%;
  margin: 0 auto;
}
.business-listing {
  padding: 8px 0 24px 0px;
}
.services-content .sub-heading {
  max-width: 80%;
  margin: 0 auto;
  width: 100%;
}
.page-breadcrumb {
  padding: 24px 0 0 0;
}
.breadcrumb-item, .breadcrumb-item.active {
  font-size: 18px;
}
.breadcrumb-item+.breadcrumb-item::before {
  font-size: 42px;
  top: -15px;
}
.portfolio-wrapper {
  padding: 16px 8px;
}
.portfolio-content {
  padding: 16px 20px;
}
.portfolio-content h2 {
  font-size: 26px;
  line-height: 30px;
  padding-bottom: 4px;
}
.portfolio-info {
  display: block;
  padding-top: 0px;
}
.portfolio-info .link {
  display: block;
  padding: 4px 0 0 0;
  text-align: left;
}
.link a {
  font-size: 18px;
}
.portfolio-overlay-content {
  font-size: 20px;
}
.portfolio-ads {
  padding: 48px 16px;
  margin: 0px 0px 20px 0;
}
.explore-content h3 {
  font-size: 26px;
  line-height: 36px;
  max-width: 90%;
  margin: 0 auto;
  width: 100%;
}
.explore-content strong {
  margin-right: 0;
  display: block;
}
.portfolio-ads .main-button a {
  padding: 18px 18px;
  width: 95%;
}
.portfolio-info .portfolio-detail {
  display: block;
  font-size: 17px;
}
.connect-content .main-button {
  padding: 24px 0 24px 0;
}
.review-info p {
  font-size: 18px;
  line-height: 28px;
}
.review-box {
  padding: 32px 30px 24px 30px;
}
.review-info h3 {
  font-size: 18px;
}
.blog-detail-wrapper {
  padding: 32px 12px;
}
.footer-logo {
  max-width: 130px;
  margin: 0 auto;
}
footer {
  padding: 48px 10px 64px 10px;
}
.footer-detail p {
  font-size: 18px;
  line-height: 28px;
}
.link-list li {
  padding: 10px 18px;
}
.link-list {
  padding: 20px 0 0 0;
}
.footer-detail {
  padding: 30px 0 0px 0;
}
.social-icons {
  padding: 24px 0 0 0;
}
.footer-detail p span {
  display: block;
}
.sub-title {
  font-size: 24px;
  line-height: 32px;
  max-width: 90%;
}
.contact-subheading .sub-title br {
  display: none;
}
.contact-icons {
  padding-top: 24px;
  padding-bottom: 16px;
}
.contact-icons a span {
  font-size: 36px;
}
.contact-icons a {
  width: 70px;
  height: 70px;
}
.contact-icons .icon-contact-mail {
  font-size: 26px;
}
.contact-icons li {
  margin: 0 14px;
}
.contact-icons h4 {
  font-size: 18px;
  padding-top: 10px;
}
.contact-form-wrapper {
  padding: 32px 20px;
}
.selecionado_opcion {
  margin-top: 10px;
}
.input-field .label, .selecionado_opcion {
  font-size: 18px;
}
.icon_select_mate {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #ffffff4d;
  top: 58%;
}
.contact-form {
  max-width: 95%;
  margin: 10px auto 0 auto;
}
.contact-page-wrapper .submit-btn {
  margin: 28px 0 12px 0;
}
.blog-detail h2 a {
  font-size: 24px;
  line-height: 32px;
}
.blog-detail h6 {
  padding: 8px 0;
}
.blog-list {
  margin: 24px 0;
}
.blog-detail-description h2 {
  margin-bottom: 10px;
}
.blog-detail-content h1 {
  font-size: 32px;
  line-height: 42px;
}
.blog-detail-info p {
  font-size: 18px;
}
.blog-detail-description p {
  font-size: 18px;
  line-height: 30px;
  padding: 14px 0;
}
.blog-back-btn {
  width: 56px;
  height: 56px;
  font-size: 24px;
}
.blog-detail-description h3 {
  font-size: 20px;
  line-height: 30px;
}
.blog-detail-description h2 {
  font-size: 24px;
  line-height: 30px;
  padding: 0px;
}
.mb {
  margin-bottom: 20px;
}
.blog-detail-description li {
  font-size: 18px;
  line-height: 30px;
  padding-left: 0px;
  margin-left: 24px;
  padding-top: 8px;
}
.thank-wrapper {
  padding: 80px 20px 60px 20px;
}
.thank-content h2 {
  font-size: 40px;
  line-height: 50px;
}
.thank-content p {
  font-size: 20px;
  line-height: 28px;
}
.about-page .breadcrumb-content .heading {
  font-size: 28px;
  line-height: 36px;
}
.design-agency-content .heading {
  font-size: 32px;
  line-height: 44px;
}
.excellence-banner {
  padding: 50px 12px 16px 12px;
}
.experience-wrapper {
  padding: 32px 0 8px 0;
}
.our-people-content .sub-heading, .our-office-content .sub-heading, .design-agency-content .sub-heading {
  max-width: 92%;
  font-size: 20px;
  line-height: 28px;
}
.our-people-wrapper {
  padding: 70px 0 0 0;
}
.img-row img {
  height: 86px;
}
.our-office-wrapper {
  padding: 40px 0 40px 0;
}
.office-graphics {
  padding: 10px 0;
}
.title {
  font-size: 48px;
  line-height: 62px;
}
.banner-content .sub-title {
  max-width: 94%;
}
.banner-wrapper {
  padding: 230px 0 32px 0;
}
.services-listing {
  padding: 0;
}
.service-detail li {
  margin: 16px 0;
}
.service-list {
  padding: 24px 16px 16px 16px;
}
.service-detail li:last-child {
  margin-bottom: 8px;
}
.featured-identity {
  margin: 12px auto;
  max-width: 100%;
  width: 100%;
}
.featured-wrapper .sub-heading {
  padding: 0 26px;
}
.featured-list {
  max-width: 86%;
  margin: 12px auto;
}
.performance-slider .slick-slide {
  width: 290px;
}
.performance-content .explore-content {
  max-width: 90%;
}
.performance-content .explore-content h3 {
  font-size: 23px;
  line-height: 32px;
}
.performance-wrapper {
  padding: 0px 0px 50px;
}
.featured-wrapper {
  padding: 16px 0 0 0;
  margin: 24px 20px;
}
.performance-slider .slick-slide {
  margin: 0 8px;
}
.process-wrapper {
  padding: 56px 0 48px 0;
}
.process-listing {
  max-width: 96%;
  padding: 0 0 20px 0;
}
.define-list, .design-list, .expand-list {
  padding: 24px 24px 16px 24px;
}
.process-explore .explore-content h3 {
  font-size: 24px;
  line-height: 32px;
}
.process-explore {
  padding: 10px 0;
}
.customer-content .heading {
  font-size: 22px;
  line-height: 32px;
}
.plan-listing {
  padding: 0 12px;
}
.need-content .heading br {
  display: none;
}
.advantage-list h3 {
  font-size: 24px;
  line-height: 34px;
}
.advantage-list li {
  font-size: 20px;
  line-height: 32px;
}
.advantage-list ul {
  padding: 16px 0 0 0;
}
.advantage-wrapper {
  padding: 10px 0 10px 0;
}
.why-content img {
  max-width: 120px;
}
.why-title h4 {
  font-size: 20px;
  padding-top: 20px;
  line-height: 30px;
}
.why-list {
  padding: 30px 16px 30px 16px;
}
.app-designs {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-width: 100%;
  -moz-column-width: 100%;
  column-width: 100%;
  padding-bottom: 0px;
  padding-left: 12px;
  padding-right: 12px;
}
}

@media (max-width: 450px) {
.app-designs {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-width: 100%;
  -moz-column-width: 100%;
  column-width: 100%;
}
}

@media (max-width: 430px) {
.mobile-app-page .title {
  font-size: 40px;
  line-height: 48px;
}
.mobile-app-page .main-button a {
  width: 98%;
}
.mobile-latest-work .main-button, .mobile-latest-work .link {
  padding: 10px 6px;
}
.mobile-app-page .sider-work-text p {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 10px;
}
.mobile-app-page .slide-work-wrap {
  margin: 30px 10px;
}
.mobile-container iframe {
  width: 360px;
}
}

@media (max-width: 360px) {
.stay-home-blog .blog-main-header-image {
  right: 0;
  top: 268px;
  max-width: 220px;
}
}

@media (max-width: 350px) {
.mobile-app-page .title {
  font-size: 35px;
  line-height: 41px;
}
.sub-heading {
  font-size: 22px;
  line-height: 32px;
}
.title {
  font-size: 42px;
  line-height: 52px;
}
.graphic-one {
  top: -200px;
  left: 19%;
}
.main-button a, .send-btn, .download-btn {
  font-size: 22px;
  padding: 14px 19px;
}
.portfolio-ads .main-button a {
  padding: 12px 18px;
  width: 100%;
  font-size: 20px;
}
.portfolio-info .portfolio-detail, .input-field .label, .selecionado_opcion {
  font-size: 16px;
}
.portfolio-content h2 {
  font-size: 22px;
  line-height: 28px;
}
.send-btn {
  width: 100%;
  padding: 12px 22px;
  font-size: 20px;
}
.explore-content h3 {
  font-size: 26px;
  line-height: 32px;
}
.footer-detail p {
  font-size: 16px;
}
.review-info p {
  font-size: 16px;
  line-height: 26px;
}
.review-info h2 {
  font-size: 22px;
}
.review-info h3 {
  font-size: 16px;
}
.review-box {
  padding: 32px 20px 24px 20px;
}
.link-list li a {
  font-size: 18px;
}
.social-icons li a {
  font-size: 32px;
  width: 60px;
  height: 60px;
}
.link-list li {
  padding: 10px 14px;
}
.contact-icons li {
  margin: 0 6px;
}
.sub-title {
  font-size: 20px;
  line-height: 28px;
}
.blog-ads .explore-content h3 {
  font-size: 21px;
  line-height: 30px;
}
.blog-ads .main-button a {
  padding: 14px 22px;
  font-size: 18px;
}
.blog-detail-content h1 {
  font-size: 28px;
  line-height: 38px;
}
.thank-content h2 {
  font-size: 34px;
  line-height: 46px;
}
.thank-content p {
  font-size: 18px;
  line-height: 24px;
}
.eb-text .eb-heading {
  font-size: 48px;
}
.eb-sub {
  font-size: 14px;
}
}

@media (min-width: 576px) {
#brandGuide .modal-dialog {
  max-width: 440px;
}
}

@media (max-width: 350px) {
.mobile-container {
  font-size: 0.7px;
}
}

@media (max-width: 320px) {
.mobile-container iframe {
    width: 315px;
}
}

/* --------------------------------------------
RESPONSIVE CSS ENDS
-------------------------------------------- */