@media only screen and (max-width: 1699px) {
    .left-her { left: 45px;}
    .right-her { right: 45px;}
    .left-her img {max-width: 400px;}
    .right-her img{ max-width:425px}

    /* page5*/
    section.about-foodland .row {padding-top: 180px;}
    .foo-text .capital h3 {font-size: 150px !important;line-height: 1;}
    .abt-img-wrapper img { top: -186px; max-height: 800px;}
    section.white-bg-screen .container:after{bottom: -30px; left: 25px;}
     section.ch-main {margin-top: 100px;}
}

@media only screen and (max-width: 1499px) {
    .he-text h1 label { font-size: 65px; }
    .he-text h1 { font-size: 90px;}
    .com-head{font-size: 80px;}
    .app-des .owl-theme .owl-nav,.app-des .owl-dots { display: none;}
    .md-hi h1 {font-size: 60px;}
    .md-hi span::before { width: 340px;
        height: 100px;left: -25px;}
    .innerpic03 { bottom: 0;}
    .md-site { margin-top: -210px; }
    .ft-heading {font-size: 60px;}
    .s_color_clde span { height: 40px; width: 250px; margin-bottom: 25px;}
    .s_color_clde h5 {font-size: 30px !important;}

    .ele-servces li:first-child { font-size: 24px;}
    ul.ele-servces li { font-size: 18px;}
    .ft-heading,.alphabets h2.orange,.desing_sfont h5{font-size: 50px;}
    .des-flow::after {width: 310px;height: 450px;}
    .des-flow::before { width: 340px; height: 400px;}
    .style_alpha span,h2.alpa-style-title,.desing_sfont span {font-size: 100px;line-height: 1.2;}
    img.ketbell-img { max-width: 200px;}
    span.impose-ft { width: 200px;height: 70px;}

     /* page5*/
    .foodimage-wrapper img { max-width: 375px;}
    .foodimage-wrapper img:nth-child(2) {margin-left: -40px;}
    .foodland-banner h1 {font-size: 65px !important;line-height: 1.5 !important;}
    section.foodland-banner {padding: 70px 0 0px 0;}
    .about-project p{font-size: 24px !important;}
    h2.f-title.black-text { font-size: 50px;}
    section.about-foodland .row {
    padding-top: 190px;
}
    .foo-text .capital h3 { font-size: 120px !important;}
    .f_font h5 {font-size: 40px !important;margin-bottom: 5px;line-height: 1.2;}
    .f_font h4,.ex_color p{font-size: 24px !important;}
    .ex_color img { max-width: 90px;}
    .abt-img-wrapper img { max-height: 665px;}
    .f_wireframe {grid-column-gap: 20px; padding: 0 30px;grid-row-gap: 50px;}
    section.ft-hero { margin-top: 160px;}
    
    /* page6*/
    section.game_banner h1 {font-size: 90px;}
    h2.g_title{font-size: 64px;}
    h3.inner-title{font-size: 50px;margin-bottom: 30px;}
    .g_colorcode span {height: 150px; width: 150px;}
    .g_font span {font-size: 40px; margin-right: 25px;}
    .g_font h5 { font-size: 49px;line-height: 1.5; }
    .commando-img-wrapper img { max-width: 480px;}
    section.game_overview { padding: 90px 0 90px 0;}
    .row.main_solution {margin-top: 90px; margin-bottom: 90px;}
    section.g_wireframe { padding: 90px 0;}
    section.g_our_typography { padding-bottom: 90px;}

    /* page4*/
    .re-headeing {font-size: 90px;}
    .smooth-scroll ul {column-gap: 100px;}
    .mood-box { grid-gap: 30px;}

    /* PAGE 7 */
        .gb-head{font-size: 80px !important;}
    section.gb-banner img { max-width: 1000px;}
    .ab-processin h2 {padding-bottom: 0px;}
    img.exp-gimg {
        margin-top: 0;
    }
   
    .wire-gepic img {
        max-width: 270px;
    }
    .wire-gepic { grid-gap: 30px;}
    .bd-comm {font-size: 40px;}
    .make-test .gb-head {
        font-size: 65px !important;
    }
    .gbe-inner h3{font-size: 150px;}

    section.all-screensed img { max-width: 900px;}
    .ed_colors { max-width: 800px;}
  }

  /* END 1499  */

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

  .he-text h1 {  font-size: 80px;line-height: 1.5;}
  .he-text h1 label {line-height: 1.5;margin-top: 0px;}
  .left-her img { max-width: 300px;}
  .right-her img {max-width: 320px;}
  .com-head { font-size: 60px;line-height: 1.2;}
  .pro-innimg img ,.pro-innimg{ max-width: 400px;}
  img.boy-img{ max-width: 200px;}
  img.mobile-center-img { max-width: 400px;}
  img.girl-img {max-width: 165px;}
  section.solution {  margin-bottom: 0;}
  .col-im h2.com-head { padding-bottom: 50px;}
  .typ-des img { max-width: 215px;}
  ul.tt-text li:first-child { margin-bottom: 50px;}
  ul.tt-text li span h6 {padding-right: 15px;}
  ul.tt-text h2.com-head { font-size: 45px; margin-bottom: 20px; margin-top: 20px;}
  .wire-inner { column-gap: 35px;}
  .next-se a { font-size: 70px; line-height: 1.5;}

  .md-hi span::before { width: 320px;}
  .md-hi h1 {font-size: 52px;line-height: 1.5;}
  .md-himg .innerpic01 img,.md-himg .innerpic02 img,.md-himg .innerpic03 img{max-width: 80px;}
  .innerpic02 {top: 150px;}
  .com-md{font-size: 50px;    line-height: 1.5;}
  .md-th-title { font-size: 30px;}
  .md-th-title {font-size: 30px; line-height: 1.5; padding-bottom: 25px;}
  .slide2text{font-size: 18px;}
  ul.mdch-list li { padding-bottom: 15px;}
  .md-site { margin-top: -165px;}
  .md-th-title {font-size: 24px;}
  .a-type03 span { font-size: 20px;}
  section.md-wirefram { padding-bottom: 100px;}

  .ft-text{font-size: 18px;}
  .ele-servces li:first-child { font-size: 20px;}
  ul.ele-servces li { font-size: 16px;}
  .th-heading{font-size: 24px;}
  .ft-over h2.ft-heading { font-size: 48px;}
  .ft-over {padding-left: 95px;}
  .ft-over::before { width: 80px;}
  .s_color_clde h5 {font-size: 24px !important;line-height: 1.2;}
  .desing_sfont span{margin-right: 80px;}
  .s_color_clde span {width: 200px;}
  .desing_sfont h5{margin-bottom: 50px;}
  .style_alpha span, h2.alpa-style-title, .desing_sfont span {font-size: 80px;}
  span.impose-ft { width: 180px; height: 60px;}
  .de-sec ul li {font-size: 16px;}

  /* page5*/
  .foodimage-wrapper img { max-width: 325px;}
  .foodland-banner h1 {font-size: 54px !important;}
  .foodland-banner h5{font-size: 34px !important;}
  section.foodland-banner { padding: 25px 0 0px 0;}
  h2.f-title,h2.f-title.black-text{font-size: 35px;     padding-left: 26px; line-height: 1.2;margin-bottom: 15px;}
  h2.f-title.black-text:after,h2.f-title.orange:after { height: 50px;top: 0px;width: 7px;}
  .about-project p { font-size: 18px !important;line-height: 30px !important;}
  .ex_color img { max-width: 50px;}
  .foo-text {margin-top: 25px;}
  .f_font h4, .ex_color p { font-size: 20px !important;}
  .abt-img-wrapper img { max-height: 535px;top: -155px;}
  .f_wireframe { margin-top: 55px; grid-template-columns: 1fr 1fr 1fr 1fr;}
  section.white-bg-screen:after{bottom: 30px;}
  .food-display {grid-template-columns: 1fr 1fr 1fr;}
  section.foodflow {padding-top: 60px;}
  .f_font { margin-left: 60px;}

 /* page6*/
  section.game_banner h1 {font-size: 74px;}
  .game_banner-content p{font-size: 24px;margin-top: 15px;}
  h2.g_title {font-size: 50px;margin-bottom: 15px;}
  .g_item img {max-width: 175px;}
  .g_item p{font-size: 20px;}
  section.g_design_process {padding-bottom: 90px;}
  section.g_design_process h2.g_title { margin-bottom: 40px;}
  .problem-content p,.game_overview p{font-size: 18px;line-height: 30px;margin-bottom: 25px;}
  .g_colorcode span {height: 100px;width: 100px;}
  h3.inner-title {font-size: 40px;}
  .g_font h5 { font-size: 34px;line-height: 1.5;}
 .g_font span {font-size: 30px;margin-right: 25px;}
 section.g_user-flow h2.g_title {margin-bottom: 50px;}

 /* page 4*/
.logo-text h1 {font-size: 130px;}
.re-headeing {font-size: 70px;}
.wireex-inner { grid-gap: 30px;}
.wireex-inner img {max-width: 300px;}
.tbox-re ul li p {font-size: 100px;}
.mood-box img:nth-child(2) {max-width: 500px;}
.mood-box img:nth-child(3),.mood-box img:first-child { max-width: 300px;}
section.home-id { padding: 90px 0;}
.respon-home h2.re-headeing { font-size: 70px;}
.resp-text {margin: 0 70px 0 85px;}

/* PAGE 7*/

section.gb-banner img {max-width: 850px;}
h2.gb-head{ font-size: 65px !important; margin-bottom: 36px;}
section.bg-project,.gb-inner {  margin-bottom: 50px;}
.gb-cont p { margin-bottom: 25px;}
section.bg-process { margin-bottom: 90px;}
section.ch-main {  margin-top: 0px;}
img.cha-pic { max-width: 400px;}
.solutionmain { margin-top: 90px;}
.solutionmain h2 {padding-bottom: 15px;}
.sol-bugt h4 {  margin-bottom: 15px;}
.bd-comm {font-size: 30px;    line-height: 1.5;}
.typo-ge { margin-bottom: 90px;}
.gb-solution {margin-bottom: 90px;}
.michromafont h3,.popinsfont h3 { font-size: 34px;line-height: 1.6;}
.aline span,.aline span:last-child {font-size: 200px;line-height: 200px;}
.tex-linebg {margin-bottom: 90px;}
.ge-wirefram h2 { padding-bottom: 30px;}
.wire-gepic img { max-width: 215px;}
.make-test .gb-head { font-size: 46px !important; line-height: 1.5;}
.ge-make-inner { margin-bottom: 60px;}
.de-home h3 { font-size: 40px; line-height: 1.5; padding-bottom: 25px;}
.de-home.blog, .de-home.destination { margin-top: 110px;}
img.exp-gimg { max-width: 600px;}
.makeglobe h5 { font-size: 70px; line-height: 1.2;}
.gbe-inner h3{ margin-top: 160px;}
.sol-bugt h4::before {height: 15px; width: 15px;}
section.deign-pro { margin-bottom: 100px;}

/* edu */
section.education_banner {  padding-top: 120px;}
.education_banner .c_wrapper h1 { font-size: 43px;}
p.ed_pera {font-size: 18px;line-height: 1.5 !important;}
.education_banner #circle { margin-left: -50px;}
section.ed_title_scrolleble { margin-top: 140px;}
.ed_title_scrolleble .m-scroll__title  span { font-size: 30px;line-height: 1.5;padding-left: 25px;}
.ed_title_scrolleble .m-scroll { height: 120px;}
.hex { width: 4em;height: 7em;}
.typography h4 {font-size: 80px;}
.typography h2 { font-size: 60px;}
.grid-wrapper { grid-gap: 15px;}
.grided_content_wrapper p { font-size: 20px;line-height: 1.5;}
span.ed_grid { width: 40px;height: 400px;}
section.all-screensed img {  max-width: 700px;}
h2.ed_title { font-size: 30px; margin-bottom: 20px;}
.abt_clngs {grid-template-columns: 1fr 150px 1fr;}
.abt_clngs .img_ar_wrapper img { max-width: 80px;}
section.education_banner .c_wrapper img { max-width: 80px;}



}
   /* END 1199  */

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

    .he-text h1 { font-size: 65px;}
    .he-text h1 label { font-size: 55px;}
    .right-her{bottom: 100px;}
    body p {font-size: 16px;}
    .com-head { font-size: 40px; }
    .cnround img { max-width: 200px;}
    .cnround h6{font-size: 18px;}
    .center-round { bottom: -95px; }
    .img-text h2 { font-size: 20px;}
    .ele-servces li:first-child { font-size: 20px;}
    ul.ele-servces li { font-size: 16px;}
    ul.ele-servces { margin-top: 20px !important;}
    .de-pro-in img { max-width: 50px; }
    .des-path { grid-template-columns: 1fr 1fr 1fr; text-align: center;grid-gap: 15px;}
    .de-pro-in h3 { font-size: 22px; line-height: 1.2; padding-bottom: 8px; }
    .de-pro-in ul li { margin-bottom: 8px;}
    .de-head h2 { text-align: center;}
    section.design-sec { margin: 80px 0;}
    .de-head { margin-bottom: 50px;}
    .por-header ul li { font-size: 16px; margin-bottom: 15px;}
    .pro-innimg img { max-width: 300px;}
    .pro-innimg { max-width: 280px;}
    img.girl-img { max-width: 128px;}
    img.mobile-center-img { max-width: 300px;}
    img.boy-img { max-width: 160px;}
    section.solution { margin: 80px 0;}
    section.color-type { margin: 80px 0;}
    ul.tt-text h2.com-head {font-size: 25px;}
    ul.tt-text li span h6 { font-size: 18px;}
    ul.tt-text li span label {font-size: 14px; letter-spacing: 1px;}
    .typ-des img { max-width: 155px;}
    section.wirefram h2.com-head { margin-bottom: 50px;}
    .next-se a { font-size: 45px;}
    .next-se img { max-width: 85px;}
    .next-se { padding: 105px 0;}
    .left-her::before, .right-her::before { background-image: unset;}
    .right-her img { max-width: 280px;}
    .left-her img {  max-width: 250px;}

    .md-hi span::before {width: 225px; height: 65px;left: -18px;top: -4px;}
    .md-hi h1 {font-size: 40px;}
    .md-himg .innerpic01 img, .md-himg .innerpic02 img, .md-himg .innerpic03 img {  max-width: 60px;}
    .innerpic01 { top: 70px; left: 10px;}
    .innerpic02 {top: 42px;}
    .com-md { font-size: 40px;}
    .md-innerbox{padding: 0 20px;min-height: 630px;}
    .slide2text { font-size: 16px;}
    .md-site { margin-top: -125px;}
    .typo-inner h2 {  margin-bottom: 25px;}
    .md-th-title,.a-type02 p { font-size: 20px;}
    .a-type03 label:nth-child(2) { margin-left: 50px;}
    .a-type03 span {font-size: 16px;}
    .a-type img { max-width: 200px;}
    .a-type03 .tbox { height: 60px;}
    section.md-wirefram h2 { margin-top: 40px; margin-bottom: 40px;}

    .ft-text { font-size: 16px;}
    .ft-over h2.ft-heading { line-height: 1.2; font-size: 34px; margin-bottom: 45px;padding-bottom: 0px;}
    .over-in h4.th-heading { max-width: 370px;}
    .th-heading { font-size: 18px;}
    .ft-heading, .alphabets h2.orange, .desing_sfont h5 { font-size: 40px;}
    .pro-hein { max-width: 745px;}
    .goal-main .pro-hein { padding-bottom: 15px;}
    section.workmain .pro-hein {margin-bottom: 25px;margin-top: 35px;}
    .text-slider {margin-bottom: 50px;}
    .de-sec ul li { font-size: 16px;}
    .over-in p.ft-text { max-width: 350px;}
    .ftover-text h5{padding-bottom: 35px;}
    .bodybul { margin: 70px 0;}
    .ft-over::before {top: 20px;}
    .de-process .de-sec:nth-child(2),.de-process .de-sec:nth-child(3) { margin-top: 0px;}
    .de-process .de-sec:nth-child(4),.de-process .de-sec:nth-child(5) { margin-top: 30px;}
    .de-process{grid-template-columns: 1fr 1fr 1fr;}
    .des-flow::after { width: 260px; height: 360px;}
    section.des-flow .pro-hein { margin-top: 45px; }
    .des-flow::before { width: 170px; height: 280px;}
    section.design_style {padding: 95px 0 75px 0;}
    .s_color_clde span { width: 170px; height: 30px;}
    section.design_style .inner-wrapper { padding-bottom: 75px; margin-bottom: 50px;}
    .ft-heading, .alphabets h2.orange, .desing_sfont h5 { font-size: 30px;margin-bottom: 25px;}
    .style_alpha span, h2.alpa-style-title, .desing_sfont span { font-size: 55px; margin-right: 60px;}
    h2.alpa-style-title{margin-top: 45px;}
    .desing_sfont h5{margin-top: 35px;}
    .por-tex h2 {line-height: 1.5;}
    .app-screen .goal-main { margin-bottom: 65px;}
    img.ketbell-img { max-width: 130px;}
    section.workmain .pro-hein {max-width: 100%;}

    /* PAGE 5 */
    .foodimage-wrapper img {max-width: 250px;}
    .foodland-banner h1 { font-size: 45px !important;}
    .foodland-banner h5 {font-size: 24px !important;}
    .foo-text .capital h3 { font-size: 70px !important;}
    .f_font h5 { font-size: 28px !important;line-height: 1.5 !important;}
    section.about-foodland::before {background-image: unset;height: 100%;    background: #fff;}
    section.foodflow { margin-top: 0px;}
    .color-bar { grid-gap: 40px;}
    .abt-img-wrapper img { top: unset;}
    section.about-foodland .row {
    padding-top: 89px;

}
    .allscreen-img:first-child { margin-bottom: 50px;}
    section.white-bg-screen:before{background-image: unset;}

    /* PAGE 6*/
    section.game_banner h1 {font-size: 56px;line-height: 1.2;}
    h2.g_title { font-size: 40px;line-height: 1.5;}
    ul.game-services li{font-size: 18px;}
    .g_item img { max-width: 130px;}
    .g_item p { font-size: 16px;}
    section.game_overview { padding: 40px 0 40px 0; }
    .problem-content {max-width: 100%;}
    .row.main_solution {margin-top: 40px; margin-bottom: 40px;}
    h3.inner-title { font-size: 30px;}
    section.g_our_typography .col-md-6 { width: 100%;text-align: center;}
    .g_allcolors { justify-content: center; }
    section.g_our_typography { padding-bottom: 40px;}
    .commando-img-wrapper img {max-width: 400px;margin-top: 40px;}
    img.cta_g-img { margin-bottom: 90px;}
    .bg_game_app {margin-top: 30px;}

    /* PAGE 4*/
    .logo-text { margin-bottom: 120px;}
    .logo-text h1 { font-size: 85px; line-height: 1.5;}
    .logo-text p {max-width: 100%;}
    .re-text{font-size: 16px;}
    ul.ele-servces li { font-size: 14px;}
    .ele-servces li:first-child {font-size: 16px; padding-right: 30px;}
    .re-headeing { font-size: 55px; line-height: 1.5;}
    .re-us { margin-top: 90px;margin-bottom: 50px;}
    .smooth-scroll ul { column-gap: 30px;}
    .wrapperRollingText { margin-top: 50px;}
    .smooth-scroll { padding-bottom: 100px;}
    section.re-timeline h2.re-headeing { padding-top: 50px; padding-bottom: 30px; }
    .time-desc img { height: 41px;}
    .time-desc h5 { font-size: 20px; margin-bottom: 20px;}
    .time-desc ul li { font-size: 16px;}
    .time-desc ul li:first-child { padding-top: 0 !important;}
    .time-desc {margin-bottom: 30px;}
    .timeinex { margin-bottom: 90px;}
    .typo-color label { width: 200px; height: 55px;}
    .typo-color label span { font-size: 14px;}
    .logo-text { margin-bottom: 90px;}
    .typo-color label::after { right: -134px;border-top: 28px solid transparent; border-bottom: 28px solid transparent;border-right: 109px solid transparent; border-left: 25px solid #64BDD3;}
    .tbox-re ul li span,.tbox-re ul li label{padding-right: 25px;font-size: 22px; }
    .tbox-re ul li p { font-size: 40px;line-height: 1.2;}
    .tbox-re ul li:first-child { grid-gap: 20px;}
    .tbox-re ul li:last-child {justify-content: unset;grid-gap: 50px;}
    .re-timeline h2.re-headeing { text-align: center;}
    .re-headeing { font-size: 40px;}
    section.mood-main { padding: 80px 0; }
    .mood-box img:nth-child(2) { max-width: 400px;}
    .wireex-inner img {max-width: 225px; }
    .wireex-inner img:nth-child(2),.wireex-inner img:nth-child(3) {margin-top: 0;}
    section.ex-wirefram h2.re-headeing {position: unset;text-align: center;text-transform: capitalize;}
    .wireex-inner,section.home-id { padding: 40px 0;}
    .resp-text {margin: 0 50px 0 50px; }
    .respon-home .ex-mood { margin-bottom: 0;}
    .respon-home h2.re-headeing {font-size: 40px;margin-bottom: 15px;}
    .ex-mood h2 {margin-bottom: 15px;}
    .cont-us .ex-mood { text-align: center; margin-bottom: 25px;}

    /* PAGE 7 */
    section.gb-banner img { max-width: 665px;}
    h2.gb-head { font-size: 40px !important;line-height: 1.5;}
    .gb-text {font-size: 16px;line-height: 30px;}
    .wire-gepic img { max-width: 157px;}
    .de-home h3 {font-size: 24px;}
    .gbe-inner h3{font-size: 145px; line-height: 1.2;}
    img.cha-pic { max-width: 300px;}
    .ch-inner ul li {padding: 20px 0 20px 0;}
    .bd-comm { font-size: 24px;}
    .gb-expore-main h3{Font-size: 100px; margin-bottom: 30px;line-height: 1.2;margin-top: 75px; text-align: center;}
    img.exp-gimg {max-width: 400px;}
        /* edu */

.ed_fontography .ed_colors { max-width: 600px;}
.typ_wrapper { max-width: 100%; padding: 40px;}
.typography h2 { font-size: 40px;}
.ed_fontography .font h5,.ed_fontography .typography b,.ed_fontography .typography p,.ed_fontography .typography h5 { font-size: 20px; line-height: 1.5;}
.Heading-wrapper .font h5 { margin-bottom: 15px;}
.education_banner #circle svg { height: 200px;}
section.education_banner { height: 100vh;}
section.about-foodland {
    height: 100%;
}

}
    /* END 991  */

    @media only screen and (max-width: 767px) {
        
        .he-text h1,.he-text h1 label { font-size: 50px;}
        section.ab-section { padding: 80px 0;}
        .ab-inner .row { flex-direction: column-reverse;}
        .pic-cont {text-align: center; }
        .pic-cont img { margin-top: -145px; max-width: 350px;}
        .ab-cont { text-align: center;}
        .com-head { font-size: 30px; }
        .de-pro-in h3 {font-size: 18px;}
        .pro-innimg img, .pro-innimg { max-width: 260px;}
        .por-header {text-align: center; margin-top: 30px; }
        .por-header h2 {padding-bottom: 20px;}
        .por-header ul { text-align: left; margin: auto;max-width: 500px;}
        section.pro-sect { padding: 80px 0;}
        .solution h2 { margin-bottom: 20px; }
        img.boy-img { max-width: 125px;}
        img.girl-img { max-width: 100px;}
        .col-types { padding: 0; text-align: center;}
        .typ-des { margin-bottom: 25px;}
        ul.tt-text h2.com-head { font-size: 20px; }
        .wire-inner img:nth-child(even) { margin-top: 0;}
        .wire-inner { column-gap: 20px;grid-template-columns: 1fr 1fr 1fr;}
        .elect-fashion .img-text img { max-width: 50px;}
        .son-inner { text-align: center;}
        .iphmen { margin-top: 40px; }
        .left-her {  left: 0;}.right-her {right: 0;}

        .md-himg { text-align: center; }
        .md-himg img { max-width: 320px;}
        .md-hi { text-align: center; }
        .md-hi img {margin-bottom: 20px;}
        .md-hero-inner .row { flex-direction: column-reverse; height: unset;}
        .md-hi img {margin-bottom: 15px;margin-top: 15px;}
        .innerpic02 { right: 50px;}
        .innerpic03 {left: 35px;}
        .md-hi span::before { width: 215px;}
        .md-hi h1{margin-bottom: 15px;}
        .md-hi img { max-width: 90px;}
        .md-chbox.Challanges,.md-chbox { background: linear-gradient(180deg, rgba(92,161,99,1) 0%, rgba(92,161,99,1) 72%, rgba(92,161,99,1) 100%);margin-bottom: 80px;padding: 5px 5px; }
        .md-site { margin-top: 0;}
        .medi-inner { text-align: center; }
        span.medisection {font-size: 15vw; margin-left: 0; padding: 0 10px; }
        .md-innerbox { min-height: 400px;}
        .com-md { font-size: 30px;}
        .a-type { text-align: center;}
        .md-th-title, .a-type02 p {font-size: 14px; text-align: center; padding-bottom: 5px !important; }
        .a-type02 h3 { padding-bottom: 15px;}
        .a-type02 p { margin-bottom: 0;}
        .a-type03 {  max-width: 300px;margin: 20px auto 0 auto;}
        .alsc {padding-top: 40px;}
        .idea-in {height: 110px;width: 110px;background: linear-gradient(180deg, rgba(92,161,99,1) 0%, rgba(92,161,99,1) 72%, rgba(92,161,99,1) 100%);}

        .over-in p.ft-text { max-width: 660px; margin: auto;text-align: center;}
        .ftover-text h5 { padding-bottom: 10px; margin-top: 20px; text-align: center;}
        .over-in h4.th-heading { max-width: 660px;margin: auto;font-size: 16px;text-align: center;}
        .ft-over {padding-left: 0px;text-align: center;}
        .ft-heading { font-size: 30px !important;}
        .text-slider span { font-size: 12vw;line-height: 12vw;}
        .text-slider img { width: 70px; height: 70px;}
        .over-in { padding-bottom: 40px;}
        section.ft-hero { margin-top: 60px; text-align: center;}
        .ft-inner h1 { margin-bottom: 15px;}
        ul.ele-servces {justify-content: center !important;}
        .ft-over::before{top: 46px;left: 50%;transform: translateX(-50%);}
        .s_color_clde span { width: 120px; height: 20px;}
        .s_color_clde h5 { font-size: 18px !important;text-align: center;}
        .des-flow::after,.des-flow::before { background-image: unset !important;}
        .ftflow { margin-top: 30px; }
        .our_color_code { justify-content: center;}
        .ft-heading, .alphabets h2.orange, .desing_sfont h5 {font-size: 24px;text-align: center;line-height: 1.5;}
        .style_alpha span, h2.alpa-style-title, .desing_sfont span { margin-right: 30px;}
        .style_alpha { text-align: center;}
        h2.alpa-style-title { margin-top: 25px; text-align: center;font-size: 30px;    margin-right: 0;}
        .s_fonts .desing_sfont:first-child { width: 100%;}
        .s_fonts { display: block;text-align: center;}
        .pro-hein::before{width: 80px;left: 50%;transform: translateX(-50%);background: rgb(255,110,4);top: 50px;}.por-tex { background: unset;}

        /* PAGE5 */
        section.foodland-banner .row { flex-direction: column-reverse;text-align: center;}
        .about-project {text-align: center; padding-left: 0px;}
        h2.f-title.black-text:after, h2.f-title.orange:after { height: 5px;top: 45px; width: 80px;left: 50% !important;transform: translateX(-50%);    }
        .foo-text,.color-bar {justify-content: center;}
        .foo-text { margin-top: 50px;}
        h2.f-title.black-text {padding-left: 0px; text-align: center;}
        .about-project p {max-width: 840px;padding-bottom: 30px;padding-top: 15px;}
        section.foodflow h2, section.food_wireframe h2, section.all-screen h2 { padding-left: 0px;text-align: center;}
        h2.f-title, h2.f-title.black-text {font-size: 30px;}
        .col-md-4.abt-img-wrapper { text-align: center;}
        section.deign-pro { margin-bottom: 60px;}

        /* PAGE 6*/
        section.game_banner h1 {font-size: 40px;}
        img.game-kingdom { max-width: 140px;}
        .game_banner-content p {font-size: 20px; }
        h2.g_title { text-align: center;font-size: 29px;}
        ul.game-services li, ul.game-services li:first-child {font-size: 16px;margin-right: 00px;}
        ul.game-services {display: block;}
        section.g_design_process { padding-bottom: 40px;}
        .problem-content p, .game_overview p {text-align: center;}
        section.g_problem_solution .row:first-child { flex-direction: column-reverse;}
        .gpro_img_wrapper img { max-width: 350px;}
        .gpro_img_wrapper, .gsol_img_wrapper{text-align: center;    margin-bottom: 40px;}
        .gsol_img_wrapper img { max-width: 450px;}
        section.g_wireframe { padding: 40px 0; }
        .g_colorcode span {height: 80px;width: 80px;margin-bottom: 15px;}
        .g_allcolors { margin-bottom: 0;grid-gap: 30px;}
        .g_colorcode p{font-size: 16px;}
        .g_font h5 {font-size: 20px;margin-bottom: 0px;}
        .g_font span { font-size: 20px; margin-right: 15px;}
        .g_design_items {display: grid;grid-template-columns: 1fr 1fr;}
      
        /* PAGE 4 */
        .logo-text h1 {font-size: 60px; }
        .re-us {margin-top: 40px;text-align: center;margin-bottom: 30px;}
        .wrapperRollingText {margin-top: 30px;}
        .smooth-scroll ul {column-gap: 15px;}
        .smooth-scroll { padding-bottom: 50px;}
        .time-desc img {position: absolute;top: 35px;height: 41px;left: 50%; transform: translateX(-50%); }
        .time-desc { position: relative;}
        .gradint-time { height: 70px;}
        .typo-color { margin: 0 auto; max-width: 225px; margin-bottom: 30px !important;row-gap: 40px;}
        .typo-color label:nth-child(2) { margin-left: 0;}
        .tbox-re ul li{ justify-content: center !important;margin-bottom: 25px;}
        .tbox-re {margin-bottom: 00px;}
        .tbox-re ul li span, .tbox-re ul li label {font-size: 18px;}
        .mood-box img:nth-child(2) {max-width: 290px;}
        .mood-box {grid-gap: 14px;overflow: hidden;}
        .wireex-inner {text-align: center; display: block;}
        .wireex-inner img { max-width: 100%; margin-bottom: 15px; }
        .wireex-inner, section.home-id {padding: 20px 0;}
        .home-id .ex-mood {margin-bottom: 40px;}
        .resp-text { display: block;}
        .respon-home .ex-mood,.ex-picres{text-align: center;}
        .ex-picres img { max-width: 325px;}
        section.respon-home { padding-top: 40px;}
        section.design-mobileparelax-banner.exftbanner {background-size: 100%;min-height: 50vh; background-attachment: unset;background-repeat: no-repeat;}
        section.workmain { margin-top: 40px;}
        
        /* PAGE 7 */
        section.gb-banner img { max-width: 530px;}
        img.lap-gb { max-width: 400px;}
        .gbs-inner img { height: 35px;}
        .ge-desing { margin-bottom: 70px;}
        .de-home.blog, .de-home.destination,.de-home.about { margin-top: 50px;}
        .de-home h3,h2.gb-head{ text-align: center;}
        section.bg-project, .gb-inner {text-align: center;}
        .ab-pro .row { flex-direction: column-reverse;}
        .gbe-inner h3{font-size: 100px;margin-bottom: 30px;line-height: 1.2; margin-top: 75px;text-align: center;}
        
        .gb-expore-main {margin-bottom: 60px;}
        .ch-inner ul li {font-size: 16px; padding: 15px 0 15px 0;text-align: center;}
        .chalenge_img { margin: 50px auto 0 auto; text-align: center;}
       .gb-solution { padding: 40px 40px 40px 60px; margin-bottom: 60px;}
        .typo-fontge{grid-gap: 100px;}
        h2.gb-head { font-size: 30px !important;}
        .typ-text-in img { height: 100px;    margin-bottom: 25px;}
        .typo-ge { margin-bottom: 50px; }
        .michromafont h3, .popinsfont h3 {font-size: 24px; }
        .aline span, .aline span:last-child {font-size: 105px; line-height: 1.8; }
        .mco-in {grid-gap: 55px; margin-top: 55px;margin-bottom: 15px;}
        .wire-gepic img { max-width: 115px;}
        .wire-gepic { grid-gap: 15px;}
        .make-test .gb-head { font-size: 28px !important;}
        section.ch-main { margin-bottom: 90px;}
        .make-test { text-align: center;}
        .make-test img ,img.glob-fl,img.flight-in{ max-width: 400px; }
        .makeglobe { text-align: center; margin-top: 30px;}
        .de-home h3 { font-size: 18px;}
        .gb-serch { background-image: unset;padding: 50px 0;}
        .gbs-inner img { height: 25px;}
        .gb-serch { padding: 30px 0; }
        .ft-inner h1 { text-shadow: -2px 1px 2px #ffffff;}

        /* edu */

section.education_banner .c_wrapper img {  position: absolute; top: 73px; left: 50%;transform: translateX(-50%); max-width: 60px;}
section.education_banner { padding-top: 150px;text-align: center;}
img.edu-banner {  max-width: 300px; margin-bottom: 25px;}
section.education_banner .c_wrapper h1 { font-size: 36px;margin-bottom: 15px;}
section.education_banner .row { flex-direction: column-reverse;}
.education_banner div#circle { display: none;}
section.ed_title_scrolleble {  margin-top: 160px;}
.ed_title_scrolleble .m-scroll__title  span { font-size: 14px;}
.ed_title_scrolleble .m-scroll { height: 90px;}
section.abt_education { padding: 50px 0 60px 0;}
section.abt_education p.ed_pera { margin-bottom: 50px; text-align: center;}
.abt_clngs { display: block; text-align: center;}
h2.ed_title { text-align: center; font-size: 24px;}
.abt_clngs .img_ar_wrapper img { margin-bottom: 20px;}
 section.ed_fontography { margin: 60px 0 60px 0;}
.ed_fontography .ed_colors { max-width: 450px;margin-top: 30px; margin-bottom: 50px;}
.typography h4 { font-size: 36px;}
.ed_fontography .ed_colors .hex { width: 3em; height: 5em;}
.ty_cont_wrapper { text-align: center; margin-bottom: 30px;}
.typ_wrapper {  padding: 25px;}
span.ed_grid { height: 250px;}
.grid-wrapper { margin-bottom: 30px;}
.grided_content_wrapper p { font-size: 16px; margin-bottom: 15px;}
 section.oured_grid {  padding: 50px 0;}
section.all-screensed img {  max-width: 500px;}
.ed_fontography .font h5, .ed_fontography .typography b, .ed_fontography .typography p, .ed_fontography .typography h5 { font-size: 16px;}
.typography h2 { font-size: 36px;}
.all-screensed { margin: 50px auto 50px auto;}
.typography {  margin-top: 30px;padding: 0;}
h2.ed_title { font-size: 20px;}
.ed_fontography .ed_colors { max-width: 100%; margin-top: 30px; margin-bottom: 25px;grid-gap: 30px;justify-content: center;}
.ed_fontography .ed_colors .hex { width: 3em;  height: 3em;}
section.about-foodland {
    background-image: none;
    background-color: #fff;
    padding-bottom: 20px;
}
section.about-foodland .row {
    padding-top: 48px;
}
   }

    /* END 767  */

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

        .heading-app h2.com-head {margin-bottom: 50px;text-align: center; }
        .he-text h1, .he-text h1 label { font-size: 30px;}
        .left-her img { max-width: 120px; }
        .right-her img { max-width: 135px;}
        .hero-main,.ch-hero-section { height: 70vh;}
        .center-round { bottom: -65px;}
        .cnround img { max-width: 150px; }
        .cnround h6 {font-size: 14px; }
        .img-text { margin-top: 115px;}
        body p { font-size: 14px; }
        ul.ele-servces { display: block;  max-width: 120px; margin: auto;}
        .ele-servces li:first-child {font-size: 16px;line-height: 1.2; padding-right: 0px;}
        ul.ele-servces li { font-size: 14px; padding-right: 0px; margin-right: 0px;}
        ul.ele-servces li::after { background: unset;}
        .com-head {font-size: 24px;}
        .des-path {grid-template-columns: 1fr 1fr;}
        .pro-innimg img, .pro-innimg {  max-width: 190px;}
        .de-pro-in ul li {font-size: 14px;margin-bottom: 3px;}
        section.design-sec,section.pro-sect{ margin: 40px 0;}
        .de-pro-in img { max-width: 35px; margin-bottom: 20px;}
        .por-header ul li { font-size: 14px; margin-bottom: 5px; }
        .por-header p { max-width: 100; margin-bottom: 15px; }
        section.solution { margin-top: 40px;}
        img.boy-img,img.girl-img { display: none;}
        .typ-des img { max-width: 130px;}
        .mb-image { margin: 40px 0;}
        .app-slider { margin-bottom: 80px;}
        .next-se a {font-size: 25px;padding-right: 15px;}
        .next-se img {max-width: 40px;}

        .md-himg img {
            max-width: 220px;
            margin-top: 45px;
        }
        .md-himg .innerpic01 img, .md-himg .innerpic02 img, .md-himg .innerpic03 img { max-width: 45px;}
        .md-hi span::before { width: 195px;}
        .md-hi h1 {font-size: 35px;}
        .com-md { font-size: 24px;}
        .slide2text {font-size: 14px;}
        .md-innerbox {min-height: 350px;}
        .typo-inner h2 {margin-bottom: 0px;margin-top: 40px;}
        .a-type img { max-width: 160px;}
        .md-wire { grid-template-columns: 1fr;}
        .wiremd { margin-bottom: 15px;}
        .a-type03 span { font-size: 14px;}

        .ft-text {font-size: 14px;}
        .ft-inner ul.ele-servces { display: block !important;}
        .ft-heading { font-size: 24px !important;}
        .text-slider img {width: 50px; height: 50px;}
        .de-process { grid-template-columns: 1fr;margin: auto;max-width: 180px;}
        span.impose-ft img { max-width: 50px;}
        .de-sec ul li { font-size: 14px;margin-bottom: 15px;}
        .de-process .de-sec:nth-child(2), .de-process .de-sec:nth-child(3),.de-process .de-sec:nth-child(4), .de-process .de-sec:nth-child(5) {margin-top: 15px;}
        .s_color_clde span {width: 85px; height: 15px;margin-bottom: 15px;}
        .s_color_clde h5 { font-size: 14px !important;text-align: center;}
        .ft-heading, .alphabets h2.orange, .desing_sfont h5 { font-size: 18px;text-align: center;line-height: 1.5; margin-bottom: 15px;}
        .style_alpha span, h2.alpa-style-title, .desing_sfont span {font-size: 30px;}
        h2.alpa-style-title { font-size: 20px;}
        img.ketbell-img {max-width: 80px;}
        section.design_style { padding: 50px 0 50px 0;}
        section.design_style .inner-wrapper {padding-bottom: 50px;margin-bottom: 50px; }

         /* PAGE5 */
        .foodimage-wrapper img { max-width: 150px;}
        .foodimage-wrapper img:nth-child(2) { margin-left: -15px;margin-top: 50px;}
        .foodland-banner h1 {font-size: 35px !important;}
        .foodland-banner h5 {font-size: 18px !important;line-height: 1.2 !important;}
        h2.f-title, h2.f-title.black-text {font-size: 24px;}
        .about-project p { font-size: 14px !important;}
        .foodland-banner .content-wrapper { margin-top: 30px;}
        .f_font { margin-left: 30px;}
        .foo-text .capital h3 { font-size: 45px !important;}
        .f_font h5 { font-size: 20px !important;}
        .f_font h4, .ex_color p {font-size: 16px !important;}
        .color-bar {grid-gap: 20px;}
        .abt-img-wrapper img {max-height: 380px;}
        h2.f-title.black-text:after, h2.f-title.orange:after { height: 4px; top: 35px;}
        .f_wireframe { grid-template-columns: 1fr 1fr;grid-row-gap: 15px;}
        section.foodflow { padding-top: 30px; padding-bottom: 50px;}
        img.foodflow-img { margin-top: 30px;}
        section.food_wireframe {padding-bottom: 50px;}
        .allscreen-img:first-child {margin-bottom: 30px; margin-top: 30px;}
        section.white-bg-screen:after,section.white-bg-screen .container:after{background-image: unset;}
        section.white-bg-screen {padding: 50px 0 50px 0; }
        .food-display {grid-template-columns: 1fr 1fr;}

        /* PAGE 6*/
        section.game_banner h1 { font-size: 29px;}
        img.game-kingdom { max-width: 90px;}
        .game_banner-content p {font-size: 16px;margin-bottom: 15px;}
        h2.g_title {font-size: 20px;}
        .problem-content p, .game_overview p {font-size: 14px;line-height: 24px;}
        ul.game-services li, ul.game-services li:first-child {font-size: 14px;line-height: 24px;}
        ul.game-services { margin-bottom: 30px;}
        .gpro_img_wrapper img { max-width: 250px;}
        .gsol_img_wrapper img { max-width: 350px;}
        .g_item p {font-size: 14px;margin-top: 0px; }
        section.g_user-flow h2.g_title {margin-bottom: 25px;}
        h3.inner-title { font-size: 20px; line-height: 1.5;}
        .g_colorcode span {height: 50px;width: 50px;margin: 0 auto 15px auto;}
        .commando-img-wrapper img { max-width: 250px;margin-top: 00px; }
        img.cta_g-img {margin-bottom: 40px;}

        /* PAGE 4 */
        .logo-text a {margin-bottom: 15px;}
        .logo-text h1 { font-size: 40px;}
        .re-text { font-size: 14px;line-height: 25px; }
        .logo-text { margin-bottom: 40px;}
        .logo-text img { max-width: 150px;}
        .re-headeing,.respon-home h2.re-headeing { font-size: 24px;margin-bottom: 15px;}
        section.re-timeline h2.re-headeing { padding-top: 40px; padding-bottom: 15px;}
        .time-desc ul li {font-size: 14px;padding-bottom: 5px;padding-top: 5px;}
        .timeinex {margin-bottom: 40px;}
        .tbox-re ul li{grid-gap: 25px !important;margin-bottom: 12px;}
        .tbox-re ul li p {font-size: 25px;}
        .tbox-re ul li span, .tbox-re ul li label {padding-right: 0px;}
        section.mood-main {padding: 40px 0;}
        section.mood-main .ex-mood { text-align: center; margin-bottom: 40px;}
        .mood-box img:nth-child(3), .mood-box img:first-child { display: none;}
        .ex-mood p,.resp-text .ex-mood p{ max-width: 100%;}
        .resp-text {margin: 0 15px 0 15px;}
        section.design-mobileparelax-banner.exftbanner {min-height: 29vh;}
        .typo-color {max-width: 135px; row-gap: 20px;}
        .typo-color label {width: 135px; height: 45px;}
        .typo-color label::after { border-top: 23px solid transparent; border-bottom: 23px solid transparent;}
        .time-desc h5 { font-size: 18px;}
        
        h2.gb-head {margin-bottom: 25px;}
        h2.gb-head {font-size: 24px !important;}
        section.gb-banner img { max-width: 325px;}
        .gb-text {font-size: 12px;line-height: 25px;}
        img.lap-gb {max-width: 270px;margin-bottom: 15px;}
        section.bg-project, .gb-inner {margin-bottom: 15px;}
        .gbe-inner h3 { font-size: 45px;}
        img.exp-gimg { max-width: 280px;}
        .gb-expore-main {height: 60vh;}
        img.cha-pic { max-width: 230px;}
        .ch-inner ul li {font-size: 14px;}
        .bd-comm { font-size: 16px; }
        .typ-text-in img { height: 70px;}
        .michromafont h3, .popinsfont h3 { font-size: 14px; }
        .aline{background-image: unset;max-width: 100%;grid-gap: 90px;}
        .aline span, .aline span:last-child {font-size: 60px;}
        .tex-linebg {margin-bottom: 50px; }
        .wire-gepic { display: block;text-align: center;}
        .wire-gepic img { max-width: 100%;margin-bottom: 20px;}
        .make-test .gb-head {font-size: 16px !important;letter-spacing: 2px;}
        section.ch-main {margin-bottom: 40px;}
        .make-test img, img.glob-fl, img.flight-in {max-width: 290px;}
        .makeglobe h5 {font-size: 30px;}
        .typo-ge h2 { font-size: 20px !important;}

        /* edu */

        section.all-screensed img { max-width: 300px;}
        .ed_title_scrolleble .m-scroll__title  span { font-size: 15px;padding-left: 10px;}
        .ed_title_scrolleble .m-scroll {  height: 70px;}
        p.ed_pera { font-size: 14px !important;}
        section.education_banner .c_wrapper h1 { font-size: 26px;}
       /* section.ed_title_scrolleble {margin-top: 40px;}*/
        .typography h2 {font-size: 24px;}
        .grid-wrapper { grid-gap: 5px;}
        section.education_banner p.ed_pera { max-width: 100%; font-size: 14px;}

    }