@media only screen and (max-width: 568px) {
    .container {
        max-width:568px!important
    }

    .proposal h2.marginTop25p {
        margin-top: -5%
    }
/* 12-1-14 */
    #sponpaperplane{
        height:auto;
        max-width:70%;
    }
/* 12-1-14 */
}

@media only screen and (max-width: 480px) {
    .container {
        max-width:480px!important
    }

    .proposal h2.marginTop25p {
        margin-top: 0%;
    }

    #pricing-models .dropit {
        margin: 8.5% auto 3%!important
    }

    .navbar .nav>li>a.collapse_menu1, .navbar .nav>li>a.dropdown-toggle, .navbar .nav>li>a.external{
        line-height: 35px !important;
    }
}



@media only screen and (max-height: 400px){
    #the-microcreatives-team {
        background-image: url(../../uploads/2014/06/the-team-480.jpg)!important;
        background-position: center 16px!important;
        height: 195%;
    }
}


@media only screen and (max-width: 480px),(max-width:568px) {

    #what-sets-us-apart p.fontSize110{
        font-size: 67% !important;
    }


    #what-sets-us-apart p{
        font-size: 65% !important;
    }

    #pricing-models>div>div.slideblock>div.dropit.swiper-container>div>div.one_third.text-align-center.swiper-slide.swiper-slide-visible.swiper-slide-active>div>p:nth-child(3){
        font-size: 65%!important;
        margin-top: 5px!important;        
    }


    .orientation .one_half div{
        font-size: 65% !important;
    }

    .cab-author-inner .cab-author-info{
        text-align:center;
        margin-top:10px;
    }

    .text-slide-vertical {
        font-size:30px
    }

    .text-slide-vertical li {
        line-height: 40px
    }

    .slide-content h1 {
        font-size: 30px;
        line-height: 30px
    }

    .ultralarge {
        font-size: 40px;
        line-height: 30px
    }

    ul.fullwidth-slider,ul.fullwidth-slider .caption-inside {
        height: 300px
    }

    .our-team li {
        margin: 0 auto
    }

    .twitter-feed .bx-wrapper .bx-next,.twitter-feed .bx-wrapper .bx-prev {
        margin-top: 150px
    }

    .service-item .icon-stack {
        margin-bottom: 60px
    }

    #portfolio-wrap .one-four {
        width: 100%
    }

    .company-phone a {
        font-size: 30px
    }

    #map_canvas {
        height: 250px
    }

    .type-date {
        display: none
    }

    #blog .container {
        /*width: 280px!important;*/
        width:100%;
        padding: 0;
        margin-top: 50px;
    }

    .blog-posts-content {
        min-height: 100px;
        width: 280px;
/*        margin-right: 40px;
        margin-top: 20px;
        margin-left: 0;*/
        margin: 0 auto;
        margin-top: 10px;
        margin-left: 10%;

        float: none !important;
        margin: 0px auto !important;
        }

/*    .post-content {
        float: left;
        padding: 0;
        width: 280px
    }*/

    .post-content {
        float: none;
        padding: 0;
        width: 100%;
        margin: 0 auto;
    }

    #sidebar {
        width: 240px;
        padding: 28px 20px 20px;
        border-top: #E9E9E9 solid 1px;
        margin-top: 10%;
    }

    input#search {
        width: 180px
    }

    #blog.masonry .container {
        width: 280px!important;
        padding: 0
    }

    .blog-post.masonry {
        margin: 10px;
        width: 218px
    }

    .blog-post.masonry .post-content {
        padding: 0
    }

    .blog-post.masonry-quote {
        margin: 10px;
        width: 260px
    }

    .blog-post.masonry-quote .post-content {
        padding: 0
    }

    #project-header {
        height: 250px
    }

    .project-counters .counters {
        margin: 0 auto;
        width: 100%
    }

    #project-slider .bx-wrapper .bx-next,#project-slider .bx-wrapper .bx-prev,.project-page .bx-wrapper .bx-next,.project-page .bx-wrapper .bx-prev {
        display: none
    }

    #show {
        display: none!important
    }

    .recent-post h5 {
        font-size: 11px
    }

    .price-table {
        width: 98%
    }

    .homelogo {
        margin-top: 3.77%!important;
        max-width: 149px!important
    }

    .homeh2 {
        font-size: 130%!important
    }

    .homeh4 {
        font-size: 60%!important;
        font-weight: 300!important;
        width: 70%;
        margin: 8px auto auto!important
    }

    .heading-two h2 {
        font-size: 190%!important
    }

    .breakIt h2 .char10 .ani {
        background-size: 90% auto!important;
        margin-top: 2px !important;
    }

    .whatwedo {
        font-size: 80%!important;
        text-align: center!important;
        font-weight: 300!important;
        width: 99%;
        margin: auto
    }

    .lineh200 {
        line-height: 160%!important
    }

    .navbar .show-menu {
        margin: 10px 20px 10px 10px!important
    }

    #logo {
        margin-left: 20px!important;
        width: 150px!important;
        height: 54px!important
    }

    .homeh4 {
        color: #a2a2a2
    }

    .scrolldown {
        font-size4: 12.16px
    }

    .homebanner {
        margin-top: 0;
        margin-bottom: 13%
    }

    .homebannerInner {
        max-width: 100%;
        margin: auto
    }

    .PriceSetup .homebannerInner {
        max-width: 100%;
        margin: 26% auto!important
    }

    .scrolldown {
        margin-top: 2%!important
    }

    .scrolldown h5 {
        display: none
    }

    .scrolldown img {
        max-height: 15px!important;
        max-width: 20px!important
    }

    .five_sixth,.four_fifth,.one_fifth,.one_fourth,.one_half,.one_sixth,.one_third,.three_fifth,.three_fourth,.two_fifth,.two_fourth,.two_third {
        margin-bottom: 30px;
        margin-right: 0
    }

    #its-us-you-need div[style="margin-top: 30%; margin-bottom: 30%;"] {
        margin-top: 18%!important
    }

    .heading-two h2 {
        line-height: 41px!important
    }

    .crazy-font h2 {
        font-size: 142%!important;
        line-height: 114%!important
    }

    .fontSize110 {
        line-height: 133%!important;
        font-size: 67%!important
    }

    .qformbox {
        max-height: 307px!important
    }

    .qformbox.cut {
        max-height: 210px !important;
    }

    #cuterubiks {
        max-height: 338px!important;
        margin-bottom: -55px
    }

    a.mc-button {
        font-size: 70%!important;
        border-radius: 2px!important
    }

    .outline {
        border-bottom: 4px solid #a74d07!important
    }

    .large {
        padding: 8px 17px!important
    }

    .homebanner .crazy-font {
        margin-bottom: 46px!important
    }

    .post-content ul.blog-slider li {
        width: 270px;
    }

    .post-excerpt {
        /*max-width: 263px!important;*/
        max-width:100%;
        padding: 9px;
        margin-top: 0 !important;
    }

    .post-slider {
        max-width: 385px;
    }

    .post-content h4 {
        font-size: 12px
    }

    #comments h4 span {
        padding: 3px;
        font-size: 12px
    }

    .commentFrom p:nth-child(2) {
        text-align: left;
        float: none;
        display: block
    }

    .cab-author-inner .cab-author-image {
        display: block;
        margin: auto;
        width: 100%;
        text-align: center;
        position: relative
    }

    .cab-author-inner .cab-author-info {
        display: block;
        float: none;
        padding: 0;
        margin-top: 20px
    }

    #its-us-you-need>.container {
        padding: 40px 0 0!important
    }

    #pricing-models .slideblock {
        margin-bottom: 40px
    }

    #its-us-you-need .container>div {
        max-width: 100%;
        margin-top: -81px!important;
        padding: 0 20px
    }

    #pricing-models .container {
        padding: 56px 20px 40px
    }

    .fontSize300 {
        font-size: 150%
    }

    .mobport .portfolio-item {
        margin: 0 1px 4px 0
    }

    #filters>ul>li>div>div:nth-child(even) {
        margin: 0 0 4px 4px
    }

    .PriceSetupHeader,.ResourcesHeader {
        background-position: 48% 50% !important;
        background-size: auto 100% !important;
    }

    .Resources .homebannerInner {
        max-width: 100%;
        margin: 21% auto!important
    }

    .PortfolioHeader {
        background-position: 61% 50% !important;
        background-size: auto 100% !important;
    }

    .PortfolioPage .homebannerInner {
        max-width: 100%;
        margin: 23% auto!important
    }

    .OurTeamHeader {
        background-size: auto 100%!important;
        background-position: 35% 50% !important;
    }

    .OurTeam .homebannerInner {
        max-width: 100%;
        margin: 23% auto!important
    }

    .FaqHeader {
        background-size: auto 100%!important
    }

    .FaqPage .homebannerInner {
        max-width: 100%;
        margin: 25% auto!important
    }

    .ContactHeader {
        background-position: 42% 50% !important;
        background-size: auto 100% !important;
    }

    .ContactPage .homebannerInner {
        max-width: 100%;
        margin: 24% auto!important
    }

    .BlogHeader {
        background-position: 72% 50% !important;
        background-size: auto 100% !important;
    }

    .BlogPage .homebannerInner {
        max-width: 100%;
        margin: 25% auto!important
    }

    .capchabox .two_fifth {
        padding-right: 5px
    }

    #not-found {
        background-size: 206% 100%
    }

    .four-zero-four {
        font-size: 150%
    }

    .below-four-zero-four {
        font-size: 50%
    }

    .container {
        padding: 45px 25px 0
    }

    .FontSize225{
        font-size:180% !important;
    }

    .fontSize125 {
        font-size: 16px
    }

    .accordion dt span {
        padding: 8px 18px 8px 0px;
        margin: auto 13px;
        font-size: 13px;
    }

    .accordion-content, .accordion-content > p{
        font-size: 13px;
    }

    .bluetext29 h2 {
        padding: 45px 10px 0 11px
    }

    .accordion dt span.accordion-status {
        width: 20px;
        padding: 0;
        background: url(images/plus.png) transparent center/20px 20px no-repeat;
        float: right;
        margin-right: 5px;
        border-radius: 2px;
        margin-top: 0;
        display: block;
        position: absolute;
        right: 0;
        height: 100%
    }

    .accordion dt.accordion-active span.accordion-status {
        background: url(images/minus.png) center/20px 20px no-repeat
    }

    .bluetext40 h2 {
        font-size: 26px
    }

    .capcha {
        padding: 0px;
    }

    .captcha-313 {
        padding: 15px 0px 0px 0px;
    }

    .capchabox .one_fifth {
        margin-left: 4px
    }

    .capcha input[type=text] {
        height: 41px;
        font-size: 16px!important
    }

    #the-microcreatives-team .homebannerInner .crazy-font+div {
        margin-bottom: -18%!important
    }

    .orientation {
        margin-top: -100px
    }

    .execution {
        margin-bottom: 50px
    }

    .BriefForm .wpcf7-form-control-wrap.txtDate {
        width: 100%!important
    }

    #its-us-you-need>.container,#what-sets-us-apart .container {
        width: 100%
    }

    #what-sets-us-apart .container {
        padding: 60px 20px 20px!important
    }

    #microcreatives-blog .container,#pricing-models .container,#still-need-more-info .container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

    .capchabox {
        padding: 34px 0 4px!important
    }

    .arrow-right{
        margin-right: -40px;
    }

    .arrow-left{
        margin-left: -40px;
    }

    .pad-0{
        margin-bottom: 0px !important;
    }

}


@media only screen and (max-width: 360px) and (min-width: 321px){
    .breakIt h2 .char10 .ani {
        background-size: 100% auto!important;
        margin-top: 8px !important;
    }
}

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

    .tab_container{
        padding-top: 0;
    }

    .tab_container > .one_sixth{
        margin-bottom: 0px !important;
    }

    .project-info > h4 {
        font-size: 12px;
        padding: 0 6px;
    }

    .project-categories{
        display: none;
    }

    .container {
        max-width:320px!important
    }

    .homelogo {
        margin-top: 7.5%!important
    }

    .homeh2 {
        font-size: 120%!important
    }

    .PriceSetup .homebannerInner,.Resources .homebannerInner {
        max-width: 100%;
        margin: 12% auto!important
    }

    .OurTeam .homebannerInner,.PortfolioPage .homebannerInner {
        max-width: 100%;
        margin: 12% 0 4.1% auto!important
    }

    .FaqPage .homebannerInner {
        max-width: 100%;
        margin: 14% 0 8.4% auto!important
    }

    .BlogPage .homebannerInner,.ContactPage .homebannerInner {
        max-width: 100%;
        margin: 12% 0 4.4% auto!important
    }

    .background {
        top: 0
    }

    .capcha input[type=text] {
        height: 21px;
        font-size: 15px!important;
        line-height: 21px
    }

    .wpcf7 hr {
        margin: 13px!important
    }

    .cTextGroup .wpcf7-form-control-wrap {
        padding: 10.5px
    }

    .cTextGroup .wpcf7-form-control-wrap textarea,input[type=text] {
        line-height: 15px
    }

    div[style="padding:15px 0px;"] {
        padding: 10px 0!important
    }

    footer {
        padding: 88px 0 12px
    }

    .proposal h2.marginTop25p {
        margin-top: -37%%;
    }

    .capchabox {
        padding: 34px 0 3px!important
    }

    .capchabox .one_fifth {
        margin-left: -1px;
        width: 48%
    }

    .breakIt h2 .char10 .ani {
        background-size: 100% auto!important;
        margin-top: 11px !important;
    }

/*    .FontSize225{
        font-size:140% !important;
    }*/

    @-moz-document url-prefix() {
        #cuterubiks {
            max-height: 308px!important
        }

        .capchabox .one_fifth {
            margin-left: -2px;
            width: 48%
        }

        .capcha input[type=text] {
            height: 17px;
            font-size: 15px!important
        }
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 320px){

    .proposal h2.marginTop25p{
        margin-top: -30%;
    }

    .wpcf7-captchac {
        width: 174px;
        height: 37px;
    }

}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 321px) and (max-width: 480px){

    .proposal h2.marginTop25p {
        margin-top: 12%;
    }

    #the-microcreatives-team5 > div > .container{
        padding: 12px 25px 0;
    }

}