@media(max-width:1450px){
    header nav ul li a.link{padding: 0 50px;}
}

@media(max-width:1240px){
    .blog-banner h1{margin-bottom:30px;}
    .blog-banner,.recent-blog,.more-blog{padding:60px 0;}
    .heading-medium,.blog-post-detail{margin-bottom:20px;}

    header nav ul li a.link{padding: 0 30px;}

    .welcome-section .welcome-row,.ossie-section .ossie-row{column-gap: 70px;}
    .ossie-team-section .row{grid-template-columns: repeat(3 ,1fr);}

    
    .we-work-section{padding: 100px 0 50px;}
    #about-us .row{margin: 0;}
   
}
@media(max-width:1180px) {
    .main-header .container, .bottom-footer .container{padding-left: 15px;padding-right: 15px;}
    header nav ul li:last-child{padding: 0 0 0 15px;}
    
    .box-video-one{margin: auto;}

    .welcome-section:before,.welcome-section::after{top: -150px;left: 0;}
    .welcome-section .welcome-row, .ossie-section .ossie-row{gap: 40px;}
    .creatives-section .creatives-section-inner-left img{margin-left: 0;}
    .creatives-section .creatives-section-inner-left{max-width: 470px;}

    .social-share .section-inner{align-items: center;}
    .social-share .section-inner h2{padding: 22px 0;padding-right: 10px;font-size: 24px;}
    .social-share .section-inner .social-list li a{padding: 25px 20px;display: flex;align-items: center;justify-content: center;text-align: center;}
    .social-share .section-inner .social-list li a .social-icon-title{align-self: end;}

}
@media(max-width:1024px) {
    .top-footer{padding: 60px 0;}
    .top-footer .social-main a i{height: 32px;}
    .bottom-footer .bottom-footer-inner .right-sec ul li{padding: 0 15px;}
    .bottom-footer .bottom-footer-inner{flex-direction: column;}
    .bottom-footer .bottom-footer-inner .right-sec{margin-left: 0;order: -1;}
    
    .we-work-single {padding: 20px 20px;}
    .we-work-single span{margin: 0 0 20px;width: 60px;height: 60px;}
    .we-work-single span img{max-width: 27px;}
    .we-work-single h5{font-size: 20px;}
    .we-work-section .btn-sec{margin-top: 20px;}

    .box-video{height: 400px;}
    .box-video-one{height: 280px;}
    
    .h1, h1{font-size: 40px;}
    
    p{font-size: 15px;}
    .title-sec h2,.blog-detail-page .hero .hero-content h1{font-size: 36px;}

    .we-do-section .row{padding: 25px 0 25px 20px;}
    .we-do-section .we-do-tabs-content{padding-left: 0;}
    .ability-section .row{padding: 25px 20px 25px 0px;}
    .ability-section .col-md-7{padding-left: 15px;}
    .shoot-section,.blog-detail-page .hero .section-inner  {padding: 60px 0;}
    .shoot-section .shoot-single img{padding: 10px;}
    .possibilities-section .possibilities-inner-sec .image-div{padding: 20px;}
    .possibilities-section{padding: 100px 0 80px;}
    .possibilities-section .possibilities-inner-sec{margin-bottom: 50px;}
    .possibilities-section .possibilities-inner-sec h5{font-size: 23px;margin-top: 15px;margin-bottom: 0;}
    .contact-section h2{font-size: 32px;}
    .faq-section h2{margin: 60px 0 20px;font-size: 24px;}
    .possibilities-section .title-sec{margin-bottom: 60px;}
    .what-possible-inner .what-possible-inner-single{height: 400px;}

    .cursor,
    .cursor_custom2{display: none;}

     .hero-inner-section:after{height: 400px;}
    .microsoftbox-section-inner .container{padding: 0 15px 80px;}
    .microsoftbox-section-inner .inner-dec p{max-width: 448px;margin: auto;}
    .microsoftbox-section-inner .row:last-child .inner-dec{padding: 0px 20px;}
    .microsoftbox-section p{padding: 0 70px;text-align: left;}
    .key-section .key-section-inner p{padding: 0 20px;}

    .welcome-section:before, .welcome-section::after{top: -250px;}
    .ossie-proof-section .row,.ossie-experience-section .row{align-items:center ;}

    .film-tv-hero,.branded-section,.methodology-section,.key-section{ padding: 60px 0;}
    .branded-section .branded-section-inner p {padding: 0 80px;}
    .microsoftbox-section .video-dec{padding: 0 80px;}
    .branded-section .branded-section-inner .btn-sec a{margin-bottom: 10px;}
    .branded-section .btn-main{margin: 20px auto 0;}
    .methodology-section .method-img{padding: 18px;}
    .explore-section .container{padding: 60px 15px;}
    .key-section .key-section-inner span {margin: 0 auto 18px;}
    .key-section .key-section-inner h4 {font-size: 24px;margin-bottom: 12px;}
   
    #about-us h2,.ossie-section .ossie-section-right h5{font-size: 36px;}
    .ossie-team-section .ossie-team-section-inner{padding: 20px 34px 28px;}
    .ossie-team-section .quote-inner-sec{padding: 60px;}   
    .more-blog .blog-title{font-size: 36px;}

    .content-modal.big-modal .modal-dialog{max-width: 92%;}
}
@media(max-width:991px){
    .blog-banner,.recent-blog,.more-blog{padding:45px 0;}
    .blog-banner h1{margin-bottom:20px;}
    .blog-banner-img,.recent-blog .col-12{margin-bottom:30px;}
    .heading-medium{font-size:22px;line-height:32px;}

    .welcome-section .welcome-row,.ossie-section .ossie-row{column-gap: 30px;}

    .main-header{padding: 12px 0;}
    .main-header .navbar-toggler{ z-index: 111; padding: 0; height: auto; outline: none; background-color: transparent;}
	.main-header .navbar-toggler:focus{ background-color: transparent; outline: none; }
	.main-header .navbar-toggler .icon-bar { width: 26px; transition: all 0.2s; margin: 4px 0; height: 3px; background: #F2600C; display: flex;transition: all 0.4s linear;border-radius: 10px;}
	.main-header .navbar-toggler .top-bar { transform: rotate(45deg); transform-origin: 14% 10%;}
	.main-header .navbar-toggler .middle-bar { opacity: 0; }
	.main-header .navbar-toggler .bottom-bar { transform: rotate(-45deg); transform-origin: 8% 65%;}
	.main-header .navbar-toggler.collapsed .top-bar { transform: rotate(0);}
	.main-header .navbar-toggler.collapsed .middle-bar {opacity: 1; width: 20px; margin: 0 auto; margin-right: 0;}
    .main-header .navbar-toggler.collapsed .bottom-bar { transform: rotate(0);}
    .main-header .navbar-collapse{ display: flex !important; position: fixed; visibility: hidden; opacity: 0; top: 0; right: -100%; background-color: #fff; height: 100%; width: 100%; z-index: 99; padding: 0 20px; transition: all 0.3s ease-in-out; text-align: center; align-items: center; justify-content: center; flex-direction: column; }
    body.menu-overlay .navbar-collapse{ right: 0; opacity: 1; visibility: visible; }
    body.menu-overlay{ overflow: hidden; }
    header .navbar .navbar-collapse{justify-content: center;}
    header nav ul li a.link{padding: 0;height: auto;}
    header nav ul li{border: 0 !important;margin: 20px 0;padding: 0 !important;}
    header nav ul li:first-child{margin-top: 0;}
    header nav ul li a.link:before{bottom: -4px;height: 3px;}
    .hero-inner-section:after{top: -110px;}
    .form-group{margin-bottom: 20px;}
    label{font-size: 16px;margin-bottom: 7px;}
    input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"], select.form-control, textarea.form-control{font-size: 16px;padding: 12px 10px;}

    #wrapper.no-transform, .main-header {transform: none !important;} 
    .what-possible-section{padding: 30px 0;}
    .what-possible-section hr{margin: 0 0 40px;}

    .box-video{max-width: 100%;width: 100%;}

    .welcome-section .hero-text-sec h6{padding-right: 30px;}
    .creatives-section .creatives-section-inner-right .example-one{margin-bottom: 18px;}    
    .ossie-team-section .title-sec p{padding: 0 200px;}
    .creatives-section .creatives-section-inner-left{width: 350px;}
    .creatives-section .creatives-section-inner-right{width: calc(100% - 370px);}
    .skydive-dec-section .row{gap: 20px;}
    .ossie-experience-section ul li{margin-bottom: 10px;}
    .ossie-experience-section .btn-main{margin-top: 10px;}
    .social-share .section-inner .social-list li a .social-icon-title {font-size: 16px;}
    .social-share .section-inner h2{font-size: 22px;padding: 18px 0;}
    .social-share .section-inner .social-list li a {padding: 24px 18px;}
}
@media(max-width:767px){
    .blog-banner,.recent-blog,.more-blog{padding:30px 0;}
    .more-blog-feature,.more-blog .blog-detail{width:100%;}
    .more-blog-feature{margin-bottom:30px;}
    .more-blog .blog-detail{padding-left:0;}
    .heading-medium,.blog-post-detail{margin-bottom:15px;}
    .modal-dialog{max-width:calc(100% - 35px);}
    .blog-banner-img:after{top:-350px;}
    .heading-medium{font-size:20px;line-height:30px;}
    .newsletter-section { padding: 35px 0; }
    .newsletter-section { text-align: center; }
    .newsletter-form { max-width: 450px; margin: 20px auto 0; }

    .welcome-section .welcome-row,.ossie-section .ossie-row{row-gap: 70px;grid-template-columns: 1fr;}
    .welcome-section .hero-text-sec h6{padding-right: 0px;}
    .creatives-section .creatives-section-inner{flex-direction: column;}
    .creatives-section .creatives-section-inner-left{margin-right: 0;}
    .creatives-section .creatives-section-inner-left img{margin: 0;}
    .creatives-section .creatives-section-inner-right {width: 100%;margin-top: 40px;}
    .ossie-team-section .title-sec p{padding: 0 30px;}
    
    .top-footer{padding: 40px 0;}
    .top-footer .social-main{flex-direction: column;}
    .top-footer .social-main h5, .top-footer .social-main a{width: 100%;}
    .top-footer .social-main a{margin-top: 25px;}
    .top-footer .social-main a i{height: 28px;}
    .bottom-footer .bottom-footer-inner .right-sec ul{flex-direction: column;}
    .bottom-footer .bottom-footer-inner .right-sec ul li{padding: 0 0 20px;}

    .hero-section-inner{flex-direction: column;}
    .hero-img{width: 100%;position: relative;order: -1;}
    .hero-img .hero-img-div{height: 320px;}
    .hero-section-bottom{padding-top: 20px;}
    .hero-section, .hero-section .container, .hero-section-inner{height: auto;}
    .hero-text-sec h6{padding-right: 0;}
    .hero-text-sec{max-width: 100%;margin-top: 40px;}

    .h1, h1{font-size: 32px;}
    .h5, h5{font-size: 20px;}
    .title-sec h2{font-size: 30px;}

    .we-work-section{padding: 60px 0 50px;}
    .we-do-section .row{padding: 0;}
    .nav-pills.we-do-tabs h5{font-size: 20px;}
    .we-do-section .we-do-inner:before, .ability-section .ability-inner:before{display: none;}
    .we-do-section .we-do-tabs-content{margin-top: 30px;}
    .ability-section .col-md-7{order: -7;margin-bottom: 30px;}
    .we-do-section .we-do-tabs-content .tab-pane{object-fit: contain;}
    .ability-section{padding: 60px 0;}
    .ability-section .col-md-5 div{height: auto;margin-bottom: 15px;}
    .parallax-img img{position: relative;}
    .possibilities-section{padding: 60px 0;}
    .possibilities-section .col-md-6:first-child{padding-right: 15px;}
    .possibilities-section .col-md-6:last-child{padding-left: 15px;}
    .possibilities-section .possibilities-inner-sec{margin-bottom: 40px;width: 100%;}
    .possibilities-section .possibilities-inner-sec h5{font-size: 20px;margin-top: 10px;}
    .possibilities-section .possibilities-inner-sec .image-div{padding: 15px;height: 300px;}
    .what-possible-inner{grid-template-columns: repeat(2, 1fr);}
    .what-possible-inner .what-possible-inner-single{height: 350px;}
    .what-possible-inner .what-possible-inner-single h5{font-size: 18px;padding: 15px;}
    .shoot-section .shoot-single{padding: 10px 0;}
    .shoot-section .shoot-single h5{font-size: 18px;}
    .faq-section{padding-bottom: 60px;}
    .faq-section h2{font-size: 22px;}
    .hero-inner-section{padding: 80px 0;}
    .faq-section .card{margin-bottom: 20px;}
    .faq-section .card .card-header button{font-size: 16px;padding: 11px 35px 11px 17px;}
    .faq-section .card .card-body{font-size: 16px;padding: 7px 17px 13px;}
    .faq-section .faq-section-grid{grid-template-columns: repeat(1, 1fr);gap: 20px;}
    .contact-section h2, .contact-section p{max-width: 100%;}
    form{margin-top: 40px;}
    .contact-section h2{font-size: 28px;}
    .possibilities-section .title-sec{margin-bottom: 40px;}
    .contact-section .phone-number-div span:first-child{width: 120px;margin-right: 5px;}
    .contact-section .phone-number-div span:last-child{width: calc(100% - 120px - 5px);}

    .film-tv-hero{padding: 100px 0;}
  .box-video{padding: 0;height: auto;min-height: auto;}
  .box-video .bg-video{ width:100%; height: 100%; left: 0px;top: 0px;}
  .microsoftbox-section-inner .inner-dec{  margin: 30px 0 0;padding: 0;}
  .microsoftbox-section-inner .row {margin-top: 30px;}
  .microsoftbox-section-inner .row:last-child .col-md-6:first-child{order: 1;}
  .microsoftbox-section p{padding: 0;}
  .branded-section .branded-section-inner p,.methodology-section .title-sec p{padding: 0 20px;margin-bottom: 20px;}
  .branded-section .branded-section-inner .btn-sec a {padding: 6px 10px;margin: 0 5px 10px;}
  .branded-section .btn-main{margin: 20px auto 0;}
  .methodology-section{padding: 60px 0;}
  .methodology-section .method-img{margin: auto;max-width: 100%;height: 300px;} 
  .methodology-section .method-img img{width: 100%;} 
  .methodology-section ul{margin:30px 0 0;display: grid;justify-content: start;}
  .explore-section .inner-dec{margin-bottom: 30px;}
  .key-section .key-section-inner{margin-bottom: 30px;}

  .welcome-section .welcome-row, .ossie-section .ossie-row{justify-items: center;row-gap: 30px;grid-template-columns: 1fr;}
    .welcome-section .hero-text-sec{max-width: 100%;}
    .welcome-section .welcome-section-right{max-width: 100%;width: 100%;}
    .welcome-section .welcome-section-right img{width: 100%;height: 300px;}
    .skydive-dec-section .row{display: flex;}
    .skydive-dec-section .conetnt-box{order: 1;}
    .skydive-dec-section .image-div{margin: 0 auto 10px;max-width: 100%;width: 100%}
    .ossie-team-section .quote-inner-sec{grid-column: span 2;padding: 70px;}
    .ossie-team-section .quote-sec .container, .member-section .quote-sec .container{padding: 0 40px;}
    .ossie-proof-section .proof-inner-img{margin: auto;}  
    .ossie-experience-section .experience-img{margin: 0 auto 30px;height: auto;}  
    .member-section .member-section-inner h5{margin:15px 5px 0;font-size: 18px;}
    .member-section .row,.ossie-team-section .row{grid-template-columns: repeat(2, 1fr);}
    .member-section .member-section-inner-img{margin: auto;max-width: 100%;}
    .ossie-team-section .title-sec p{padding: 0 30px;}
    .creatives-section .creatives-section-inner-right,.creatives-section .creatives-section-inner-left{width: 100%;}
    .creatives-section .creatives-section-inner{flex-direction: column;padding-top: 0;}

    .key-section{ padding: 60px 0 30px;}
    .video-container{height: 300px;}
    .microsoftbox-section .container { padding: 60px 15px 10px;}
    .microsoftbox-section-inner .container{padding: 0 15px 60px;}
    .microsoftbox-section .video-dec {padding: 0;}
    .microsoftbox-section .box-video-one{max-width:100%;width: 100%;}
    .microsoftbox-section-inner .inner-dec p {max-width: 100%;}
    .microsoftbox-section-inner .row:last-child .inner-dec{padding: 0;}
    .explore-section .container{padding: 60px 15px 30px;}
    .methodology-section ul li{margin-bottom: 14px;}
    .key-section .key-section-inner h4{font-size: 22px;}
    .key-section .title-sec h2{margin-bottom: 20px;}
    .microsoftbox-section .box-video{max-width: 100%;min-height: 300px;padding: 0;}
    .key-section .key-section-inner p{padding: 0 20px;max-width: 90%;}


     .welcome-section{padding: 60px 0;}
    .ossie-section .ossie-section-left,.creatives-section .creatives-section-inner-left,.ossie-proof-section .proof-inner-img,.ossie-experience-section .experience-img{max-width: 100%;width: 100%;}
    .ossie-section .ossie-section-left img,.creatives-section .creatives-section-inner-left img,.ossie-proof-section .proof-inner-img img,.ossie-experience-section .experience-img img {width: 100%;max-width: 100%;height: 300px;}
    .ossie-section .ossie-section-right .ossie-dec{max-width: 100%;}
    #about-us h2,.ossie-section .ossie-section-right h5,.member-section .title-sec{font-size: 30px;margin-bottom: 20px;}
    .ossie-experience-section ul li{margin-bottom: 10px;font-size: 16px;}
    .skydive-dec-section .example-one{margin-bottom: 0;}
    .skydive-dec-section,.ossie-experience-section,.ossie-proof-section,.creatives-section{padding: 60px 0px;}
    .ossie-team-section .ossie-team-section-inner{padding: 20px 25px;}
    .ossie-section .container,.ossie-team-section .container,.member-section .container{padding: 60px 15px;}
    .ossie-proof-section .proof-inner{padding: 25px 23px;margin-bottom:30px;}
    .member-section .member-section-inner-img img{width: 65%;padding: 14px;}
    .skydive-dec-section .example-one ul li{font-size: 16px;}
    .ossie-team-section .ossie-team-section-inner h5{font-size: 20px;}
    .ossie-team-section .quote-inner-sec h5{font-size: 22px ;}

    .blog-detail-page .hero .section-inner{grid-template-columns: 1fr;}
    .blog-detail-page .hero .hero-content h1,.more-blog .blog-title  {font-size: 34px;max-width: 100%;}
    .blog-detail-content .section-inner img{margin-top: 20px;margin-bottom: 30px;}
    .blog-cta{margin-top: 10px;}
    .blog-banner-img, .recent-blog .col-12{margin-bottom: 30px;}
    .social-share .section-inner h2{font-size: 22px;padding: 18px 0;width: 100%;border-bottom: 1px solid #999;border-right: 0;text-align: center;}
    .social-share .section-inner .social-list li a{padding: 22px 8px;}
    .social-share .section-inner .social-list li a .icon {width: 20px;height: 20px;line-height: 0;}
    .social-share .section-inner .social-list{width: 100%;}
    .social-share .section-inner .social-list li a .social-icon-title{font-size: 16px;line-height: 1;}
    .social-share .container{padding: 0;}
    .blog-detail-content .section-inner h2 {font-size: 24px;}
    .blog-detail-content .section-inner{max-width: 100%;padding-bottom: 12px;}
    .contact-work-section{max-width: 100%;margin: 0;}
    .contact-work-section .we-work-single{margin: 0 0 30px;}
    .black-contact-section{padding: 0;}

    .content-modal .modal-dialog{max-width: 92%;}
    .content-modal .modal-body{padding: 20px;}
    .content-modal .modal-body:after{width: 3px;}
    .content-modal h5{ font-size: 20px; margin: 0 0 15px;}
    .content-modal h6{font-size: 16px;}
    .content-modal .close{font-size: 20px;height: 30px;width: 30px;top: -10px;right: -10px;}

    .audience-section{padding: 60px 0;}
    .audience-section .row{margin-bottom: 60px;}
    .audience-section-inner{margin-top: 20px;}
    .audience-section .image-div{order: 2;margin-top: 20px;}
    .audience-section .title-sec{margin-bottom: 30px;}
    .skydive-dec-section .skydive-dec-row{grid-template-columns: 1fr;gap: 10px;}
    .skydive-dec-section .conetnt-box{margin-bottom: 20px;}


    .what-possible-inner .what-possible-inner-single a h5 {bottom: 0;}
    .what-possible-inner .what-possible-inner-single a:after {
        height: 100%;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0,0,0,0), rgb(0 0 0 / 50%));
    }
    .what-possible-inner .what-possible-inner-single a:hover img{
        transform: unset;
    }
    .microsoftbox-section-inner .inner-dec h5{display: none;}
    .microsoftbox-section-inner h5.responsive-title{display: block;font-size: 20px;line-height: 1.7;letter-spacing: 0.36px;font-weight: 800;text-align: center;}
    
}

@media(max-width:575px) {
    .content-modal .modal-dialog{margin: 1rem auto;}
    .content-modal .modal-dialog, .content-modal.big-modal .modal-dialog{max-width: 90%;}
}
@media(max-width:480px) {
    .newsletter-section { padding: 30px 0; }
    .newsletter-form form { border: 0; border-radius: 0; }
    .newsletter-form input[type="email"] { border: 1px solid #C8C8C8; border-radius: 34px; margin-bottom: 10px; padding: 13px 20px; }
    .newsletter-form .btn-main { position: relative; }

  .branded-section .branded-section-inner p{padding: 0 40px;}
  .key-section .key-section-inner p{padding: 0;}

  .welcome-section .welcome-section-right{height: 100%;}
    .welcome-section .hero-text-sec h6{padding: 0;}
     .ossie-team-section .row{grid-template-columns: repeat(1, 1fr);}
    .ossie-team-section .quote-inner-sec{grid-column: 1;padding: 50px 30px;}
    .ossie-team-section .quote-sec .container, .member-section .quote-sec .container{padding: 0 50px;}
    .member-section .member-section-inner img {padding: 12px;width: 100%;}

    .blog-detail-content .img-column{grid-template-columns: 1fr;}
    .blog-detail-content .img-column .img-inner img{height: 300px;}
    .social-share .section-inner .social-list li{width: 50%;}
    .social-share .section-inner .social-list li:nth-child(3) a,.social-share .section-inner .social-list li:nth-child(4) a{border-top: 1px solid #999;}
    .social-share .section-inner .social-list li:nth-child(2) a,.social-share .section-inner .social-list li:nth-child(4) a{border-right: 0}
    .contact-work-section .we-work-single{padding: 20px;}
}