@media(min-width: 1200px){
    .container{
        max-width: 1280px;
    }
}

/* @media (max-width: 767px){
    .wrapper.pledge-wrapper {padding: 50px;}
    .left-con {flex-direction: column-reverse;}
    .image-banner.bg-common.rel {height: 30vh !important;margin-top: 25% !important;background-size: cover !important;}

} */


@media screen and (min-width:1200px) and (max-width:1275px){
    .pos-1 .folder-1-img {
        left: unset;
        right: 71%;
    }
    .pos-1 .brush-img {
        bottom: 270px;
    }
    .pos-1 .folder-1-img {
        left: 295px;
    }
    .pos-1 .paper-2 {
        left: 511px;
    }
    .pos-1 .folder-2-img {
        left: 607px;
    }
    .pos-1 .paper-4 {
        left: 696px;
    }
    .pos-1 .paper-5 {
        right: 269px;
    }
    .pos-1 .paper-6 {
        right: 112px;
    }
    .pos-3 .s3-dev {
        left: 365px;
    }
    .pos-3 .s3-lava {
        left: 120px;
    }
    .pos-3 .s3-ten {
        left: 294px;
    }
    .pos-3 .s3-bubu {
        left: 209px;
    }
    .pos-3 .s3-fred-2 {
        right: 303px;
    }
    .pos-4 .dev-stand {
        left: 583px;
    }
    .pos-4 .fred-wrap {
        right: 100px;
    }
    .pos-5 .pole {
        left: 132px;
    }
    .pos-5 .fred-press {
        right: 239px;
    }
    .pos-5 .ten-dress {
        left: 332px;
    }
    .pos-7 .tentacle-suite {
        left: 234px;
    }
    .pos-7 .s7-lava {
         left: 218px;
    }
    .pos-7 .dev-1 {
        left: 529px;
    }
    .pos-7 .fred-1 {
        right: 191px;
    }
}

@media(max-width: 1199px){
    .pos-1 .folder-1-img {
        left: 190px;
        height: 37px;
    }
    .pos-1 .paper-1 {
        bottom: 82px;
        left: 222px;
        height: 69px;
    }
    .pos-1 .laptop-img {
        left: 169px;
    }
    .pos-1 .paper-5 {
        right: 15%;
    }
    .pos-1 .paper-6 {
        right: 0;
    }
    .pos-1 .pencil-img {
        bottom: 174px;
        left: 257px;
        height: 69px;
    }
    .pos-1 .brush-img {
        bottom: 262px;
        left: 247px;
        height: 67px;
    }
    .pos-1 .paper-2 {
        bottom: 117px;
        left: 39%;
    }
    .pos-1 .paper-3 {
        left: 373px;
    }
    .pos-1 .folder-2-img {
        left: 496px;
        height: 37px;
    }
    .pos-1 .paper-4 {
        left: 57%;
    }
    .pos-3 .s3-lava {
        left: 17px;
        top: 168px;
        height: 251px;
    }
    .pos-3 .s3-bubu {
        left: 97px;
    }
    .pos-3 .s3-ten {
        left: 179px;
    }
    .pos-3 .s3-fred {
        right: 34px;
        bottom: 11px;
        height: 463px;
    }
    .pos-3 .s3-dev {
        left: 254px;
    }
    .pos-3 .s3-fred-2 {
        right: 180px;
    }
    .pos-4 .clean-brush {
        left: 128px;
    }
    .pos-4 .cage {
        left: 27px;
    }
    .pos-4 .fred-wrap {
        right: 0;
        height: 475px;
        top: 182px;
    }
    .pos-4 .dev-stand {
        left: 470px;
    }
    .pos-5 .pole {
        left: 21px;
    }
    .pos-5 .ten-dress {
        left: 219px;
    }
    .pos-5 .fred-press {
        right: 123px;
    }
    .pos-7 .tentacle-suite {
        bottom: 52px;
        left: 117px;
    }
    .pos-7 .s7-lava {
        left: 105px;
    }
    .pos-7 .bubu-cage {
        left: 98px;
    }
    .pos-7 .dev-1 {
        left: 416px;
    }
    .pos-7 .fred-1 {
        right: 77px;
    }
    .pos-7 .tentacle-case-1 {
        bottom: 25px;
        left: 269px;
        height: 58px;
    }
    .pos-7 .staff {
        bottom: 113px;
        left: 257px;
        height: 141px;
    }
    .pos-7 .tentacle-case-2 {
        bottom: 142px;
        left: 417px;
    }
}

@media(max-width: 991px){
    .desktop-view2{
        display: none;
      }
      .mobile-view{
        display: block;
      }
      .mobile-section .m-section img{
        height: 80vh;
      }
    
      .footer-mobile{
        background-color: #D3CAC1;
        padding: 20px;
        text-align: center;
        border-bottom: 40px solid #7B7B7B;
      }
      .footer-mobile img{
        max-width: 100px;
        margin-bottom: 20px;
      }
      header{
        background-color: transparent;
        box-shadow: unset;
      }
      header .navbar-brand img {
        margin-top: 13px;
    }
    .service-slider {
        padding: 100px 0 50px;
    }
    footer .footer-logo {
        float: unset;
        text-align: center;
        margin-bottom: 20px;
        position: relative;
        padding-top: 30px;
    }
    footer .footer-logo:after{
        content: '';
        height: 3px;
        width: 50%;
        background-color: #E89C17;
        position: absolute;
        top: 0px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    footer ul.footer-nav {
        flex-direction: column;
        margin-bottom: 20px;
    }
    footer ul.footer-nav li:not(:last-child) {
        border-right: none;
        margin-bottom: 15px;
    }
    footer ul.footer-nav li {
        margin-right: 0 !important;
        padding-right: 0 !important;
    }
    footer ul.footer-nav li a{
        font-weight: 600;
        color: #1A1A1A;
        opacity: 0.5;
    }
    footer .copyright-content p {
        font-size: 10px;
        text-align: center;
    }
    .service-inner-1 {
        padding: 100px 20px 50px;
    }
    .banner-graphic {
        text-align: center;
        margin-bottom: 20px;
    }
    .margin-none{
        margin-top: 0 !important;
    }
    .wrapper {
        padding: 0 15px;
    }
    .website-section .portfolio-item .details {
        padding: 0 20px 0;
    }
    .website-section .portfolio-item .details h3 {
        margin-bottom: 10px;
    }
    .website-section .portfolio-item .details .options{
        margin-top: 20px;
    }
    .contact-sec .contact-btn img {
        display: none;
    }
    .image-page, .road-map {
        margin-top: 0 !important;
    }
}

@media(max-width: 768px){
    .mobile-section .m-section img {
        height: auto;
    }
    .mobile-form {
        padding: 0 20px 50px;
    }
    .mobile-section .owl-dots {
        padding: 20px 20px 50px;
    }
    .banner-graphic img {
        height: 200px;
    }
    .common-block {
        padding: 50px 20px;
    }
    .inclusion-list li .inclusion-content img {
        height: 316px;
        width: 100%;
        object-fit: contain;
    }
    .strip-layer {
        padding: 50px 20px;
    }
    .strip-layer h2 {
        font-size: 25px;
        text-align: center;
        margin-bottom: 20px;
    }
    .strip-layer .banner-btn {
        float: unset;
        display: block;
        margin: 0 auto;
        width: 50%;
    }
    p {
        font-size: 14px;
    }
    .other-packages td > div h3 {
        font-size: 25px;
        padding: 0 20px;
    }
    .other-packages td > div p {
        font-size: 14px;
        padding: 0 20px;
    }
    .other-packages .block-heading h2 {
        font-size: 30px;
    }
    .choice-list li .choice-card {
        padding: 30px;
        text-align: center;
    }
    .common-strip-section .d-btns a {
        font-size: 20px;
        margin-top: 10px;
    }
    .iframe iframe{
        width: 100%;
    }
    .website-section .page-heading {
        padding: 0 20px;
    }
    .website-section .page-heading p {
        font-size: 14px;
    }
    .pledge-mobile .common-p-block p {
        font-size: 14px;
    }
    .pledge-mobile .common-p-block img {
        height: 140px;
    }
    .pledge-mobile .common-p-block:not(:last-child){
        margin-bottom: 20px;
    }
    .pledge-mobile .banner-1{
        margin-bottom: 40px;
    }
}

@media(max-width: 767px){
    .other-packages table {
        margin-top: -30px;
    }
    .services-packages > div{
        padding: 20px;
        margin-bottom: 10px;
    }
    .services-packages > div img{
        height: 100px;
        margin-bottom: 10px;
    }
    .banner-block .banner-strip h1 {
        font-size: 30px;
    }
    .website-section .page-heading h1 {
        font-size: 40px;
    }
    .website-section .portfolio-item .details .options .btn {
        font-size: 14px;
    }
}
@media(max-width: 700px){
    /* .mobile-section .m-section img {
        height: 70vh;
        object-fit: contain;
    } */
    .mobile-form .outer .form-wrapper h2.heading {
        font-size: 30px;
    }
    .mobile-form .outer .form-wrapper .send input {
        font-size: 20px;
    }
    .m-section {
        padding: 50px 0 20px;
    }
    .service-inner-1 .heading-div h1 span {
        font-size: 55px;
    }
    .service-inner-1 .heading-div h1 {
        font-size: 25px;
    }
    .price-tag .price {
        font-size: 23px;
    }
    .price-tag .price sup.zero {
        font-size: 14px;
    }
    .price-tag:before {
        border-top: 20px solid transparent;
        border-right: 30px solid #404040;
    }
    .banner-btn {
        font-size: 20px;
    }
    .option-add .optional-list > li button.toggle-button .heading-content h2 {
        font-size: 24px;
    }
    .option-add .optional-list > li button.toggle-button .heading-content .icon-toggle {
        transform: scale(0.8);
        transform-origin: top;
    }
    .option-list .option-card {
        margin-bottom: 20px;
    }
    .page-tabs .page-links h3 a {
        font-size: 30px;
    }
    .page-tabs .page-links h3 {
        margin-top: 10px;
    }
    .banner-block .banner-strip p {
        font-size: 13px;
    }
}

@media(max-width: 600px){
    .mobile-form .outer .form-wrapper {
        padding: 0 0px;
    }
    .service-slider .service-wrapper {
        padding: 20px;
    }
}





@media(max-width: 370px){
    .price-tag .title {
        font-size: 9px;
    }
}