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

@media screen and (max-width:1200px) {
    .text-box-block {width: 70%}
    .team_item {width: 30%}
    .team_item:nth-child(3n+3) {margin: 0 0px 30px 0}
    .team_item:nth-child(4n+4) {margin: 0 26px 30px 0}
    .career-form form {gap:17px}
    
}

@media screen and (max-width:1100px) {
    .serv-heading {font-size: 120px}
    .heading-srv-video-bottom {width: auto}
    .text-box-block {width: 80%}
    .team_txt {font-size: 120px}
    .career-form form {gap:16px}
    .office_txt {font-size: 50px;line-height: 55px;}
}

@media screen and (max-width:1024px) {
    .case-study.retouching .casestudyblk {width: 49%}
    .pagewrapper{margin-bottom: 560px;}
    .casestudy-wrap.project_highlightblk .casestudyblk {display: block;width: 100%}
    .casestudy-wrap.project_highlightblk .casestudyblk .image-case {width: 100%}
    .casestudy-wrap.project_highlightblk .casestudyblk .brand-desc {width: 100%;text-align: center}
    .formfieldwrap.message-field {width: 100%}
    .career-form form {justify-content: space-between;gap:14px}
    .career_frm_blk {padding: 40px 30px;width: 97%}
    .office_txt {font-size: 40px;line-height: 45px;}
    .vd_txt {width: 90%;top: 35%}
    .vd_txt .section_desc p {font-size: 27px;line-height: 40px}
     body {overflow-x: hidden;overflow-y: scroll; -webkit-overflow-scrolling: touch;background: #000}
     html {overflow-x: hidden;}
}

@media only screen and (width: 1024px) and (height: 1292px) and (orientation:portrait) {

}

@media only screen and (width: 834px) and (height: 1120px) and (orientation:landscape){
    
}



@media screen and (max-width:1000px) {
    .serv-heading, .digitisation-body .serv-heading {font-size: 60px;line-height: 60px;}
    #wrapper {height: 80vh}
    .homevideo #wrapper {height: 100vh;}
    .animate {background: #000}
    .serv-heading {font-size: 100px}
    .serv-heading {font-size: 100px}
    .end, .cgi-body .end {font-size: 50px;line-height: 70px}
    .retouching-body .serv-heading {font-size: 50px;line-height: 70px}
    .serv-content-wrap {padding: 60px 0}
    .heading-srv-content, .vfx-body .heading-srv-content {font-size: 35px;}
    .body.automation-body .heading-srv-content {font-size: 35px;}
    .heading-srv-video-bottom {font-size: 50px;}
    .text-box-block, .video_editingblk .text-box-block {width: 93%;font-size: 25px;line-height: 40px;color: #fff;margin: 0 auto;text-align: center;}
    .case-study .text-box-block {width: 93%;font-size: 25px;line-height: 40px;color: #fff;margin: 0 auto;text-align: center;}
    .content__title {font-size: 60px;}
    .content--spacing {margin: 0 0 100px 0}
    .marquee-item-auto {height: 500px;}
    .stickymarquee span {font-size: 30px;line-height: 40px;width: 410px;display: inline-block;}
    .automation-body .heading-srv-video-bottom {width: 90%;right: 0}
    .swift-up-wrap {height: auto;padding: 100px 0 0 0}
    .swift-up-text {font-size: 100px}
    .contact-banner {height: auto}
    .contactmap-wrap {display: block}
    .contactmapblk {width: 100%;text-align: center;padding: 0 0 20px 0;margin: 0 0 20px 0}
    .image-case {width: 60%;margin: 0 auto}
    .contactmap-desc {min-height: auto;}
    .contactmap-desc {font-size: 20px;}
    .country_txt {width: 100%}
    .stuincountry_txtwrapper {height: auto;padding: 90px 0}
    .scroll-slide {max-width: 100vw;height: 80vh;gap:30px}
    .homepage_wrapper .marquee-container {height: auto;padding: 50px 0}
    section#section-3 {padding:  0 0 0px 0}
    .item-image img {height: 100%}
    .item-image {height: auto}
    .item-body p {font-size: 23px;line-height: 30px;}
    .item-body p br {display: none}
    .item-body {bottom: 30px;position: absolute;width: 90%;left: 0;right: 0;margin: auto;}
    .countitem_blk {font-size: 80px;line-height: 90px;}
    .text-block {width: 50%;padding: 10px}
    .footer-right {width: 50%}
    h2.heading-text {font-size: 34px;line-height: 43px}    
    .footer_wrapper {position: relative;bottom: auto;padding: 40px 0 10px 0}
    .pagewrapper {padding: 0;margin: 0}
    .before-box-blk {height: 240px;}
    .marquee_wrapper .marquee span {font-size: 65px;}
    .team_txt {font-size: 100px;line-height: 100px;}
    .topfooter_item .footeritem:first-child {width: 100%;margin: 0 0 0px 0}
    .topfooter_item {flex-wrap: wrap}
    .iconitemblk {display: flex;justify-content: flex-start;gap:60px;margin: 30px 0 0 0}
    .footeritem {width: 33%}
    #menu2 .main-nav a {font-size: 40px;}
    #menu2 .main-nav ul ul {left: 68%;top: 26px;}
    #menu2 .main-nav ul ul li a {font-size: 21px;}
    .career_banner .text-box-block {text-align: left;width: 100%;}
    .career-form form {gap:12px}
    .change-color-black section#section-3 {background: #fff}
    .grow1 {font-size: 100px;}
    .motiongraphic_wrapper {padding: 80px 0}
    .footer_wrapper {z-index: 1}
    .trust_slider_wrapper {padding: 80px 0}
    .jobdtl_blk {display: block}
    .jobinfo_dtl_blk {width: 100%}
    .job_frm_blk {width: 100%}
    .thankyou_page_blk {padding: 250px 0;}
    .homepage_wrapper .desktop_videoblk {display: none}
    .homepage_wrapper .mobile_videoblk {display: block;height: 100vh}
    .desktop_version {display: none}
    .mobile_version {display: block}
    .service_slider_blk {width: 90%;margin: 40px auto}
    .service_item .item-body {transform: translate(0px, 0px);bottom: 50px}
    .common_padding {padding: 72px 0}
    .iconpic {font-size: 30px}
    marquee span {font-size: 80px;line-height: 80px;}
    .serv-heading.font60 {font-size: 50px;line-height: 60px}
    
}

@media screen and (max-width:800px) {
    .text-box-block, .content_serviceblk .text-box-block, .vfx-body .text-box-block {font-size: 21px;width: 90%;line-height: 30px;padding: 30px 0}
    .end, .cgi-body .end {font-size: 30px;margin: 0 0 0 5%;width: 90%;padding: 0}
    .automation-body .end {margin: 0}

    span.banner-heading {font-size: 40px;line-height: 50px;}
    .heading-srv-video-bottom {right: 8%}
    .casestudy-wrap {gap:10px}
    .casestudyblk {width: 49%}
    .retouching-body .heading-srv-video-bottom {width: 78%}
    .digitisation-body .heading-srv-video-bottom {width: 78%}
    .content_serviceblk .casestudy-wrap.three_blk .casestudyblk {width: 49%}
    .vfx-body .heading-srv-video-bottom {width: 90%;font-size: 25px !important}
    .swift-up-text {font-size: 70px;}
    .countitem_blk {min-height: auto;width: 50%;margin: 0 0 30px 0}
    .marquee span {font-size: 70px;line-height: 70px;}
    .item-body p {font-size: 17px;line-height: 25px;}
    .item-title {font-size: 20px;}
    .countitem_blk {font-size: 60px;line-height: 60px;}
    .logoMarqueeSection {padding: 100px 0 0 0}
    section#section-3 {padding: 0 0 50px 0}
    .marquee_wrapper .marquee span {font-size: 36px;line-height: 60px}
    .team_txt {font-size: 80px;line-height: 80px;}
    .team_item {display: block;width: 48%;margin: 0}
    .teamitem_blk {display: flex;justify-content: flex-start;gap:20px;flex-wrap: wrap}
    .team_item:nth-child(3n+3), .team_item:nth-child(4n+4) {margin: 0}
    #wrapper {height: 50vh}
    
    .desktop_videoblk {display: none}
    .mobile_videoblk {display: block;line-height: 0;height: 500px;position: relative}
    .homepage_wrapper .mobile_videoblk {height: 100vh}
    .banner_txt_blk {position: absolute;bottom: 70px;color: #fff;left: 50px}
    .serv-heading {position: relative;top: auto;left: auto;bottom: auto;padding: 0;margin: 0 0 30px 0;font-size: 50px;line-height: 70px}
    .heading-srv-video {position: relative;top: auto;left: auto;width: 90%;margin: 0 auto 30px;text-align: center;padding: 0 10px}
    .sec-video-zoom {padding: 0}
    .heading-srv-video-bottom {position: relative !important;top: auto !important;bottom: auto!important;left: auto !important;right: auto !important;width: 90% !important;margin: 0 auto 60px;text-align: center;padding: 60px 0 0 0}
    .heading-srv-video-bottom br {display: none}
    .logoblk {width: 220px;height: auto}
    .header_wrapper {padding: 0}
    .section-mq {padding: 30px 0 0 0}
    .jobopening_item {padding: 20px 20px}
    .office_txt {font-size: 35px;line-height: 45px;}
    .office_worldblk {margin: 50px 0 0 0}
    .sec-video-zoom.video_blk {padding: 0 0 250px 0}
    .vd_txt {position: relative;top: auto;left: auto;right: auto;margin: 20px auto 0}
    .vd_txt .section_desc p {font-size: 20px;line-height: 34px;}
    .homepage_wrapper .mobile_videoblk .banner_txt_blk {bottom: 80px;}
    .muted-button {top: 80vh}
    .grow1 {font-size: 80px;}
    .motiongraphic_wrapper {padding: 50px 0}
    .motion_item {margin: 0 10px 30px 10px;width: 45%}
    .trust_slider_wrapper {padding: 60px 0}
    .footer-box {display: block}
    .text-block {width: 100%;margin: 0 0 30px 0}
    .footer-right {width: 300px;margin: 0px auto 50px;padding: 0}
    .iconpic {font-size: 20px}
    marquee span {font-size: 70px;line-height: 70px;}
    
}

@media screen and (max-width:750px) {
    .image {height: 150px;}
    .serv-content-wrap {padding: 40px 10px}
    .heading-srv-content, .vfx-body .heading-srv-content {font-size: 30px;}
    .body.automation-body .heading-srv-content {font-size: 30px;}
    .section-360scrool {height: 380px}
    .scrool-bottom {font-size: 20px;}
    .content__title {font-size: 50px}
    .brand-name {font-size: 18px;margin: 0 0 10px 0}
    .image-case {line-height: 0;margin: 0 0 10px 0}
    .serv-heading, .digitisation-body .serv-heading {font-size: 30px !important;line-height: 30px !important;}
    .marquee-item-auto {height: 300px}
    .image-case {width: 90%}
    .swift-up-text {font-size: 40px;width: 70%;margin: 0 auto 40px;text-align: center;}
    .contactmap {padding: 60px 0}
    .formheading {font-size: 30px;}
    .formtext {font-size: 20px;margin: 0 0 40px 0}
    .btn-mssage {font-size: 35px;}
    .wrapper .static-txt, .wrapper .dynamic-txts {font-size: 30px;}
    .dynamic-txts li span {position: relative;font-size: 29px;line-height: 30px;}
    .marquee span {font-size: 60px;line-height: 60px;}
    .homepage_wrapper .marquee-container {padding: 0}
    .item-body p {font-size: 15px;line-height: 23px;}
    .countitem_blk {font-size: 50px;line-height: 50px;}
    .counter_txt {font-size: 18px;line-height: 25px;}
    .logoMarqueeSection {padding: 60px 0 0 0}
    .trusted-by {font-size: 20px;line-height: 20px;margin: 0 0 20px 0}
    h2.heading-text {font-size: 25px;line-height: 30px;}
    p.text-content {font-size: 18px;line-height: 27px;}
    section#section-3 {padding: 0 0 40px 0}
    .abroadcount_wrapper {padding: 0}
    #wrapper {height: auto}
    .sec-video-zoom {padding: 50px 0 10px 0}
    .casestudy-wrap.project_highlightblk .casestudyblk .brand-desc {padding: 0;margin: 20px 0}
    .team_txt br {display: none}
    .team_txt {text-align: center;font-size: 70px;line-height: 70px;}
    .section-serv-content.common_padding {padding: 0 0 20px 0}
    .parallaximg{padding: 0 0 40px 0}
    .heading-srv-video-bottom {padding: 40px 0 0 0}
    .heading-srv-video-bottom {font-size: 30px !important}
    .banner_txt_blk {bottom: 30px;}
    .cgi-body .banner_txt_blk {bottom: 70px;}
    .serv-heading {font-size: 30px !important;line-height: 30px !important;margin: 0 0 20px 0;letter-spacing: 1px}
    span.banner-heading {font-size: 25px;line-height: 25px;}
    .topfooter_item{display: block}
    .footeritem{width: 100%}
    .footer_list li {display: inline-block;vertical-align: top;width: 49%;margin: 0 0 10px 0}
    .container {max-width: 100%;width: 96%}
    .box-banner.machine {padding: 0}
    .heading-srv-video-bottom {padding: 10px 0 0 0}
    .footer_wrapper {padding: 30px 0}
    .footeritem .section_desc p {font-size: 13px;line-height: 23px;padding: 0 !important}
    section.case-study {padding: 50px 0}
    .grid {padding: 0}
    #menu2 .main-nav a {font-size: 30px;}
    #menu2 .main-nav ul ul {left: 53%}
    #menu2 .main-nav ul ul li a {padding: 0px;font-size: 15px;margin: 0 0 20px 0}
    .career_banner {height: 60vh}
    .career_banner .swift-up-text {text-align: left;width: 100%;margin: 0 0 20px 0}
    .career_banner .text-box-block {padding: 0}
    .career_banner {height: 500px;}
    .box-banner.careerinfo_blk {padding: 40px 0}
    .jobopening_item {display: block;padding: 20px 15px}
    .job_info {width: 100%;margin: 0 0 10px 0}
    .contactmap.currentjobopen_wrapper {padding: 40px 0 40px 0}
    .job_desc_item .title {font-size: 20px;}
    .career-form form {display: block}
    .formfieldwrap {width: 100%;margin: 0 0 20px 0}
    .formfieldwrap:last-child {margin: 0}
    .career_frm_blk {padding: 30px 20px}
    h2.resume_ttl {font-size: 20px;line-height: 20px;}
    .contactmap.jobinfo_wrapper {padding: 80px 0 60px 0}
    .section_list li:before {width: 15px;height: 15px;top: 4px;}
    .section_list li {padding: 0 0 0 25px}
    .motiongraphic_wrapper {padding: 40px 0}
    .motion_item {display: block;width: 100%;margin: 0 0 20px 0}
    textarea {height: 140px}
    .trust_slider_wrapper {padding: 50px 0}
    .job_desc_item .title {margin: 0 0 20px 0}
    .country-code {width: 110px;}
    .phone-field {width: calc(100% - 110px)}
    .thankyou_blk .heading-case {font-size: 60px;line-height: 60px;}
    .section_desc p {font-size: 22px}
    .service_slider_blk {width: 100%;margin: 0 auto}
    .service_item .item-body {bottom: 20px}
    .icon_desc p {font-size: 13px;}
    marquee span {font-size: 60px;line-height: 60px;}
    .serv-heading.font60 {font-size: 40px;line-height: 50px}
}

@media screen and (max-width:600px) {
    .logoblk {width: 160px}
    .heading-srv-video {width: auto;font-size: 25px !important;}
    .heading-srv-video br {display: none !important}
    .heading-srv-video-bottom {font-size: 35px !important;}
    .text-box-block, .content_serviceblk .text-box-block, .vfx-body .text-box-block {font-size: 16px;line-height: 26px;}
    span.banner-heading {font-size: 30px;line-height: 40px;}
    .content__title {font-size: 40px}
    .casestudy-wrap {display: block}
    .casestudyblk, .content_serviceblk .casestudy-wrap.three_blk .casestudyblk {width: 90%;margin: 0 auto}
    .heading-case {width: 95%;margin: 0 auto 20px}
    .retouching-body .case-study {padding: 30px 0}
    .heading-case {font-size: 25px;line-height: 25px}
    .jobinfo_wrapper .heading-case {font-size: 25px;padding: 0;margin-top: 30px;}
    .after-box-blk {height: auto;width: 100%;margin: 0 0 20px 0}
    .before-box-blk {height: auto;width: 100%}
    .slider-box-wrap {display: block}
    .after-slider {padding: 50px 0 0 0}
    .heading-srv-content, .vfx-body .heading-srv-content {font-size: 25px;}
    .body.automation-body .heading-srv-content {font-size: 25px;}
    .stickymarquee span {width: 320px;font-size: 22px;line-height: 30px;}
    .case-study .text-box-block {font-size: 20px;line-height: 33px}
    .hero-scroll__paragraph.is--1, .hero-scroll__paragraph.is--2 {width: 390px !important;font-size: 35px !important;}
    .serv-content-wrap {padding: 20px 10px}
    .contactmap-desc {font-size: 17px;}
    .loactionname {font-size: 25px;margin: 0 0 20px 0}
    .swift-up-text {font-size: 35px;}
    .contactmap {padding: 50px 0}
    .btn-mssage {font-size: 25px;}
    .wrapper .static-txt, .wrapper .dynamic-txts {font-size: 20px;line-height: 34px;font-weight: 300}
    .dynamic-txts li span {font-size: 20px;line-height: 28px;top: -21px}
    .wrapper .dynamic-txts {height: 30px}
    .marquee span {font-size: 50px;line-height: 50px;}
    .countitem_blk {font-size: 40px;line-height: 40px;}
    .abroadcount_blk {width: 95%;margin: 0px auto 0}
    .counter_txt {font-size: 13px;line-height: 15px;}
    span.counter {font-size: 30px;}
    .countitem_blk {width: 50%;margin: 0 0 20px 0}
    .logoMarqueeSection {padding: 40px 0 0 0}
    h2.heading-text {font-size: 20px;line-height: 30px;}
    p.text-content {font-size: 14px;line-height: 25px;}
    .item-image {height: auto}
    .item-body p {font-size: 13px;line-height: 19px}
    section#section-3 {padding: 0 0 30px 0}
    .case-study.retouching .casestudyblk {display: block}
    .case-study.retouching .casestudyblk {width: 100%}
    .team_txt {font-size: 50px;line-height: 50px;}
    .heading-srv-video-bottom {font-size: 25px !important}
    .heading-srv-video br {display: none}
    .banner_txt_blk {left: 20px}
    .section-360scrool {height: 310px;}
    .iconitemblk {display: block}
    .footer_list li {font-size: 11px;line-height: 14px;}
    .icon_item {margin: 0 0 20px 0}
    .text-box-block, .content_serviceblk .text-box-block, .vfx-body .text-box-block {padding: 10px 0}
    .brand-desc {font-size: 16px;}
    section.case-study {padding: 40px 0}
    .serv-heading, .digitisation-body .serv-heading {font-size: 25px !important;line-height: 25px !important;}
    .section-mq {padding: 0}
    .stickymarquee span {width: 90%;font-size: 18px;}
    #menu2 .main-nav a {font-size: 21px;}
    #menu2 .main-nav ul ul {left: 40%;top: 18px}
    .career_banner {height: 330px;}
    .box-banner.careerinfo_blk {padding: 30px 0}
    .contactmap.currentjobopen_wrapper {padding: 30px 0 30px 0}
    .section_list li {font-size: 15px;line-height: 24px;margin: 0 0 15px 0}
    .contactmap.jobinfo_wrapper {padding: 80px 0 60px 0}
    .jobinfo_wrapper .heading-case:before {height: 2px;width: 50%}
    .job_desc_item .title {font-size: 17px;}
    .teamitem_blk {display: block;width: 90%;margin: 20px auto 0}
    section.section-serv-content.teamitem_blkwrapper.common_padding {padding: 40px 0 0 0}
    .team_item {width: 100%;margin: 0 0 20px 0}
    .office_name_item {padding: 40px 0;margin: 0}
    .office_txt {font-size: 30px;line-height: 35px;}
    .office_location{margin: 10px}
    .office_name_item.jointeam .office_location{margin: 0}
    .team_pic {line-height: 0}
    .vd_txt .section_desc p {font-size: 18px;line-height: 30px;}
    .vd_button a {font-size: 16px;line-height: 16px}
    .motiongraphic_wrapper {padding: 30px 0}
    .trust_slider_wrapper {padding: 40px 0}
    .thankyou_blk .heading-case {font-size: 50px;line-height: 50px;}
    .section_desc p {font-size: 20px}
    .thankyou_blk {width: 80%}
    .common_padding {padding: 40px 0}
    .grow1 {font-size: 40px;}
    marquee span {font-size: 50px;line-height: 60px;}
    .serv-heading.font60 {font-size: 30px;line-height: 50px}
}

@media screen and (max-width:480px) {
    .heading-srv-video-bottom, .heading-srv-video {font-size: 25px;}
    .text-box-block, .content_serviceblk .text-box-block, .video_editingblk .text-box-block {font-size: 14px;line-height: 23px;padding: 10px 0}
    .content__title {font-size: 30px}
    .marquee-item-auto {height: 210px;}
    .swift-up-text {font-size: 30px;}
    .contactmap {padding: 30px 0}
    .wrapper .static-txt, .wrapper .dynamic-txts {font-size: 18px;}
    .logoMarqueeSection {padding: 30px 0 0 0}    
    section#section-3 {padding: 0}
    .team_txt {font-size: 30px;line-height: 30px;}
    .mobile_videoblk {height: 400px}
    .serv-heading{font-size: 22px !important;line-height: 25px !important;margin: 0 0 15px 0}
    span.banner-heading {font-size: 20px;line-height: 20px;}
    .mobile_videoblk {height: 260px;}
    .heading-srv-video {font-size: 20px !important}
    section.case-study {padding: 30px 0}
    #menu2 .main-nav ul ul {position: relative;left: auto;top: auto;margin: 20px 0 20px 0;padding: 0 0 0 20px}
    #menu2 .main-nav a {padding: 0}
    #menu2 .main-nav ul li {margin: 0 0 10px 0}
    #menu2 .main-nav ul ul li a {margin: 0}
    #menu2 .main-nav {width: 93%}
    .heading-case {font-size: 20px;}
    .office_txt {font-size: 20px;line-height: 25px;}
    .vd_txt .section_desc p {font-size: 16px;line-height: 25px;}
    .brand-desc {font-size: 14px;}
    .jobinfo_wrapper .heading-case {font-size: 20px;}
    .section_list li {font-size: 13px;line-height: 20px;margin: 0 0 10px 0}
    #menu2 .main-nav a {font-size: 17px;}
    #menu2 .main-nav ul ul li a {font-size: 13px;}
    .thankyou_page_blk {padding: 200px 0}
    .thankyou_blk .heading-case {font-size: 40px;line-height: 40px}
    .section_desc p {font-size: 16px;}
    .footer-right {width: 220px}
    .grow1 {font-size: 30px;}
    marquee span {font-size: 40px;line-height: 50px;}
    .common_padding {padding: 20px 0}
	.bloxitem_logo {width:90%}
}

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