@media only screen and (min-width: 2000px) and (max-width: 2560px) {
    #our-work-section #work-content-writing {
        right: 11%;
        top: 38%;
    }
    #our-work-section #work-graphics {
        bottom: 35%;
    }
    #our-work-section #work-video {
        left: 43.5%;
        top: 51%;
    }
    
}
@media only screen and (min-width: 1550px) and (max-width: 1600px) {
    #our-work-section #work-content-writing {
        right: -13%;
    }
    
}
@media only screen and (max-width: 1512px){
    #our-work-section #work-content-writing {
        right: -15%;
        top: 34%;
    }
    #our-work-section #work-video {
        left: 38.5%;
    }
    .portfolio-content{
        bottom: 28%;
    }
    .portfolio-mian-image::after {
        bottom: 77%;
        left: 78%;
    }
    .box-images img{
        max-height: 27vh;
    }
    .box-images-content img{
        max-height: 17vh;
    }
}
@media only screen and (max-width: 1480px){
    #landing-section-home .container-fluid::before {
        left: 7%;
    }
    #creative-weapon-container::before{
        width: 89%;
        bottom: 60%;
        left: 12%;
    }
    #creative-weapon-container::after{
        width: 79%;
        top: 64%;
    }
    #about-us-images img {
        width: 60%;
    }
    #about-us-section::before{
        left: 8%;
        width: 85%;
        top: 2%;
    }
    #home-blog-section .slider-padding #slider-images{
        height: 305px;
    }
    #our-work-section .our-work-main-container{
        top: 10%;
        bottom: 21%;
        right: 8.9%;
    }
    .services-video-text{
        padding: 0px 63px;
    }
    .landscape-video{
        padding: 22px 45px;
    }
    .services-video-text{
        padding: 0px 63px;
    }
    .services-video-text .services-headline h2, .services-text .services-headline h2 {
        font-size: 40px;
    }
    .services-text-container li {
        font-size: 15px;
    }
    .main-s-h {
        top: 116%;
        right: 3%;
    }
    .services-graphics {
        top: 123%;
        right: 5%;
    }
    .services-content-writing{
        top: 121%;
        right: 5%;
    }
  
    #our-work-section #work-content-writing {
        position: absolute;
        right: -20%;
        top: 31%;
    }
    #services-video iframe{
        height: 40vh;
    }
}
@media only screen and (max-width: 1380px){
   
    .services-video-text .services-headline h2, .services-text .services-headline h2 {
       font-size: 32px; 
    }
    .services-text-container p {
        font-size: 19px;
    }
    .landscape-video .video-part {
        height: 62vh;
    }
    .main-s-h{
        top: 100%;
    }
    .services-images .content-image{
        justify-content: end;
        padding-right: 43px ;
    }
    
    .services-graphics{
        top: 92%;
        right: 3%;
    }
    .services-content-writing {   
        top: 113%;
        right: 5%;
    }
    #our-work-section #work-content-writing{
        left: 59%;
        top: 25%;
    }
    #our-work-section #work-content-writing .content-writing {
        width: 19%;
    }
    #our-work-section #work-video{
        left: 32.5%;
    }
    #our-work-section #work-video .work-video-link {
        width: 22%;
    }
    #our-work-section #work-graphics .graphics-link {
        width: 36%;
    }
    #our-work-section #work-graphics {
        bottom: 21%;
    }
    .faq-content-headline-home .headline h4 {
        font-size: 21px;
    }
    #services-video iframe{
        height: 45vh;
    }
}
@media only screen and (max-width: 1230px){
    #our-work-section #work-content-writing {
        right: -15%;
        top: 28%;
    }
    #landing-section-home .container-fluid::before {
        width: 90%;
        left: 0%;
        bottom: 16%;

    }
    #landing-page-image img{
        width: 56%;
    }
    #landing-section-home .container-fluid::after{
        width: 69%;
        height: 100%;
        top: 54%;
        left: 32%;
    }
    #creative-weapon-container::after{
        width: 80%;
        top: 68%;
        left: 10%;
    }
    #creative-weapon-container::before{
        bottom: 41%;
    }
    .creative-weapon-img {
        width: 68%;
    }
    #banner-section-landing .banner-image .banner-image-main{
        width: 92%;
    }
    #about-us-images img {
        width: 55%;
    }
    #about-us-section::before{
        left: 4%;
        top: 10%;
        width: 95%;
    }
    #home-portfolio-section .slider-padding{
        padding: 0px 54px;
    }

    #our-work-section .our-work-main-container{
        top: 10%;
        right: 8.9%;
    }
    .video-container, #home-blog-section .slider-padding #slider-images{
        width: 100%;
        height: 270px;
    }
    .video-headline h6 {
        font-size: 16px;
    }

    .video-container-text{
        top: -97px;
    }
    #section-services-main-image::after {
        top: 9%;
        left: 3%;
    }
    .services-main-image img {
        width: 75%;
    }
    .services-text-container p {
        font-size: 17px;
    }
    .services-video-text{
        padding: 0px 19px;
    }
    .landscape-video {
        padding: 19px 23px;
    }
    .pdt {
        padding-top: 12%;
    }
    .services-video-text .services-headline h2, .services-text .services-headline h2 {
        font-size: 29px;
    }
    .services-images{
        margin-top: 17px;
    }
    .landscape-video .video-part {
        height: 44vh;
    }
    .main-s-h {
        top: 147%;
        right: 2%;
    }
    .services-graphics {
        top: 129%;
        right: 5%;
    }
    .services-content-writing{
        top: 160%;
        right: 5%;
    }
    #services-video iframe{
        height: 37vh;
    }
}
@media only screen and (max-width: 1100px){
    #landing-section-home .container-fluid::after{
        top: 72%;
        left: 24%;
        width: 83%;
    }
    
}

@media only screen and (max-width: 900px){
    #landing-section-home .container-fluid::after{
        top: 67%;
        left: 24%;
        width: 83%;
    }
    #banner-section-landing .banner-image{
        margin-top: 70px;
    }
    #banner-section-landing .banner-image .banner-image-main {
        width: 88%;
    }
    .portfolio-video-box{
        flex-wrap: nowrap;
    }
    
}
@media only screen and (max-width: 480px){
    #landing-section-home .container-fluid::before{
        width: 100%;
        top: 23%;
    }
    #landing-section-home .container-fluid::after{
        top: 49%;
        left: 24%;
        width: 84%;
    }
    #creative-weapon-container::before {
        width: 92%;
        top: 20%;
        left: 6%;
    }
    #creative-weapon-container::after{
        width: 89%;
        top: -20%;
        left: 6%;
        rotate: 180deg;
    }
    #landing-page-image img{
        width: 89%;
    }
    .section-next-btn{
        display: none;
    }
    .nav-contact-botton img{
        width: 30px;
    }
    .navbar-toggler{
        display: none;
    }
    .main-wrapper{
        display: flex;
        height: 100vh;
        overflow-y: hidden;
        overflow-x: scroll; 
    }
    section{
        height: 100vh;
        overflow: hidden;    
    }
    .creative-weapon-img {
        width: 95%;
    }
    #about-us-images img {
        width: 95%;
    }
    #about-us-section::before {
        left: -2%;
        top: 36%;
        width: 107%;
    }
    #banner-section-landing .banner-image .banner-image-main {
        height: auto;
        padding: 0;
        width: 100%;
        margin-top: 29%;
    }
    .main-wrapper::-webkit-scrollbar{
        height: 2px;
    } 
    .main-wrapper::-webkit-scrollbar-track{
        box-shadow: inset 0 0 5px rgba(204, 204, 204, 0); 
        border-radius: 10px;
    } 
    .main-wrapper::-webkit-scrollbar-thumb{
        background: #FB5502; 
        border-radius: 10px;
    
    } 
    .main-wrapper::-webkit-scrollbar-thumb:hover {
        background-color: #FFFF33; 
        cursor: pointer;
    } 
    .main-wrapper::-moz-scrollbar-thumb{
        border-radius: 10px;
    } 
    .about-us-container h2, .our-work-container h2{
        font-size: 4rem;
        line-height: 71%;
    }
    .about-us-container h2 a:nth-of-type(1){
        font-size: 12px;
        position: absolute;
        left: 8%;
        top: 22%;
        line-height: 1.4;
        padding: 2px 8px;
    }
    .about-us-container h2 a:nth-of-type(2){
        font-size: 11px;
        padding: 0px 14px;
        position: absolute;
        line-height: 2.0;
        top: 44px;
        left: 75%;
    }
   
    .about-us-container h2 a:nth-of-type(3){
        font-size: 12px;
        position: absolute;
        left: 12%;
        line-height: 1.5;
        top: 100%;
        padding: 0px 19px;

    }
    .about-us-container h2::after{                          
        content: "";
        position: absolute;
        display: flex;
        width: 20%;
        height: 45%;
        background-image: url(../images/talk-bubble.png);
        background-size: contain;
        background-repeat: no-repeat;
        top: -15%;
        right: 11%;
    }
    #video-items iframe{
        height: 47vh;
    }
    .video-container {
        width: 100%;
        height: 100%;
    }
    #home-portfolio-section .slider-padding, #home-blog-section .slider-padding, #home-learn-section .slider-padding, #blog-second-section .slider-padding{
        padding: 0px 77px;
    }
    .video-container .custom-video-controls{
        top: 39%;
    }
    .blog-text p {
        font-size: 18px;
        text-align: center;
    }
    .headline-main a {
        bottom: 0;
        top: unset;
        right: 27%;
        font-size: 47px;
    }
    
    #home-blog-section .slider-padding #slider-images{
        width: 100%;
        height: 425px;
    }
    #home-blog-section .headline-main h2 a{
        top: 25px;
        right: 36%;
    }
    .idea-section{
        position: relative;
        left: 0;
    }
    #home-footer-nav .tc{
        text-align: center;
        padding-bottom: 10%;
        display: flex;
        flex-wrap: wrap;
    }
    #home-footer-nav .policy-page-link{
        padding-left: unset;
    }
    #our-work-section #work-section-image-main .work-image img{
        width: 44%;
    }
    #our-work-section #work-content-writing{
        position: relative;
    }
    #our-work-section #work-content-writing{
        position: absolute;
        left: 61%;
        width: 100%;
        top: 41%;
    }
    #our-work-section #work-video{
        position: absolute;
        left: 29%;
        width: 89%;
        top: 50%;
    }
    #our-work-section #work-graphics {
        position: absolute;
        bottom: 39%;
        left: 45%;
        width: 142%;
    }
    #our-work-section::before{
        bottom: -29%;
        left: 0%;
    }
    .owner-box-headline h2{
        font-size: 17px;
    }
    .blog-image-slider-container{
        height: 47vh;
    }
    #home-blog-section .headline-main h2 a{
        top: 71px;
    }
    .text-main p{
        text-align: center;
    }
    #testimonial-section .owl-dots{
        right: 0;
    }
    .owner-box .owner-box-body p{
        font-size: 8px;
    }
    .idea-dots {
        right: 43%;
    }
    .idea-container-main img{
        width: 95%;
    }
    .owner-box .owner-box-headline {
        padding-bottom: 14px;
    }
    .owner-box-headline{
        font-size: 11px;
    }
    .community-baandook{
        display: block;
    }
    .community-baandook .text-main p{
        font-size: 3.5pc
    }
    .community-baandook .image-part::after {
        left: 86%;
    }
    .portfolio-video-box-center iframe{
        height: 210px;
    }
    .portfolio-video-box iframe{
        height: 128px;
    }
    .main-headline {
        top: 85%;
        left: 0;
        right: 0;
        text-align: center;
    }
    .portfolio-graphics {
        width: 31%;
        top: 41%;
        left: 13%;
    }
    .portfolio-content{
        bottom: 41%;
        width: 23%;
        right: 38%;
    }
    .portfolio-video{
        width: 16%;
        bottom: 43%;
        right: 10%;
    }
    .owner-box .owner-box-headline .headline-main {
        width: auto;
    }
    .headline-c-main h2 {
        font-size: 2pc;
    }
    .contact-text-headline-main{
        display: block;
        text-align: center;
        padding-bottom: 7px;
    }
    .contact-main-text-box .contact-box-text p{
        font-size: 13px;
    }
    .contact-btn {
        width: 100%;
        margin: auto;
        margin-bottom: 9px;
    }
    .headline-c-main::after{
        width: 69%;
        height: 56%;
        left: 9%;
    }
    .headline-c-main::before{
        width: 69%;
        height: 56%;
        left: 82%;
    }
    .form-bg {
        padding-bottom: 17px;
    }
    .home-social-icon-img{
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .footer-nav-left {
        padding-left: 0;
    }
    #home-footer-nav .other-navigaton-menu{
        width: 50%;
        text-align: center;
    }
    #home-footer-nav .other-navigaton-menu h4 a {
        font-size: 17px;
    }
    #client-partner-section .client-box{
        height: auto;
    }
    #our-work-section #work-video .work-video-link {
        width: 19%;
    }
    #our-work-section #work-graphics .graphics-link {
        width: 25%;
    }
    .imageslider .owl-dots {
        right: 0;
    }
    .owl-dots {
        right: 0;
        left: 0;
    }
    #client-partner-section .owl-dots {
        top: 133%;
    }
    #landing-section-learn iframe{
        width: 100%;
        height: 195px;
    }
    .learn-landing-part1{
        padding: 0px 30px;
    }
    .learn-youtube-landing{
        padding-top: 10px ;
        display: flex;
        justify-content: center;
    }
    .learn-landing-text p{
        font-size: 9px;
    }
    .learn-text-btn span{
        display: block;
        width: 100%;
    }
    #career-part-headline p{
        font-size: 40px;
    }
    .join-internship-button a{
        padding: 2% 6%;
        font-size: 18px;
    }
    .faq-container {
        padding: 0px 10px;
    }
    .faqs_container_home .main-faq-wrapper .faq-container{
        padding: 0px 10px;
    }
    .faq-content-headline .headline h4,  .faq-content-headline-home .headline h4{
        font-size: 22px;
    }
    .learn-button-container{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .learn-content-box{
        max-height: 375px;
    }
    .community-content-box{
        max-height: 439px;
    }
    .community-video-part.w-25, .community-video-part.w-25, .community-image-part.w-25{
        width: 50% !important;
    }
    .internship-upload-btn-main {
        margin: 8px 0px;
    }
    .internship-program-btn {
        margin: 18px;
    }
    #build-career-headline p{
        font-size: 24px;
    }
    .join-us-text p {
        font-size: 13px;
    }
    .pdt{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #services-video iframe {
        height: 23vh;
    }
    .community-text-btn {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .community-text-btn span{
        margin: 6px;
    }
    .learn-text-btn {
        padding: 5px 0px;
    }
    #community-text-section::after, #community-content-section::after, #team-about-us-section::after, #home-footer-nav .container::after, #career-landing-section .container::after, .faqs_container_home .container::after, #client-partner-section .container::after, #testimonial-section .container::after, #home-portfolio-section::after, .community-landing::after, #community-landing-main-section::after, #creative-weapon-container::before, #services-container-content-writing::after, #services-container-graphics::after, #section-services-main-image::after, #services-container-video::after, #blog-second-section::after, #home-learn-section::after, #about-us-page::after, #contact-section-main .container::after, #home-idea-section1::after, #block-landing-section::after, #portfolio-landing-section::after, #home-blog-section::after, .career-baandook-container-main::after, .faqs_container-career::after, #career-part-section::after, .internship-form-container-main::after, .portfolio-other-bg::after, #landing-section-learn::after, #learn-content-section::after{
        top: 35%;
        background-size: contain;
    }
    .services-images .content-image img {
        height: 23vh;
    }
    .block-landing-section-container-main .blog-headline h2, .learn-landing-part1 h2{
        font-size: 3pc;
        text-align: center;
    }
    .text-container-wrap{
        padding: 22px 20px;
    }
    .learn-youtube-landing .content-youtube{
        width: 90%;
    }
    .learn-button-container span {
        font-size: 13px;
    }
    .community-video-part, .community-image-part {
        padding: 6px;
    }
    #home-portfolio-section, #home-blog-section, #home-learn-section{
        padding-top: 0 !important;
    }
    .main-headline-link a{
        position: relative;
        top: 0%;
        right: 0;
    }
    .contact-btn{
        font-size: 9px;
    }
    .form-bg label{
        font-size: 10px;
    }
    .contact-btn-submit button {
        font-size: 10px;
    }
    #home-footer-nav .other-navigaton-menu {
        padding: 0;
    }
    #client-partner-section .slider-padding{
        padding: 0px 40px; 
    }
    .client-img{
        display: flex;
        justify-content: center;
    }
    .owl-carousel .owl-item img {
        width: 70%;
    }
    .client-box-body{
        padding: 0px 25px !important;
    }
    .protfolio-content-image{
        padding: 2px;
    }
    .protfolio-content-image-circle-row3 img, .protfolio-content-image-circle-row1 img{
        width: 100% !important;
    }
    .internship-form-container-main input, .internship-form-container-main select{
        height: 34px;
    }
    .form-bg input{
        height: 26px;
    }
    #community-landing-container .image-part{
        display: flex;
        justify-content: center;
    }
    #community-landing-container .image-part img{
        width: 84%;
    }
    #testimonial-section .owl-dots {
        top: 144%;
    }
    .community-headline-text p{
       font-size: 21px; 
    }
    .text-container-wrap > p:nth-of-type(2), .community-text p{
        font-size: 12px;
    }
    #community-text-section{
        padding: 0px 12px;
    }
    .community-text-btn span{
        padding: 5px 32px;
    }
    .community-text h6{
        font-size: 15px;
        padding-bottom: 1px;
    }
    .owl-carousel .owl-item .about-main-image img{
        width: 100% ;
    }
    .about-main-image {
        padding: 0;
    }
    #about-us-content-text .about-us-text p{
        font-size:15px;
    }
    #team-about-us-section .owl-dots {
        bottom: -26%;
    }
    .community-image-part img, .community-video-part iframe{
        height: 111px;
    }
    .page-back-btn a {
        font-size: 23px;
        padding: 1px 8px;
        border-radius: 42%;
    }
    .upload-btn-main-internship{
        padding: 6px 40px;
    }
    .pop-up-career-baandook-form input {
        width: 100%;
    }
    .faqs-headline-main h2, .faqs-headline-main-home h2 {
        font-size: 2rem;
    }
    .services-video-text .services-headline h2, .services-text .services-headline h2 {
        font-size: 22px;
    }
    .pdt{
        padding-top: 0;
    }
    .services-images {
        margin-top: 0; 
    }
    .services-images .content-image {
        padding-right: 0;
    }
    .services-text-container p {
        font-size: 11px;
    }
    .about-us-headline-images {
        padding-bottom: 20px;
    }
}
@media only screen and (max-width: 380px){
    .about-us-container h2{
        font-size: 3rem;
    }
    .about-us-container h2 a:nth-of-type(2){
        top: 32px;
        left: 72%;
    }   
    .contact-main-text-box .contact-box-text p{
        font-size: 10px;
        margin-bottom: 0;
    }
    .contact-btn{
        font-size: 7px;
    }
    .form-bg {
    line-height: 1;
    }
    .form-bg input {
        height: 19px;
    }
    .headline-c-main h2 {
        font-size: 1.5pc ;
    }
    .owner-box-headline h2 {
        font-size: 14px;
        margin-bottom: 0;
    }
    #testimonial-section .owl-dots {
        top: 125%;
    }
    .faqs-headline-main h2, .faqs-headline-main-home h2 {
        font-size: 2rem;
    }
    .community-baandook .text-main p{
        font-size: 2.5pc;
    }
    .faq-content-headline .headline h4, .faq-content-headline-home .headline h4 {
        font-size: 18px;
    }
    .faq-content-headline .icon img, .faq-content-headline-home .icon img {
        width: 17px;
    }
    .main-faq-wrapper {
        padding: 0px 12px;
    }
    .community-text-btn span {
        font-size: 10px;
    }
    .text-container-wrap > p:nth-of-type(2), .community-text p {
        font-size: 10px;
    }
    .image-part{
        display: flex;
        justify-content: center;
    }
    .image-part img{
        width: 80%;
    }
    .services-video-text .services-headline h2, .services-text .services-headline h2 {
        font-size: 23px;
    }
    .services-text-container ul {
        padding: 0px 11px;
    }
    .services-text-container li {
        font-size: 10px;
    }
    .learn-text-btn span{
       font-size: 10px;
    }
    .learn-content-box {
        max-height: 320px;
    }
    .learn-button-container span {
        font-size: 10px;
    }
    #landing-section-learn iframe{
        height: 173px;
    }
}